GraphQL入門 - React.js & Express.js & Apollo の簡単チュートリアル - エムスリーテックブログ
M3 ではグローバル CTO の Brian が、サービスの海外展開や技術基盤の共通化などを積極的に進めています。その中のプロジェクトの１つとして、アメリカで提供している医療ニュースのリニューアルにチャレンジしています。2018 年 5 月には日本オフィス所属のイギリス人エンジニア @christophrowley と日本人のエンジニア (筆者)が 1 ヶ月ほどニューヨークに出張してリニューアルの検討をしてきました。 ( ↑ Chrisが撮影してくれた NY の写真 ) 今回の記事は、リニューアルで採用を検討している GraphQL を Apollo + JavaScript で作るチュートリアルです。 TL;DR Apollo を使って、クライアントサイド、バックエンドを作るチュートリアルを紹介 英語・海外での開発に挑戦したいエンジニアを絶賛募集中です。もし興味があればランチ行きましょう
YEOMANを使ってMEAN（MongoDB + Express.js + Angular.js + Node.js）のWebアプリケーションを作る - @ledsun blog
MEANとは MongoDB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。 手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。 次の手順で進めていきます。 アプリケーションの雛形を作成 ユーザページを追加 htmlを修正してユーザ一覧を追加 クライアントのJavaScript（Angular.js）を修正 サーバのJavaScript（Express.js）を修正 MongoDBを参照 ユーザの登録機能を追加 完成したものはGitHubにおいてあります。 Chocolatey本体のインストール以外はMinGW Bash*1で実行可能です。 事前準備 ChocolateyでMongoDBとNode.jsをインストールします。Chocolateyをインストールしていなかったら次のコマン
REST API Design Best Practices Handbook – How to Build a REST API with JavaScript, Node.js, and Express.js
I've created and consumed many API's over the past few years. During that time, I've come across good and bad practices and have experienced nasty situations when consuming and building API's. But there also have been great moments. There are helpful articles online which present many best practices, but many of them lack some practicality in my opinion. Knowing the theory with few examples is goo
はじめに 前回までは、Node.jsについての基礎的な説明からnpmによるパッケージ管理まで、紹介してきました。今回から、いよいよNode.jsを使ったWebアプリケーションを実装していきます。前々回に単純なHTTPサーバの実装についてコードとともに紹介しました。あれをみるとわかるとおり、nodeが提供するHTTPサーバの機能はプロトコルに沿ったローレベルなものになっています。例えば、リクエストが来たら、そのURLパスに従った処理を実行するために、リクエストURIの解析から実装していかなくてはなりません。そういったことが簡単に定義して処理を書けるWebアプリケーションフレームワークがnodeにも存在します。本連載では、その代表格のExpressを使って実装してみたいと思います。 Expressのインストール Express（Express.jsと表記されることが多い）は、非常に手軽にnod
NetflixがExpress.jsに嵌まる
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
Creating a Web App with Backbone.js, Node.js, Express.js, Bootstrap, and MongoDB - TUTORIAL
Tech Stack for the Backbone.js WebApp Before moving on to building the application, it’s a good idea to get to know more about the Tools and Frameworks we’ll be using. Backbone.js “Backbone.js is a Frontend framework which helps us in building web apps in a more structured way and helps us in writing cleaner and bug-free code.” Don’t worry if you do not understand the above definition, let’s first
こんにちは。Tokyo Otaku Mode エンジニアの重岡です。 本ブログを読んだことがある方々は既にご存知かもしれませんが、Tokyo Otaku Modeでは otakumode.com に Node.js と MongoDB を採用しています。フレームワークには Node.js 製の Express.js (3系) を使っています。Express.js は Ruby の Sinatra や Python の Flask と同じような MicroFramework なので、必要な機能は npm で module をインストールする、もしくは自分で Express.js の機能を拡張します。 今回は Express.js に機能拡張した一例として res.render を otakumode.com 向けに使いやすく改良した手順をご紹介します。 View 出力時の共通処理をまとめたい
Express.js + React.js + Heroku でWEB サービス Shuffle List をリリースしました - Qiita
まず骨子となる WEB フレームワーク WEB サービスを作ろうというのですから WEB フレームワークを選ぶのがまず最初でしょう。ですが、個人で WEB 開発をする際には結局自分が一番慣れ親しんでいる言語のデファクトの WEB フレームワークを使うしかないでしょう。ここを適材適所で選べるようになるには上級者にならないといけないと思います。 とは言っても、Node.js での WEB 開発が他の言語と比べてめちゃくちゃ非効率な可能性を恐れて他の言語のフレームワークをいくつか触ってはみました。結果 JavaScript の細かい部品を組み合わせてすぐに捨てたり変えたりできる良さを発見し、JavaScript への愛が深まることになりました。 また、Node.js の WEB フレームワークも Express.js の次世代である Koa.js を使いたかったのですが日本語の情報量や既存のノウ
Introduce Express 1.expressとは 2.なぜ Node.js + express を使うか 3.Getting started 4.パッケージの追加 5.Express + MongoDB Githubにまとめたものを、せっかくなのでblogの方に転記しました。 一部ブログ用に加筆修正しています。 1.expressとは expressは、Node.jsの軽量Webアプリケーションフレームワークで RubyのSinatraのようなシンプルなフレームワークです。 Node.jsのHTTPサーバ機能は、プロトコルの仕様にそったローレベルなものであるため、 WebApplicationを開発しようとした場合、HTTPリクエストの解析から行わなければなりません。 (Java ServletやRuby Webrickのようなイメージ) そのため、WebApplicationF
Express で非同期処理 サーバサイドで Node.js を使うユースケースとしては APIサーバ (BFF、SSR 含む) が考えられるが、 主な処理 (DB との接続、http 通信など) は基本的に非同期処理になっている 非同期処理のライブラリは色々あるが現在は標準に組み込まれた Promise を使うのが主流となっており、これを使えばコールバック地獄は避けられるが、できれば async/await を使って直感的に書きたい JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる async/await 入門（JavaScript） しかし結局 await は async の中でしか書けないため、Express を利用する場合は実質トップレベルの RequestHandler 内でどう処理するかという問題が生じる アンチパターン: そのまま async をつ
Client Express JS - Home
This is a JavaScript library that helps in progressively enhancing websites. It is relying on pushState, replaceState, onPopState and plain JavaScript to give the user the impression a request is handled on the server, when in fact the request is handled on the client itself. The library is a client side implementation of the Express* API. The goal here is to promote re-use of the routing and temp
2015-03-02 Node.js、Express.js入門 Node.js JavaScript Express.js サーバサイドJavaScript実行エンジンNode.js触ってみた。 下記記事の前半のnpmとNode.js」は読んだテイで書く。Grunt入門 - ぺーぺーSEのブログtanakakns.hatenablog.com 使い方 まず、Node.jsをJavaScriptエンジンとしてシンプルに動かしてみる。■hello.js exports.sayHello = function(){ return "Hello World !" } ■main.js var hello = require('./hello.js'); console.log(hello.sayHello()); 上記JSファイルを作成して下記を実行。 > node main.js Hello
Using create-react-app with React Router + Express.js
EDIT: This guide is outdated because it was made before react-router v4. I’m writing this guide because I haven’t found implementations of this setup using the new and cool (and official) create-react-app by Facebook. This is not about server-side rendering or Redux. The source code is available here: https://github.com/mrpatiwi/routed-react Why this is important?Suppose you want to start a new pr
GitHub - mashpie/i18n-node: Lightweight simple translation module for node.js / express.js with dynamic json storage. Uses common __('...') syntax in app and templates.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Express.js 4, Node.js and MongoDB REST API Tutorial – webapplog [tech blog]
webapplog [tech blog] Book author Azat Mardan writes about apps, startups and technology Usually good things don’t stay the same, so our tutorial on building a JSON REST API server with Node.js and MongoDB using Mongoskin and Express.js, and testing it with Mocha and Superagent, has became a bit outdated with the new Express.js 4 version release. Here’s a brand new, revisited tutorial for Express.
Node.js + Express.js + express-sessionでセッションにデータ格納する方法 - Qiita
express-sessionがバージョンアップしているせいか、ネット上のサンプル見て実装してたらハマったのでメモ。 作るもの express-generatorで作成した雛形をベースにする ユーザ認証はしない（別の機会に） セッションストアはひとまずメモリストア（デフォルト、再起動で初期化） アプリケーションルートにアクセスした時に、ユーザ名がセッションに無かったらログイン画面（というかユーザ名入力画面）にリダイレクトさせる ユーザ名が入力されたらセッションに格納し、アプリケーションルートにリダイレクトさせる SPAなWEBアプリケーションにユーザ入力を挟むようなルーティングのサンプルです。 出来上がったもの githubにあげておきました。 このコミットでの差分を見れば作業内容は把握できるかと思います。 作業の手順 expressコマンドで雛形作成
GitHub - RafalWilinski/express-status-monitor: 🚀 Realtime Monitoring solution for Node.js/Express.js apps, inspired by status.github.com, sponsored by https://dynobase.dev
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
いつの間にかexpress.jsも４です。 では早速 expressのインストール 4からnpmではexpressをインストールするんじゃなくてexpress-generatorをインストールするようになりました。 npm install -g express-generator coffee-script js2coffee プロジェクトの作成 適当な名前のプロジェクトを作成 オプションはお好みで express hoge -css stylus cd hoge ここでjsをcoffeeにする便利ツールjs2coffeeを使い一括で変換 find . -type f -name "*.js" | while read f; do js2coffee "$f" > "${f%.*}.coffee"; done 上手くできたらjsファイルは削除 find . -type f -name "*
Express.js Spam PRs Incident Highlights the Commoditization of Open Source Contributions - Socket
Security News Express.js Spam PRs Incident Highlights the Commoditization of Open Source Contributions A mountain of spam PRs landed in the Express.js project repo after a popular YouTube tutorial used it as an example for contributing to open source. This put a spotlight on the mandate for job seekers to find a way to contribute to OSS. A tidal wave of spam pull requests recently hit the popular
The drastic effects of omitting NODE_ENV in your Express.js applications
The drastic effects of omitting NODE_ENV in your Express.js applications Most developers learn best by examples, which naturally tend to simplify matters and omit things that aren’t essential for understanding. This means that the “Hello World” example, when used as starting point for an application, may be not suitable for production scenarios at all. I started using Node.js like that and I have
Electron + Express.js + WebSocket + msgpack アプリ構築事例とサンプルソース - Qiita
先日の Gotanda.js で、 Electron 界隈は変化が速いので、古い情報だと役に立たないよねー という旨の指摘がありました。 今年、2016年に、Electron + Express.js + WebSocket + msgpack を使って、 macOS アプリ、Windows アプリ、また、Node.js (Express.js) サーバを使った ウェブブラウザアプリとして共用できるサービスを開発したときの事例を紹介してみます。 （開発・運用方針まとめ） １．開発時は、ローカルの Node.js で実行し、ウェブブラウザからアクセスして利用する ２．サーバが使える運用環境では、サーバ上の Node.js で実行し、ウェブブラウザからアクセスして利用する ３．サーバが使えない運用環境では、Electron アプリとして配布し、Mac/Windows 上で実行してもらう （サン
MySQLのインストール Homebrewを利用してMySQLのインストールを行います。MAC環境へのMySQLへのインストール方法については、下記の文書の前半を参考に行なってください。 注意点：MYSQLバージョン8の場合 MySQLのバージョンが8の場合はnode.jsからMysqlへの接続の際にError: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server;といったエラーが表示されます。この場合はMysqlに接続し、下記の設定を行うことで回避することが可能です。 $ mysql -u root mysql> alter user root@localhost identified with mysql_native_password by ''
こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回から数回に渡って、Node.jsのWebフレームワークExpress.jsのご紹介をしていきたいと思います。 はじめに 数多く存在するのWebフレームワークのなかから、Node.jsのフレームワークを導入する理由をあげるとすれば何があるでしょうか？ 有力な理由のひとつは、PayPal社の事例 でもわかるように、共通のプログラミング言語、つまりJavaScriptをブラウザ側とサーバ側両方で活用することで、フロントエンドとバックエンドの垣根を取り払い、ひとつのチームで両方の問題に素早く対応できるようにすることがあげられます。これは「Isomorphic」あるいは最近では「Universal」なアプリケーションと呼ばれています。 もちろん、Universalなアプリケーションが常プラスに働くとは限りません。ひとつのチ
Install Node.js and Express.js with Nginx on Debian Lenny - Fresh Blurbs by Irakli Nadareishvili
Install Node.js and Express.js with Nginx on Debian Lenny Posted on: May 07, 2011 Following instructions were tested on a RackSpace Cloud Server. It should work for any other reasonably configured, mostly bare-bones Debian Lenny and latest Ubuntu (e.g. on other popular hosting options like: SliceHost, Linode etc.). First, let’s install some essentials: $ sudo apt-get update $ sudo apt-get upgrade
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
This is aimed at people who have some familiarity with Node.js. They know how to run Node scripts and can install packages with npm. You don't have to be an expert, though -- I promise. This guide was last updated for Express 3.2.5. It's an introduction and mostly deals with concepts. Express.js describes itself better than I can: "a minimal and flexible node.js web application framework". It help
GitHub - express-validator/express-validator: An express.js middleware for validator.js.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
TypeScriptでExpress.js開発するときにやることまとめ (docker/lint/format/tsのまま実行/autoreload) - Qiita
ステップごとに分けてあるので、導入したい箇所だけつまみ食いすることも可能です。 気力が残っていれば、追記で本番環境の運用についても書きたいです… express.jsをDockerで起動 TypeScript導入 TSLint + Prettier導入 node-ts導入: dev環境はトランスパイルなしでtsファイルのまま開発 nodemon導入: dev環境はファイル変更を検知して自動リロード 記事ではnode.js 8.12を使用しています。 8系から、npm install時に自動的に--saveオプションが付くようになっていますので、 記事内で「あれ？--saveしてなくない？」とならないように一言補足。 まずは最小構成でexpress.js起動 準備 (追記) エディタ補完を効かせるには結局MacにNode.js入れないといけなかったりしましたが、 VSCodeがDockerコ
By Slobodan Stojanović If you are a Node.js developer or you’ve built an API with Node.js, there’s a big chance you used Express.js. Express is de facto the most popular Node.js framework. Express apps are easy to build. For a simple app, you just need to add a few routes and route handlers. That’s it. A simple, traditionally hosted Express.js app, with a single request. For example, the simplest
Express.jsでasync/awiatをいい感じに使う - ishikawa_pro's memorandum
はじめに お久しぶりです。 最近は業務でTypeScriptを書き始めたりしてました。 今日は、会社のテックブログに載せるつもりで書いてみたけど、内容的に会社のブログで載せるほどの内容にならず、ボツにした記事をここで供養しようと思いますw ちなみに、会社のテックブログに書いた内容はこちら 👇 https://cam-inc.co.jp/p/techblog/407753782164718758 Express.jsのTIPS紹介 ということで今日は、Express.jsのtipsを１つ紹介します。 Express.jsとは まず簡単にExpress.jsの説明です。 Express.jsは、Node.js製の薄いWebアプリケーションフレームワークです。 https://expressjs.com/ja/ とりあえず、これだけ書けばサーバーを動かすことができます。 const expre
As a follow-up to my post from last week on a strategy for i18n and Node.js I’ve published my module for handling internationalization in Node and, specifically, Express.js. The module is now available on NPM and can be installed by running: npm install i18n-2 The code and documentation for the module is available on Github here: https://github.com/jeresig/i18n-node-2 I’ve designed the API to work
環境 Node.js: v4.3.2 MongoDB: 3.2 Express.js: 4.13.1 Bootstrap: 3.3.6（ビューで使用） 準備 express-generatorでひな形を作成し、追加のパッケージをインストールしておきます。MongoDBへのアクセスにはmongooseを使用します。 Expressでページネーションを行うために、express-paginateというパッケージを使用します。また、mongoose-paginateをあわせて使用することで楽にページネーション出来るようになります。 $ express pagination-test $ cd pagination-test $ npm i express-paginate mongoose mongoose-paginate --save var mongoose = require('mong
Node.js + Express.js + express-sessionでセッションにデータ格納する方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
GitHub - PixelsCommander/ViralJS: Express.JS middleware to enable P2P distribution for your app. Your decentralized CDN made easy.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - helpers/handlebars-helpers: 188 handlebars helpers in ~20 categories. Can be used with Assemble, Ghost, YUI, express.js etc.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
The fundamental processes behind business and software development are very different, and it’s often the reason why getting the two working together can be challenging. In business, you’re often able to test ideas quickly and without major costs, which means that an experimental approach to development is common. In software development, you aren’t able to test your ideas as quickly, because you
Over the past 12-24 months the velocity of change in the JavaScript world has been intense. With the rise of Universal (Isomorphic) applications, React, Flux, Webpack, IO.js and its merge back Node.js and ES2015 (ES6), it is clear that the landscape is undergoing a serious makeover. It is quite a crazy time to be a JavaScript engineer, with what seems like a new thing coming out every week that ha
express.jsのcors対応 - Qiita
はじめに APIサービスを構築する際に、Postmanなどのツールでは正常にアクセスできますが、 ブラウザからアクセスすると、エラーになる場合があります。 それはCORS(Cross-Origin Resource Sharing)対応をしていない可能性があります。 なぜなら、サイトのドメインとAPIサービスのドメインが違う場合は 先にoptionsメソッドで問い合わせをします。許可する場合のみ実際のAPIを通信します。 ※同じドメインの場合はCORSの対応は要らないです。 const app = express() const allowCrossDomain = function(req, res, next) { res.header('Access-Control-Allow-Origin', '*') res.header('Access-Control-Allow-Method
Easy HTTP/2 Server with Node.js and Express.js – webapplog [tech blog]
webapplog [tech blog] Book author Azat Mardan writes about apps, startups and technology The modern Internet with its TCP/IP protocol started around 1975 which is astonishing 41 years ago. For the most part of its existence, we used HTTP and it’s successor HTTP/1.1 (version 1.1) to communicate between clients and servers. It served the web well but the way developers build websites has dramaticall
![Easy HTTP/2 Server with Node.js and Express.js – webapplog [tech blog]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ab6961143c7f3ded9421a1828c932f7f924cf55/height=288;version=1;width=512/https%3A%2F%2Fwebapplog.com%2Fwp-content%2Fuploads%2Fhttp2-node-1024x683.jpeg)
Filters on express.js
I want to do a filter like rails before filter on express.js. I have a file named photo.js where I'm putting all my photo related routes on there. But I need to redirect user that is not authenticated on my system to the login page. I want to do an beforeFilter so then I dont need to put that logic in all my routes... Thanks
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第3回 Express.jsを使ったWebアプリケーションを構築 | gihyo.jp
カンタン！ Express.js を拡張する超詳細手順 | Tokyo Otaku Mode Blog
はじめてのExpress.js - ヘウレーカを廻って
【Express.js】非同期処理の個人的ベストプラクティス (async/await) - Qiita
Node.js、Express.js入門 - ぺーぺーSEのブログ
express.js 4をCoffeeScriptで開発できるようにする - Qiita
Express.js(node.js)からMySQLへの接続とCRUD操作 | アールエフェクト
はじめてのExpress.js 〜導入編〜 - astamuse Lab
Electron+TypeScript+Express.jsでweb-apiを作る - Qiita
Understanding Express.js | Evan Hahn
Express.js and AWS Lambda — a serverless love story
John Resig - i18n Module for Node and Express.js
Express.jsとMongoDBでページネーションする - Qiita
Web Advent 2012 / Node.js with Express.js in Business
The 3REE Stack: React + Redux + RethinkDB + Express.js