KOMORI TAKAFUMI | ポートフォリオ

KOMORI TAKAFUMI

AI×フロントエンド×AI講師

AIの使い方~MVP開発、運用までを伴走。

Skills

これまでに培ってきた主なスキル一覧。

React

コンポーネントや状態管理、仮想DOMを用いて、動的で使いやすいUIを構築します。

Next.js

ルーティングやレイアウト、APIルートを活用して、高速で柔軟なWebアプリを構築します。

TypeScript

静的型付けによってコードの可読性と信頼性を高め、保守性の高い開発を実現します。

Tailwind CSS

ユーティリティクラスを活用し、モダンで美しいデザインを効率的に実装します。

Node.js

サーバーサイドでJavaScriptを実行し、動的で拡張性のあるアプリケーションを開発します。

Vercel

ゼロ設定でデプロイが可能。自動スケーリングやサーバーレス機能に対応したモダンなホスティング環境を提供します。

AI

使用できる AI の一覧。

ChatGPT (OpenAI)

会話生成・要約・コード補助などを幅広く対応。API連携で各種機能を実装します。

Claude (Anthropic)

長文の読解・要約・仕様作成に強み。堅実な推論で設計〜ドキュメントを支援します。

Gemini (Google)

Google 連携が強み。検索・Docs/Sheets 連携や生成でワークフローを効率化します。

Midjourney

高品質な画像生成。キービジュアルやモック作成、アイデアの可視化に活用します。

Cline

リポジトリ操作・タスク駆動のコード支援。LLM と連携した開発効率化を行います。

Cursor

Cursor

AI ペアプロに最適な IDE。対話でコード生成/修正しつつリファクタを進めます。

Projects

これまでに手がけた主要なプロジェクトや成果を紹介します。

img
Interview Buddy - AI

Gemini AI を活用したHR/応募者向けの面接練習・質問作成支援ツール。

Web Dev
Frontend
Generative AI
Automation
API
img
NanoBanana Studio

日本語プロンプトからインスタ向けのシーン画像とセルフィー風画像をまとめて生成。

Web Dev
Frontend
Generative AI
API
img
保育だより・連絡帳 下書きAI

保育現場向けに「おたより」「連絡帳」の下書きを素早く作れる Next.js 製の PoC。

Web Dev
Frontend
Generative AI
Automation

Experience

これまでのキャリアの流れや経験をまとめています。