SaCSS Vol.18

000

2010年10月23日(土)に札幌市民ホール会議室で開催されたSaCSS Vol.18に参加しました。今回はモバイルサイト制作に関するTipsと、スマートフォン向けのサイト制作についての解説です。僭越ながら、私もモバイルサイトの基本コーディングについてお話しさせて頂きました。

モバイルサイトの基本コーディング

2010年10月段階でのモバイルサイトコーディングの方法は、開発費を抑えるために、3キャリア共通ファイルを使うケースが多いです。基本フォーマットは、2005年秋頃のDoCoMoの携帯に合わせる形となります。無論、ターゲット層や仕様によりフォーマットは変動します。
  • XHTML
  • インラインCSS
  • Shift-JIS
  • 横幅240px
  • 容量100kb
  • Flash Lite1.1
また、キャリア振り分け、絵文字とCSSについてはプログラムが必須となります。設置にクセがありますが、効率化を図るにはPEARライブラリがベターの様です。 色々調べてみたのですが、結果、現在のモバイルサイト開発は過渡期に入っていると思います。おそらく来年以降はスマートフォンが普及し、そちらへシフトしていくのではないでしょうか。 ちなみに、私がLTした内容はほぼ全部「携帯+iPhoneモバイルサイト制作術 実践的コーディング&デザイン完全ガイド」に書かれています。

スマートフォンコーディング

こちらは感想。iPhoneをベースにスマートフォンサイトを制作の基本がわかりました。Flashが使えないのでJavaScriptに置き換える、HTML5+CSS3も選択肢に入るなど、独特の制限がキモのようです。他スマートフォンについては、今後の情報により切り分けが必要になるかも知れません。 来月はCSS3予定とのことです。 今回撮影した写真については、30days Albumにアップしています。合い言葉は「sacss」です。やっぱりボケている!!

WordPressのカレンダー機能を強化する

WPのカレンダーは基本機能しか無いため、希望する機能を実装する場合、自作でカスタマイズなど作業が発生します。プラグインで良い機能を公開されている方も含め、カレンダー機能を強化する手段をいくつか紹介します。

AJAX Calendar

ページ遷移を必要としないカレンダーです。調べたとき、これが一番使われていた記憶があります。 AJAX Calendar

AJAX Calendarの土日に色を付ける

AJAX Calendarの土日に任意の色を付けることができるよう、カスタマイズ方法を紹介しているページです。 AJAX Calendarの土日に色を付ける

休日表示付きリアルタイムカレンダー

小粋空間さんで制作されたプラグインです。その名の通り、休日に色が付きます。 休日表示付きリアルタイムカレンダー

特定のカテゴリを表示しないカレンダー

こちらもその名の通りのプラグイン。運用上表示させたくないカテゴリーをカレンダーから除外できます。 特定のカテゴリを表示しないカレンダー

Event Calendar

未来予定や、日をまたぐ予定を設定できるプラグインです。 機能としてはすばらしいのですが、導入や設定にクセがあるので思ったより使いづらいです。 Event Calendar

営業日カレンダーその1

店舗などの休業日を自分で設定したい、そんな希望を叶えるカレンダープラグインです。 簡単に設定ができるので使い勝手が非常に良いです。 その1としているのは、下記に同名のプラグインが存在するためです。 営業日カレンダーその1

営業日カレンダーその2

上記とは別の方が開発した営業日カレンダーのプラグインです。 休業日の色分けが5つまで設定できること、設定した日にURLと内容を付加することができるとっても優れもの。 ただし、有料です。有料分の価値はあるかと思います。 営業日カレンダーその2