Chrome拡張をつくる with yeoman on mac
Chrome 拡張をつくってみよう!と思い立ちとりあえず準備をしました。
今回はmacでやっていきます。(念のため)
まずはググる
一番最初に見つけた記事をとりあえず読みます。
もろもろの概念はわかったようなわからないような、しかし肝心の作り方が全くわからない。
というわけで実践っぽい記事を探しました。
Yeomanをインストール
はじめて知りました。
The web's scaffolding tool for modern webapps | Yeoman
色々なフレームワークやらなんやらでの開発をするにあたって必要なものをまとめてダウンロードできるらしい。こんな便利そうなものがあったのか。
せっかくなので素直に使っていくことにします。
が
$ yo bash: yo: command not found
Command が found されない。
たぶんパスが通ってないんですがパスの通し方がいつまで経っても覚えられない。
which yo
とかやっても何も表示されないので、しかたなく yo インストール時に表示されたパスをそのままターミナルにぶちこんでみました。
$ /Users/${username}/.anyenv/envs/ndenv/versions/v8.11.1/bin/yo -v
なんかジェネレータが起動したのでとりあえずセットアップしていきます。(バージョンが表示されて欲しかったんだけどまあいい)*1
すると前掲の記事と明らかに項目が異なるので動揺。
? ========================================================================== We're constantly looking for ways to make yo better! May we anonymously report usage statistics to improve the tool over time? More info: https://github.com/yeoman/insight & http://yeoman.io ========================================================================== Yes ? 'Allo ******! What would you like to do? Chrome Extension Make sure you are in the directory you want to scaffold into. This generator can also be run with: yo chrome-extension ? Choose your style of DSL > BDD TDD
TDD?BDD????
どうやらテスト駆動開発の方式を聞かれているらしい。全然わからない今後の課題とさせていただきます。
わけもわからずEnterを連打してとりあえずセットアップ完了しました。
_-----_ ╭───────────────────────╮ | | │ Bye from us! │ |--(o)--| │ Chat soon. │ `---------´ │ Yeoman team │ ( _´U`_ ) │ http://yeoman.io │ /___A___\ /╰───────────────────────╯ | ~ | __'.___.'__ ´ ` |° ´ Y `
かわいい。
思ったより手間取ってしまったので今回はここまで。