Express

1/13ページ

Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門(Express/sequelize編)

目的 WEB アプリケーションの入門として下記を学ぶことが目的です。 Express スタートアップ (Node.js 初期化含む) O/R マッパー sequelize を使った DB 処理入門 React スタートアップ 今回は Express スタートアップと sequelize の利用方法について記載してます。 尚、自分の理解を整理する目的で記載するため、チュートリアル形式で記載してません […]

[Angular] HTTPクライアント(RESTクライアント)を実装する

Angular でバックエンドとの疎通を行う方法について見ていく。 ここでは Http サービスを使用し、REST-API による実現方法を確認する。 更新情報( 2018/05/13 ) Angular 5.0.0 で @angular/http が非推奨( 出典:Version 5.0.0 of Angular Now Available )となったため、Httpクライアントモジュールを @a […]

多分間違えてるColaboratoryの使い方(now入門)

はじめに 無料でサーバを作りたいと思ったのですが、ローカルに環境構築するのが面倒ですよね。 何をインストールしたのかわかんなくなったり、古いライブラリが悪さをしたり。。。 なので、クラウドで全部開発できる環境が欲しいと思っていました。 いろいろ調べたのですが、コードまでかけてデプロイもできる環境って結構少なかったりします。 ※ 今までは cloud9を利用していたのですが、 AWSに買収されて、a […]

Nuxt.js (Vue.js) + Express + Socket.IO でリアルタイムWeb (チャット) を体験する

追記 2018/06/26 作成したアプリを Heroku にデプロイする手順を追加しました。 また、これに伴いクライアントサイドの実装にも変更があり、デプロイ前にDockerfileを修正する必要があるため追記しました。 2018/06/27 pugでテンプレートを記述したものを「おまけ」として追記しました。 はじめに 「Node.js + Socket.IO」の記事はよく見かけるのですが、「N […]

Node.js + Express + Socket.ioで簡易チャットを作ってみる

Node.js + Express + Socket.ioで簡易チャットを作ってみる 詳しくはSocket.ioのドキュメントをご覧ください。 https://Socket.io/docs/ やりたいこと Node.js+Socket.ioの組み合わせはよく知られていると思います。 今回はこの組み合わせを使用してチャットを作ってみることを目標にしたいと思います。 Socket.ioとは Socke […]

ExpressでServer Sent Event (SSE) を簡単に扱ってみる

概要 「暇だし簡単なチャットでも作ってみようかなー」と思い 車輪の再発明とわかりつつ、ライブラリっぽいものを作ってみました。 Server Sent Event(SSE)ってなに すごく大雑把に言うと 「コネクションを張りっぱなしにして、必要な時にメッセージ送信を行う仕組み」です。 これだけを聞くとWebSocketと一緒なのかな?と思いますが、 SSEはサーバ → クライアントへの一方通行となっ […]

ejsでレイアウト機能を使う

最近個人プロジェクトでExpress x ejsを使っています。 viewファイルを作っていて、当然ですけど絶対レイアウト機能を使ったほうが修正も楽だろうと思って調べました。 express v4.16.3 ejs v2.5.9 レイアウト機能使用に必要なもの express-ejs-layouts これだけです 手順 express-ejs-layoutsインストール $ yarn add ex […]

1時間でNode+Express+MongoDBを使ったweb appを作りましょう

Nodeを使って「Hello、World!」ページを表示するWebアプリのチュートリアル結構あるのですが、自分の経験でDBをアクセスするまでのチューロチアルが少ないということで、今回の記事のテーマは簡単にMongoDBに保存したデータを取得したり、MongoDBにデータを書き込んだりするWebアプリの手順を紹介します。 一、環境を構築 ステップ1:Node.jsをインストール node.js公式サ […]

React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる

概要 React+Redux+Express+MongoDBでCRUDアプリを作ります。 この記事の目的は、React/Reduxを触り始めた人が サーバーとの通信の方法(より一般的には非同期処理の方法) Reduxにおけるフォームの扱い ExpressによるAPI node.jsからのMongoDBの操作 Herokuへのデプロイ など、主にサーバー側のデータの操作に関わる基本的な事項を学ぶきっ […]

vue-routerのルーティングURLからハッシュを除去しつつ、URL直接指定でも表示させる(Node, Express)

vue-routerのデフォルト設定 vue-routerはデフォルトだと、URLにハッシュが付くようです。 ex) /tasksのルーティングの場合: http://localhost/ かっこ悪いのでハッシュを除去 ルーターのmodeを’history’にする事でハッシュが消える。 ex) http://localhost/tasks history.pushState […]

1 13