for developers
AI時代の開発効率を
10倍にするツール集。
仕様整理、実装開始、AIコーディング管理、動作確認、公開準備まで。AI開発を前に進めるためのツールを、使う場面ごとにまとめました。
Why these tools
AIで開発は速くなりました。ただ、仕様整理、環境構築、複数タスク管理、動作確認、公開準備など人間側がボトルネックになっているところも目立ち始めています。自分自身もAIを使った開発を2年以上続けながら自ら使うツールを作ってきました。
仕様を固める
バイブコーディングの前に、仕様を固める。AIは少しずつ作りながら進めると破綻しやすい。最初にどれだけ仕様を詰められるかで、その後の開発がスムーズになります。
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にスマホでアクセスして、そのまま画面をリモート操作。ベッドの中で。カフェで。電車の中で。
スマホからPCへ入り、そのまま開発の続きまで追える。
リモート確認スマホからPCを遠隔操作。Cursor、ターミナル、ブラウザの動作確認までスマホから。スマホで扱いやすい機能とUIを揃えました。
サイトを見る公開素材を作る
ストア画像をiOS・Android・多言語分、毎回手作りするのが大変でした。デザイナーじゃない自分には余計に。
スクショを上げるだけで、ストア掲載画像をまとめて作る。
公開スクショをアップするだけで、App Store / Google Play向けの掲載画像をAIが自動生成。iOS・Android両対応。
サイトを見る集中環境を整える
いつもの机を、最高の集中空間に。心地よい音楽とキャラが一緒に作業するアニメーションで、いつでもどこでも集中できる環境をつくれます。
音と空気感を整えて、作業に入りやすい状態を作る。
集中Bonus
ポモドーロ＋Lo-fiミュージック。ピクセルアートのキャラクターと一緒に、作業に入りやすい空気をつくります。パソコン作業のおともに。
サイトを見るBlog
個人開発クリエイター。サービスを40個以上つくりMENTAなど売却多数。新規サービスをどんどんだしてます。AI時代に自分でプロダクトをつくって生きていくための情報を発信。
AIを使って業務の効率化や新しいプロダクト開発のお手伝いをランサーズLLMラボでお受けします。
詳しく見る