Projects
A collection of 7 works.

frontend-basic-2024-todoapp
todo-app
学生ITコミュニティPlayGroundのFrontendコース課題。Reactの基礎(Atomic Design, Storybook)を学ぶためのTodoアプリ。
const learned =
"AtomicDesignの設計思想を学び各コンポーネントを作成しました。親から子へのPropsバケツリレーや、useContextを用いたデータ共有(グローバルなテーマ設定など)を理解しました。また、LocalStorageを使ってブラウザにデータを永続化する実装も行いました。"

TalkOne
talk-one
Zenn主催 AI Agent Hackathon 提出作品。AIともマッチングする匿名通話アプリ。
const learned =
"Flutter/Dartに初挑戦し、Cursorを用いたバイブコーディング開発を実践。デザイン実装の難しさや、チーム開発(2人)でのスケジュール調整の重要性と楽しさを学びました。"

kindly-sns
kindly-sns
チクチク言葉を柔らかい言葉に変換してくれる、優しい世界を目指すSNS。
const learned =
"生成AIをSNSの投稿フローに組み込むUXを設計。ネガティブな感情をポジティブに変換するアルゴリズムの調整に注力しました。"

Todo Bingo
progate-hackathon
夏休み暇になった時に、夏らしいやることを提案してくれるビンゴ形式のタスクアプリ。
const learned =
"ハッカソンという短期間での開発において、MVP(Minimum Viable Product)を定義し、優先順位をつけて実装するプロセスを経験しました。"

BloomWatch (FioreSakura)
nasa-spaceapps
NASA Space Apps Challenge 2025 提出作品。気候データを用いた桜の開花予測アプリケーション。
const learned =
"オープンデータの活用方法と、データを可視化してユーザーに伝えるUI/UXの重要性を学びました。英語でのプレゼンテーション資料作成にも挑戦しました。"

bsky-webcam-bot
bsky-bot
Bluesky内で9時間おきに世界中のWebカメラ画像をランダムで投稿するBot。
const learned =
"APIの呼び出し処理やデータ取得の実装だけでなく、GitHub Actionsを用いたサーバーレス運用の構築に苦戦しました。特にリポジトリ認識までのラグ(約3日)や、Cron実行の時間の誤差(±20分)など、運用して初めて分かる知見を得ました。"

darkmochaBlog
blog
現在閲覧中のこのポートフォリオブログ。VS CodeのUIを再現。
const learned =
"Next.js App Routerの深い理解と、コンポーネント設計、そして「遊び心」を形にするCSS力が向上中です。"