cmsでスマートフォン専用サイトを作る

今回はsmart4meというcmsを用い、スマートフォン専用サイトを制作する。
[http://smart4me.net/ys_lamian/#!topPage:title= f:id:ys_nim_9:20141129053145j:plain ]

スマートフォン専用サイトの意義性

スマートフォンはWeb閲覧デバイスとして主役となったが、PCの使用率も依然高い。レスポンシブデザインがこの状況に対する良い回答であったが、場合によっては対処が難しい場合がある。具体的には処理能力を必要とするサイトがこの問題を抱えている。
スマートフォンとPCではまだ性能に大きな隔たりがあり、PCではスムーズに表示させられるサイトであっても、スマートフォンでは重くなることがある。こうした場合の対策として、PCサイトと別にスマートフォン用サイトを作る手段を取ることがある。

smart4meの利用

今回はスマートフォンサイト専用サイト制作の導入として、cmsのsmart4meを用いる。10ページまでなら無料で制作が可能となっている。このサービスでは簡単な操作でスマートフォン専用サイトを作れる。しかしその一方、構築したサイトをPCで閲覧しても上手く動かず、まさにスマートフォン専用であるといえる。

smart4meの操作

f:id:ys_nim_9:20141129054137j:plain
制作画面は3カラム構成となっており、見出しや画像といったパーツを配置、編集しながら作業を進める。右のカラムにパーツの一覧が表示される。画像や文章だけでなく、googleマップやsnsボタンの配置もできる。左カラムのスマートフォンの画像には配置したパーツが表示され、ここで編集を行なう。中央のカラムではページの追加・削除の操作ができる。htmlやcssの知識は全く必要なく、画像ファイルの選択や文字入力するだけで完成してしまう。
サンプル画像のサイトは、素材の準備を含め2時間弱の作業で完成してしまった。

感想

cmsでのサイト制作はファーストビューの考察サイトに続き2度目だが、相変わらずその簡単さに驚かされる。今回私が作ったサイトの水準であれば小学生でも作れてしまうだろう。何か特別なソフトを用意する必要もないし、知識もお金も不要だ。
もちろん、Webの学習をしている者からすると物足りない部分が数多く感じられる。しかし、多くの人がWebコンテンツの制作に触れられる環境を提供してくれていることは極めて意義性が高い。裾野が広がれば業界全体の水準が向上する。こうした状況が人材を育み、業界を発展させていくのだと感じた。