やさしい敬語変換
いつもの言葉を、ちょうどいい丁寧さに変換するWebツール。話しかけたい言葉を入力するだけで、簡易ルールベースで丁寧な言い回しに変換します。
開発プロセス
- 要件整理
- Claude Codeで実装
- 動作確認
AI Development Portfolio
AIで、つくる。
Claude Code などの AI を活用して開発したツール・アプリの実績をまとめています。
Works
これまでにAIを活用して開発した成果物です。
AIによる自律開発ログ
「やさしい敬語変換」を作った際の、Claude Code の /goal 機能による自律開発ログです。要件確認からテストまでを自動で進めています。
自律開発の流れ
- 要件確認
- 実装
- テスト
- 完了報告
このサイトができるまで
Built with AI — テキストと対話だけで、このサイトができるまでの流れです。
1
要件定義
2
デザイントークン設計
3
実装
4
レビュー・公開
依頼
ポートフォリオサイトを作って
Claude Code
構成案とデザイントークンを提示
依頼
Worksセクションを充実させて
Claude Code
実装・確認まで完了
数十往復
制作にかかったやり取りの目安
数日
構成〜公開までの制作期間の目安
0行
手で書いたコードの行数
使っているAIツール
開発で活用しているAIツールと、Claude Codeの機能です。
Claude Code
対話しながらコードを書いてくれるAI開発パートナー。
このサイトでの活用: HTML/CSSの実装全般
Core ToolカスタムSub-agent
目的別に役割を分けた、専門特化したAIチームのような仕組み。
このサイトでの活用: コードベース調査・プラン作成・レビューの分業
Sub-agent/goal 機能
要件確認〜実装〜テストまでを自律的に進める機能。
このサイトでの活用: やさしい敬語変換の自律開発(Works参照)
自律開発WebSearch連携
最新情報を調べながら記事や実装に反映する調査機能。
このサイトでの活用: 競合記事・デザイン参考の調査
調査AI活用の変遷
これまでのAIツール活用の移り変わりです。
2023
ChatGPTで文章作成・アイデア整理を開始
思いついたことをAIとの壁打ちで整理できるようになった
2024
コーディング支援AIを使い始める
簡単なスクリプトやWebページを自分で書けるようになった
2025
Claude Codeでエージェント型開発に移行
まとまった機能の実装を任せられるようになった
2026
カスタムSub-agent構成による自律開発
役割分担した複数のAIで開発を回せるようになった(本サイト・やさしい敬語変換)
Notes
AI活用の考え方についての短いメモです。今後、SEOブログ記事を書くたびにここへ追加していきます。
このサイトをAIとの対話だけで作った話
構成案・デザイントークン設計・実装まで、コードを書かずにClaude Codeと対話だけで進めた制作記録です。
2026.08
Sub-agentに仕事を任せる設計思想準備中
役割を分けたAIエージェントに、どこまで・どう任せるかの考え方をまとめます。
プロンプトより"問い"を設計する準備中
良い指示よりも、良い問いを立てることの方が結果を左右するという話をまとめます。
/goal機能で自律開発を回すコツ準備中
要件確認からテストまでを任せる際に気をつけていることをまとめます。
About
AIツールを活用しながら、アイデアを形にする個人開発に取り組んでいます。
このサイト自体もAIとの対話を通じて構築しました。
コードを一から書くよりも早く形にできること、そして作りながら学べる面白さから、AIとの対話を中心にした開発スタイルを選んでいます。
現在公開中のツールは2件、今後も少しずつ増やしていきます。