プロンプトとリリース

プロンプトとリリース

AIビルダーからより良い結果を引き出し、作ったものを安全に本番環境へ届けるために。

• Google Playでアプリを公開する方法：Play Consoleの実際の手順 — Google Playでアプリを公開する方法。デベロッパーアカウント、アプリの作成、ストア掲載情報、アプリのコンテンツフォーム、12人のテスターによるクローズドテスト、本番リリースまでを解説します。
• App Storeでアプリを公開する方法：TestFlightから審査承認まで — App Storeでアプリを公開する手順。Developer Program、App Store Connect、TestFlight、ストア掲載情報、App Privacy、審査への提出と却下への対処を解説します。
• Google AI Studioの使い方：Playground、Build mode、Geminiでバイブコーディング — Google AI Studioの使い方を解説。PlaygroundでGeminiを試し、APIキーを取得し、Build modeでアプリを作る方法と、フルスタックビルダーに移る目安。
• バイブコーディングは安全か？実際のリスクと公開前に確認すべきこと — バイブコーディングは安全か？実際に起きるリスク（データ漏えい、鍵の露出、悪用）、秘密情報の守り方、公開前の30分チェックを解説します。
• 初心者向け vibe coding 入門：始め方をステップごとに解説 — 完全な初心者向けの vibe coding チュートリアル。ツール選び、最初のプロンプト、テスト、修正、公開まで、小さなアプリを午後1回で作ります。コード不要です。
• コピーして使える vibe coding プロンプト30選（早見表） — コピー＆ペーストで使える vibe coding プロンプト30選。最初の構築、計画、デザイン、データ、バグ修正、テスト、セキュリティ、公開の段階別にまとめました。
• ChatGPTで vibe coding：Canvas、Codex、ChatGPTからのアプリ開発 — ChatGPTでの vibe coding を解説。チャットでの手早い試作、実際のコードベース向けのCodex、Mythexを使ってChatGPTからDB付きアプリを作る方法まで。
• Claudeで vibe coding：Claudeチャット、Claude Code、Claudeからのアプリ開発 — Claudeで vibe coding する3つの方法。Claudeチャットでの手早いアプリ、プロジェクトでのClaude Code、MCPでClaudeからフルアプリを作って公開する方法。
• Webサイトをスマホ対応（レスポンシブ）にする方法 — Webサイトをスマホで使いやすくする方法。viewportタグ、モバイルファーストのレイアウト、画像の調整、タップ領域、表やフォーム、プロンプト例、テストのチェックリストを解説します。
• ウェブサイトにブログを追加する方法：選択肢、SEO、セットアップ — ウェブサイトにブログを追加する方法：Markdown ファイル、組み込みエディタ、CMS の比較、サブフォルダかサブドメインか、SEO の基本、AI で作るためのプロンプト。
• ウェブサイトにお問い合わせフォームを追加する方法（確実に届く設定） — 確実に動くお問い合わせフォームの作り方：メッセージの保存、メール通知、スパム対策、問い合わせを静かに失う間違い。プロンプト付き。
• アプリにデータベースを追加する方法（後でデータを失わないために） — 作ったアプリにデータベースを追加する方法。必要になるタイミング、Postgresとホスト型の選択肢、テーブル設計、使えるプロンプト、データを失う典型的なミスを解説します。
• アプリにAI機能を追加する方法 — LLM APIを使って、要約、チャット、データ抽出、分類をアプリに追加する方法。キーを安全に保ち、コストを抑え、出力の信頼性を確保します。
• アプリにアナリティクスを追加する方法：GA4、プライバシー重視ツール、プロダクト分析 — Webサイトやアプリにアナリティクスを追加する方法。Google Analytics 4、プライバシー重視のツール、プロダクト分析の比較、計測すべき項目、Cookie同意、使えるプロンプトを解説します。
• Webサイトにクッキー同意を追加する方法 — 利用者が同意するまでスクリプトを実際にブロックするクッキーバナーの追加方法：同意が必要なもの、CMPと自作の比較、Googleの同意モード、チェックリスト。法的助言ではありません。
• Webサイトやアプリにダークモードを追加する方法（白いちらつきなし） — ダークモードの追加方法：システム設定に従う、または切り替えスイッチを付ける、カラートークンを使う、読み込み時の白いちらつきを防ぐ、コントラストを確認する。プロンプト付き。
• アプリにファイルアップロードを追加する方法：ストレージ、制限、セキュリティ — 利用者が画像や文書をアプリにアップロードできるようにする方法。ファイルの保存場所、サイズと種類の制限、非公開ファイル、使えるプロンプト、よくあるミス。
• アプリにログインを追加する方法：パスワード、マジックリンク、Google、ロール — 作ったアプリにユーザーログインを追加する方法：メールとパスワード、マジックリンク、Googleでログイン、ロールと権限、セッションを安全に保つ方法。
• アプリに地図を追加する方法：埋め込み、インタラクティブマップ、店舗検索 — アプリに地図を追加する方法：無料の埋め込みとGoogle Maps、Mapbox、Leafletの比較、APIキー、無料枠の上限、ジオコーディング、使えるプロンプト、避けるべきミス。
• アプリやウェブサイトを多言語対応にする方法 — アプリを多言語化する方法を解説します。翻訳ファイル、言語切り替え、言語ごとのURL、hreflang、日付と通貨、右から左に読む言語のレイアウト、コンテンツの扱いまで網羅しています。
• アプリに通知を追加する方法：アプリ内通知、メール、プッシュ — Webアプリに通知を追加する方法を解説します。アプリ内のベル、メール、Webプッシュの比較、保存と送信の仕組み、ユーザー設定、利用者が煩わしく感じる失敗例まで扱います。
• アプリに決済を追加する方法：チェックアウト、サブスクリプション、Webhook — 自分で作ったアプリで決済を受け付ける方法を解説します。Stripe Payment Links、Checkout、サブスクリプションの比較、Webhook、テストモード、本番公開、税金に関する注意点を扱います。
• アプリにロールベースのアクセス制御（RBAC）を追加する方法 — アプリにロールと権限を安全に追加する方法を解説します。モデルの選び方、ロールの保存、すべてのリクエストでのサーバー側チェック、他人のデータが見えないことのテストまで扱います。
• アプリに検索を追加する方法：シンプルなフィルターから全文検索まで — アプリに検索を追加する方法を解説します。シンプルなフィルター、データベースの全文検索、ホスト型の検索エンジンのどれを選ぶべきか、使えるプロンプト、避けるべきミスを紹介します。
• Stripeでサブスクリプションを追加する方法：プラン、トライアル、Webhook、支払い失敗への対応 — Stripeで定期課金を追加する方法を解説します。サブスクリプションモードのCheckout、トライアル、カスタマーポータル、処理すべきWebhookイベント、カードが失敗したときの対応を扱います。
• アプリに二要素認証を追加する方法 — アプリに2FAを段階的に追加する方法を解説します。認証アプリのコード、パスキー、SMSの比較、登録、リカバリーコード、サーバー側のチェック、避けるべき失敗例を扱います。
• アプリのデータベースをバックアップする方法（実際に復元できる状態にする） — 小規模アプリ向けのデータベースバックアップの実践ガイド。対象データ、pg_dumpの使い方、頻度、保管場所、復元テストの方法を解説します。
• REST APIの作り方：設計、セキュリティ、デプロイ — REST APIをステップごとに作る方法：リソースとルート、HTTPメソッドとステータスコード、入力検証、認証、ページ分割、レート制限、ドキュメント、デプロイ。
• アプリやウェブサイトにカスタムドメインを接続する方法 — 独自ドメインをアプリやウェブサイトに接続する方法：ドメインの購入、追加するDNSレコード、HTTPS、wwwとルートドメインの違い、よくあるエラーの解決法を解説します。
• Googleスプレッドシートをアプリに接続する方法 — アプリからGoogleスプレッドシートを読み書きする方法：サービスアカウント、OAuth、APIキーの違い、Sheets API の呼び出し、上限、数式の安全性、データベースへの移行時期を解説します。
• AIで作ったアプリのデバッグ方法：実践的な手順 — AIで作ったアプリのバグを修正する手順：バグを再現し、エラーメッセージを読み、ブラウザの開発者ツールを使い、状況を的確に伝え、必要なら巻き戻す方法を解説します。
• AIで見栄えのよいアプリをデザインする方法 — AIに無個性ではなく考え抜かれたデザインのアプリを作らせる方法。参考例を集め、デザインの方向性を決め、文字・色・余白のルールを定めて、うまく反復する。
• AIで作ったアプリをエクスポートしてセルフホストする方法 — AIで作ったアプリのコードを取り出して別の場所で動かす方法。GitHubへのエクスポートや同期、シークレットの扱い、データベースの移行、ホストの選び方を解説。
• Webサイトやアプリをデプロイ後に出る404エラーの直し方 — ローカルでは表示されるのに、デプロイ後に404になる？ SPAのフォールバック、末尾のスラッシュ、大文字小文字の違い、ビルドファイルやAPIルートの不足を、手順どおりに直しましょう。
• Webアプリの真っ白な画面を直す方法 — Webアプリが真っ白な画面になる理由と直し方。コンソールを読み、ファイルの不足やベースパスの誤りを見つけ、環境変数を設定し、クラッシュやルーティングを直します。
• CORSエラーの直し方（そしてなぜ起きるのか） — CORSエラーの意味、ブラウザがクロスオリジンのリクエストをブロックする理由、そしてサーバー側での直し方（プリフライトと認証情報を含む）や、同一オリジンのAPIを使う方法を解説。
• アプリにClaude APIを組み込む方法 — Anthropic の Claude API をアプリに追加する方法。APIキー、Messages API、システムプロンプト、ストリーミング、429・529エラー、利用上限、安全なサーバー側の呼び出しを解説します。
• アプリにOpenAI APIを組み込む方法 — OpenAI APIを安全にアプリへ追加する方法。APIキーとプロジェクト、Responses API、サーバー側での呼び出し、ストリーミング、利用上限、レート制限、エラー処理を解説します。
• AIで作ったアプリを壊さずに改良する方法 — AIで作ったアプリを、小さな変更を1つずつ重ねて改良する方法。見えている状態を伝え、大きな変更は計画し、1つずつ確認して、問題があれば戻す方法を解説します。
• アプリでAPIキーを安全に保つ方法 — APIキーをコード、ブラウザ、チャットの外に保つ方法。シークレットとして保存し、サーバーでのみ使い、制限をかけ、漏えいしたキーはローテーションします。
• ウェブサイトをアクセシブルにする方法：WCAG 2.2の入門ガイド — 誰もがサイトを使えるようにする方法：意味のあるHTML、キーボード操作、コントラスト、代替テキスト、フォームとフォーカス。WCAG 2.2 AAに照らしてチェックリスト付きで解説。
• ウェブサイトを速くする方法：実践的なチェックリスト — まず計測し、サイトを遅くしている原因を直す：画像、JavaScript、フォント、サードパーティのスクリプト、サーバーの応答。Core Web Vitalsの目標とAI向けプロンプト付き。
• コンテンツと検索順位を失わずにWordPressサイトを移行する方法 — WordPressサイトを新しいプラットフォームへ移行します。URLの一覧化、投稿とメディアの書き出し、デザインの再構築、コンテンツのインポート、301リダイレクトの設定、DNSの安全な切り替えを解説します。
• LovableからMythexへの移行方法（コード、データ、ドメイン） — LovableのアプリをMythexへ手順どおりに移行します。GitHub経由でコードを取り出し、バックエンドとデータの扱いを決め、インポートし、シークレットを再登録して公開するまでを解説します。
• アプリのホスティング費用を下げる方法 — アプリのホスティング料金を抑える方法：何が動いているかを確認し、使われていないアプリやデータベースをスリープさせ、無駄なポーリングをやめ、帯域幅を減らし、使われていないものを削除します。
• AIが生成したコードをレビューする方法：チェックリスト — AIが書いたコードを実用的にレビューする方法。何が変わったかを確認し、動作をテストし、サーバー側の権限チェック漏れ、漏えいした秘密情報、存在しないAPIを探します。
• Webアプリでバックグラウンドジョブを動かす方法：キュー、スケジューラー、cron — Webアプリでバックグラウンドジョブと定期実行ジョブを動かす方法。プロセス内のタスク、データベースのキュー、ホスト型のジョブサービス、外部スケジューラーを、メリットと欠点を正直に比べて解説します。
• アプリからメールを送る方法（受信トレイに届けるために） — アプリから確実に届くメールを送る方法。トランザクションメールとマーケティングメールの違い、送信サービスの選び方、SPF・DKIM・DMARCの設定、到達率の基本を解説します。
• アプリのステージング環境を構築する方法 — ステージング環境の構築方法。アプリの2つ目のコピーを、専用のデータベース、テスト用キー、専用URLで用意し、実際のユーザーが変更を目にする前に確認できるようにします。
• ウェブサイトにGoogleアナリティクス4を設定する方法 — Googleアナリティクス4を段階的に設定する方法。アカウント、プロパティ、ウェブデータストリーム、Googleタグ、シングルページアプリのページビュー、キーイベント、同意の管理を解説します。
• ウェブサイトにGoogle Search Consoleを設定する方法 — サイトをGoogle Search Consoleに追加する方法。ドメインプロパティとURLプレフィックスプロパティの選び方、所有権の確認、サイトマップの送信、重要なレポートの読み方を解説します。
• AIで作ったプロトタイプを本番運用するまで — AIで作ったプロトタイプを、実際のユーザーが安心して使えるアプリにする方法。テスト、セキュリティ、エラー監視、バックアップ、速度、引き継ぎを解説。
• アプリを公開前にテストする方法：実践的なリリース前計画 — 小規模アプリ向けのリリース前テスト計画。主要な操作の流れ、エッジケース、権限、スマホ、決済、公開URLのテストを、完了用チェックリスト付きで解説。
• AIで作ったアプリでGitを使う方法 — AIで作ったアプリにGitを使う方法。動作する変更ごとにコミットし、分かりやすいメッセージを書き、危険な作業はブランチで行い、AIが壊したら安全に元に戻します。
• AIで作ったアプリで開発者と協働する方法 — AIで作ったアプリに開発者を迎えるには：コードとコンテキストへのアクセスを渡し、誰が何を変更するかを決め、作業範囲を明確にして、所有権を自分で保つ方法。
• 良いバグレポートの書き方（AIや開発者向け） — 一度で修正されるバグレポートの書き方：分かりやすいタイトル、正確な再現手順、期待と実際の結果、エラーメッセージ、環境、スクリーンショット。
• AIアプリビルダーへのプロンプトの書き方（修正前後の例付き） — AIアプリビルダーに、意図どおりのものを作らせるプロンプトのパターン。含めるべきこと、省くべきこと、修正前後の例、改善の進め方を解説します。
• ユーザーストーリーの書き方（例と受け入れ基準付き） — 開発者やAIビルダーがそのまま作業できるユーザーストーリーの書き方。「〜として、〜したい、それによって〜」の形式、受け入れ基準、分割の方法、良い例と悪い例を解説します。
• AIで作ったアプリのセキュリティチェックリスト：公開前に確認すべきこと — AIで作ったアプリの実践的なセキュリティチェックリスト：ログインと権限、シークレット、入力の検証、ユーザーごとのデータ、レート制限、依存関係、バックアップ。
• AIで作ったWebサイトのSEO：本当に重要なこと — AIで作ったシングルページアプリが検索で苦戦する理由と、その解決策：プリレンダリング、タイトルとメタタグ、サイトマップ、構造化データ、速度とコンテンツ。