DARKMOCHA_BLOG
EXPLORER
{}Projects.json
TSXlayout.tsx

Projects

A collection of 7 works.

frontend-basic-2024-todoapp

frontend-basic-2024-todoapp

todo-app

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

ReactTypeScriptAtomic DesignStorybook

const learned =

"AtomicDesignの設計思想を学び各コンポーネントを作成しました。親から子へのPropsバケツリレーや、useContextを用いたデータ共有(グローバルなテーマ設定など)を理解しました。また、LocalStorageを使ってブラウザにデータを永続化する実装も行いました。"

TalkOne

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

FlutterDartFirebaseAI Agent

const learned =

"Flutter/Dartに初挑戦し、Cursorを用いたバイブコーディング開発を実践。デザイン実装の難しさや、チーム開発(2人)でのスケジュール調整の重要性と楽しさを学びました。"

kindly-sns

kindly-sns

kindly-sns

チクチク言葉を柔らかい言葉に変換してくれる、優しい世界を目指すSNS。

Next.jsOpenAI API

const learned =

"生成AIをSNSの投稿フローに組み込むUXを設計。ネガティブな感情をポジティブに変換するアルゴリズムの調整に注力しました。"

Todo Bingo

Todo Bingo

progate-hackathon

夏休み暇になった時に、夏らしいやることを提案してくれるビンゴ形式のタスクアプリ。

ReactGoHackathon

const learned =

"ハッカソンという短期間での開発において、MVP(Minimum Viable Product)を定義し、優先順位をつけて実装するプロセスを経験しました。"

BloomWatch (FioreSakura)

BloomWatch (FioreSakura)

nasa-spaceapps

NASA Space Apps Challenge 2025 提出作品。気候データを用いた桜の開花予測アプリケーション。

PythonData AnalysisNASA API

const learned =

"オープンデータの活用方法と、データを可視化してユーザーに伝えるUI/UXの重要性を学びました。英語でのプレゼンテーション資料作成にも挑戦しました。"

bsky-webcam-bot

bsky-webcam-bot

bsky-bot

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

Python 3.12GitHub ActionsatprotoWindy API

const learned =

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

darkmochaBlog

darkmochaBlog

blog

現在閲覧中のこのポートフォリオブログ。VS CodeのUIを再現。

Next.js 16Tailwind CSSMDX

const learned =

"Next.js App Routerの深い理解と、コンポーネント設計、そして「遊び心」を形にするCSS力が向上中です。"