第22回 GTUG Girls Meetup 「YEOMANおじさんと過ごすステキな夜」

Fumio SAGAWA @albatrosary

blog.masakura.jp/node/89 #gtuggirls

さかぐち @ysakaguch1

htmlday 2015 htmlday.jp #gtuggirls

Fumio SAGAWA @albatrosary

albatrosary.hateblo.jp/entry/2014/03/… #gtuggirls

長尾ユリコ @nagaoyuriko

node #gtuggirls

yuri🍎zzZ @x71713

nodeをいんすとーる！ v0.12.4いれた。 #gtuggirls

Yuki Anzai @yanzm

node の v0.11 を使うと地獄を見るらしい。v0.10 か v0.12 を使えとのこと #gtuggirls

yuri🍎zzZ @x71713

YEOMANおじさんいれた。Yoって聞くと別のアプリを思い出す #gtuggirls

yuri🍎zzZ @x71713

$ yo yo でYEOMANおじさんこんにちは！ #gtuggirls

Yuki Anzai @yanzm

npm のバージョン古いって怒られたので node 入れ直した。。。 #gtuggirls

kaori @usakoyama

コマンドプロンプトで💛初めて見た #gtuggirls

Tiffany @tifa2chan

$yo yo で出てきたおじさん #gtuggirls pic.twitter.com/NoScYCm8fm

拡大

yuri🍎zzZ @x71713

yoするのはホームディレクトリ以外！間違えてyoしちゃったら「.yo-rc.json」消して作業ディレクトリ作ってからやり直すと良い。 #gtuggirls

yuri🍎zzZ @x71713

ターミナルの「/」っていつからくるくるするようになったの…！？ #gtuggirls

yuri🍎zzZ @x71713

先ほど先生がちらっと何が入っているのかーとみてたのは $yo webapp してできたものの中で「package.json」ってやつですね。 #gtuggirls

Fumio SAGAWA @albatrosary

github.com/albatrosary/An… #gtuggirls

yuri🍎zzZ @x71713

画像のような失敗しまして、せんせいにお伺いし、以下のコマンドで$ grunt serve成功。 $ bower -v 1.4.1 $ bower install (略) $ grunt serve img.ly/BVFG #gtuggirls

yuri🍎zzZ @x71713

ここまでのコマンドめも。（私の失敗分含みます。） img.ly/BVFO #gtuggirls

Yuka Kobayashi @kobachiya

bower install angular#1.4.0-rc.2 --save #gtuggirls

yuri🍎zzZ @x71713

$ bower install angular#1.4.0-rc.2 --save したらbower.jsonにangularのバージョンが入ったこと確認、ディレクトリbower_components/ 内にもangularができてる。 #gtuggirls

HIROMITSU @hiromitsuuuuu

grunt serve したら angularがしゅっと入ってきた← #gtuggirls

yuri🍎zzZ @x71713

さらに app/index.htmlのL64確認してから$ bower installするとその下に一行無事増えたー！ #gtuggirls

Yuka Kobayashi @kobachiya

bower install angular-new-router --save #gtuggirls

Yuki Anzai @yanzm

知らないライブラリでWebアプリ作るときどういう構成になるのかをみれるところが便利そうだ > YEOMAN #gtuggirls

さかぐち @ysakaguch1

gruntコマンドの定義がGruntfile.jsに書かれてる感覚がgradleっぽいなと感じた #gtuggirls

Yuki Anzai @yanzm

github.com/albatrosary/An… を解析して勉強しよう！ #gtuggirls