🚀 Rails Learning の使い方

🔰 手順

1. Mac は command + D、Windows は Ctrl + Dを押してみましょう。Rails Learningがブックマーク登録されます。
2. ブックマークバーにドラッグして常時表示するとさらに早く、サイトにアクセスできます。

🔰 手順

1. 画面右上の「≡」から「新規登録」を選択し、アカウント登録を行なってください。
2. メール / Google / GitHub のいずれからでも登録・ログインが可能です。

💡 ポイント

• 外部認証（ Google や GitHub ）でログインすると、登録後、簡単にログインができるようになります。
• アカウント作成後、メール / Google / GitHub どれでログインしても、同一メールアドレスであれば、同じアカウントとして扱われます。
• GitHub で登録しておくと、将来の Rails 学習やコード共有と親和性が高いです。

🔰 手順

1. メニューから CodeLibrary をタップし、Code Library 画面に遷移します。
2. タイトルや説明文をキーワードにして、検索フォームから目的のコードを検索します。
3. 並び替えで「人気順」「利用数順」「新着順」を切り替えられます。
4. 気になるコードがあればタップして、コードページ（詳細画面）へ遷移しましょう。
5. 各コードページで、「このデータを利用する」ボタンを押すことで、コードエディタ画面に遷移し、コードを利用することができます。

🎯 学びを深くするコツ

• コードを理解する → 少し変える → 変化を見るの 3 ステップを繰り返すことで、そのコードに対する理解度が上がります。
• 詰まった箇所はメモし、用語を調べてみましょう！
• 復習したい内容ができたら、PreCode 機能を使ってみましょう！

🔰 手順

1. メニューから PreCode をタップし、PreCode 画面に遷移します。
2. 画面右上の「PreCode 新規作成」をタップします。
3. 「タイトル」「コードの説明（用途や補足）」「コード本体」を入力し、「登録」ボタンをタップします。
4. 保存後は一覧に追加され、クリックで詳細を確認できます。
5. 詳細画面の「このデータを利用する」ボタンを押すことで、コードエディタ画面に遷移し、コードを利用することができます。

💡 ポイント

• 学習メモや頻繁に使うコードを保存・利用することで学習の効率化が図れます。
• 自分が復習するためのミニ問題を作成することで、効率的に知識を定着させられます。

💻 やること

1. 学習した内容を PreCode に問題としてまとめ、翌日、解いてみましょう。
2. Code Library で、同テーマの問題を探し、学んだ知識を応用して使ってみるのも良い学習法です。

🧩 理由

• 人は 1 日で覚えた内容の 74 %を忘れてしまいます（エビングハウスの忘却曲線）。
• 覚えたことを忘れないように復習を重ね、知識を定着させましょう。

🔰 手順

1. iPhone：Safari でサイトを開く → 共有 → ホーム画面に追加できます。
2. Android：Chrome で開く → メニュー → ホーム画面に追加できます。
3. スキマ時間を使って、学習を進め、学習の効率化を図りましょう。

🔰 手順

1. 画面右上の「≡」から「新規登録」を選択し、アカウント登録を行なってください。
2. メール / Google / GitHub のいずれからでも登録・ログインが可能です。

🎯 ポイント

• 外部認証（ Google や GitHub ）でログインすると、登録後、簡単にログインができるようになります。
• アカウント作成後、メール / Google / GitHub どれでログインしても、同一メールアドレスであれば、同じアカウントとして扱われます。
• GitHub で登録しておくと、将来の Rails 学習やコード共有と親和性が高いです。

🔰 手順

1. メニューからRails Booksをタップし、Rails Books画面に遷移します。
2. 一覧画面から、学習したい章を選択します（初学者は１章の初級編から）。
3. 各章を読み進めながら、学習を進めます。

💡 ポイント

