このステップのゴール
選んだ分野で「人に見せられる作品」を1つ以上完成させる。
3つのコース
デザインコース
「見た目を整えるのが楽しかった」人へ
- UIデザインの基礎(使いやすさの設計)
- 配色 ― 色の選び方・組み合わせ方
- レイアウト ― 情報の並べ方・余白の使い方
- Figma応用 ― デザインカンプ(完成見本)の制作
作品例: 架空のお店のサイトデザイン一式、アプリ画面のデザイン、バナーのシリーズ制作
フロントエンドコース
「ページが動くのが楽しかった」人へ
- JavaScript発展 ― 配列・オブジェクト・非同期
- API利用 ― 天気予報など外部データの取得と表示
- Git基礎 ― 変更履歴の管理と公開(GitHub)
- レスポンシブ対応 ― スマホでもきれいに表示
作品例: 天気予報アプリ、検索つきの図鑑サイト、GitHubで公開する自分の作品集
プログラミングコース
「仕組みや自動化に興味がわいた」人へ(希望者向け)
- Python入門 ― 読みやすい人気言語の基礎
- CLI基礎 ― 黒い画面(コマンド)の使い方
- データ処理基礎 ― 表データの集計・変換
- 自動化入門 ― 繰り返し作業をプログラムに任せる
作品例: ファイル整理の自動化ツール、家計簿データの集計プログラム、簡単なテキストゲーム
コース選びのヒント
| こんな気持ちになった | 向いていそうなコース |
|---|---|
| Figmaで設計図を描くのが楽しかった。色や配置が気になる。 | 🎨 デザインコース |
| JavaScriptで画面が動いた瞬間がうれしかった。作品を公開してみたい。 | 🖥️ フロントエンドコース |
| 仕組みそのものが気になる。面倒な作業を自動化したい。 | ⚙️ プログラミングコース |
もし迷ったら、スタッフと一緒に、Step 1の「興味マップ」と、Step 2・3で楽しかった課題を、振り返って決めましょう。選び直しはいつでもできるので、まず1つ選んで動き出すことを大切にしましょう。
コース別の詳しいカリキュラム
コースを選んだら、自分のコースのページへ進みます。どのページも、基礎の部分はやさしく、発展チャレンジで手応えが出る作りです。行をクリック(タップ)すると、コースのページが開きます。ログインしていると、終わったコースに ✓ がつきます。
このステップの振り返りチェック
コースのカリキュラムを終えたら、ここで全体を振り返りましょう。