前回の続きです。 前回まではテキストのみを投稿する掲示板でしたが、画像もアップできるようにします。 作るもの これまで作ってきた掲示板を拡張 フロントエンドはcreate-react-appで作成 バックエンドはExpress 書き込みと同時に画像をアップロードできる…

前回の続きです。 フォームを表示して、投稿をできるようにします。 作るもの これまで作ってきた掲示板と同じもの フロントエンドが今回作るもの。前回作った掲示板APIと連携して書き込みデータをやりとりする。 サーバーAPIを立ち上げておく 前前回作った…

create-react-appはFacebookが開発したReact web アプリケーションの環境構築パッケージです。 React はそのコードを書いて動かす以前に前提となる開発環境を整備するのに苦労することから適用を断念しがちでした。このツールによって導入がしやすくなりまし…

作るもの 開発環境 1. Express プロジェクト作成 2. express-restify-mongoose をインストール 3. app.jsを編集 4. まとめ 作るもの Express内で定義したMongoDBのスキーマに対してデータをCreate,Read,Update,DeleteするWebAPIインターフェース これまで作…

前回の「node.js+Express+mongooseで掲示板を作ってみる」ではview engineをpugで実装しました。 これを機能はそのままに Reactをview engineとして使ってみます。 目次 目次 1. express-react-views パッケージインストール 2. app.js で view engine を変…

前回の「node.js+mongodbで掲示板アプリを作ってみる」ではnode.jsとmongodbのnative driverだけでapp.jsのみで実装しました。 独自ルーティング デザインもHTMLも混在 dbのドキュメント構造がわかりにくい その他Webアプリケーションで共通の処理手順をその…

前回つくった掲示板サービスはnode.jsのhttpサーバー起動中の配列に書き込みデータを保存したため、サーバー再起動でデータが消えてしまいます。 今回はmongodbにデータを保存してみます。 1. mongodbのインストールと起動 2. node.jsでmongodbのdriverを使…

「node.jsだけで掲示板アプリを作ってみる(前編)」のつづきです。 1. 前回までのまとめ 2. 投稿ページ 3. 投稿データを保存する 4. 投稿された書き込みを表示する 5. Not Found ページの実装 5. まとめ 付録. 全ソース 全体構造がわかるようにapp.js という…

node.jsだけで掲示板アプリを作ってみる いろいろ便利なライブラリやパッケージを利用する前に素のnode.jsで一通りの機能を作ってみる node.jsだけで掲示板アプリを作ってみる 1. nodeのインストール 2. ディレクトリ作成 3. Hello World 4. URL毎に処理を変…