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

前回、前々回でLambda + API GatewayでREST API、CSVのダウンロード、CORSの対応を紹介してきました。 今回は画像や動画、ZIPファイル等のバイナリファイルをダウンロードする方法を紹介します。 前回、前々回のLambdaを使いまわしますので、先にそちらを参照してください。 xp-cloud.jp xp-cloud.jp 全体的な流れは次のようになります 図を見ていただくと分かりますが、今回はAPI Gatewayを少し変更します。 画像ファイルの用意 今回はS3 へ画像ファイルを用意しました。 この画像をAPI Gateway、Lambdaを経由してダウンロードさせたいと思います。 Lambdaの用意 Lambdaを次のように変更してください var AWS = require('aws-sdk'); var s3 = new AWS.S3(); exports

Node.jsからほかのサーバーにファイルを送るには、いろいろな方法がある。 ファイルのURLを送り、対向側で別途ダウンロードしてもらう。 ファイルをbase64形式にしてJSONのプロパティで送る multipart/form-data形式で送る JSONを使わない、HTTPリクエストを使わない など？ form-data を使って multipart/form-data で送信する multipart/form-data形式で送る。これは、Webブラウザのformタグが伝統的にやっている方法と同じだ。Node.jsを使うなら、JSONなどを使うほうが楽だが、どうしても multipart/form-data 形式を使いたいケースもある。 ブラウザ側でmultipart/form-dataを使うのは簡単だ。ビルトインクラスのFormDataがある。 async onFileChanged

この記事は NestJS Advent Calendar 2019 12日目の記事です。昨日は私 @ci7lus の NestJS Response ヘッダー 変え方 でした。 今日は NestJS における簡易的なパスワード認証の実装を紹介します。 NestJS における認可・認証は Guards という機能を用います。 Guards とは 参考: Guards | NestJS - A progressive Node.js web framework Guards は、コントローラーにおいてアクセス元の情報に合わせた認可を行う仕組みです。 Express などにおいて認可は Middleware の一部として実装されますが、NestJS においては専用のモジュールとして実装されているので、これを利用することでより宣言的で確実な認可を行うことができます。 上記ドキュメントでは、プレーン

Query Builderを利用してSQLクエリを構築することができます。ここでは、基本的なSQLクエリ(SELECT, INSERT, UPDATE, DELETE)の構築方法を確認していきます。 QueryBuilderについて 使用方法 Connection Repository から QueryBuilder のインスタンスを取得できます。 また、QueryBuilderクラス を継承しているクラス( SelectQueryBuilder InsertQueryBuilder UpdateQueryBuilder DeleteQueryBuilder RelationQueryBuilder)が存在しており、それぞれ目的別に必要な機能が提供されています。 下記コードで確認します。 import { createConnection, getRepository } from 'ty

