システム構成

GCモバイルファーストのシステム構成をご紹介します。サーバーなどを利用せずに、本体である、GCMF.js、および設定ファイルであるレイアウトオプションファイルを JavaScript ライブラリとして、ページ内に読み込むことで利用可能です。

構成要素

GCモバイルファーストは以下の要素で構成されます。

純粋なスマートフォン向けサイト

メディアクエリーなどを含まないサイトです。コーディング規約に基づき、マークアップします。

パソコン向けサイト

GCMF.jsで変換された、パソコン向けサイトです。

実際に変換されたパソコン向けサイトをご覧になるには、デモをご覧ください。

GCMF.js

ウェブブラウザ上で動作する JavaScript ライブラリです。スマートフォン向けサイトに読み込んで使用します。

GCMF.jsについて詳しく

レイアウトオプションファイル(MFEditで生成します)

GCMF.jsを制御する設定ファイルです。

レイアウトオプションファイルについて詳しく

MFEdit

Google Chrome上で動作する拡張機能です。スマートフォン向けサイトとパソコン向けサイトの画面を同時に見ながら、レイアウトオプションファイルを作成できます。

MFEditについて詳しく