Amazon API Gatewayをブラウザから呼んでみた | DevelopersIO
はじめに 好物はインフラとフロントエンドのかじわらゆたかです。 Amazon API Gatewayのノウハウがいろいろ出ているので、 ブラウザから動かして見ようと思います。 流れとしてはAWS Lambdaで、S3 Pre-Signed URLの生成を実装し、 それをAmazon API Gatewayにデプロイします。 その後、ブラウザからデプロイされたAPIを実行し、 生成されたS3 Pre-Signed URLからアップロードされた画像を取得するといった形になります。 Pre-Signed URLの生成 AWS SDKを用いて、Presigned-URLを発行します。 AWS Gateway自体はTokyoリージョンには来ていませんが、 取得するS3のオブジェクトはTokyoリージョンから取得するといったケースで実装してみます。 app.js 'use strict'; var A
Amazon API Gateway をクロスオリジンで呼び出す (CORS) | DevelopersIO
はじめに 2017/10/27 追記 本記事はAmazon API Gatewayがリリースされて間もない時期に執筆されたものです。現在、Amazon API GatewayではCORSを有効にする設定が追加されています。CORSを有効にするには、対象のリソースの「Actions」ドロップダウンメニューから「Enable CORS」を選び、設定を行う必要があります。CORSを設定する際には公式の手順と照らし合わせながらお読みいただけますようお願いいたします。 http://docs.aws.amazon.com/ja_jp/apigateway/latest/developerguide/how-to-cors.html CORS (Cross-Origin Resource Sharing)とは、ブラウザがオリジン(HTMLを読み込んだサーバのこと)以外のサーバからデータを取得することで
TypeScript のコンパイル時計算はどこまでできるのか？ - Qiita
最近は仕事で TypeScript を書いています。この TypeScript は、コンパイルすると JavaScript にできるという特徴をもつ altJS と呼ばれる言語の仲間です。なかでも、推論つきの静的型検査がついていることが最大の特徴でしょう。 さて、話は変わりますが、プログラマは「コンパイル時計算」という言葉が大好きで、とくにうっかりチューリング完全になっちゃったものとかを見つけると、手を叩いて大喜びしたりするわけですね。 TypeScript にもコンパイル時計算があって、コンパイル時の型検査がそのひとつです。今回は、この型検査を利用して、どのレベルの計算機能までを実現できるのか試してみました。 結論からいうと、TypeScript のコンパイル時計算を使って組み合わせ回路を実現できました。 実証コードとして、コンパイル時 4bit 加算器をつくってみました。4bit 加算
a d3.js design pattern
organize your code in a way that doesn’t pollute and exposes only what is necessary Larger interactive d3 programs can be difficult to organize. After all your elements are on the screen you want to glue them together inside event callbacks. The conventional methods of calling d3.selectAll() against a large DOM tree end up resulting in a lot of additional code to make sure your selections are accu
Testing JavaScript Modules with Tape
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. I held a survey last monday where I asked for feedback about the kinds of things you want me to write about. It was quite useful, and one of the topics that seem to interest quite a few people is regarding module testing. Using tape
V8 JavaScript engine
Show navigationWhat is V8?V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements ECMAScript and WebAssembly, and runs on Windows, macOS, and Linux systems that use x64, IA-32, or ARM processors. V8 can be embedded into any C++ application. Latest posts and feature explainersIntroducing the WebA
Javascript Async Control Flow
In this post we'll explore an enlightened approach to managing control flow in asynchronous javascript applications. We'll look at powerful new ES6 patterns and the happy future that awaits with ES7. So we are all on the same page, when we discuss control flow we mean the following: Control flow refers to the specification of the order in which the individual statements, instructions or function c
SVGアニメーションの現状 | POSTD
SVG（Scalabe Vector Graphics）の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の（そして未来の）SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL（Syn
MoscowJS 23 — Процесс стандартизации ECMAScript — Сергей Рубанов
Задумывались ли вы о том, как в языке JavaScript появляется новый функционал? Попробуем разобраться, как пройти путь от черновика предложения до включения в стандарт ECMA-262. Страница доклада — https://moscowjs.org/talks/process-standartizacii-ecmascript/ Все новости и анонсы MoscowJS — в нашем телеграм-канале https://t.me/moscowjs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6 Promise Anti-Patterns and Best Practices
Define a process for feature proposals (RFCs) · Issue #16 · tessel/project