初投稿です。 今までExpressのエラー処理は以下のように書いてました。 （例：必須のリクエストパラメータのチェック） const { username } = req.body; if (!username) { const err = new Error('username is required'); console.log(err); res.status(400).send({ error: err }); } パラメータの個数分、同様の処理を書いていて冗長だなぁと感じていました。 エラー処理ミドルウェア関数 Express でのエラー処理にエラーハンドリングの方法が書いてありました。 err, req, res, nextの4つの引数を持つミドルウェア関数を定義して、全てのミドルウェアの最後で呼び出します。 function logErrors(err, req, res,

npmとはNode.jsインストール時に付属するパッケージマネージャーで、Node.jsのパッケージの管理や実行を取り扱うものです。 npmのバージョン5.2.0で導入された「npx」を用いると、下記のようにローカルにインストールしたnpmパッケージを、npxコマンドだけで実行できるようになります。 npxはnpmにバンドルされているため、npxの個別インストールは不要です。 次のようにしてモジュールを実行できます。 従来のnpmの実行方法との比較 従来では、ローカルのnpmパッケージを使用するには、次のような方法が必要でした。 方法1: ./node_modules/.bin/(パッケージ名)で実行する 方法2: $(npm bin)/(パッケージ名)で実行する 方法3: package.jsonにnpm-scriptsを記述して実行する npxはいずれの方法よりも簡潔なコマンドで、パッ

この記事は2018/1/11にGoogle Apps Scriptに新しく追加された3機能の紹介記事の3番目です。 https://gsuite-developers.googleblog.com/2018/01/three-new-tools-to-help-improve-your.html?m=1 新機能 Dashboard Apps Script API CLI Tool clasp (この記事です) 一つ一つが結構しっかりした機能なので記事を分けて説明したいと思います。 今回は3つ目のCLI Tool claspです。 CLI Tool clasp claspはオープンソースのGAS向けCLIツールです。 https://github.com/google/clasp CLI上からGASプロジェクトに対して以下の様なことが行なえます。 GASプロジェクトの新規作成 GASプロジェ

GoogleAppsScriptローカル開発用の公式CLI(node-google-apps-script)がついに登場したので試してみるGoogleAppsScriptGASgasja はじめに これまで Google Apps Script を開発する方法として公式に提供されているものは Web 上のスクリプトエディタしかなかったんですが、 先日 Google Developer Japan のブログに GAS についての記事が投稿され、その中で node-google-apps-script という CLI が紹介されていました。 Google Developer Japan のブログ記事：Apps Script による高度な開発プロセス 元記事（英語）：Advanced Development Process with Apps Script GAS のファイルをローカルで管理する

ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ  |  Web  |  Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。 なお、今回実装したソースコードはGitHubで公開しています。わせ

フロントまわりのツールは群雄割拠してる感がすごくて手を出せずにいたのですが、Rails5.1 で gem webpacker が導入されたこともあってwebpack/yarn構成に魅力を感じています。 今どきのモジュール/パッケージ管理したいので、まずはwebpackです。 概要 webpack = JavaScriptファイルのバンドラ モジュール単位に分離されたjsファイルをひとつのjsファイルにまとめる(バンドルする) 結合の過程で、jsファイルの依存関係を解決する CommonJS, AMD, ES6 Moduleなど復数のモジュールシステムに対応する 競合はrequire.js(依存解決), browserify(バンドル)など オープンソース, MITライセンス 導入 npmでインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する

sc5-styleguideを使ったので自分用のメモになります。でも誰かの役に立つと嬉しいです。 sc5-styleguideを選んだ理由 下記投稿を参考にさせていただきました。 ・スタイルガイドジェネレータを比べてみた 最初はstyledoccoを使う予定だったが、更新頻度やchrome環境での崩れなどが上がっていた、 前にhologramを試したことがあったがRubyは触りたくない、 上記の2点の理由と最近も更新されているということからsc5-styleguideを採用しました。 とりあえず動かしてみる 1.インストール gulpを使用します。必要なパッケージは以下の通りです、 ・gulp ・sc5-styleguide ・gulp-sass var gulp = require('gulp'); var styleguide = require('sc5-styleguide');

最近のWebのフロントエンド開発ではライブラリの管理を行うパッケージマネージャーの採用が主流になってきています。たとえば、タスクランナーのGulpやGruntであったり、SassやTypeScriptのコンパイルのためにNode.jsノード・ジェイエス（npm）を導入している方は多いでしょう。 JavaScriptのパッケージマネージャーとしては「npmネヌ・ピー・エヌ」が有名ですが、2016年10月にFacebookが新しいパッケージマネージャー「Yarnヤァン」を公開しました。 Yarnはnpmと互換性のあるJavaScriptのためのパッケージマネージャーで、「インストールが高速」「より厳密にバージョンを固定」「セキュリティが高い」といった魅力があります。弊社はnpmからYarnに乗り換えて早3年、快適に開発に利用しています。本記事では、npmの経験者に向けてYarnの利点と使い方を

はじめに 何度かまとめようと思ってたんですけど、なかなかちゃんとまとめられなかったので今回再度まとめてみようと思います。 socket.io単体での実装方法はよく見かけるのですが、LAMP環境で構築されたシステムと一緒に構築されるサンプルがあまり見かけられなかったので今回はこれの実装方法をまとめてみようと思います。 また、僕は普段LAMP環境でのwebサービスをメインに扱っているので極力node.jsの使用を最小限にすることを心がけて作業を進めました（node.js得意でないだけです） システム構成 基本的にwebサイトと同じですが、チャットルームではページ遷移なしでの画面を更新するためにnode.jsを使用します。 通常のwebサイトとの1番の違いはjavascriptでクライアントからサーバへのデータ送信以外に、サーバからクライアントへのデータ送信も使用することでしょうか。 node.

こんにちは！　大学4年生、英語の単位が取れたのかまだわからず不安なれもんです。 さて、前回はgulp.jsの概要と、sassタスクやwatchタスクを使って実際に動かしてみるところまでをやりました。今回は、gulp.jsに用意されているAPIについて説明しながら、前回書いたコードが実際にどんなことをしていたのか、見ていきたいと思います。 gulp.jsのAPIができること gulp.jsのAPIを使うことによって、タスクの設定や処理をするファイルの指定、結果の出力先の指定、ファイルの監視ができるようになります。実際にgulpfile.jsにタスクを定義するためには、gulp.jsが提供するAPIを使用します。 gulp API docs：gulp/docs/API.md – GitHub 今回記事内で使うメソッドはgulpでもともと用意されているものなので、さらにインストールする必要はあり

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? このポストは、Why I Left Gulp and Grunt for npm Scriptsを筆者の許諾を得て意訳したものです。間違いがありましたら、ご指摘いただけると幸いです。 （以下、訳） 私はGulpとGruntが不要な抽象化レイヤーだと気づきました。npmのscriptsはとても強力で、そっちの方が便利だったりします。 例を挙げましょう 私はかつてはGulpが大好きでした。しかし結局のところ、100行ものgulpfileと大量のgulpプラグインを扱うハメになりました。Gulp上でWebpackやBrowsersync、Mo

はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports