第1回　全体構成

細かい制作方法に入る前に、現在のAIMMホームページがどのような構成になっているかを先に紹介します。

数年前の自分に特に教えたいのは、おそらくこの全体像です。

現在のAIMMホームページは、大きく分けてWordPress側と衛星画像ビューア側から構成されています。

aimm-earth.org側ではXServerスタンダードを利用し、WordPressによる一般ページ、コラム、メールなどを運用しています。

一方、aimm-earth.xyz側ではXServer VPSを利用し、Linux、Apache、HTML、CSS、JavaScriptによる衛星画像ビューアや、大容量の衛星画像ファイルなどを扱っています。

WordPress側から衛星画像ビューアを表示するときには、複雑なPHPプログラムで接続しているわけではありません。

iframeを使って、別ドメイン上で動いている衛星画像ビューアをWordPressのページ内に表示しています。

最初は、WordPressと外部のビューアを接続するためにはPHPやスニペットを使って複雑な仕組みを作らなければならないと思っていました。しかし、ビューア自体を独立したWebページとして作っておけば、iframeでかなり簡単に接続できることが分かりました。

また、ダウンロード用の大容量ファイルも、WordPressが動いているサーバーにすべて置く必要はありません。販売・管理部分と実体ファイルの保存場所を分離することができます。

AIMMearthを作り始めた当初は、「Webサイトは一台のサーバーですべて動かすものだ」と考えていました。そのため、VPS一台でWordPressもビューアもメールもすべて運用しようとしました。

しかし実際に作っていく中で、WordPressやメールはXServerスタンダードに任せ、自由度が必要な衛星画像ビューアや大容量ファイルはVPSに置き、両者を必要なところだけ接続する方がはるかに分かりやすいことが分かりました。

AIMMearth制作で最も苦労したのは、個々の技術そのものより、こうした役割分担とインテグレーションでした。

関連技術・キーワード：XServer Standard / XServer VPS / WordPress / iframe / Apache / HTML / CSS / JavaScript / DNS / システム統合