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で詰まったこと、ツール作りの考え方をまとめています。

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

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

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

#Chrome拡張機能#業務自動化#バイブコーディング
記事を読む →
コードを書かない開発スタイル「バイブコーディング」とは?

コードを書かない開発スタイル「バイブコーディング」とは?

プログラミングが全くできなくても、AIと対話するだけでWebサイトやツールを作れる時代になりました。その実践方法とコツについて解説します。

#バイブコーディング#AI活用#初心者向け
記事を読む →
お問い合わせ

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

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

送信が完了しました

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