第6回鹿児島node.jsの会資料＿内村
•
1 like•375 views
１２月１９日（金）開催、第６回鹿児島Node.jsの会資料です。 ちょっと初心者向けにしてみました。
More Related Content
What's hot
What's hot (19)
Viewers also liked
Similar to 第6回鹿児島node.jsの会資料＿内村
More from Koichi Uchimura
More from Koichi Uchimura (7)
第6回鹿児島node.jsの会資料＿内村
- 1. 第6回勉強会 Node.js v0.10 でハンズオン！ ～Hello World!まで～ 内村 康一
- 2. 今日の目次 第1章 Node.js v0.10 の変更点（v0.6から） 第2章 Expressの変更点（3.xから4.x） 第3章 改めてhello world! 第4章 ちょっと高度なこと
- 3. 第1章 第1章 Node.js v0.10 の変更点（v0.6から）
- 4. 第1章 Node.js v0.10 の変更点（v0.6から） 変更点 ・eeeexxxxpppprrrreeeessssssssのインストール npm install -g expreess ⇒ nnnnppppmmmm iiiinnnnssssttttaaaallllllll ----gggg eeeexxxxpppprrrreeeessssssss----ggggeeeennnneeeerrrraaaattttoooorrrr ・ccccrrrryyyyppppttttooooにggggeeeettttHHHHaaaasssshhhheeeessss(((()))) と ggggeeeettttCCCCiiiipppphhhheeeerrrrssss(((())))が追加された。 ・ffffssssにffffttttrrrruuuunnnnccccaaaatttteeee(((()))) と ffffttttrrrruuuunnnnccccaaaatttteeeeSSSSyyyynnnncccc(((())))が追加された。 良く見たらそんなに変ってなかった （私が使う機能は）
- 6. 第2章 Expressの変更点（3.xから4.x） 変更点 使えなくなったもの ・app.configure() ： 基本的にapp.setで設定。 ・app.router ： app.mountpath で代用。 ・express.createServer() ： 書かなくてＯＫ。 ミドルウェアを別個インストールする必要があるもの ・bodyParser ： body-parserを別個インストール ・cookieParser ： cookie-parserを別個インストール ・favicon ： serve-faviconを別個インストール ・session ： express-sessionを別個インストール ・methodOverride ： method-overrideを別個インストール ・express.logger ： morganで代用
- 7. 例えば・・・ • app.use(express.bodyParser()); みたいな書き 方はできなくなりました。 • var bodyParser = require('body-parser'); • app.use(bodyParser().json()); みたいに 書けばＯＫ。 Ｅｘｐｒｅｓｓがかなーり変わってた （私が使う機能は）
- 9. １．準備 その１ ① hhhhttttttttpppp::::////////nnnnooooddddeeeejjjjssss....oooorrrrgggg//// で「ＩＮＳＴＡＬＬ」をクリック ② ダウンロードしたファイルを開く。 ③ ひたすら「次へ」をクリック ④ 環境変数「ＰＡＴHHHH」を指定 これでＮｏｄｅのインストールは完了
- 10. １．準備 その２ ① npm install -nnnpppmmm iiinnnssstttaaallllll ---gggg eeeexxxxpppprrrreeeessssssss----ggggeeeennnneeeerrrraaaattttoooorrrr でexpressをインストール ② eeeexxxxpppprrrreeeessssssss ----eeee kagonode でプロジェクトを作成 ③ node app.jsで起動すると「cannot find module '○○'」が何度か出るので npm install ○○で片っ端からインストール
- 11. ２．やることはこれだけ <<<<rrrroooouuuutttteeeessssiiiinnnnddddeeeexxxx....jjjjssss>>>> router.get('/', function(req, res) { res.render('index', { title: 'Express' }); }); ''''HHHHeeeelllllllloooo WWWWoooorrrrlllldddd!!!!''''に変更！ <<<<aaaapppppppp....jjjjssss>>>> aaaapppppppp....lllliiiisssstttteeeennnn((((3333000000000000))));;;; を最後に追加 やることはこれだけ！
- 14. １ ＥＪＳテンプレートの理解 sssstttteeeepppp1111 viewフォルダにある「index.ejs」をテキストエディタで 開いてください。 sssstttteeeepppp2222 <h1><<<<%%%%==== mmmmyyyynnnnaaaammmmeeee %%%%>>>></h1> のように、ttttiiiittttlllleeeeをmmmmyyyynnnnaaaammmmeeeeに変更して下さい。
- 15. １ ＥＪＳテンプレートの理解 sssstttteeeepppp3333 routesフォルダにある「index.js」をテキストエディタ で開いてください。 sssstttteeeepppp4444 router.get('/', function(req, res) { res.render('index', { ttttiiiittttlllleeee: ''''HHHHeeeelllllllloooo WWWWoooorrrrlllldddd!!!!'''' ,,,, mmmmyyyynnnnaaaammmmeeee:::: ''''kkkkooooiiiicccchhhhiiii'''' }); }); のように、「mmmmyyyynnnnaaaammmmeeee: '○○'」を加えてください。
- 16. １ ＥＪＳテンプレートの理解 nnnnooooddddeeee aaaapppppppp....jjjjssssで起動・・・ こうなっていれば 成功です。 おめでとうございます！
- 17. ２ 要するに <<<<iiiinnnnddddeeeexxxx....jjjjssss>>>> rrrroooouuuutttteeeerrrr....ggggeeeetttt((((''''////'''',,,, ffffuuuunnnnccccttttiiiioooonnnn((((rrrreeeeqqqq,,,, rrrreeeessss)))) {{{{ rrrreeeessss....rrrreeeennnnddddeeeerrrr((((''''iiiinnnnddddeeeexxxx'''',,,, {{{{ ttttiiiittttlllleeee:::: ''''HHHHeeeelllllllloooo WWWWoooorrrrlllldddd!!!!'''' ,,,, mmmmyyyynnnnaaaammmmeeee:::: ''''kkkkooooiiiicccchhhhiiii'''' }}}}))));;;; }}}}))));;;; <<<<iiiinnnnddddeeeexxxx....eeeejjjjssss>>>> <h1><<<<%%%%==== mmmmyyyynnnnaaaammmmeeee %%%%>>>></h1> という感じで対応しているわけです。