ひよこだってNode.jsやってみたい
by
MofuMofu
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
ひよこだってNode.jsやってみたい もふもふ(@froakie0021) 1
Slide 2
Slide 2 text
もふもふ(@froakie0021) りまりま団として技術書典やコミックマーケットに参加 同人誌が商業本になっていたりします。 その1 その2 Boothに過去に出した同人誌があったりする ひよこなもふもふちゃんと技術同人誌.fmをはじめました 2
Slide 3
Slide 3 text
ひよこだってNode.jsやってみたいので Node.js tutorial で検索してみた Nodeビギナーズブック w3schools Node.js Tutorial Node.jsの基本的な使い方 etc... 3
Slide 4
Slide 4 text
でも完成イメージがわかないんや チュートリアルサイトをみたけれど、1人でできそうな気がしない ゴールイメージが持てないと「で、結局何できるのか? 」となる 4
Slide 5
Slide 5 text
実装イメージが湧くものはないのか…あるやんけ! Ruby on Rails tutorialの内容をNode.jsでやってみればいいじゃない 静的ページ・動的ページ(ログイン処理)の実装例がある スクリーンショット付きで「こうなります」と記載されている テストの書き方(考え方)も記載がある 内容は同じ、でも中身はNode.jsで実装すれば良いのでは?(天才) 5
Slide 6
Slide 6 text
とりあえずRails tutorialの第3章をやってみた ゴール:静的ページを作成する Home,Help,Aboutページを実装する DRY原則に基づき、タイトルをページごとに変更できるようにする (≒ HTMLにプログラミング言語を埋め込む) https://github.com/MofuMofu2/hiyoko‑Nodejs‑tutorial 6
Slide 7
Slide 7 text
Ruby on Rails チュートリアルとNode.jsの対応 役割を置き換えながら調べていくと学習しやすいのではと思った 実装内容 Ruby on Rails Node.js ページのURLの制御方 法 routes.rbで制御 require('http') 関数の createServer の中で制 御 ページの描画方法 HTML/ .erb HTML HTMLにプログラミン グ言語を埋め込む方法 <% %> でRubyコ ードを埋め込む HTML内に + Node.js 側にHTMLファイルを読み込むコードを記述 7
Slide 8
Slide 8 text
Ruby on Railsよりも便利!と思ったこと 環境構築が楽 nodebrewで指定したバージョンをインストールできる。つよい。 Webアプリケーションを動作させるまでの工程が短い JavaScriptとHTMLを記載すれば最低限の動作をするため、モチベーションは保ちやすい? 8
Slide 9
Slide 9 text
ハマったこと コンソールに動作ログが出ない?? node コマンドでサーバーを立ち上げたとき、動作ログが出なかったので焦った Railsだとサーバー起動時 + サーバーアクセス時に動作ログが出る モジュールやパッケージ情報多すぎ expressを使う/つかわない テストするためにはどのツールを使うのがいいのか 9
Slide 10
Slide 10 text
参考ページ w3schools Node.js Tutorial 知見が溜まったら同人誌にしたいです。 10