LLM注意
Claude Opus 4.6のチャットさんとの勉強会まとめです。
上手な目標の考え方
漠然と知りたがるより、その先の具体的な目的を
「何をしたい」から、その手段としての目標知識を学ぼうと思ったのか、それがないとモチベーションも続きにくいし軸がブレまくる。
具体的であればあるほど良い。
具体的な成果物の目標を小分けに出してみる
同じ難易度の目標ではなく、基礎的・単純な目標と、応用的・複雑な目標があるとステップアップしやすい。
目標が1つしかなかったら、その目標を分解して部品作りが単純な目標の候補になりやすい。
ただ、それが基礎なのか応用なのかなんて、よっぽど分かりやすくない限りは学ぶ前から正確に分かるわけがないので、その道の有識者などに確認を取るのが良い。
道筋の作り方
目標から逆算する
目標に直結する知識を逆算して並べ、難易度を考えて基礎から並べるのだろう、きっと。
「知りたいもの」と「作りたいもの」は分けて考えつつ、うまく交互に入れる
作る前に必要な知識→実際に作る→作ったことで実感の湧く知識、が腑に落ちやすいようだ。
実際のカリキュラム作成ログ
クロードさんからの質問
ひとつ確認しておきたいのですが、最終的に「こういうものが作れるようになりたい」というゴールイメージはありますか？ たとえば狐の窓のような既存プロジェクトの理解を深めたいのか、何か新しく自分で一つ作ってみたいのか、それとも「まずは手が動く状態になりたい」くらいの感覚か。道筋の組み方がだいぶ変わるので、ここだけ聞かせてください。
わーさんが最初に挙げた目標
幾つか目標があって、どの順番が良いのかは分からない、という前提。
- jsファイルを読み書きするときの基礎ルールを理解する。（インデントが関係するしないとかレベル含む）
- おみくじ感覚でオラクルカードを引くくらいのWebアプリを（資料見ながらでも）仕組みを理解して作成してみる。（オラクルは自作データあります）
- https://tabibito.yumegatari.com/arcselua/scenario02/ の仕組みを理解して、似たようなゲームを作成してみる。（これはシナリオから作らないといけないけれど）
- ViteとかVercelとかReactとかの応用事項の関連性を知る。
- フロントエンドメインのWebアプリの限界というか制限を知る。
- 既存プロジェクトの理解を深めていく。（多分これは終盤の目標）
クロードさんの組んだ今後の予定
NOTE
ここはクロードさんの立てた予定をほぼコピペしております。
第一段（土台づくり）— 3〜4回
JS構文の作法、変数・型、条件分岐・繰り返し・関数。ブラウザ開発者ツールとエラーメッセージの読み方もここで組み込む。VS Code＋ブラウザで手を動かす。
第二段（最初の作品：オラクルカード）— 3〜4回
配列・オブジェクト、DOM操作・イベント、組み立て〜完成。自作オラクルデータあり。「理解して作る」にちょうどいいサイズ。非同期処理（外部JSONからのデータ読み込み）は、データの持ち方を決めるときに必要になれば自然に扱う。
第三段（フロントエンドの制限）— 1回
静的サイトで何ができて何ができないか。データの永続化、認証、秘密情報の扱いなど。localStorageもここで触れると座りが良い。初回の静的・動的の知識と第二段の実体験を接続する座学回。
第四段（本格的な作品：シナリオおよびランダム要素のあるゲーム）— 5〜7回
状態管理の設計、フォーム・テーブルの動的生成、サイコロ判定、ログ蓄積、フェーズ進行。ここが一番重い。規模が大きくなったところでテストの概念とありがたみを座学で扱う。「ここ直したら別の場所が壊れた」を体験してからだと実感が伴う。シナリオ設計の時間は別。
第五段（ツールチェーンと応用）— 2〜3回
Node.jsの正体となぜ初心者鯖缶が泣くのか（バージョン管理地獄の仕組み）。パッケージ管理（npm）、Vite・Vercel・Reactの関連性整理。ここでテストツール（Jest/Vitestなど）を実際に触って書いてみる。Node.jsを入れる流れでツールも自然に導入できる。素のJSの苦労を体験した後なので、里々の喩えと合わせて「なぜフレームワークが欲しくなるのか」が実感として入るはず。
第六段（既存プロジェクトを読む）— 2〜3回
占星術ツールや狐の窓などのコードリーディング。対象の規模次第で増減あり。
合計：16〜22回。 大学の半期講座くらい。週1ペースで4〜5ヶ月、週2なら2〜3ヶ月。