『携帯サイトコーディング＆デザイン』を読みました

2009年1月 4日 21:26
Category : book, webdesign
Tags :book, HTML, mobile, webdesign

トミナガです。
実は年末に、『携帯サイトコーディング＆デザイン』読者プレゼント！ | IDEA*IDEA で『携帯サイトコーディング＆デザイン』を頂いていたので、今日ざっと読んでみました。
去年は仕事でも携帯サイトの構築を依頼されて「そそそんなのやったことないですよ」て感じで逃しまくりだったんですけど、この本があれば大丈夫です！

この本がターゲットとする人たち

前書きにあるように、現状では携帯サイト作成についてのノウハウがまとまってなく、3キャリアの仕様がバラバラのため、すでにHTMLやCSSを習得している人（私みたいな人）にとっても、モバイルサイトを作るのは敷居が高いです。

「3キャリアできちんと見れる仕様のサイトを作りたい」と思っても、何をやれば良いか、何ができないのか、調べるのにも時間がかかります。
私は去年初めて仕事で携帯サイトの制作を請け負ったのですが、そのとき非常に参考にしたのが、Think ITの連載記事でした。

この記事では、画像の回り込みのtipsが一番役に立ちました。実際のコードと表示画面が出ていたので、思った通りに作れて、やった！　と思ったのを覚えています。

というように、ちょっとヒントが欲しい、こんな形のモバイルサイトを作りたいけど、方法がわからない、っていう人には、この本がとても役に立つと思います。

思わず役に立ったtipsなど

全部きっちりは読んでいないのですが、すごく為になったし、これは誰にも教えてもらえないなーって思って、すぐに付せんを貼ったページとその内容は、

携帯サイトの慣習テクニック: 絵文字や罫線を沢山使って見やすくする; 半角カナを使ったほうがすっきりする
携帯サイトのユーザビリティ: リンク先の内容がわかるテキストを書く; 文字数を減らすテクニック; アクセスキーを使う; フォームの入力補助（入力モードの自動切り替え方法）

特に1行当たりの文字数を減らす方法（といっても、自分で考えるしかないのですが）は、「PCサイトと違うし、改行されても仕方ないんじゃないの～」と思っていた私には目からウロコでした。
見やすい、使いやすい携帯サイトがどんな仕組みになっているか、この本を見ながら携帯サイトを見ても面白いかもしれないです。

ユーザビリティについては、知ってるのと知らないのでは、雲泥の差になりそうです。

制限があるから、仕様を知っておかなくては

私の好きなタレントさんに、如月音流（きさらぎねる）さんっていう人がいるんですが、あ、おネエ★MANSの人ですね、その方が携帯サイト作る会社の社長さんなんです。
で、去年だったか、Webデザイニングの取材に対して「携帯サイトは制約が多いけど、その分覚える事が少なくて済む」と言っていたのを思い出しました。
確かに端末が小さい分、覚えることも少なくて済むのですが、ちょっとしたことなら、PCサイトと同じ感覚で「あ、できますよ～」とか言っちゃったりしそうです‥‥。

例えば、ファイルアップロードとか、画面内の単純な文字列をコピーとかはできない（と書いてある）のですが、一度この本の仕様に関する部分をきちんと読んで、把握しておこうと思いました。

でも、今めちゃめちゃ売れてるみたいで、アマゾンでは品切れでした。
同業の友達に「携帯サイトのいい本ない？」って聞かれたら、コーディングできる人だったら、この本を薦めようと思います。

書籍を送って頂いた、ソフトバンククリエイティブの担当者さん、百式管理人さん、どうもありがとうございました！