東京勉強会を開催しました。レスポンシブサイトをつくろう、そうしよう』というタイトルでもってお話させていただきました。このエントリーは、そのときのスライドを用いながら、セッションを再構成したものになります。直に動画も公開されると思いますので、あわせてご活動いただけたら幸いです。いうわけで自己紹介をしました。質問があったのでここで答えますが、実はサラリーマンのレベルは毎年1つずつあがっています。サラリーマン10年目なので今はレベル10、来年は11になる予定です。←非常にどうでもいい話。いうサイトでブログをやっており、このサイトのデザインがこの日お話ししたことを通じてできあがったものでした。もって私事ですが、この日の前日、息子が誕生しまして、パパになりました。マーク風にしてくれたところを撮影してみたものです。いうわけで、『おやバカ』に転職してレベル1からがんばりたいと思います。自己紹介はこのあたりにして、では行ってみましょう。ウェブとデバイスの歴史を振り返る少し時計の針を戻して、ウェブとデバイスの歴史を振り返ってみましょう。ありましたが、ウェブ...ホームページのほうが一般的な呼び名でしたが...を見るものといったらブラウザでした。「インターネット」というアイコンをクリックして見る、といっていた人もいましたね。これが翌年、iモードサービスがはじまることで携帯電話というデバイスが登場します。この年には携帯電話用のサイトといえば公式サイトが中心で、いわゆる勝手サイトというものはまだまだ少数でした。これが2003年になると、各社バラバラの仕様に対して、専用の携帯サイトが作られるようになります。登場したのがこの年になります。2007年になると、ケータイに対して素晴らしい救世主が登場します。プラグインをインストールしておけば、とりあえずなんとかなってしまう、という優れもの。翌年さらなる黒船がやってきます。いう2つのタブレットが登場し、スマートフォンカテゴリがさらに賑やかに。加わり、もうごちゃごちゃに。手間が増えているということです。あきらめるわけにもいかないし、手間と時間は無限じゃないし...。(笑)今日のお話はブラウザーとスマートフォン、タブレットをまとめてなんとかしてみよう、というお話です。本日のアジェンダ何を話していくか整理しておくために、本日のアジェンダを用意しました。この順番でお話ししていきたいと思います。画面に表示して、ブラウザ幅をググっと縮めてブラウザにフィットする様子をお見せしました。これだけだとただのリキッドレイアウトですが、レスポンシブと言われる所以を以下でご説明。