for developers
AIとつくってきた、
道具と試行錯誤の記録。
これまでご覧いただき、ありがとうございます。過去に開発したツールや記事を、活動の記録として引き続きご覧いただけます。
Why these tools
AIで開発は速くなりました。ただ、仕様整理、環境構築、複数タスク管理、動作確認、公開準備など人間側がボトルネックになっているところも目立ち始めています。自分自身もAIを使った開発を2年以上続けながら自ら使うツールを作ってきました。
仕様を固める
バイブコーディングの前に、仕様を固める。AIは少しずつ作りながら進めると破綻しやすい。最初にどれだけ仕様を詰められるかで、その後の開発がスムーズになります。
Archive
AIと壁打ちしながら、抜け漏れのない仕様書を作る。
設計バイブコーディング前の仕様の壁打ちから仕様書作成まで。AIが不足点を聞き返しながら、抜け漏れのない仕様書を一緒に作ります。
サイトを見る土台をすぐ作る
Webサービスを作るたび、認証・決済・DB・メールの初期設定に時間を取られていました。
新規販売終了・既存ユーザー様のご利用は継続
認証も決済もDBも、30分で土台まで整える。
初期構築Next.js + NeonAuth + Stripe + Neon DB + Resend。環境設定するだけで30分以内にWebサービスの土台が整うボイラープレート。
サイトを見るAI実装を管理する
Claude CodeやCodexを複数プロジェクト・タスクで動かすと、どれで何を進めててどうなったか分からなくなりがち。それらを統合管理するためにつくりました。
開発・新規提供終了
Claude CodeとCodexを、ひとつの画面で俯瞰する。
実装管理Claude CodeとCodexを扱いやすいUIで。プロジェクト・タスク・ステータスをひとつの画面で俯瞰し、人間は開発判断に集中できます。
サイトを見る外から確認する
開発を、ポケットに。Mac、Windowsにスマホでアクセスして、そのまま画面をリモート操作。ベッドの中で。カフェで。電車の中で。
Archive
スマホからPCへ入り、そのまま開発の続きまで追える。
リモート確認スマホからPCを遠隔操作。Cursor、ターミナル、ブラウザの動作確認までスマホから。スマホで扱いやすい機能とUIを揃えました。
サイトを見る公開素材を作る
ストア画像をiOS・Android・多言語分、毎回手作りするのが大変でした。デザイナーじゃない自分には余計に。
スクショを上げるだけで、ストア掲載画像をまとめて作る。
公開スクショをアップするだけで、App Store / Google Play向けの掲載画像をAIが自動生成。iOS・Android両対応。
サイトを見る集中環境を整える
いつもの机を、最高の集中空間に。心地よい音楽とキャラが一緒に作業するアニメーションで、いつでもどこでも集中できる環境をつくれます。
音と空気感を整えて、作業に入りやすい状態を作る。
集中Bonus
ポモドーロ＋Lo-fiミュージック。ピクセルアートのキャラクターと一緒に、作業に入りやすい空気をつくります。パソコン作業のおともに。
サイトを見るBlog
Google Stitchは使えるか。モック作成で見えた限界
GoogleのAIデザインツールStitchを実際に使って検証。Webページ単体では既存AIと大差ないが、スマホアプリのモックアップ作成では強みがある。案出しツールとしての実力と限界を整理します。
AIと働くClaude Codeの始め方と通常チャットとの使い分け——ターミナル・Desktop・Web・IDEの全形態を整理
Claude Codeは、ターミナル、Claude Desktop、ブラウザ、IDEで使えるAIコーディングツールです。通常のClaudeチャットとの違い、導入手順、CursorやCopilotとの併用パターンまで、実務視点で整理しました。
AIと働くClaude CodeはWebで使えるか。非エンジニアの始め方と限界点
Claude CodeはCLI中心のツールですが、現在は公式のWeb版も存在します。ただしWeb版はGitHub連携のクラウド実行が中心で、ローカルのターミナル版とは役割が異なります。非エンジニアでも使えますが、最初の導入や要件の言語化には少し慣れが必要です。
個人開発クリエイター。サービスを40個以上つくりMENTAなど売却多数。新規サービスをどんどんだしてます。AI時代に自分でプロダクトをつくって生きていくための情報を発信。
AIを使って業務の効率化や新しいプロダクト開発のお手伝いをランサーズLLMラボでお受けします。
詳しく見る