Webridge Meeting SP12 featuring Frontrend

Webridge KAGAWA @webridge_kagawa

OOCSSのアプローチ。https://t.co/Xl9k3pmv #wmsp12

Webridge KAGAWA @webridge_kagawa

OOCSS派生のSMACSS、日本語訳が来年公開される予定。http://t.co/MxzMsGTr #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 @cssradar 訳の SOLID CSS | en.ja | Translated Articles for Front End Developers http://t.co/Tjcv7gKs

Webridge KAGAWA @webridge_kagawa

SOLID CSSという考え方。http://t.co/7fuJoUgI （邦訳）http://t.co/pgYnr0xb #wmsp12

山田恵理子 | ウェブ解析士マスター×ワーママ×サイト改善 @eriko

とにかく作ってしまおう #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 リファクタリング前のコードは十中八九で、`クソ`である(´ω`*)

t32k @t32k

ｷﾀ━(ﾟ∀ﾟ)━! “@webridge_kagawa: OOCSS派生のSMACSS、日本語訳が来年公開される予定。http://t.co/QuuPm5BI #wmsp12”

❖HirokiTani @hiloki

.@cssradar氏による翻訳となります。 “@webridge_kagawa: OOCSS派生のSMACSS、日本語訳が来年公開される予定。http://t.co/3LxnpDg7 #wmsp12”

Webridge KAGAWA @webridge_kagawa

リファクタブルなコードを作る。リファクタを行わないソースコードは等しくイマイチである。（ヘミングウェイの言葉をもじって） #wmsp12

position: absolute; @pos___a

コメントを書くことを求める #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 コメントをすることは`読めるコード`の基本である→リーダブルコードでも触れられている http://t.co/tOy1GLur

position: absolute; @pos___a

コメントを読んで期待している振る舞いを理解する #wmsp12

Rie Nabesaka @sonsun

オライリーのリーダブルコード http://t.co/L4nyZEzU #wmsp12

Webridge KAGAWA @webridge_kagawa

リーダブルコードを意識する。コメントを書いてからコードを書く。スタイルガイドはコメントから自動でHTMLを出力する。 http://t.co/6ewNapet #wmsp12

Webridge KAGAWA @webridge_kagawa

スターバックスのスタイルガイド。見た目はスターバックスぽくないけれど。クールなウェブサイトはスタイルガイドから生まれる。 http://t.co/kSFuzLEr #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 スタバのコーヒーショップっぽくないスタイルガイド！ http://t.co/z1pSPNIH

❖HirokiTani @hiloki

紹介された以外にも公開されているスタイルガイドはこちらにも色々あがっています。https://t.co/gaEts1rX #wmsp12

Webridge KAGAWA @webridge_kagawa

アーロン・ウォルター氏によるMailChimpというサービスのスタイルガイド。なにをドキュメーテーションするのか参考になる。 http://t.co/Ed9d27qQ #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 Ruby依存で立ち上げ手間だけど(Ruby依存外してポータブルにする予定あるらしいよ)、スタイルガイド生成のとても優れたツール kneath/kss https://t.co/Zm3ItR7g

Webridge KAGAWA @webridge_kagawa

クーーール！ “@hiloki: 紹介された以外にも公開されているスタイルガイドはこちらにも色々あがっています。https://t.co/VCf9XL8m #wmsp12”

Rie Nabesaka @sonsun

コマンドライン必須なんですね〜　スピード重視の時代だからこそ大事。 #wmsp12

あほむ｜副業転職 Offers の overflow @ahomu

#wmsp12 あとでデモするのはnodeでサクっと実行できるstyledoccoさん jacobrask/styledocco https://t.co/95ye0nbi

Hideki @_hideki_a

先日Sassの自作mixinのドキュメントをStyleDoccoで作ってみました。手軽で便利でした。 #wmsp12

Webridge KAGAWA @webridge_kagawa

いよいよ実践。node.js上で動作するSTYLEDOCCOを使ってスタイルガイドを作ろう。ここでもCUIが登場する。もちろん自動化できる（RubyベースのKSSというものもある）http://t.co/lMuZOznf #wmsp12

position: absolute; @pos___a

これもNodeかあ。ほんと熱いのねNode.js #wmsp12