AI × Portfolio Studio

AIと一緒に、アイデアを小さく形にする。

Webサイト制作、業務自動化、Chrome拡張機能などを、AIとの対話を通じて制作している個人開発ポートフォリオです。相談しながら、あとから育てられる形に整えていきます。

私について

専門用語よりも、まずは「困っていること」を一緒に整理します。

大学院では環境都市工学を学び、技術コンサルタント会社を経て教育業界へ。現在も教育に関わる仕事を続けながら、日々の仕事や学びをもっとわかりやすく、続けやすくする仕組みづくりを考えています。

  • 小さく始める: まずは一番困っている作業から、無理のない範囲で形にします。
  • わかりやすく残す: 後からAIに相談して直しやすい、シンプルな構成を優先します。
できる化ラボ運営者かんのドット絵アイコン

かん

できる化ラボ 運営 / AIディレクター

2026年春からAIエージェントを本格的に使い始め、Webサイト制作、業務自動化、教育現場にも応用できる小さなツールなどをAIと一緒に作っています。

制作実績

AIと一緒に作ったもの

デモ作品や実用ツールを、ポートフォリオとして少しずつ蓄積していきます。

W

Webサイト

やさいのミカタ

CodexWeb制作情報整理

野菜の選び方、保存方法、下ごしらえをスマホですぐ確認できるガイドサイトです。

診断サイト

今日の冷奴診断

CodexChatGPTWeb制作

8つの質問から、100種類の冷奴アレンジの中から今日の気分に合う3品を提案するサイトです。

C

Chrome拡張機能

QRコード作成Chrome拡張機能

Chrome拡張機能AntigravityAI活用

コードが書けない状態から、AIとの対話だけで初めて作ったChrome拡張機能です。

できること

相談できる制作領域

複雑なシステムよりも、日々の仕事を少し軽くする実用的な制作を得意としています。

Webサイト制作

Astroを使い、表示が速く、あとからAIに相談して直しやすいサイトを作ります。

詳しく見る →

業務自動化

スプレッドシートや日々の入力作業など、繰り返しの多い作業を小さく自動化します。

詳しく見る →

Chrome拡張機能

普段使うブラウザに、必要なボタンや入力補助を追加する小さなツールを作ります。

詳しく見る →
進め方

相談から制作までの流れ

いきなり大きく作らず、確認しながら少しずつ形にします。

01

困りごとの整理

作りたいもの、減らしたい作業、今の運用方法を一緒に確認します。

02

小さな試作

まずは一番大切な画面や機能を作り、実際の使い心地を見ます。

03

調整して公開

文言や見た目を整え、運用しながら育てられる状態にします。

ブログ

制作メモと学習記録

AIとの制作過程、Astroで詰まったこと、ツール作りの考え方をまとめています。

【実録】Antigravityの複数PC同期・トークン爆発の罠を回避!自律ルールで育てる最強AI開発環境

【実録】Antigravityの複数PC同期・トークン爆発の罠を回避!自律ルールで育てる最強AI開発環境

Antigravityとの対話から生まれた、複数PC環境でのGit同期・トークン節約・自律ルール自動構築のリアルな試行錯誤と解決策の実録。

#AI#Antigravity#Git#開発環境#自律エージェント
記事を読む →
Antigravityの残量をタスクバーで確認できるツールを作りました

Antigravityの残量をタスクバーで確認できるツールを作りました

Antigravityの利用枠をいつでも確認できるよう、Windowsのタスクバーに残量を表示する常駐ツールをAIと制作した記録です。

#Antigravity#Codex#AI活用#バイブコーディング#ツール開発
記事を読む →
AntigravityとCodexで作った、10秒連打とバトルで遊べる「連打バトルウォッチ」

AntigravityとCodexで作った、10秒連打とバトルで遊べる「連打バトルウォッチ」

子どもの頃に遊んだ連打測定器をヒントに、10秒測定と全10ステージのバトルを楽しめるWebゲームをAIと制作した記録です。

#Codex#Antigravity#AI活用#Web制作#バイブコーディング
記事を読む →
ChatGPTとCodexで作った、100種類から選ぶ「今日の冷奴診断」

ChatGPTとCodexで作った、100種類から選ぶ「今日の冷奴診断」

ChatGPTのDeep Researchで集めた100種類の冷奴レシピを整理し、8つの質問から今日の気分に合うトップ3を提案する診断サイトを制作した記録です。

#Codex#ChatGPT#AI活用#Web制作#バイブコーディング
記事を読む →
ChatGPTとCodexで作った、野菜選びと保存を助けるサイト「やさいのミカタ」

ChatGPTとCodexで作った、野菜選びと保存を助けるサイト「やさいのミカタ」

ChatGPTのDeep Researchで情報を集め、Codexとの対話を重ねながら、野菜の選び方と保存方法をスマホですぐ確認できるサイトを制作した記録です。

#Codex#AI活用#Web制作#バイブコーディング
記事を読む →
楽天市場の領収書を一括保存したい。AIと何度も作り直して分かったこと

楽天市場の領収書を一括保存したい。AIと何度も作り直して分かったこと

楽天市場と楽天ブックスの領収書を一括保存するChrome拡張機能に挑戦し、失敗と作り直しを重ねた記録です。

#Chrome拡張機能#Antigravity#バイブコーディング#AI活用
記事を読む →
お問い合わせ

まずは小さな相談からどうぞ。

「この作業を自動化できる?」「今のサイトをもう少し管理しやすくしたい」など、まだ整理しきれていない段階でも大丈夫です。

送信が完了しました

お問い合わせありがとうございます。内容を確認のうえ、通常24時間以内にご返信いたします。