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

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

2010年10月段階でのモバイルサイトコーディングの方法は、開発費を抑えるために、3キャリア共通ファイルを使うケースが多いです。基本フォーマットは、2005年秋頃のDoCoMoの携帯に合わせる形となります。無論、ターゲット層や仕様によりフォーマットは変動します。

• XHTML
• インラインCSS
• Shift-JIS
• 横幅240px
• 容量100kb
• Flash Lite1.1

また、キャリア振り分け、絵文字とCSSについてはプログラムが必須となります。設置にクセがありますが、効率化を図るにはPEARライブラリがベターの様です。

• HTML_CSS_Mobile（開発者ブログ）
• 携帯絵文字変換スクリプト
• HTML_Emoji
• Net_UserAgent_Mobile

色々調べてみたのですが、結果、現在のモバイルサイト開発は過渡期に入っていると思います。おそらく来年以降はスマートフォンが普及し、そちらへシフトしていくのではないでしょうか。
ちなみに、私がLTした内容はほぼ全部「携帯＋iPhoneモバイルサイト制作術　実践的コーディング＆デザイン完全ガイド」に書かれています。

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

こちらは感想。iPhoneをベースにスマートフォンサイトを制作の基本がわかりました。Flashが使えないのでJavaScriptに置き換える、HTML5＋CSS3も選択肢に入るなど、独特の制限がキモのようです。他スマートフォンについては、今後の情報により切り分けが必要になるかも知れません。

来月はCSS3予定とのことです。 今回撮影した写真については、30days Albumにアップしています。合い言葉は「sacss」です。やっぱりボケている！！

「WebオペレーターのためのWebデザイン勉強会」　第3回目の告知です。Webに携わっているけど、上手くデザインできない、デザインするときにどのように考えたら良いのか分からない。そういった疑問を抱えている人たちが集まり、より良質なデザインを追求していきましょう！

「WebオペレーターのためのWebデザイン勉強会Vol.3～ノンストップ！ライブデザイン～」

今回の内容は下記を予定しています。

• Webサイトのトップページを実際にIllustratorで制作しながら解説します。

日程内容は下記となります。参加される方はこちらのお申し込みフォームからお申し込みをお願いします。

• 題目：WebオペレーターのためのWebデザイン勉強会Vol.3
• 参加費：500円
• 日程：2010年11月13日（土）18:00～20:00
• 場所：インタークロス・クリエイティブ・センター（ICC） 308
• 住所：北海道札幌市豊平区豊平1条12丁目1-12
• WebサイトURL：http://www.icc-jp.com/ja/access.html

※当日は裏口からインターフォンを押して入室して下さい。また、キャンセルについては当日会場への電話連絡ができませんので、前日までにお申し込みページにある「キャンセル方法について」よりお願いいたします。

以上、よろしくお願いいたします。