• すべての章の初級編を読み終わってから、各章の中級編（作成中）、上級編（作成中）に取り掛かることを推奨します。
• 一部の章には「FREE」ラベルがあり、未ログイン状態でも閲覧可能です（ログインすれば全ての章を閲覧できます）。
• Rails初学者〜初心者に向けた、Railsの全体像を知るための教科書で、基礎から体系的に学習を進められます。
• RUNTEQ生は、Rails入門〜応用の補助に利用できます。

🔰 手順（初心者向け）

1. Rails Books 各ページの末尾にあるクイズへのリンクをクリックします。
2. 先ほど学習した内容と対応したクイズが出題されるので、解いていきます。
3. 全問正解（最低でも８割以上正解）するまで挑戦しましょう！
4. 学習内容を記憶できたら、Rails Booksの次のページを読み進めましょう。

💡 ポイント

• 正答率が８割以上になるまで反復することで、Rails Booksの内容を正確に理解・記憶した状態で、次のページに進むことができます。
• クイズの正解率によって、結果画面の画像や文字が変わるかも…！？全問正解を目指して挑戦してみよう！！
• クイズ機能はあくまで学習内容を”覚える”ための機能です。ここからさらにプログラミング力を上げるならアプリ制作に挑戦してみましょう！

🔰 手順（初心者向け）

1. Rails Books 1章の「環境構築」〜「アプリをつくてみよう🎶」で、アプリ作成の流れや基本コマンドを学びましょう。
2. Rails Books 14章で、手順に沿ってアプリを作成し、実際の開発の流れを理解しましょう。
3. 最後に、自分の力で、設計〜開発までやってみましょう！（ミニアプリ開発）

💡 ポイント

• プログラミング学習は、アプリ開発と並行して行うことで、学習の理解度を大きく上げることができます。
• 実装中の不明点や発生したエラーはメモをとっておき、後で復習しましょう。

💻 やること

1. スキマ時間にRails Booksやクイズ機能を使って、復習を行いましょう！
2. そして、学習した内容を PreCode に問題としてまとめ、翌日、解いてみましょう。
3. Code Library で、同テーマの問題を探し、学んだ知識を応用して使ってみるのも良い学習法です。

🧩 理由

• 人は 1 日で覚えた内容の 74 %を忘れてしまいます（エビングハウスの忘却曲線）。
• 覚えたことを忘れないように復習を重ね、知識を定着させましょう。

🔰 主な使い方

1. メニューからRails Booksをタップし、Rails Books画面に遷移します。
2. 一覧画面から、学習したい章を選択します（初学者は１章の初級編から）。
3. 各章・各ページを読み進めながら学習を進めます。
4. 各ページごとにクイズへのリンクがあるので、そのページの内容を理解したらクイズに挑戦しましょう！

🎯 ポイント

• すべての章の初級編を読み終わってから、各章の中級編（作成中）、上級編（作成中）に取り掛かることを推奨します。
• 人はアウトプットすることで、記憶が定着します。各ページの末尾にあるクイズやシェア機能を利用してガンガンアウトプットしましょう！
• 一部の章には「FREE」ラベルがあり、未ログイン状態でも閲覧可能です（ログインすれば全ての章を閲覧できます）。
• Rails初学者〜初心者に向けた、Railsの全体像を知るための教科書で、基礎から体系的に学習を進められます。
• RUNTEQ生は、Rails入門〜応用の補助に利用できます。

🔰 主な使い方

1. Rails Booksを読んで、内容を理解します。
2. Rails Booksの各ページの末尾にクイズへのリンクがあるので、そこからクイズに挑戦しましょう！
3. 全問正解（最低でも８割以上正解）するまで挑戦しましょう！
4. 学習内容を記憶できたら、Rails Booksの次のページを読み進めましょう。

💡 ポイント

• 正答率が８割以上になるまで反復することで、Rails Booksの内容を正確に理解・記憶した状態で、次のページに進むことができます。
• クイズの正解率によって、結果画面の画像や文字が変わるかも…！？全問正解を目指して挑戦してみよう！！
• クイズ機能はあくまで学習内容を”覚える”ための機能です。ここからさらにプログラミング力を上げるならアプリ制作に挑戦してみましょう！

