Projects

Gemini 3登場後のSEO環境変化を可視化したインタラクティブスライド。 検索クエリの変化、コンテンツ戦略の転換、技術的SEO要件の進化を アニメーション付きグラフとチャートで解説。

GitHub TrendingとWikipedia Pageviews APIを活用し、AIプロジェクト・画像生成・動画生成ツールの トレンドランキングを自動収集・可視化。GitHub Trendは毎日9時、AI画像/動画ランキングは3時間ごとに 自動更新。Gemini API翻訳機能により全ての説明文を自然な日本語で提供。

SP500とFANG+指数の価格推移を同時に可視化。Cyberpunk Matrix風とSynthwave Retro風のデザインで、 日次・週次・月次の時間軸切り替え機能を実装。Chart.jsによるリアルタイム更新とCSS3アニメーション。

AI駆動によるフロントエンド開発によって独自のBIイメージを作成。 デザインコンセプトからの実装経験を活かし、 本格的なビジネスインテリジェンスツールとしての実用化にも対応可能。

AI駆動で作成したクラウドサービスのシェア率レーシングバーチャート。 AWS、Azure、Google Cloudの市場シェア推移を動的に可視化し、 時系列データの変化を直感的に理解できるインタラクティブな分析ツール。

SageMaker、Snowflakeを活用したエンドツーエンドの分析基盤。 顧客セグメンテーション、売上予測モデルを統合し、 効率的なデータ分析ワークフローを実現しています。

Claude Code Maxプラン活用による100%個人開発の音楽・ポッドキャスト配信プラットフォーム。Firebase AuthenticationとCloud Firestoreによるユーザー管理から、プレイリスト・フレンド登録・音楽トラックのシェア機能など包括的なユーザー体験を提供。Progressive Web App技術によるオフライン再生対応、レスポンシブデザイン・ダークモードでデザインされたUI/UXを提供。SUNO AIで作成したAI音楽もシェア機能を追加予定。

X.comからAI関連のバズツイートを自動収集・分析するリアルタイムダッシュボード。5つのドメイン（AI開発ツール・AI創作物・AIモデル・AIニュース・AIナレッジ）にツイートを自動分類し、エンゲージメント推移・トップキーワード・インフルエンサーランキングを可視化。GitHub Actions自動収集（6時間ごと）+ Chart.js動的可視化により、AI業界のトレンドをリアルタイムで把握できます。

Claude Codeに統合された自動コードレビューサブエージェントシステム。 ユーザーの「レビュー」指示やコード変更後にプロアクティブに実行される Task toolベースの独立エージェント。コード品質・セキュリティ・ベストプラクティス・ パフォーマンス・エラーハンドリングを多角的に検証し、実装の妥当性を自動評価。 CLAUDE.md統合により、セッション開始時から自動起動プロトコルが有効化され、 継続的なコード品質維持を実現。

Claude Codeのタスク実行時に、ずんだもんボイスで進捗・完了を音声通知するMCPサーバー。 VOICEVOX APIとNode.jsを活用し、タスク状態（開始・進行中・完了・エラー）を 100文字以内の簡潔なメッセージで音声化。クロスプラットフォーム対応で、 Windows/Mac/Linuxで動作。音声速度・話者選択も設定可能。 開発作業中のハンズフリー進捗確認を実現し、作業効率を大幅に向上。

Claude Code のイベント駆動型Hook機能を活用した完全自動GitHub Issue報告システム。 SessionEnd HookとToolResult Hookにより、タスク完了・ツール実行を自動検知し、 GitHub Issue #1へリアルタイム報告を投稿。Node.jsとPythonの連携により、 ユーザーの手動指示を完全排除した自動化ワークフローを実現。 開発プロセスの完全な追跡可能性と継続的なドキュメント化を達成。

Zenn投稿記事を高品質音声で朗読するWebアプリケーション。 Google Cloud TTS（Neural2音声）とVOICEVOXによる自然な音声合成、 チャンク分割による長文対応、再生速度調整・シーク機能を実装。 GitHub Pagesで配信し、複数記事のプレイリスト再生に対応。 レスポンシブデザインでモバイル・デスクトップ両対応。

GPT-5の単一プロンプトで生成されたeスポーツ大会のランディングページ。 ネオン効果、HTML5 Canvas動画、インタラクティブトーナメント表を統合。 Google Cloud Runでの本格運用により、高トラフィック対応とスケーラビリティを実現。 ICSカレンダーエクスポート機能でイベント管理も完全対応。

GPT-5プロンプトから生成された本格的な2Dスペースシューティングゲーム。 リアルタイム物理エンジン、知的AI敵船、パーティクルエフェクトを統合。 HTML5 Canvasによる60FPS描画で滑らかなゲームプレイを実現。 Cloud Runでのスケーラブル配信により、グローバルマルチプレイヤー対応可能。

AIアシスタントの記憶を永続化するメモリ管理システム。 セッション追跡、コード例保存、洞察記録機能により、継続的な開発体験を実現。 JSONベースのデータ構造でセッション間の情報共有を可能にします。

Cursor IDE、Claude Code、GitHub Copilotを活用したAI駆動開発環境の構築。 効率的なコード生成、デバッグ、ドキュメント作成を可能にする統合ワークフロー。

RAG（Retrieval-Augmented Generation）技術を活用した社内FAQ検索システム。 過去の問い合わせデータをベクトル化し、自然言語での質問に対して最適な回答を提示。 従業員の問い合わせ対応時間を大幅に削減し、知識共有を促進。

日常的なデータ処理、レポート生成、ファイル管理を自動化するPythonスクリプト集。 Excel処理、メール送信、ファイル同期等の実務タスクを効率化。 GitHub Actionsによるスケジュール実行で完全自動化を実現。

複数のWebサイトから情報を自動収集・分析するスクレイピングシステム。 BeautifulSoup、Seleniumを活用し、動的コンテンツも対応。 収集データをLLMで自動分類・要約し、構造化された情報として出力。

Suno AIで楽曲制作、Midjourneyでビジュアル生成、Canvaで動画編集を行ったオルタナティブロックトラック。 AI生成ボーカルとAI制作による楽曲の組み合わせです。 複数のAIツールを駆使した、クリエイティブワークフローの実践例としてもご覧いただけます。

Kling AI Image to Video技術で生成したAI動画作品を展示するメディアポートフォリオ。 漆黒から青みがかった黒へのグラデーション背景、ゴールド・ブラウン系のアクセントカラーで 高級感のあるギャラリーデザインを実現。AI生成動画の可能性を視覚的に表現。

雑誌のような洗練されたエディトリアルデザインを採用したWebギャラリー。 Bodoni Modaセリフフォント、大胆なタイポグラフィ、全画面プロジェクトセクション、 視差スクロール効果により、印刷物のような高級感を実現。 各プロジェクトに専用の背景画像とアニメーション効果を配置し、 ポートフォリオサイトに適したビジュアル表現を追求。

2130年のネオン輝く東京を舞台にしたサイバーパンクアニメのランディングページ。 ネオンブルー(#00f3ff)・ネオンピンク(#ff006e)のグラデーション、 パーティクルアニメーション、グリッチエフェクトによる近未来的な演出。 Canvas API実装のパーティクル背景、スムーススクロール、 レスポンシブデザインにより、サイバーパンク世界観を完全再現。