React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiita
概要 React+Redux+Express+MongoDBでCRUDアプリを作ります。 この記事の目的は、React/Reduxを触り始めた人が サーバーとの通信の方法（より一般的には非同期処理の方法） Reduxにおけるフォームの扱い ExpressによるAPI node.jsからのMongoDBの操作 Herokuへのデプロイ など、主にサーバー側のデータの操作に関わる基本的な事項を学ぶきっかけを作ることです。 この目的に集中するために、それ以外の点については一切気にしないことにします。 そのため、初心者以外の人（上記の内容を理解している人）がこの記事を読んでも得るものはないと思います。 この記事が書かれた背景には、少し前に自分自身がjavascriptによるフロントエンド開発からwebプログラミングを学び始めたころの経験があります。ReactやReduxの基本的な文法の理解を終えて
サルでも分かるExpressでのjsonAPIサーバーの作り方 - Qiita
サル並みの語彙力の僕が書いた記事です。 事前知識 APIサーバーとは Webサービスのバックエンドによく使われる。 「PHP入門」などでWebサービスを作るシーンが多く見られますがその違いは簡単に言うと「Webサービスの外部から利用できるかできないか」です。 多くのPHP入門の記事ではPHPでMySQLなどのデータベースからデータを取ってきてそれをそのままechoなどで表示する例がよく見られます。 しかし最近のWebサービス開発ではフロントエンドの役割をする部分がバックエンドのAPIサーバーにリクエストを投げてAPIサーバーがデータベースからデータを取ってきてそれをフロントエンドに返しページに表示するのが多い気がします。 APIサーバーを立てるメリットとして僕が一番思うのはそのアプリのスマホ版を作る時に楽です。 主なAPIサーバーの機能をまとめると「 受け取ったリクエストに対してそれに応じ
React Reduxスターターキット - Qiita
React Redux Starter Kit の概要を意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文：https://github.com/davezuko/react-redux-starter-kit/blob/master/README.md 廃止予定の警告 Reduxエコシステムの到来により始まったこのプロジェクトは、ユーザーのクイックスタートを支援することが目的でした。 それ以降、ツール群やベストプラクティスは劇的に進化しました。可能な限り最新の経験を得るために、多くのReactとReduxのコア開発者がサポートするcreate-react-appのようなものをチェックすることをお勧めします。 React Redux Starter Kit このスターターキットは、素晴らしいフロントエンドテクノロジーを多数搭載して稼働させるために設計されています
Visual Studio CodeでExpressの開発環境を作ってみます - Qiita
2017/05/30追記 こちらに新しく同じ目的の記事を書き直しましたので、現在ではこちらをご覧下さいませ。 http://qiita.com/t-mimura/items/048bf2e3baa15daf30d8 2016/03/28追記 文中では tsd を利用していますが、現在は typings を使うことが推奨されていますので、そちらをご利用ください。取り急ぎ注記のみで申し訳ありません。（タイミングがあれば書き直します...） はじめに この記事は さくらインターネット Advent Calendar 2015 18日目の記事です。 クリスマスまであと1週間です。たぶん。 普段はフロントエンドの開発をしていますが、今回はExpressのことを書きたいと思います。 やること Visual Studio Code (以下 VSCode) を使ってExpressの開発を始めるまでを流して
expressで国際化！i18n-nodeを使おう - Qiita
はじめに Railsの国際化の記事は多いのですがexpressがあまりない悲しみ。基本的な流れはそんなに変わらないと思いつつ置いときます。こちらの環境はNode.JS 0.12.x + express4.9です。 express4のアプリを多言語化する まずはi18nを入れましょう。githubのリポジトリ名はi18n-nodeですが、npm名はi18nです。 var app = express(); var express = require('express'); var session = require('express-session'); var i18n = require("i18n"); //・・・中略・・・ // i18nの利用設定 i18n.configure({ // 利用するlocalesを設定。これが辞書ファイルとひも付きます locales: ['ja', '
橋本商会 » React+Fluxxor+socket.ioでfluxなチャットを作った
fluxxorとsocket.ioを使ってチャットを作った。大変ミニマムな感じの実装を心がけてて、今後何かWebアプリを作る時はこれを少し組み替えて作るぞというのを意識してる。ようするに低機能最低限でしょぼい。サーバー側はexpressとmongodb。 https://github.com/shokai/node-flux-boilerplate herokuでも動く https://node-flux-boilerplate.herokuapp.com/ クライアントはこんな実装 Fluxアーキテクチャ Reactはなんとなくわかってfluxをやるか、と思ったらflux npmの中がdispatcherしかなかった。 flux.DispatcherのwaitForの実装 まずこのへんを読んでフムフムなるほど（わかったようなわからないような）となる。 Flux | Application
Node.jsのMVCフレームワーク「Express」の基礎知識とインストール
連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、実際にサンプルを動かしたい場合には前回の記事を読んで環境を作成しておきましょう。 今回はサーバー側のMVCフレームワーク、「Express」について解説します。 MVCフレーワーク「Express」とは 「Express」とは、Node.js上で動作するWebアプリのフレームワークです。 Webアプリを構成する上で必要な機能がそろっており、ルーティングやビューヘルパー、セッション管理の機能もデフォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
