WCAN2013springに参加してきました!SESSION2 「Bootstrapでつくる、いまどきのレスポンシブ・Webデザイン」

Published

公式サイトスクリーンショット

Twitter Bootstrap スクリーンショット


それではWCAN 2013 spring SESSION2です。たにぐち まこと さんのセッションでは短い時間にも関わらず、実際にbootstrapでサイトを作りながらお話ししていただきました。私も以前にbootstrapを使った事があったので、思い出しながら聞いていました。その中で、私が実際にbootstrapを使っていて同じようにおもったところがありました。Twitter Bootstrap 公式サイト

Twitter Bootstrap

Bootstrapの利点

  • 簡単・スピーディー
  • 変更がラク!
  • デザインが小綺麗

Bootstrapの欠点

  • デザインが似ている。
  • デザインが変更しにくい
  • 独自のクラスなどが必要(クラス名を覚えないといけない)
  • 作れるサイトには限界がある

これらの欠点をカバーするために紹介されていたサイトがあります。

デザインが変更しにくい

Bootswatch
bootstrapをつかったCSSを配布している

Paint strap
あとから色を作りながらテーマを作っていく。
形、昨日を変える事はできない

BootMetro
Windows8っぽい

TODC bootstrap
Googleっぽい。まえは名前がGoogle strapだった。

独自のクラスが必要

Jet strap
リスの画像しかいれられない?
なぜか画像が回り込む

クリップ機能(Coda,Sublim Text2)

作れるサイトには限界がある

これはカバーのしようが無いようです。残念です。

201Xホームページ全滅

衝撃的な内容でした。アメリカのファッション業界とかではtumblrなどでブログを作ることが多くなっているようです。ブログよりもSNSのように気軽に更新できるようになっています。そしてJetstrapやAdobeMuseでHTMLを書かない事もあるようです。HTMLを書かないでホームページを作る時代がきています。私は春からマークアップ担当する予定なので恐ろしい内容でした。HTML書かなくてよくなくなったら何をしろと・・・。そこで差別化をきちんとしろって話がよくされているんですね〜。

1からつくることにこだわらない!

これは たにぐち さん がセッションの最後で紹介していたまとめの言葉のひとつです。私的には見出し2にしたいくらい覚えておかないといけない言葉だと思いました。「コピペしちゃえばいいんだよ!」とか言う人をなんてことを言うんだ!と思っていたのですが、効率の良さを考えると確かに納得してしまいます。ジェネレーターとかの存在を最近徐々に知り始めたので活用していかないといけません。

関連している記事

著者について

森田 かすみ

名古屋のWeb制作会社でマークアップエンジニアとして働いています。呼ばれれば登壇もします。Frontend Nagoya主催。ストレス発散方法はかっぱのイラストを描くこと。