AI Agent Interactive Guide
運用中
AIエージェントの概念・従来の生成AIとの違い・メリット・デメリット・ハルシネーション対策を、インタラクティブなUIで体験できるガイドサイト。
Next.js
TypeScript
TailwindCSS
Three.js
Framer Motion
GSAP
担当範囲
企画・要件定義・UI設計・実装・公開を担当
工夫・実装ポイント
- ChatからAgentへの変化を体験型UIで表現
- CLI風アニメーションでAIエージェントの実行プロセスを可視化
- RAG・引用・承認・監査ログによるハルシネーション対策をアニメーション化
課題と対応
情報サイトではなく、AIを触っているような没入感を出すため、スクロール連動・パーティクル・ターミナル演出を組み合わせて設計。
ITエンジニア向けのポートフォリオを自動生成できるWebツール。AIヒアリングで職務経歴を構造化し、HTMLポートフォリオとしてサブドメイン公開まで一気通貫で完結。
FastAPI
OpenAI API
Python
Jinja2
AWS Lightsail
Nginx
工夫・実装ポイント
- AIヒアリングによる職務経歴の自動構造化
- HTML自動生成でポートフォリオページを即時公開
- サブドメイン払い出しによる個別URL発行
ネットワーク診断・AI支援・開発者ツールを集約したエンジニア向けWebプラットフォーム。L2障害切り分け・VLAN検証・JWT解析など25以上のツールを搭載。
FastAPI
OpenAI API
SQLite
Python
Jinja2
AWS Lightsail
工夫・実装ポイント
- OpenAI API を活用したネットワーク障害自動診断
- SQLite による分析履歴の保存・参照機能
- ストリーミング対応の AI チャット実装
課題と対応
複数ツールの統一的なUI設計と、OpenAI APIのコスト最適化が課題。プロンプト設計で精度とトークン数のバランスを調整。
最新トレンドを AI が分析・可視化するプラットフォーム。data-axis.net で稼働するトレンド分析ツール。
Python
AI
AWS
工夫・実装ポイント
- AIによるトレンドデータの自動収集・分析
- リアルタイムな情報の可視化
AI を活用した監視・モニタリングプラットフォーム。data-axis.net で稼働する分析ツール。
Python
AI
AWS
工夫・実装ポイント
- AIによる異常検知・監視自動化
- ダッシュボードでの状態可視化
X（Twitter）の運用戦略を AI がサポートするチャット型ツール。投稿戦略・分析・コンテンツ立案を支援。
FastAPI
OpenAI API
Python
AWS
工夫・実装ポイント
- チャット形式でX運用戦略を AI が提案
- 投稿内容・タイミング・分析をサポート
インフラ×アプリ×AIを扱うエンジニアのポートフォリオサイト。FastAPI + Jinja2 によるサーバーサイドレンダリング構成で AWS Lightsail 上で稼働。
FastAPI
Jinja2
Python
CSS
AWS Lightsail
Nginx
担当範囲
設計・デザイン・実装・デプロイを単独で担当
工夫・実装ポイント
- JSON ベースのデータ管理でコンテンツ更新を容易化
- ターミナル風デザインをピュアCSSで実装
- モバイル対応レスポンシブレイアウト
Power Apps キャンバスアプリで作る匿名掲示板のソースと導入手順。画面YAML、Power Fx、SharePoint のテストデータ登録コードを閲覧・コピーできます。
Power Apps
Power Fx
YAML
SharePoint
PnP.PowerShell
工夫・実装ポイント
- 3画面分のYAMLを掲載
- Power Fx の設定手順とコードをコピー可能
- 全ソースを個別またはZIPでダウンロード
Power Apps キャンバスアプリで作る、派手な演出つきのおみくじ。単体版とSharePoint連携版の画面YAML・Power Fx・構築手順を公開。
Power Apps
Power Fx
YAML
SharePoint
PnP.PowerShell
工夫・実装ポイント
- 抽選結果に応じて札・後光・紙吹雪が変化する演出
- 単体版とSharePoint連携版の2段階で構築可能
- ソースファイルを検索・閲覧・コピー可能
Outlookの予定と連携して稼働実績を記録するPower Appsアプリ。日・週・月のカレンダー画面、休暇予定の表示、SharePoint構築スクリプト、導入手順を閲覧・コピーできます。
Power Apps
Power Fx
YAML
SharePoint
Office 365 Outlook
PnP.PowerShell
工夫・実装ポイント
- 日・週・月のカレンダーから予定の登録・編集・実績確定
- Outlookの予定を稼働実績として取り込み、SharePointに保存
- SharePointの休暇予定をカレンダーに表示（休暇・午前休・午後休・時間休・代休・明け休・在宅）
- 画面YAML・構築スクリプト・手順書の全11ファイルを検索・閲覧・コピー可能
Power Appsで作る座席表デモ。フロア図の拡大・縮小、社員検索、プロフィール、週の予定表のソースと導入手順を閲覧・コピーできます。
Power Apps
Power Fx
YAML
Python
工夫・実装ポイント
- 60席のフロア図と51名の仮データで座席・出社状況を表示
- 名前・部署検索、プロフィールカード、週の予定表に対応
- マニュアル・YAML・Power Fx・生成スクリプトの全6ファイルを検索・閲覧・コピー可能
Power Apps・Power Automate・AI Builderで作るAIチャットのソースと構築手順。画面YAML、Power Fx、プロンプト、日本語UIのフロー作成手順を閲覧・コピーできます。
Power Apps
Power Automate
AI Builder
Power Fx
SharePoint
工夫・実装ポイント
- 通常・要約・翻訳・メール作成・アイデア出しの5モード
- デモ応答版・AIフロー接続版・SharePoint会話保存版を収録
- 全15ファイルを検索・閲覧・コピー可能
Power Apps 座席表（Excel連携版）
公開中
Excelの休暇予定を平日30分おきにSharePointへ差分反映する座席表アプリ。座席表・座席管理・チーム休暇の3アプリのソースと導入手順を閲覧・コピーできます。v4.1（2026-09-30更新）。
Power Apps
Power Fx
Excel
SharePoint
Office Scripts
Power Automate
PnP.PowerShell
工夫・実装ポイント
- 既存のOfficeスクリプトとPower Automateで、平日8:00〜17:30の30分おきに休暇予定をSharePointへ差分反映
- 58席の座席表・座席管理・チーム休暇の3アプリ。チーム休暇は日間・週間・月間に対応
- 全31ファイルの内容を掲載。ソース検索・閲覧・コピー、座席配置図の閲覧に対応
Power Apps 座席表（Excel連携 V2）
公開中
Excelテーブルから休暇・在宅予定を直接読み込む座席表アプリ。Office スクリプトによる同期とExcel保存時の自動同期、座席管理、チーム休暇の単体アプリのソースと導入手順を閲覧・コピーできます。v2.1（2026-09-30更新）。ファイル配布はありません。
Power Apps
Power Fx
Excel
SharePoint
Power Automate
Office Scripts
工夫・実装ポイント
- tblLeaveImport を直接参照。SeatLeaveSyncによる手動同期とExcel保存時の自動同期に対応し、2026年の月別シートを1年分取り込み
- Office スクリプトの日付見出し判定・区分の絞り込み・重複行の後始末を改善。同じ内容の書き込みを省略し、同期中のボタン連打を防止
- 58席の座席表・座席管理・チーム休暇の3アプリ。チーム休暇は日間・週間・月間に対応
- 全32ファイルの内容を検索・閲覧・コピー可能。個別ファイル・ZIPのダウンロード機能なし
Power Apps 業務ポータル
ソース公開・動作未検証
座席表と稼働実績入力を統合し、役職に応じてホーム画面が切り替わる業務ポータル。構築手順・デモ台本・ソースを閲覧・コピーできます。v1（2026-10-01）、Studioでの動作は未検証。ファイル配布はありません。
Power Apps
Power Fx
SharePoint
Office 365 Users
PnP.PowerShell
担当範囲
アプリ設計・実装・構築手順とデモ台本の作成
工夫・実装ポイント
- 発表者・一般社員・派遣社員・主査・課長／課長補佐の役職別ホームと座席表・稼働実績の6画面
- 参加者の状況確認、全員への案内、役職変更、表示の切り替え、デモ管理を収録
- 全32ファイルを検索・閲覧・コピー可能。個別ファイル・ZIPのダウンロード機能なし