Projects

学生ITコミュニティPlayGroundのFrontendコース課題。Reactの基礎（Atomic Design, Storybook）を学ぶためのTodoアプリ。

React · TypeScript · Atomic Design · Storybook

Atomic Designの設計思想をもとに各コンポーネントを実装しました。親から子へのPropsのバケツリレーや、useContextを用いたグローバルなデータ共有を理解し、LocalStorageによるデータの永続化も実践しました。

Zenn主催 AI Agent Hackathon 提出作品。AIともマッチングする匿名通話アプリ。

Flutter · Dart · Firebase · Gemini · Google Cloud · Agora

Flutter/Dartに初挑戦し、Cursorを活用したバイブコーディングで開発を加速させました。レーティングシステムやAIエージェント連携など複雑な機能を2人チームで実装する中で、スコープの切り分けやスケジュール管理の重要性を実感しました。

チクチク言葉をDeepSeek APIで優しい言葉に変換してくれる、穏やかな投稿を促すSNS。

Next.js · TypeScript · DeepSeek API

５人でのチーム開発で、GitHubを使ったブランチ管理やプルリクエストによるコードレビューを実践しました。ログイン・サインアップ画面の実装やAPI連携、ホーム画面（タイムライン）を担当し、先輩からのレビューを通じて実務に近い開発フローを経験できました。

夏休みの暇つぶしに、AIが夏らしいお題を生成してくれるビンゴ形式のタスクアプリ。

Next.js · TypeScript · React · PostgreSQL · DeepSeek API

ハッカソンという短期間の開発で、MVPを定義して優先順位をつけながら実装するプロセスを経験しました。DeepSeek APIで自然言語からビンゴカードを生成するなど、AIをプロダクトに組み込む設計も学びました。

NASA Space Apps Challenge 2025 提出作品・最優秀賞受賞。NDVIや全天日射量などの気候データを用いた桜の開花予測アプリケーション。

Python · Data Analysis · NASA API

5人チームで実質2人での開発となる中、お互いにカバーし合いながら最優秀賞を獲得できました。NASAのオープンデータ活用や気候データの可視化、英語でのプレゼン資料作成など、幅広いスキルに挑戦した経験になりました。

Bluesky内で9時間おきに世界中のWebカメラ画像をランダムで投稿するBot。

Python 3.12 · GitHub Actions · atproto · Windy API

APIの呼び出しやデータ取得の実装だけでなく、GitHub Actionsを用いたサーバーレス運用の構築に苦戦しました。リポジトリ認識までのラグ（約3日）やCronの時間誤差（±20分）など、実際に運用して初めてわかる知見を得ました。

フロントエンド・Unity・旅行記を記録するブログ。

Next.js 15 · Tailwind CSS · MDX

microCMSなどのヘッドレスCMSを使わず、MDXから直接記事を取得する仕組みを自前で構築しました。柔軟なカスタマイズ性を活かしつつ、効率的なコンポーネント設計やApp Routerの深い理解につながりました。