コーディング前準備の手間を劇的に軽減させる「Yeoman」のインストール方法と使い方Top開発系AboutBlogTettori沖縄在住フリーランスプログラマーのブログ。開発系の記事とかメモ書きとか。新規Webサイトを構築する際、jQueryや関連プラグイン、AngularやBootstrap等の自分好みのライブラリを予め組み込んだ状態でコーディングを始めるという方は少なく無いと思います。grunt等のタスクランナーの登場により、開発スタイルも劇的に変わりつつあります。今回はこれら自分好みの環境をぜんぶまとめてコマンド一発で準備してくれるとても便利なスキャフォルディング(足場組み)ツール「Yeoman」のご紹介です。応用編もっと詳しく知りたい方へYeomanとgeneratorYeomannode.jsベースで動くスキャフォルディングツールで、これまで手作業で組み込んでいたライブラリ郡や、Sassコンパイルの作業等を自動化するgruntやgulpのタスク設定を含めた自分好みの開発環境を簡単に生成することができます。generator生成することができる開発環境の元となるパッケージで、その数はサイトで確認できるだけでも既に数百種以上(2014/08/20現在)存在しています。angular等、主要なものはそこから入手できます。(ちなみにgeneratorは個別に開発する事も可能です。ご興味あるかたはコチラからどうぞ)今回やろうとしていることYeomanとgeneretorをインストールした後で、yoコマンドを使ってスキャフォルディングを行います。manager)node.jsとnpmのインストール方法について、以前テットリで取り上げていますので、よろしければご参考ください。manager)のインストールから複数バージョンのnode.jsインストール及びその切替え手順のご紹介です。-vyoコマンド初めて実行する時は下のような内容が表示されるので、そのままEnterもしくはNキーを押して続けてください。generatorのインストール方法generatorはYeomanインストール時には含まれない為、必要なgeneratorを個別にインストールしていく事になります。ここではサンプルとして前回の記事で紹介したlivereloadをコマンドでインストールする方法をご紹介致します。gulp-livereload追加する機能を選べるので、↑↓キー+スペースで選択/非選択の設定をしてEnterキーで決定しますインストールに時間がかかっているように見えるときは...インストール中にスクロールせず止まっているように見える場合があります。これはyoで使われているbowerというヘルパーソフトを初めて起動する際に現れる現象で、キー入力待ちの表示が出ないまま待機状態に入ってしまいます。その場合はEnter等のキーを押してみると処理が続行されるので、疑わしい場合は試してみてください。Enterを押してみると...以上です。一連の手順をこちらの動画で確認できます。応用編その他、gulpで自動化設定済のgeneratorサンプルをご紹介します。jsの構成から進化し、覚えるべきスキルも増えると同時に学習コストも増加しているので、Yeomanやタスクランナー等の面倒な手間を省けるツールは覚えておくと良いでしょう。モダンな開発環境を手軽に試せるメリットもYeomanならではの強みですね。...npm内でキーワード”generator”検索した結果が見れます。RSS登録はこちらからどうぞテットリでは主に開発者向けの情報を国内外から集めてまとめ記事にしたり、作成したお役立ちツール、たまに海外(現在ベルリン在住)での奮闘記なども公開していきます。linkここの記事も一緒に読んでみて下さいGruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。ブラウザリロード不要。Gruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。runnerterminaltettoriThree.jstipstutorialTypeScriptunix人気の記事5分で終了。【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。WebGL無しiOSでも簡単軽快3D。Gruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。Solostream.。