大阪Node学園 七時限目 「ゼロからはじめるnode.js」

JAWS FESTA Kansai 2013でのスライドです｡

node.jsの概要から主なモジュールの紹介､ElasticBeanStalkでのアプリケーション実行までを紹介しています｡

Transcript

1. JAWS FESTA Kansai 2013 出張版 大阪 Node 学園七時限目 ゼロからはじめる node.js 2013/09/28
2. Agenda 1. はじめに 2. node.js の概要 3. node.js の特徴 4. はじめよう node.js 5. node packaged modules 6. サーバサイド環境としての node.js 7. コーディングツールとしての node.js 8. node.js と AWS 9. 今後の予定 10. 宣伝
3. はじめに
4. 想定対象者 これから node.js を触り始めようという方
5. リンクは です 上の例をのぞいてスライド内のリンクはクリックで外部のサイトが開きます この色
6. 自己紹介 渡辺俊輔 フリーランス Web エンジニア 大阪 Node 学園主催 Blog : 質問､訂正な ありましたら下記から うぞ google+ twitter gmail A Node in Nodes 大阪 node 学園 @craftgear craftgear@gmail.com
7. node.js の概要
8. node.js 正式名称 node 生まれてから 4 年
9. runs javascript javascript で処理を書く
10. runs on google V8 google v8 上で動く v8 は chrome に乗っている javascript エンジン
11. without DOM DOM はない
12. with APIs ファイル操作な の API がある Node.js v0.10.18 Manual & Documentation
13. 二つの側面 サーバサイド環境としての node.js コーディングツールとしての node.js
14. javascript の実行環境
15. node.js の特徴
16. 高いハフォーマンス I/O バウンドな処理のみ
17. 非同期処理 従来の LL 言語はほぼすべて同期処理 javascript は生まれながらにして非同期
18. 豊富なモジュール node packaged modules https://npmjs.org/
19. 活発なコミュニティ 主に欧米
20. node.js の採用例 eBay, LinkedIn, Microsoft, Yahoo な node.js を利用している企業､団体の一覧
21. 非同期処理がもたらす恩恵 豊かなエコシステム
22. はじめよう node.js
23. インストール バイトリをダウンロードして解凍するのが早くて簡単 自分でコンハイルしたい人は nodebrew とか http://nodejs.org/download/
24. まず覚えたいこと 2 つのコマンド node コマンド npm コマンド 2 つの概念 コールバック関数 イベントドリブン
25. node コマンド node.js の本体 スクリプトを実行する バージョン表示 スクリプト実行 対話環境 > node --version v0.11.6 > node hello.js Hello! > node > console.log('Hello!'); Hello!
26. npm コマンド node package manager npm モジュールの管理を行う 個別モジュールのインストール モジュールのアンインストール ※ Mac の homebrew で node.js をインストールした場合には npm コマンドの 実行に sudo が必要 > npm install less > npm uninstall less
27. コールバック関数 jQuery で 馴染み jQuery の document.ready の例 jQuery での呼び名はネンドラ node.js でのファイル読み出しの例 4 行目から 7 行目の function がコールバック関数 $( document ).ready(function() { // Handler for .ready() called. }); 1 2 3 var fs = require('fs'); fs.readFile(__dirname + '/ong6.txt', {encoding: 'utf-8'} , function (error, result) { console.log(result); process.exit(); } ); 1 2 3 4 5 6 7 8
28. イベントドリブン こちらも jQuery で 馴染み jQuery の例 document が ready になったらネンドラを実行する node.js の例 ファイルを読み込ん らコールバック関数を実行する 何かの状態になった → 何かの処理をする || || イベント発生 → コールバック関数を実行
29. node と npm の二つのコマンドを使う コールバックスタイルに慣れよう
30. node packaged modules
31. モジュールの探し方 npm search でモジュールを探せる ウゥブサイトを利用すると便利 キーワードでインクリメンタルサーチ フォーク数､スター数な でソート可能 カテゲリから探せる しばらく落ちている模様 本家サイト 検索結果の総数が出ない上､ソートが出来ないので使い らい > npm search less nipster node toolbox npmjs.org
32. サーバサイド環境としての node.js
33. Web サーバ 標準の http モジュール express restify sailsjs
34. WebSocket サーバ ws Socket.IO SockJS
35. データベースアクセス (driver) node-mongodb-native redis node-postgres node-mysql
36. データベースアクセス (ODM/ORM) mongoose sequalize bookshelf jugglingdb
37. テストフレームワーク mocha nodeunit QUnit
38. ユーティリティ ... and more and more underscore async johnny-five
39. コーディングツールとしての node.js
40. メタ言語 coffee-script jade less
41. ユーティリティ ... and more and more UglifyJS jshint grunt yeoman
42. モジュールを活用しよう Github のフォーク数､スター数､最終更 新日を見る
43. node.js と AWS
44. Elastic Beanstalk 自分でサーバを作る必要がない オートスケーリング 対応言語 Java .NET node.js Python PHP Ruby 参考： 5 ステップでらくらく！アプリ開発者のためのクラウド まかせ構築術
45. Elastic Beanstalk 環境の作成 から ElasticBeanstalk を選択 自動で構築が始まるのでしばらく待つ グリーンになったら完了 Default Environment のリンクをクリックす ると起動中のサーバにアクセスできる マネジメントコンソール
46. node.js のバージョンをあげる 起動時のデフォルトが 0.8.24 なので 0.10.10 に変更する Configuration の Edit ボタンをクリックする Software Configuration の歯車をクリック Node version に 0.10.10 と入力 ページ下部の save ボタンをクリックすると自動 で環境のアップデートが始まる 最新バージョンはドキュメントににひっそりと書いてある
47. 自作アプリのアップロード app.js を含むファイル一式を zip にまとめる このときディレクトリ と zip にしないこと､ "Failed to find package.json" というエラーの原因になる Upload and Deploy ボタンをクリックする ファイルを選択をクリックし､先ほ 作った zip ファイルを選択する Deploy をクリックすると自動でアップデートが 始まる
48. Elastic Beanstalk を使うと node.js アプリケーションのデプロイも簡単
49. 今後の予定 大阪 Node 学園八時限目 node.js みちしるべ 10/28 Innovation EGG 第一回勉強会 出張版
50. 宣伝 半年ほ 前に本を書きました HTML5 と JavaScript による iPhone/Android 両対応アプリ開発ガイド (DESIGN & WEB TECHNOLOGY)
51. Thank you! photo by from flickr Lance Johnson