インブラウザーデザイン勉強会 vol.2

こけむさズで行われたインブラウザーデザイン勉強会 vol.2の様子を実況しました。
0
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

インブラウザーデザイン勉強会スタートです。寿司詰めのようになっています。狭くてすいません…。https://t.co/MyfRq1XiYp http://t.co/tIsb1sMhZy

2013-05-15 20:19:51
拡大
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

インブラウザーデザイン勉強会 in こけむさズのハッシュタグは #ibd_kk ですー!

2013-05-15 20:33:52
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

こもりさんが今紹介したジキル http://t.co/xaN0NtYo8g 変数も使えると作業がかなり早くなる。ナイスなスタティックサイトジェネレーター! #ibd_kk

2013-05-15 20:33:22
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Twitter Bootstrapはver3.0からclass名が変わったりします。これから覚える人は要チェックですよー! ってまだリリースされてないですが。 #ibd_kk

2013-05-15 20:35:30
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

ジキルは某有名制作?会社さんも使っているよ! マークダウンでコンテンツ書けちゃうのが便利! http://t.co/xaN0NtYo8g #ibd_kk

2013-05-15 20:40:01
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Static Site Generatorの仕組みを覚えるところからはじめるなら Punch がいいですよ。チュートルアルがあるので分かりやすい! http://t.co/MqhvLWKhwB #ibd_kk

2013-05-15 20:41:20
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

こもりさんのオレオレフレームワーク bootstarpunchはさらなる改良がされてスタイルガイドも自動で生成するように作っちゃた! suge-! いろいろ詳細知りたい人はhttp://t.co/dmMMmnSYQa をチェックだぜ! 好きに使っていいらしいですよ #ibd_kk

2013-05-15 20:43:49
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Static Site Generator はどれから初めればいいの? rubyに似ているもあるから選べるよ。いろんな種類あるよー。でも最初は前述のPunchが分かりやすいかもね。組み合わせとかでカニバっちゃうのを考えると他のも検討したらいいかもjikyllとか。 #ibd_kk

2013-05-15 20:46:27
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

node.jsなどをローカルだけじゃなくサーバーサイドも一緒に開発できるヤツもあるよ。pass( http://t.co/n66Uk7f7fu ) AwsやHeroku( https://t.co/PTMMZZuOk6 ) とか。 #ibd_kk

2013-05-15 20:49:05
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Q.Static Site Generator 関連の情報をピックアップするのはどうするの? A.ハッカーニュースをチェックしています。https://t.co/KSnimOnUBV #ibd_kk

2013-05-15 20:51:50
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

JS系はこっち。http://t.co/RIJTNqvX14 ツールライブラリ系が早いのはこっち http://t.co/gC1AYVg0B5 もちょっとフロントエンド寄りのニュースやチュートリアルが集っている http://t.co/npNCgAVvhM #ibd_kk

2013-05-15 20:54:43
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Node.js解説:一番使う npm (node package module) http://t.co/C4eu10ywzy npm でコマンドでインストールする事で上記サイトに入っているいろんなのを使えるようになる。Rubyで言うGem。gem install #ibd_kk

2013-05-15 20:58:09
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

「node.jsだけ特殊」-g を入れるとマシン全体 そうじゃないと 自分のいるディレクトリにnode_moduleってのが作られてそこにインストールされる #ibd_kk

2013-05-15 21:00:32
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

最後に --save をすると bower.jsonというのが出来あがる。これを別ディレクトリにコピーしてそのディレクトリで bower install とするだけでインストールしてくれる。毎回入れたいセットを手で打たなくてもいいー! 忘れないー! #ibd_kk

2013-05-15 21:17:22
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

Static Site Generatorを入れないけど使いたい人はSublimeTextのSnipetを入れると良いかも! http://t.co/m0UeuLJyQZ デザインの変更はちょと聞きずらいけど全体構成を変えるくらいならできるよー。 #ibd_kk

2013-05-15 21:21:52
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

まぼろしの松田さんも使ったりしている faundation ( http://t.co/m50o1qMk7h ) もおすすめですよ! IE8まで切ったので松田さんはオレオレフレームワークとして改良してるらしい #ibd_kk

2013-05-15 21:29:01
イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

jekyllの解説は最近ピクセルグリッドさんのコードグリットにて書かれているらしいですよ! #ibd_kk

2013-05-15 22:04:31