難易度★:静的サイト系
ポートフォリオサイト、ブログ、ランディングページなど、HTMLとCSSが中心の制作物から始めましょう。Next.jsの静的サイト生成機能を使えば、モダンな技術に触れながら制作できます。
Vercelにデプロイすれば、独自ドメインで公開することも簡単です。
難易度★★:CRUD系アプリ
メモアプリ、書籍管理、レシピ投稿サイトなど、データの作成・読み取り・更新・削除ができるアプリに挑戦しましょう。Supabaseを使えば、バックエンドの構築も比較的容易です。
ユーザー認証を追加すると、より本格的なサービスになります。
難易度★★★:API連携系
天気予報アプリ、ニュース集約サービス、AI要約ツールなど、外部APIと連携するアプリは技術力のアピールになります。Claude APIを使ったチャットボットも人気があります。
API連携の経験は実務で頻繁に求められるスキルです。
作る際の注意点
「何を作るか」よりも「なぜ作るか」が重要です。自分や身近な人の課題を解決するものを作ると、面接で説得力のあるプレゼンテーションができます。
完成したら必ずGitHubに公開し、READMEに概要・技術スタック・工夫した点を記載しましょう。