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