これさえあればWEBアプリが簡単に作れる！Nuxt・Express・Vuetifyを使ったログイン画面の実装テンプレ - Qiita
これさえあればWEBアプリが簡単に作れる！Nuxt・Express・Vuetifyを使ったログイン画面の実装テンプレJavaScriptExpressVue.jsvuetifyjsNuxt 目的 nuxt.jsを使うことでWEBアプリが簡単に作れるようになりました。 加えてVuetifyやExpressを使うことで、高度なWEBアプリが開発できます。 今回はそれらを使ったログイン画面の実装テンプレートを紹介します。 実装に向けて https://github.com/nuxt-community 基本このGithubを参考にしました。 Expressやauth-moduleのテンプレートはありますが、 まるっと統合したものが欲しかったので、これらを応用して作成しました。 使用したフレームワーク・ライブラリ nuxt Express（API） vuetify（デザイン） axios（API通
Nuxt で nodemon を使わずにサーバー処理をホットリロードする - Qiita
"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server", 一見問題なさそうなのですが実際に使ってみると、再起動する度にクライアント用コードの再コンパイルが実行されるため、変更の反映に時間がかかりすぎ気持ちよくコーディングができません。 そこで「Don’t use nodemon, there are better ways!」に書かれている方法を使って nodemon を使わないホットリロードを実現しようと思います。 なお、この記事を書いた時点での create-nuxt-app のバージョンは、2.1.1 です。 nodemon の削除 まず、nodemon は不要になるので、取り除いてしまいます。
サーバーレスなDropboxアプリの構築例 "LightFile for Dropbox" - Qiita
Jpeg画像を劣化を感じない範囲でいい感じに再圧縮してDropboxの空き容量を稼ごうぜ、という処理を自動で行うDropboxサーバーアプリです。 LightFile for Dropbox Dropboxアプリというとスマホクライアントアプリを想像しますが、豊富なAPIを使ってDropboxをファイルシステムとするサーバーアプリも独自に開発することができます。 LightFile for Dropboxではこれをサーバーレスでクラウドネイティブに構築しました。 急にユーザーが増えたら自動的にインフラが拡張されるし、誰も使わなければコストがかからない。しかも僕らは何も保守しなくていいともうエンジニアをダメにする楽ちんさです。 ほとんど定石ではあるんですが、利用技術を紹介します。Dropbox上のファイルを自動処理するアプリや、サーバーレスなWebアプリを設計する上での参考になれば幸いです。
express + knex で作った API のテストを mocha + chai で書いた - Qiita
express + knex の構築は書かず、 mocha + chai の記事になります。 導入 npm もしくは yarn でインストールすれば即実行できる。 npm i -D mocha chai supertest const request = require("supertest")(require("../../app")) const expect = require("chai").expect const assert = require("chai").assert const security = require("../security") describe("Authorization", () => { it("should return 200", async () => { return request .put(`/auth_test`) .set( "
シンプルなNodeサーバ - Qiita
POSTでjsonオブジェクトでパラメータなり何かを投げるとなにかJSONで投げ返してくるサーバを超簡単に作る 前回書いた https://qiita.com/makainuma/items/26e104138d864b2d8034 が更に簡略化できたので書いておく。 モジュールとしてこんなのを考える exports.body = function(req, act) { console.log(req.body); let json_data = {"Name":"dummy1"}; act(json_data); } req.bodyが送ってもらったPOSTで投げ込んだjsonオブジェクトのはずで、それをもとに何か処理を行って結果のオブジェクトをjson化したものがjson_dataであるとする。これを送り返させる。 これがmodules/mod1.jsだとして、それを呼び出す側は c
Azure WebAppsにNuxt.js+Expressの環境をデプロイするために頑張ったメモ - Qiita
前置き 先日 @n0bisuke さんが Qiita に書いた記事「Azure Web AppsにNuxt.js+Expressの環境をDockerでデプロイしたときのメモ」に、 けっこうハマって@horihiroさんに色々質問して助けてもらいました。 と書いていただきましたが、実際は一緒にハマってた上、中が Windows の方の Web Apps と勘違いして、見当違いな調査をしてたりしました。 # n0bisuke さんが動かしたかったのは、Web Apps for Containers （前述の記事）、または App Service on Linux でした。 ただ、見当違いながら、Windows の方の Web Apps (以下、Web Apps)の方も調べた結果、いろいろ分かったのでメモとして残しておきます。 なぜ Web Apps で nuxt-community/expre
express使い方 - Qiita
※上記を実行後に、http://localhost:3000/ へアクセス expressの基本工程 あるurlをたたいた時に、"出力されるejsファイル"と"その引数"を決定していく工程。 1.testsite/app.jsにルーティングを書く。（似たようなものがある所に書けば管理しやすい） var maincontentsRouter = require('./routes/maincontents'); var gamecontentsRouter = require('./routes/gamecontents'); app.use('/maincontents',maincontentsRouter); app.use('/gamecontents',gamecontentsRouter);
LINE BOTを作る最小構成(sdk未使用/node.jsの場合) - Qiita
node.jsで LINE Bot を作るための最小構成的なものを探したけど思った感じなのが見つからなかったので作りました。 (みんな高機能すぎるよ〜〜〜) herokuとかにデプロイする想定です httpsで受けられるサーバーならなんでもOK (httpsなのはLINEの制約) この記事-> LINE BOTを無料で作る最も手っ取り早い方法 - Qiita を元にさせてもらいました これは Bluemix が前提だったので、Bluemix 要素を省いたのが本稿になります line-bot-sdk-nodejsは使っていません 5月にできていたとは知りませんでした... 複数プラットフォーム展開(Facebook Messenger など)や、Messaging APIに機能追加された場合の立ち回りのしやすさを考えるとsdkを使わないメリットもあるかと思います 前提 LINE BOT用のア
ExpressからJadeに渡したObjectをeachで使用する - Qiita
ExpressのテンプレートエンジンをJadeで使用した際につまったので記載。 違いがわからないので、ご指摘いただければありがたいです。 詰まったところ jadeを学習にあたって、以下の記事を参考にさせていただいた。 https://gist.github.com/japboy/5402844 http://qiita.com/sasaplus1/items/189560f80cf337d40fdf each構文を使用する際に、jadeファイルの中で連想配列を書くのではなく、Expressから連想配列を渡した際にeach構文がコンパイルエラーになった。 index.js /*jade練習用のオブジェクト */ var package = { title: '最高にクールなホームページ', description: '最高にクールなホームページです。見ないと損です。', keywords:
express4 でファイルアップロード - Qiita
private readFile(file: any) { const reader = new FileReader(); reader.onloadend = () => { const formData = new FormData(); const imgBlob = new Blob([reader.result], {type: file.type}); formData.append('file', imgBlob, file.name); this.postData(formData); }; reader.readAsArrayBuffer(file); } private postData(formData: FormData) { this.http.post("http://192.168.230.22:8080/v1/user_photo", formData)
express4でファイルアップロード、画像リサイズ、MySQLへ保存まで - Qiita
express4 でファイルアップロード の続編です。 ファイルを受け取れたので、そのファイルをリサイズしてMySQLまで保存したいと思います。 Version node v8.2.1 express 4.15.0 今回使うnode.jsのライブラリ Knex.js - A SQL Query Builder for Javascript MySQLとお話しする部分に使います。 aheckmann/gm: GraphicsMagick for node 画像のリサイズなどに使います。 事前に、graphicsmagickをインストールする必要があります。 const multer = require('multer'); const upload = multer({ dest: 'uploads/tmp' }) router.post('/user_photo', upload.any(
Node.js + Express で HTTPサーバを作りコンパクトな実行形式にする（Scratch 2 拡張を例に） - Qiita
Node.js 版 Scratch 2 HTTP拡張ヘルパーを作ろう Node.js + express で作成したものを、zeit/pkg を使って各OSの実行形式ファイルにするテストも行います。 ブラウザ(Chromium)は含める必要がないため、Electron より軽量（小さいファイルサイズ）になるはずです。 Scratch 2 とHTTP拡張ヘルパー HTTPサーバ (ヘルパーアプリ) を用意すると、ブロックプログラミングの Scratch 2（オフライン版）に独自機能（拡張ブロック）を加えることができます。 こちらの記事ではPython + aiohttpでヘルパーを作成しましたが、これを Node.js + Expressで作成してみます。さらに、それを Node.js がインストールされていない環境で使用するために、 Windows の実行形式にしてみます（Mac や Li
nodeでシンプルにOAuth2認証（google, facebook） - Qiita
OAuth2の認証フローを知りたかったので、ソーシャルログイン後、メールアドレスを取得するところまでを実装してみました。 抽象化を防ぐため、可能な限りサードパーティのライブラリは使ってません。 事前準備 Google, Facebookそれぞれのdeveloperページでアプリを作成し、クライアントID、クライアントシークレットを取得しておく。 またリダイレクトURL（今回はhttp://localhost:3000/oauth2callback）も忘れずに登録しておく。 Google: https://console.cloud.google.com/apis/ Facebook: https://developers.facebook.com/apps/ ググったら親切なページがいっぱい出てくるので、具体的なやり方については割愛します。 また、プロジェクトディレクトリで必要なライブラリ
Node.js テストツール - Qiita
Node.jsテストツール Mocha ユニットテスト用に使うのじゃ･･･ テストコードを軽く記述しておいて、入力値と返り値が等しいかチェックするのじゃ･･･ it('should add two numbers', () => { var result = utils.add(33, 11); if(result !== 44){ throw new Error(`44のはずが,結果が${result}だった`); } } 上記のようにitを使用してテストを記述するのじゃ･･･ 英語で書くと "it ~"と文になるのが特徴らしいのじゃ･･･ Expect Mochaに組み合わせて使用するのじゃ･･･ なんでかというと、いちいちifとかで場合分けしてエラーを投げるのがアホらしいので、Expectを使ってより簡単に書こうというわけじゃな・・・
Nuxt.js+expressでsequelizeを使いたい - Qiita
何したいの？ https://github.com/nuxt-community/express-template こちらのNuxt.js公式テンプレートを使って開発中の出来事になります。 MySQLに接続するためにサーバーサイドにSequelizeを導入したのですが、 いざnpm run devすると というエラーが。 buildフォルダにはjsファイルとソースマップだけ。 あれぇ？ 原因を探ろう Nuxt.jsは元からwebpackによるJSファイルのバンドル機能が組み込まれています。 requireやimport文が一行でも書かれていれば見逃すことなく1ファイルにまとめてくれるすごい奴のはずなんですが。 sequelizeのソースを眺める 'use strict'; require('dotenv').config(); var fs = require('fs'); var pat
Express4のログ出力(morgan)について - Qiita
はじめに expressにはmorganというログのライブラリーが用意されています。 https://github.com/expressjs/morgan そのライブラリを使用することで簡単にログ出力できます。 ここでは、ログの基礎的な出力方法と、カスタマイズしたログをファイルに保存する方法について記述します。 準備 まずmorganをインストールします。 npm install morgan --save app.jsを以下のように記述します。 //モジュール var express = require('express'); var logger = require('morgan') //アプリケーション作成 var app = express(); app.use(logger("short")); app.get('/',function (req, res){ res.wri
【演習】IBM CloudでNode.jsアプリを構築する - Part3: Expressアプリ - Qiita
はじめに これはIBM RedbooksのDeveloping Node.js Applications on IBM Cloudをなぞってみたものです。 この記事では第3章の「Creating your first Express application」に取り組んでいきます。 ExpressはNode.jsのWebフレームワークです。これを使ってWebアプリケーションの構築を早めることができます。 この記事では、ExpressフレームワークとWatson Natural Language Understandingサービスを利用してWebに掲載された記事から指定の情報を引き出します。アプリケーションに記事のURLを与えることでその筆者の情報を得ます。 必要物 IBM Cloudアカウント インターネットに接続できる環境 Google Chrome または Firefox OS: Lin
【Node.js】expressでOAuth2プロバイダーを作ろう - Qiita
2021/02/28追記 この記事の内容はとても古いです。用いているライブラリも最終更新が数年前のレベルなので、これからOAuth2プロバイダーを作成される場合は、以下のライブラリをご検討ください。 https://github.com/panva/node-oidc-provider 趣味のプロダクトでOAuth2プロバイダー（OAuth2サーバー）を作る必要性に迫られて、3日ぐらいうんうん唸りながら作り上げたのですが、意外と日本語によるNode.jsでのOAuth2プロバイダー作成の知見がネット上に転がっていないので、ここで記しておくことにします。 はじめに OAuth2はTwitterやFacebookなどのSNSサービスで良く用いられている、サードパーティアプリケーションをAPIに接続するための認可を取るサービスです。今回作るのは、WebアプリからTwitter等のサービスに接続す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EC2 + Express + Nginxでアプリ公開 - Qiita
expressでHello World表示 - Qiita