🔰 主な使い方

1. 「初期データ」と書かれているプルダウンからサンプルコードを選択します（任意）。
2. コードエディタ欄に自由にコードを入力してください。
3. 「実行」ボタンを押すと、下部の出力欄に実行結果が表示されます。

❓ 初期データとは？

• 初期データとは、コードエディタのエディタフォームに、あらかじめ登録しておいたコード断片（スニペット）を自動入力する機能です。
• 詳しくは、ページ下部の「よくある質問」か、PreCode or Code Libraryの「🔰 初めての方へ」を参照してください。

🎯 ポイント

• 学習中のコードを気軽に試す場として利用してください。
• テーマ切り替えボタンで、ダーク / ライトモードを切り替えられます。
• PreCode機能やCode Library機能と併用することで、Rubyやpaiza学習の効率を上げることができます。
• 選択した初期データが「問題モード」の場合、問題タイトル・問題文・ヒント・解答・解答コード欄が表示されます。

❓ 問題モードとは？

• 自分もしくは、他ユーザーが作成したRubyやアルゴリズムのプログラミング問題です。実力試しに解いてみましょう🎶

🔰 主な使い方

1. メニューから PreCode をタップし、PreCode 画面に遷移します。
2. 画面右上の「PreCode 新規作成」をタップします。
3. 「タイトル」「コードの説明（用途や補足）」「コード本体」を入力し、「登録」ボタンをタップします。
4. 保存後は一覧に追加され、クリックで詳細を確認できます。
5. 詳細画面の「このデータを利用する」ボタンを押すことで、コードエディタ画面に遷移し、コードを利用することができます。
6. 編集・削除も可能です。

❓ 初期データとは？

• 初期データとは、コードエディタのエディタフォームに、あらかじめ登録しておいたコード断片（スニペット）を自動入力する機能です。
• 詳しくは、ページ下部の「よくある質問」か、PreCode or Code Libraryの「🔰 初めての方へ」を参照してください。

🎯 ポイント

• 学習メモや頻繁に使うコードを保存・利用することで学習の効率化が図れます。
• 「問題モード」を選択すると、問題タイトル・問題文・ヒント・解答・解答コード欄が表示されます。

❓ 問題モードとは？

• 自分もしくは、他ユーザーが作成したRubyやアルゴリズムのプログラミング問題です。実力試しに解いてみましょう🎶
• あとで復習したい内容を「問題モード」として保存しておくと、スキマ時間で簡単に復習することができます！

🔰 主な使い方

1. メニューから CodeLibrary をタップし、Code Library 画面に遷移します。
2. タイトルや説明文をキーワードにして、検索フォームから目的のコードを検索します。
3. 並び替えで「人気順」「利用数順」「新着順」を切り替えられます。
4. 気になるコードがあればタップして、コードページ（詳細画面）へ遷移しましょう。
5. 各コードページで、「このデータを利用する」ボタンを押すことで、コードエディタ画面に遷移し、コードを利用することができます。

❓ 初期データとは？

• 初期データとは、コードエディタのエディタフォームに、あらかじめ登録しておいたコード断片（スニペット）を自動入力する機能です。
• 詳しくは、ページ下部の「よくある質問」か、PreCode or Code Libraryの「🔰 初めての方へ」を参照してください。

🎯 ポイント

• コードを理解する → 少し変える → 変化を見るの 3 ステップを繰り返すことで、そのコードに対する理解度が上がります。
• 学習仲間がどんなコードを利用しているのか参考にできます。
• 他ユーザーが作成した問題を利用して、手軽にRubyやpaizaの学習ができます。
• 選択した初期データが「問題モード」の場合、問題タイトル・問題文・ヒント・解答・解答コード欄が表示されます。

❓ 問題モードとは？

• 自分もしくは、他ユーザーが作成したRubyやアルゴリズムのプログラミング問題です。実力試しに解いてみましょう🎶
• あとで復習したい内容をPreCodeで「問題モード」として保存しておくと、スキマ時間で簡単に復習することができます！