μ’s2年生と学ぶJavaScript入門 Express編

ぶる~べりぃ♡えくすぷれす
 
Node.jsのWebアプリケーションフレームワーク、Expressの基礎を学びます。


海未「JavaScriptの言語仕様、Node.jsの仕組みと見てきましたが、基礎練習はそろそろ十分でしょう」
穂乃果「おおっ、ということは!」
ことり「いうことは!」
海未「ExpressというWebアプリケーションフレームワークを使って、簡単なWebアプリの作り方を勉強していきましょう」
穂乃果「やった!これでようやくアプリっぽいのが作れるよ~」
海未「言い方を変えると、Webアプリを作るというのはこれだけの基礎が必要なのです」
 
海未「ではこれから、ExpressによるWebアプリの作り方を見ていきます。言語仕様編やNode.js編を未読の方は先にそちらをご一読ください」


ただいま連載中!

Part1:Hello World

海未「では最初に、環境構築をしていきましょう。今回、OSはLinuxとします」 穂乃果「この前bashの勉強用に真姫ちゃんにもらったUbuntu入りPCがあるよ」 ことり「穂乃果ちゃん、あれはもらったんじゃなくて借りたん[...]

Part2:express-generator

海未「さて、ExpressにはWebアプリケーションの雛形を自動生成してくれる機能があります。今回はその機能を提供するexpress-generatorについて見てみましょう」 海未「まず始めに、express-gene[...]

Part3:View

海未「最初はビューの部分です。画面を作るにはHTMLをそのまま書く方法もありますが、Expressではいくつかのテンプレートエンジンがサポートされています」 穂乃果「テンプレートエンジン?」 海未「HTMLを簡単に生成で[...]

Part4:Controller

海未「今回はコントローラについてです。モデルとビューの間でルーティングを行うものですね」 海未「自動生成されたroutes/index.jsを見てみましょう」 var express = require('express[...]

Part5:Model

海未「今回はMVCの最後、モデルについて見てみましょう」 にこ「話は聞かせてもらったわ!」 穂乃果「うわっ!にこちゃん!?」 海未「またですか・・・もうオチが見えているのですが」 にこ「モデルと聞いてはこのにこにーが黙っ[...]

Part6:投票機能の実装

海未「では仕上げです。前回までに作ったアプリケーションに投票機能を追加しましょう」 海未「まずはviews/index.jadeをこのように」 extends layout block content h1 School[...]

Part7:セッション管理

海未「では、前回までに作ったアプリケーションに、ユーザ認証の機能を追加してみます」 穂乃果「いよいよ本格的になってくるねっ!」 海未「仕様は」 グループ登録画面に入るために認証が必要 ログインされていればそのままグループ[...]


LINEで送る
Pocket


返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です