リソースセンター

EdgeOne Pagesのフルスタックデプロイ機能を正式リリースいたします！これにより、当プラットフォーム上で完全なWebアプリケーションを直接構築・デプロイすることが可能となり、主要なフルスタックフレームワークとNode.js関数をサポートいたします。サーバーサイドレンダリング、APIインターフェース、動的コンテンツ生成など、EdgeOne Pagesがすべてを効率的に処理し、フルスタック開発の簡単な実現をサポートいたします。今回のアップデートでは、2つのコア機能をリリースいたします：EdgeOne Pagesは現在、包括的なNext.jsサポートを提供し、静的レンダリングに限定されることなく、多様なレンダリングモードを処理できます。

EdgeOne CLIの重要なアップデートをお知らせできることを嬉しく思います！このアップデートは、フルスタック開発の利便性と効率性を向上させ、開発者により円滑な統合開発およびデプロイメント体験を提供するために設計されています。このリリースの主なハイライトは以下の通りです：これでNode.jsサーバーレス関数をローカルでシームレスに開発・デバッグできるようになりました。プロジェクトのルートディレクトリに  node-functions フォルダを作成するだけで、Node.jsコードの記述とテストを開始でき、ローカルNode Functions開発がシンプルかつ効率的になります。

EdgeOne PagesのデプロイメントがNext.jsフルスタックをサポートしていることをご存知ですか。現在、以下のNext.js機能がサポートされています：EdgeOne PagesでNext.jsフルスタックプロジェクトをデプロイするために、私たちは3つのデプロイメントオプションを提供しています。EdgeOne Pagesテンプレートからのデプロイは、ゼロからNext.jsプロジェクトを構築してデプロイする最も速い方法です。

今日、私たちはPages Dropの立ち上げを発表できることを嬉しく思います—無料の静的ウェブサイトホスティングを実現する最もシンプルな方法です。サーバーのメンテナンスや複雑な設定が不要で、ユーザーは企業レベルのパフォーマンスとセキュリティ保護を享受しながら、素早くウェブサイトをデプロイすることができます。Pages Dropは静的ウェブサイトホスティングを完全に簡素化するために設計されたサービスです。私たちは、ウェブサイトのデプロイはドラッグ＆ドロップのように簡単であるべきだと考えています—技術的な障壁も複雑なセットアップもなく、純粋にシンプルであるべきです。まず、静的ウェブサイトホスティングとは何かを明確にしましょう。これは、HTML、CSS、JavaScript、画像、動画などの静的ファイルで構成されたウェブサイトをホスティングすることを指し、バックエンドデータベースやサーバーサイドプログラムを必要としません。これは、個人のポートフォリオ、企業のランディングページ、ドキュメントサイト、プロジェクトのショーケースなど、多くの人が作成したいウェブサイトをカバーしています。

このガイドでは、高性能なNext.jsフルスタックアプリケーションの構築と、コード品質やアプリケーション速度を犠牲にすることなく開発ワークフローの最適化に焦点を当てています。今後のセクションでは、プロジェクトアーキテクチャ、環境設定、ルーティング戦略、効率的なデータ取得技術について詳しく検討します。これらのストプラクティスにより、EdgeOne PagesでシームレスにNext.jsフルスタックアプリケーションをデプロイでき、エッジコンピューティングの力を活用して優れたパフォーマンスと世界規模のアクセシ。以下のディレクトリ構造は、推奨するNext.jsハイブリッドレンダリングテンプレートを表しています。この慎重に整理されたアーキテクチャは、スケーラブルなフルスタックアプリケーションを構築する開発者にとって最適な基盤として機能します：

EdgeOne Pagesの高度な機能の1つは、リバースプロキシとして機能する能力であり、クライアントのリクエストをバックエンドサーバーに安全かつ効率的に転送することができます。この記事では、edgeone.json設定ファイルを使用してEdgeOne Pagesをリバースプロキシとして設定するプロセスをガイドします。EdgeOne Pagesはェクトのビルドとデプロイメントの動作（ビルドコマンドなど）をカスタマイズし、ルーティング戦略（リダイレクト、リライト、HTTPレスポンスヘッダーを含む）を管理するための「edgeone.json」設定ファイルを提供しています。リライトを使用すると、ブラウザに表示されるURLを変更せずに、ユーザーのリクエストを透過的に異なるURLにルーティングすることができます。リライトを使用すると、リクエストがバックエンドサーバーに到達する前に、URLパス、クエリパラメータ、およびリクエストヘッダーを変更することができます。

クロスオリジンリソースシェアリング（CORS）は、ブラウザによって実装されたセキュリティメカニズムであり、ウェブアプリケーションが異なるオリジンからのリソースとどのように相互作用するかを制御します。デフォルトでは、同一オリジンポリシーにより、ウェブページは自身のドメイン以外のサーバーへのリクエストを制限されます。CORSは、サーバーがHTTPヘッダーを介してどのオリジンがリソースにアクセスできるかを指定することに、これらの制限を緩和します。リクエストが「非シンプルリクエスト」（カスタムヘッダーを使用したり、GET/POST以外のメソッドを使用したりする場合）と見なされると、ブラウザは自動的にプリフライトOPTIONSリクエストをサーバーに送信します。サーバーは適切なCORSヘッを返さなければならず、そうでない場合、ブラウザは実際のリクエストをブロックします。Pages Functionsは、EdgeOneエッジノードで行されるサーバーレスのコード実環境を提供します。開発者はビジネスロジックを書き、トリガールールを設定するだけで、サーバーインフラストラクチャの管理は不要です。コードは、エンドユーザーに近いエッジノードで弾力的かつ安全に実行されます。

静的サイトジェネレーター（SSG）は、テンプレート、コンテンツファイル、データソースから静的HTML、CSS、JavaScriptファイルを生成してウェブサイトを構築するツールです。ユーザーがリクエストしたときにオンデマンドでページを生成する従来の動的ウェブサイトとは異なり、静的サイトは開発プロセス中に事前に構築され、読み込み時間の短縮とセキュリティの向上をもたらします。静的サイトジェネレーターは、事前にレンダリングされたHTMLファイルを提供するため、非常に高速な読み込み時間で優れたパフォーマンスを発揮します。攻撃ベクトルの削減によるセキュリティの強化、ホスティングコストの大幅な削減も実現します。

本日は、重要なマイルストーンを発表できることを光栄に思います：EdgeOne PagesはCodeBuddyプラットフォームとの統合に成功しました。ワンクリックデプロイ機能が正式にCodeBuddyでライブになり、開発者にシームレスなデプロイ体験を提供します。Codebuddyは、AIを搭載したプログラミングアシスタントで、開発者がより迅速かつ効率的にコードを記述、デバッグ、デプロイできるよう支援します。リアルタイムの提案、自動コード生成、そして自然言語によるインタラクションによるシームレスなデプロイを提供する、まさにインテリジェントなコーディングパートナーです。このリリースの核心的なポイント：CodeBuddyを使用すると、ボタンをクリックするか会話コマンドを使って、フロントプロジェクトをオンラインですぐにデプロイできます。