ヨーマンおじさんと戯れる会

655 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
655
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

ヨーマンおじさんと戯れる会

  1. 1. ヨーマンおじさんと戯れる会 日本Androidの会 大分支部 本田 克己
  2. 2. ぃよっ! 注:ヤフーおじさんではありません
  3. 3. 日本Androidの会 大分支部 2010年2月6日に設立 Androidアプリ開発の勉強会などをやっています http://goo.gl/VKyYN http://groups.google.com/group/android-group-japan-oita Facebookページなんかもあったりします。 http://goo.gl/vKmlc https://www.facebook.com/android.oita
  4. 4. YEOMAN http://yeoman.io/
  5. 5. YEOMAN ヨーマンおじさんと戯れようと思ったキッカケはこちらを参照してください。 http://www.slideshare.net/kponda/web-26012144 ➔YEOMAN、ヨーマンと読むっぽい ➔イングランドの独立自営農民?米海軍の事務係士官? ➔クライアントよりなWebアプリを効率よく開発するためのツー ル、フレームワーク ➔GoogleのChromeデベロッパーリレーションチームが中心に開発 ➔オープンソース(BSDライセンス)で提供 ➔マルチプラットフォーム対応 OS X、Linux、FreeBSD、Windows
  6. 6. プロジェクトのひな形 を生成 GRUNTやBOWERの設定を やってくれる http://bower.io/http://gruntjs.com/ コンパイルやテスト等 のタスクを実行 ファイルを修正する と、自動的にコンパイ ルしてページのリロー ドとかやってくれる 依存関係の管理を行な う。プロジェクトに必 要なファイルを、自動 的にダウンロードして くれたりする
  7. 7. 具体的になにやってくれるの? ● 利用したいフレームワークに応じたプロジェク トの骨組みを作る ● 必要なJavaScriptライブラリ等を自動的にダウ ンロード ● Webアプリのビルド CoffeeScript等のコンパイル、ミニファイ、画 像ファイルの最適化など ● テストの実行 ● 開発用Webサーバの実行 とか色々
  8. 8. ヨーマンおじさんに 会いに行こう!
  9. 9. 事前に必要なもの C/C++コンパイラも あると良さげ
  10. 10. パッケージ管理システム使ってる人 ■macports sudo port install nodejs sudo port install git-core sudo port install ruby sudo gem install compass sudo npm install -g yo
  11. 11. Windows用パッケージ管理システム 使ったことないけど、こんなのあるんですね。 http://chocolatey.org/ コマンドプロンプトに↓をペーストして実行するとインストール完了 @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH= %PATH%;%systemdrive%chocolateybin - See more at: http://chocolatey.org/#sthash.ZQtgp8JF.dpuf cinst yeoman npm uninstall -g yeoman npm install -g yo cinstで0.9.6がインストールされるので インストールし直す
  12. 12. もしくは個々のパッケージをインストール (パッケージ管理システム使ってたらスルー)
  13. 13. node.js http://nodejs.org/ ここクリック
  14. 14. ruby http://rubyinstaller.org/downloads/ とりあえず1.8系列をダウンロードして インストールだ!
  15. 15. compass http://compass-style.org/install/
  16. 16. git http://git-scm.com/downloads
  17. 17. yeomanのインストール npm install -g yo
  18. 18. インストールが完了しました? 完了したら yo コマンドを実行だ! ぃよっ!
  19. 19. 単純なWebアプリを作ってみる
  20. 20. ジェネレータ ● アプリの骨組みを作るのをジェネレータという ● さまざまなジェネレータが公開されている ● webappジェネレータを追加して使ってみよう! npm install -g generator-webapp mkdir ほげふげ cd ほげふげ yo webapp grunt server しばらくするとブラウザにページが表示されます。 後はお好みのエディタで、編集するのです!
  21. 21. angular.jsとexpress npm install -g generator-angularexpress mkdir ほげふげ cd ほげふげ yo angularexpress grunt server しばらくするとブラウザにページが表示されます。 後はお好みのエディタで、編集するのです!
  22. 22. ライブラリを追加してみる Bower使います # 検索 bower search <検索文字> # インストール済みパッケージ確認 bower list # パッケージ更新 bowser update <パッケージ名> # インストール –saveを付けると bowser.json に追記する bower install <パッケージ名>... --save # アプリに反映(RequireJSを使ってる場合) grunt bower # アプリに反映(RequireJSを使っていない場合) grunt bower-install

×