Projects
Tool Survey Report
AIエージェントを用いてツールの情報を収集・公開するJekyllサイト。
実装で工夫している点:
検索・フィルタリング機能とレスポンシブなUI、SEO対応を実装。
Jekyll
Sass
Jules
GitHub Actions
GitHub
Share DeepResearch
Google GeminiによるDeepResearchの結果を共有・公開するためのGitHub Pagesサイト。
実装で工夫している点:
GitHub ActionsでGA4のメトリクスを自動更新し、コンテンツの人気度を可視化。
Jekyll
Gemini API
GitHub Actions
GitHub
Mermaid Editor GenAI
自然言語の指示でMermaidダイアグラムを生成・編集できるWebアプリケーション。
実装で工夫している点:
ファイルアップロードによる既存ダイアグラムの解析・更新機能。
Next.js
React
TypeScript
Gemini API
GitHub
SVG Editor GenAI
自然言語の指示でSVG画像を生成・編集できるWebアプリケーション。
実装で工夫している点:
CodeMirrorと連携し、リアルタイムでのコード編集とプレビューを実現。
Next.js
React
TypeScript
Gemini API
GitHub
Voicevox2Video
URLやテキストから対話シナリオを生成し、VOICEVOXで音声と字幕付き動画を自動生成するツール。
実装で工夫している点:
対話の雰囲気や絵文字に応じてBGMや動画エフェクトを自動適用する機能。
Python
Gemini API
VOICEVOX
ffmpeg
GitHub
Bluesky BOTs
技術トレンド自動収集・発信システム
各種技術サイトのトレンド情報をAIが要約し、Blueskyへ自動投稿するBOT群です。
実装で工夫している点:
Webスクレイピングと生成AIを組み合わせ、最新技術トレンドを自動でSNS発信。各BOTは独立して動作し、異なる情報源からトレンドを収集・発信しています。
Python
Gemini API
GitHub Actions
Bluesky API
Archived Projects
Live Stream Summarizer
YouTubeライブ配信をAIが自動要約するWebサイト。ファンが多くのコンテンツに触れる機会を創出します。
実装で工夫している点:
全ての処理を無料サービス（GitHub Actions, Gemini API, GitHub Pages）のみで実現。
Gemini API
GitHub Actions
GitHub