Express+TypeScriptをはじめるときにやったこと - くらげになりたい。
Expressでサーバ立てたいなと思ったので、 TypeScriptではじめるときにやったことの備忘録。 TypeScriptの設定 まずは、package.jsonから。 # package.jsonの生成 $ npm init # typescriptのインストール $ npm i -D typescript @types/node # バージョン確認 $ npx tsc -v # ts初期化: tsconfig.json生成 $ npx tsc --init tsconfig.jsonの設定する。 // tsconfig.json { "compilerOptions": { "target": "ES2019", "module": "commonjs", "sourceMap": true, "outDir": "./dist", "strict": true, "esModul
Express (Node.js) の Graceful shutdown - Qiita
基本的な実装の仕方と、実装した場合 / しなかった場合、で実際にどういう動作をするか〜、について書きます。 Linux, Node.js 12.13.0, での話だけをします。 Graceful shutdown ? Express (Node.js) に限りませんが、Web サーバーを停止する際、クライアントから接続中のリクエスト (リクエスト受付してまだレスポンスしていない接続) はどうなるでしょうか？ Graceful shutdown とは一般的に以下の停止を指します。 停止指示後に、新しい接続を受付しない 残った処理中の接続が完了するのを待ってから、プロセスを安全に停止する SIGNALs そもそも Web サーバープロセスはどうやって停止するかというと、 SIGNAL を用いて停止します。 具体的には下表の通り、コマンド等によって SIGNAL を送信できます。 SIGNAL
実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】 - Qiita
実際Nuxt.jsとExpressでどうやってSSRやるか理解してましたか？自分はよくわかってなかったです【解説】ExpressVue.jsFirebaseFirebaseCloudFunctionsNuxt 最近は、 Firebase Cloud Functions（Node v8）：バックエンド処理 Nuxt.js：JSフレームワーク Firebase Hosting：css, jsファイルなど静的ファイル Cloudinary：画像等メディアファイル が爆速でWebアプリケーションを開発する最適解だと考えているのですがどうでしょう？ 自分が最初Firebase x Nuxt.jsで開発を始めた際、なかなか理解できなかったのが、 Nuxt.jsとExpressがどう繋がっているのかということでした。 Express(Firebase Cloud Functions)で受けて、どうやって
Netlify+Node.js+MongoDBでJAMstackな草を生やすサービスをOSSで公開しました! - Qiita
Netlify は無料の静的サイトホスティングサービスです。GitHub のレポジトリと連携することが出来て、特定ブランチの内容と同期して、静的サイトを自動的に更新してくれます。また、ブランチの更新にフックして、静的サイトのビルドコマンドを指定することも出来て、ブランチ更新 -> Netlify 上で自動ビルド -> サイト更新という簡単なワークフローを組む機能も持っています。 🌱buttons では、GitHub 上にはビルド前のソースコードだけを commit して、後述の bulbo というビルドツールでビルドした静的サイトを Netlify 上にホスティングしています。 Database MongoDB はドキュメントデータベースと呼ばれるタイプのデータベースです。RDBMS よりもお手軽に開発を開始できます。 node.js では mongoose という ODM ライブラリが
Server Timing APIを使ってサーバーサイドのベンチマークを手軽にやる - blog::wnotes.net
手軽にServer Sideのベンチマークを可視化していく Chrome65からServer Timing APIのサポートが入ったので手軽にサーバサイドのベンチマークをDevToolから可視化できるようになった。 Server Timingの仕様は下記： Server Timing で、nodeのHTTP(HTTPS)モジュール、またはexpressから手軽に使えるnpmを作って公開している。 ysugimoto/server-timing-benchmark 詳しい使い方はREADMEに書いたけど、リクエスト単位で手軽にベンチマークを行える。下記はexpressのサンプル： const express = require('express'); const serverTimingBenchmark = require('server-timing-benchmark'); const
Express.js and AWS Lambda — a serverless love story
by Slobodan Stojanović Express.js and AWS Lambda — a serverless love storyIf 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
Serverless FrameworkとExpressでお手軽にAPIサーバを作ろう - 迷ったらカレー
この記事は、Recruit Engineers Advent Calendar 20176日目の記事です。 こんにちは。最近マルチロールな働き方をしていて自分が何者なのかわからなくなってきた加藤です。現在リクルートジョブズというところでエンジニアをしています。 日頃、社内用のちょっとしたツールとか、試験的なAPIとかを作るのにAWS LambdaやDynamoDBを使ってサーバレスな開発をしているのですが、この記事ではその際によくやるServerless FrameworkとExpressを活用した開発手法の紹介をしたいと思います。 Expressといえば、Node.jsのWebアプリケーションフレームワークとして有名ですが、最近ではaws-serverless-expressというのを使うと、AWS LambdaでもExpressを使って開発ができます。サラッと書きましたが、正直こいつが
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 上で実行してもらう （サン
ISUCON7予選のNode.js参考実装を担当させていただきました - Qiita
ISUCON7のNode.js版の参考実装の作成を担当させていただきました。 参加者のときとは全然別視点で、得られたことが沢山ありました。 Twitterでもつらつらと書いてたのですが、まとめた振り返りを書きたいと思います。 なお参考実装のリポジトリはこちらからご確認いただけます。 — ISUCON7 予選問題の公開と解説 : ISUCON公式Blog 自分のISUCON歴 ISUCON5, 6と二回参加し、どちらも予選敗退してます。 ちなみに過去二回ともGoでの挑戦で、Node.jsで挑んだことはありませんでした。 なぜやったか 自分は参加メンバーを集めきれなかっため、 Node.js版で参加したいという知り合いから「Node.js版に清き一票を！！」と推されて一票入れ、 あとは今年のISUCONには関わらず終わりかなと思っていました。 ISUCON参加予定者にアンケートです。PHP,
React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiita
概要 React+Redux+Express+MongoDBでCRUDアプリを作ります。 この記事の目的は、React/Reduxを触り始めた人が サーバーとの通信の方法（より一般的には非同期処理の方法） Reduxにおけるフォームの扱い ExpressによるAPI node.jsからのMongoDBの操作 Herokuへのデプロイ など、主にサーバー側のデータの操作に関わる基本的な事項を学ぶきっかけを作ることです。 この目的に集中するために、それ以外の点については一切気にしないことにします。 そのため、初心者以外の人（上記の内容を理解している人）がこの記事を読んでも得るものはないと思います。 この記事が書かれた背景には、少し前に自分自身がjavascriptによるフロントエンド開発からwebプログラミングを学び始めたころの経験があります。ReactやReduxの基本的な文法の理解を終えて
Botを高速開発するためのフレームワーク「bot-express」の概要と使い方 - Qiita
bot-expressはオーダーメイドのChatbotを高速に開発するためのフレームワークでNode.jsで動作します。開発者はフォーマットにしたがって「スキル」を追加するだけでChatbotの能力を拡張していくことができます。 bot-expressに含まれる主な機能 NLU（Natural Language Understanding）によるメッセージの意図解析 複数メッセンジャーへの対応 文脈の記憶 ユーザーからの情報収集・リアクション 多言語翻訳 構成 コンポーネント bot-expressをベースとしたChatbotは下記のコンポーネントで構成されます。 メッセンジャー 自然言語処理のサービス Chatbot本体（bot-expressベースのNode.jsアプリ） 開発者はChatbot本体に「スキル」を追加することでChatbotの能力を拡張していくことができます。丁寧で品質
React + Webpack + Expressで初めてのサーバサイドレンダリング - コンパイラかく語りき
すみません、こちらの記事に完全にお世話になりました。 サーバーサイドReactをwebpackを使って最小構成で試す (ES6 ＆ TypeScript) - Namiking.net 以下、すべて写経のメモになります。 いつものクライアントレンダリング まずは、HTML。 gistacfad61f449711923e3c6d0aa68a654f 次に、Webpackに通す前のJS。 gistf317fadd4053798bd4a38b38ee2ace70 gist276d714f3d4e67f92c725a20e180e93f ブラウザで確認すると以下のとおり。 クッリクインクリメントなカウンタの完成。 初めてのサーバサイドレンダリング 次に、サーバサイドレンダリング。 今度はexpressを使ってReactコンポーネントを描画する。 gistaf2f5984b67c9b87133885
Webサービスを作りたい人に最適、たった1時間でJSベースのQAサイトを作る方法 - MEANスタック開発(3) - paiza times
(English article is here.) こんにちは、吉岡(@yoshiokatsuneo)です。 MEANスタック(*)は、JavaScriptのみでフロントエンド、データベース、バックエンドの全てを開発できるWebサービス開発環境です。特にMEANスタックの一つAngularJS Full-Stack generatorでは、ウェブアプリケーション開発のノウハウが詰まっており、先人の知恵を生かすことで、見通しの良いソフトウェアを簡単・迅速に開発できるようになります。 ( * ) MEANスタックはMongoDB, Express, AngularJS, Node.jsを組み合わせています。 初回の記事ではMEANスタックの説明とインストールについて、２回目の記事ではTwitter風サービスの作り方について紹介しました。 今回は、具体的なウェブサービスとしてQAサービスを構築
Twitter API を使ってファボ画像を一覧できるサービスを作りました - Qiita
サービスの概要 Twitterでファボしたツイート（今はいいね！）に画像がついてることありますよね？ 私の場合、ファボはだいたい画像付きツイートにするんですが、Twitterの公式アプリだと、後で見ようと思ったとき、ひとつひとつツイートをクリックしないと画像の全体図が見れなくて使いづらいんですよね。 てことでパッと画像が閲覧できるサービスをExpress上に構築しOpenShiftで公開してみました。 サービスのURL QooQ Twitter Favo Photos Viewer https://app-qooq.rhcloud.com/app-twitter/favolist 必要になったもの OpenShiftのアカウント Twitterの開発者アカウント OpenShiftについて RedHatが提供するPasSです。フリーでも３つまでアプリを作成できます。現状ではHerokuのよ
LoopBack資料まとめ - Qiita
2016/09/03更新 以下の資料は、StrongLoopがIBMに買収される前のものであるため、 記述が古くなっている可能性が高いです。 IBMはLoopback資産を利用した「API Connect」というツールを提供しており、 ドキュメントはそちらを参照したほうがいいように思われます。 API Connectについては、以下の記事が参考になると思います。 LoopBackとは 実態はExpressと、Webアプリ作るときに便利なコンポーネントをくっつけたものであり、それぞれのコンポーネントは単体でも使えたりする。 Express単体だとシンプルだけど、そこからmodelsフォルダ掘ったり、ユーザテーブル作ったり、MongooseとかPassportとかくっつけて使うと結局ごてごてしてしまう。 それなら最初からLoopBack使ってもだいたい同じような構成にまとまるそうな。 （なんか
aglex: API Gateway + Lambda + Express4 で サーバレス API を作成する - Qiita
API Gateway + Lambda の構成は、素で作成すると個別の endpoint の登録作業が膨大でかなり面倒なため、何かしらのフレームワークを使わないとメンテできない問題があります。 個人的に Express で開発したものをほぼそのまま Lambda 化する仕組みを作って運用していたのですが、安定運用出来ているのと体裁がほぼ整ってきたのもあるので aglex として公開しました。 特長 Express で作ったものが（ほぼ）そのまま Lambda 化できる Lambda function が1つにまとまるので、メンテがしやすい Lambda function、API Gateway をコマンドで簡単に作成・更新できる Lambda の実体は Express を call するための薄い wrapper なので動作も軽く、凝ったことをしていない限りは Express で書いたコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - takefumi-yoshii/ts-nuxtjs-express: ts-nuxtjs-express
GitHub - tj/react-enroute: React router with a small footprint for modern browsers
Express 4でPOSTされたJSONを扱う - Qiita
GitHub - ramsaylanier/WordExpress: WordPress using Node, React, GraphQL, and Apollo
