AI × Portfolio Studio

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

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

私について

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

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

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

かん

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

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

制作実績

AIと一緒に作ったもの

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

コピペ自動転記 Chrome拡張機能

Chrome拡張機能 GAS 業務自動化

Webページ内の情報を検出し、ワンクリックでGoogleスプレッドシートへ転記する拡張機能です。

Astro静的サイト変換アシスタント

Astro WordPress移行 静的化

既存サイトの情報を整理し、軽くて管理しやすいAstroサイトへ移し替えるための制作メモです。

ChatGPT回答要約 & 記録ツール

Notion連携 AI活用

AIとのやり取りを要約し、あとから見返せる制作ログとして保存するためのツール構想です。

できること

相談できる制作領域

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

Webサイト制作

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

詳しく見る →

業務自動化

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

詳しく見る →

Chrome拡張機能

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

詳しく見る →
進め方

相談から制作までの流れ

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

01

困りごとの整理

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

02

小さな試作

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

03

調整して公開

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

ブログ

制作メモと学習記録

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

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

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

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

#Codex#ChatGPT#AI活用#Web制作#バイブコーディング
記事を読む →
ノンコーダーがAIで作った「スプレッドシート転記用Chrome拡張機能」

ノンコーダーがAIで作った「スプレッドシート転記用Chrome拡張機能」

ブラウザ上の特定のデータをスプレッドシートに1クリックで転記するChrome拡張機能を、AIとのやり取りだけで2時間で完成させた開発レポートです。

#Chrome拡張機能#業務自動化#バイブコーディング
記事を読む →
お問い合わせ

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

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

送信が完了しました

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