Source: https://ailoot.ai/blog/ja/topics/website-app-delivery/ Canonical: https://ailoot.ai/blog/ja/topics/website-app-delivery/ Language: ja # Webサイト・アプリの開発と公開 製品要件をテストできる機能に落とし込み、画面とセキュリティを確認して、デプロイ、監視、以前のバージョンへの復旧手順を準備します。 データの入力から結果の取得まで、一つのユーザー操作を完成させましょう。機能実装、テスト、機密情報の保護、公開手順に加え、サイトやアプリの公開後に確認する項目を解説します。 [Markdown](https://ailoot.ai/blog/ja/topics/website-app-delivery/index.md) - [**Claude Codeで一晩でアニメーション付きウェブサイトを作る方法** Claude Codeでアニメーション付きウェブサイトを作る際の、テンプレート化を避けるルール、ビジュアルの方向性、GSAP、アクセシビリティ、パフォーマンスのテストについて解説します。](https://ailoot.ai/blog/ja/animated-website-claude-code/) - [**AstroとNext.js：2026年、AIで構築するウェブサイトにはどちらを選ぶべき？** AIエージェントが構築するウェブサイトにおけるAstroとNext.jsの比較です。用途、構造、ホスティング、費用、学習曲線を取り上げ、シナリオ別の選択表も掲載しています。](https://ailoot.ai/blog/ja/astro-vs-nextjs-for-ai-built-sites/) - [**2026年、Claude Codeにデータへのアクセスを許可しても安全でしょうか？** 徹底分析：2026年、Claude Codeにデータへのアクセスを許可しても安全でしょうか？](https://ailoot.ai/blog/ja/claude-code-data-access-safety/) - [**Vibe Codingのセキュリティ：AIで作ったアプリを守る方法** AIで作ったアプリがハッキングされるのを防ぐ方法：LovableとTeaの情報漏えい、シークレットとキーの保護、RLS、エージェントの権限、公開前のセキュリティチェックリスト。](https://ailoot.ai/blog/ja/vibe-coding-security/) - [**AIにデータベースを削除された：7分間の復旧計画** データを削除された後にすべきこと：エージェントを停止し、インシデントを記録し、git reflog、PITR、スナップショット、ファイル復旧を使います。具体例と防止策。](https://ailoot.ai/blog/ja/ai-deleted-database-recovery/) - [**AIで製品を作った—動いているものを壊さずに改善する方法** リリース後の安全な製品保守：git、ロールバック、ステージング、シークレット保護、ホスティング、バックアップ、継続的な保守。6つのプロンプトはすべてそのまま収録。](https://ailoot.ai/blog/ja/ai-product-maintenance-after-launch/) - [**Astroとは？2026年にAIで作るウェブサイトに使う理由** Astroをわかりやすく解説します。このフレームワークの概要、Tildaとの違い、適したサイトの種類、AIにサイトを作らせる場合に必要な理由を紹介します。](https://ailoot.ai/blog/ja/astro-framework/) - [**Claude Code GitHub Actionの脆弱性：更新すべき内容とリポジトリを保護する方法** v1.0.94より前のclaude-code-actionの脆弱性を分析します。ワークフローのチェック、ツールの制限、最小権限のトークン、CI/CDの保護について解説します。](https://ailoot.ai/blog/ja/claude-code-github-action-security/) - [**Claude Design：ガイドと実践的な5つのシナリオ** 機能、料金、デザインシステム、ランディングページ、プレゼンテーション、プロトタイプ、HTMLメール。エクスポート、制限事項、成果物をClaude Codeに引き継ぐ方法。](https://ailoot.ai/blog/ja/claude-design-guide/) - [**Codex Sites：社内ツールとサービスの制限** Codex Sites、D1、R2の仕組み、社内サイトの対象者、一般向けサイトビルダーとの違い、検討すべき制限について解説します。](https://ailoot.ai/blog/ja/codex-sites/) - [**Claude Code MCP 設定 どこに書く？Coolify連携とVPSデプロイ** Coolifyのインストール、GitHubへの接続、Next.jsのデプロイ、ドメインとHTTPS、MCP、VPSの要件、トラブルシューティング。ドル建ての技術料金と元記事に記載された制限。](https://ailoot.ai/blog/ja/coolify-claude-code-deploy/) - [**CursorのSecurity AgentsとRollouts：セキュリティチェックとリリース監視** Cursor AutomationsでSecurity Reviewer、Vulnerability Scanner、Rolloutsを有効にする方法：トリガー、チームプールからの使用量、プラン、Bugbotとの違い。](https://ailoot.ai/blog/ja/cursor-rollouts-security-agents/) - [**Google Stitch + Claude Code： 「AIらしさ」のないウェブサイトデザイン** Google StitchからClaude Codeへの手動工程。HTML/CSSを書き出し、実ファイルからDESIGN.mdを作り、1ページを実装・検証します。MCP認証は未解決として扱います。](https://ailoot.ai/blog/ja/google-stitch-claude-code-design/) - [**ChatGPT、Claude、Perplexityの検索クローラーにサイトを公開する方法** 検索用およびトレーニング用クローラーの名称、robots.txtの完全な例、サイトマップ、テキストの利用可能性、引用に関する制限。](https://ailoot.ai/blog/ja/ai-search-crawlers-robots-txt/) - [**コードが読めなくてもAI生成コードを確認する方法：2026年、非プログラマー向けの7つのチェック項目** AIがコードを書いたけれど、読み方がわからない？公開前に壊れたコードやセキュリティ上の穴を見つけるための、7つのチェック項目とプロンプトをまとめたすぐ使えるチェックリストです。](https://ailoot.ai/blog/ja/check-ai-generated-code/) - [**他人のリポジトリが2026年にClaude Codeをハッキングする方法：身を守る7つのルール** リポジトリ、GitHubの文章、Sentryイベント、MCPメタデータを通じた4つの間接注入経路を、一次研究と実践的な封じ込めの限界とともに解説します。](https://ailoot.ai/blog/ja/malicious-repository-claude-code/) - [**Claude CodeでAstroのサイトを作る：フォルダーから公開まで** ステップごとのガイド：プログラミングの知識がなくても、Claude Codeを使ってAstroでサイトを作る方法。インストールするもの、プロジェクト作成に使うコマンド、無料で公開する方法を紹介します。](https://ailoot.ai/blog/ja/astro-site-with-claude-code/) - [**Kimi Code Never Ask：モードと危険なコマンド** Never Askモードでは、Kimi Codeは確認せずにrm -rfやshutdownを実行します。3つのモードにはどのような違いがあり、config.tomlで危険なコマンドを禁止するにはどうすればよいでしょうか？](https://ailoot.ai/blog/ja/kimi-code-never-ask-mode/) - [**FrontierCode Diamond：難しい50タスクでマージ可能率13.4%** 2026年6月のFrontierCode結果。Diamondの難しい50タスクで13.4%、Extendedで51.8%という範囲と、AIパッチの確認方法を解説します。](https://ailoot.ai/blog/ja/frontiercode-benchmark-mergeable-ai-code/) - [**製品で使う画像とフォント：入手先とライセンス** Unsplash、Pexels、Google Fonts、有料ライセンス：利用規約、クレジット表記、各ファイルの権利確認。](https://ailoot.ai/blog/ja/images-fonts-licenses/) - [**GitHubのコードを商用製品に使う：ライセンスと確認事項** 寛容型ライセンスのMIT、Apache、BSD、コピーレフトのGPL/AGPL、LICENSEファイルがない場合、AIが追加したコードの出所の確認について。](https://ailoot.ai/blog/ja/github-code-commercial-licenses/) - [**Claude CodeとRefero DESIGN.mdで作るテンプレート風ではないウェブサイト** Refero Stylesのデザインコンテキスト：DESIGN.mdの構造、ビジュアルシステムの選び方、CLAUDE.mdへのインポート、ページ作成の4つのステップ、よくある間違い。](https://ailoot.ai/blog/ja/claude-code-refero-design-md/) - [**Claude Codeのセキュリティレビュー：ステップバイステップガイドと2026年版GitHub Action自動化** Claude Codeの/security-reviewを使って、vibeプロジェクトのセキュリティを確認する方法。セットアップ手順、GitHub Actionのテンプレート、6種類の脆弱性、そして率直な制限事項を解説します。](https://ailoot.ai/blog/ja/claude-code-security-review/) - [**utm\_source=chatgpt.com：ChatGPTからのトラフィックを計測する方法** UTMタグとリファラー、Metricaのセグメント、ランディングページ、GA4、OAI-SearchBot、GPTBot、ChatGPT-Userの役割。](https://ailoot.ai/blog/ja/utm-source-chatgpt-com/) - [**Vercel：Gitに.envを含めない場合の環境変数設定** 環境変数、Development／Preview／Production、新しいデプロイメント、そしてNext.jsでブラウザーに秘密情報を渡さずにキーを安全に確認する方法。](https://ailoot.ai/blog/ja/vercel-environment-variables/) ## Ailoot · 企業とそのプロジェクト群 Ailootは、蓄積した運営経験、幅広い顧客基盤、安定したサービス、継続的なKPI管理を基盤としています。 企業とそのプロジェクト群：数百万の顧客、毎月数十億規模の売上。 Ailootはこの運営経験を、お客様の製品、エージェント、アプリケーション、自動化でAI機能を利用するためのAPIアクセスに活かしています。