開発背景・改善ポイント

EcoLocoは、当社が2005年秋からエコ事業の一環として運営しているサイトで、企画から制作（時には出演まで！）スタッフ全員で運営しています。
これまではPCサイトのみで運営しておりましたが、弊社のサイト管理ツール「オークCMS」がモバイルに特化した機能のバージョンアップを行ったことをうけ、さっそく第一弾事例としてEcoLocoモバイルサイトを制作いたしました！オークCMSのモバイルサイト向け機能の内容とあわせて、構築ポイントをご紹介いたします。

●簡単絵文字入力
記事入力画面では、ドコモから提供されている絵文字挿入ソフトと連動して、モバイルならではの絵文字をボタン操作で簡単に挿入することができます。ユーザーならではの楽しい装飾や表現が広がりますね。（キャリア対応絵文字への自動変換あり）

●画像を適切なサイズに自動変換
画像を登録すると、自動的に主要端末に適したサイズに変換して表示します。さらには端末に適したファイルタイプ（JPEG、GIF、PNG等）にも自動変換されるので、これまで面倒だった対応端末に合わせた画像の用意がなくなり、楽チン更新が実現します。

●モバイルの画面サイズを考慮して、1ページ内の文字量を調整
 EcoLocoは特集インタビューやコラムなど、読み物系のコンテンツが主であるため1記事の原稿ボリュームが比較的多めです。こういったサイトをそのままモバイルサイトへ移行すると、長々とスクロールしなくてはならないだけでなく、ページ表示まで時間がかかったり、時には表示可能な容量をオーバーしてうまく表示できない場合もあります。　
そこで記事入力時に、ページ切替えさせたい場所に特定のタグを埋め込むことで、自動的に複数ページに渡ってページが生成されるようにしました。モバイルならではの読みやすさを考慮したページ構成ができますね。

●端末ごとの機能対応状況にあわせてHTMLの自動切換
今回EcoLocoモバイルのトップページは、PC感覚での使いやすさを意識してFLASHで構築しています。ただ端末によってはFLASHに対応しない機種もありますね。
そこであらかじめ数パターンのHTMLを用意しておき、アクセスした端末の機能対応状況にあわせて最適なHTMLを表示させています。

5年近く運営を続けている本サービスの当初から変わらぬコンセプト、「地球環境を考える、新しいライフスタイルを提案する」を念頭におき、ストレスなく閲覧ができるよう、目に優しいアーシーな色使いをベースにしたり、かわいい動物たちをアクセントに配して和ませたりという、ちょっとした工夫をしました。

★エコロコモバイルへのアクセスはこちらから！

http://m.ecoloco.jp ※携帯からアクセスしてください。