毎日の練習方法は？

✅ 回答

「何をやるか」を毎回考えるから手が止まる。ルーティンを決めてしまうのが一番の解決策です。

30分ルーティン（平日用）

時間	やること	目的
最初の5分	昨日のコードを開いて読む	復習・思い出し
次の15分	レッスンを1つ進める	新しい知識のインプット
最後の10分	学んだことで何か1つ変える・作る	アウトプット

この「復習→インプット→アウトプット」の流れを固定すると、「今日は何しよう…」と悩む時間がゼロになります。

「最後の10分」で何を作る？ — ネタ切れ防止リスト

学習段階に応じた「小さなアウトプット」の例：

HTML学習中：

• 今日学んだタグを使って、自己紹介ページに1セクション追加する
• 好きなWebサイトの構造を見て、同じタグ構成を真似してみる
• 学校の時間割を <table> で作ってみる

CSS学習中：

• 昨日作ったHTMLに色・余白・フォントを追加する
• ボタンのデザインを3パターン作ってみる
• スマホ表示に対応させてみる

JavaScript学習中：

• ボタンを押したら文字が変わる仕組みを作る
• 入力欄の文字数をリアルタイムで表示する
• ダークモード切り替えボタンを実装する

休日の過ごし方（1〜2時間あるとき）

平日のルーティンとは別に、休日は「まとまったもの」を作る時間にします。

• 自己紹介ページを1ページ完成させる
• 学園祭サイトの1セクションを作る
• 気になるWebサイトの一部を模写する

続かないときの対処法

• ハードルを下げる — 「30分やる」ではなく「VS Codeを開く」をゴールにする。開けば自然と触り始める
• 時間を固定する — 「夕食後すぐ」「お風呂の前」など、既存の習慣にくっつける
• 記録をつける — カレンダーに「やった日」に印をつける。連続記録が途切れたくなくて続く

完璧にやる必要はありません。「今日は5分しかできなかった」でも、ゼロよりはるかにマシ。触り続けることが上達の唯一の条件です。

具体的な10分メニュー例

【月曜】HTML: 新しいタグを1つ覚えて使ってみる
【火曜】CSS: 昨日のHTMLにスタイルを追加
【水曜】JS: console.logで計算してみる
【木曜】復習: 月〜水の内容を見直す
【金曜】ミニ作品: 学んだことで小さなものを作る
【土日】自由: 作りたいものを作る or 休む

「何をやるか」を事前に決めておくと、迷う時間がなくなって続けやすくなります。

習慣化のコツ

トリガーを決める：「夕食後に10分」「通学電車で記事を読む」など、既存の習慣にくっつける。

ハードルを下げる：「VS Codeを開くだけ」でもOK。開いたら自然とコードを書き始める。

記録する：GitHubの草、カレンダーにマル、学習アプリの連続日数。「途切れさせたくない」が動機になる。

「やる気がない日」の対処法

やる気がない日は「1行だけ書く」ルールにしましょう。VS Codeを開いて console.log("今日もやった") と書くだけでOK。不思議なことに、1行書くと「もう少しやろうかな」となることが多いです。それでもダメなら休む。休んでも「挫折」ではありません。