前回までで掲示板の骨子はできあがりました。 もくじの「バックエンドを使った掲示板」を見ていただければ、その変遷はわかっていただけると思います。 私もわからなくなるたび、これらの記事を見直すことになります。 で。 フロント側、サーバー側のコード…

掲示板のサーバーも（おそらく）今回で完成し、掲示板の骨子は完成します。 では、やっていきましょう。 バックエンド側のコード（Node.js) const express = require('express'); const cors = require('cors'); const app = express(); const PORT = 3000; …

前編はこちら。 この記事では前回の記事をよく出しますので、このリンク先はタブを消さないで適宜参照するとよいかと思います。 さて、前置きは置いといて、とっとと進めましょう。 まずフロントエンド側の全体のJavaScriptはこちら。 document.getElementBy…

今回は、掲示板を動かすコードを教えてもらい、実際に動かしてみます。 教えてもらったことを勉強して、「実は教えてもらったコードは間違っていました」では悲しすぎますので。 あくまで動かすだけですので、「fetch通信」みたいな用語は次回からやっていき…

前回の記事で、「Node.jsとExpressで使ってJSONを扱うAPI」に関する話をしました。 もっと正確にいうなら「Node.js + Expressで、JSON形式のデータをやりとりするAPI」と言ったほうがわかりやすいかもしれません。 JSONのNってnotation、つまり表記法って意…

とりあえずはフロントエンドで動作する掲示板を作ることはできたので、ここからはサーバーも使った掲示板の作成に入っていきたいと思います。 つまりやっとブログ名であるNode.jsを勉強していくことになります。 本来ならNode.jsを順番に勉強していくのが正…

はじめに 前回はAPIの役割についてお話しました。 送られてきたURLエンコード文字列のデータをJavaScript形式にして処理する、といった流れでした。 今回はAPIに実際にデータを送って、ちゃんと送られたか確認します。 やる内容は「名前を書いて送信する」だ…