L@EとCF2が不要に？！CloudFront単体でレスポンスヘッダーが設定できるようになりました | DevelopersIO
CX事業本部@大阪の岩田です。CloudFrontに待望のアップデートがあり、CloudFront単体でもレスポンスヘッダーが設定できるようになりました！ これまではCloudFront単体でレスポンスヘッダーを設定することができませんでした。S3 & CloudFrontの構成でSPAを配信するのは非常に一般的な構成ですが、この構成でそのまま脆弱性診断を受けると、セキュリティ関連のヘッダが設定されていないと指摘されるのも「あるある」でした。Lambda@Edge(L@E)やCloudFront Function(CF2)を介入させればオリジンレスポンスやビュワーレスポンスが加工できるので、これまではL@EやCF2でレスポンスヘッダを追加付与するという対応がよく採用されていました。 が、静的なレスポンスヘッダ付与のためにいちいちコードの実行が必要になるというのは、どうも無駄が多いように感じ
[新機能] Amazon EFS が通信経路での TLS 暗号化をサポートしました | DevelopersIO
こんにちは、菊池です。 AWS Summit 2018 San Francisco にあわせて、キーノートで紹介されたもの以外にもたくさんの新機能が発表されています。 その中の1つ、Amazon EFS でサポートされた通信経路での TLS暗号化 を紹介します。 Amazon EFS Now Supports Encryption of Data in Transit New – Encryption of Data in Transit for Amazon EFS 通信データのTLS暗号化 今回のアップデートにより、EFSとの通信経路上のデータ暗号化に対応しました。すでに、EFSに保存されるデータの暗号化には対応してますので、これにより転送中データと保存するデータの両方で、暗号化が可能になります。早速試してみましょう。 まずは、事前にEFSのファイルシステムを作成しておきます。アイルラ
![[新機能] Amazon EFS が通信経路での TLS 暗号化をサポートしました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/790ad6f77935a623c665d67f54ea5451a98a01fe/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F04%2Felastic_file_system.png)
あなたのプロジェクトに秩序をもたらす！git commit 支援ツールを作りました。 - Qiita
前置き 【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 Gitのコミットに絵文字を使おう！ 上記のような記事でコミットメッセージにprefixを使うことのメリットが語られています。 実際、自分も今やっている仕事ではコミットにprefixをつけています。 が、これが結構面倒くさい。 「どんなprefixがあったっけ?」「docだっけ、docsだっけ?」 みたいな。 prefixを楽にするツールにcommitizenというのがあるけど、これが結構使いにくい。 なぜならprefixの種類が強制されていて自由に変更できないから。 ということで自分好みのツールを作りました。 それがgit-consistentです。 ↑ こんなやつです。 インストール npmかyarnでインストールするだけです。 $ cd my-project/ $ git cons
Vue・Vuexでモーダルを管理する - Qiita
はじめに 本記事ではモーダルの管理について記載しますが、 他の「どこからでもユーザーアクションによって呼び出せる系のUI」は、基本的に同じ考え方で実装が可能だと思います。 本記事で書いたソースは以下にアップしています。 https://github.com/RikutoYamaguchi/vue-vuex-modal 実装はvue-cliをベースに行っています。 記事の内容とは関係ないので説明は省きますが、scssのコンパイルのために以下をインストールしています。 ・"node-sass": "^4.5.3" ・"sass-loader": "^6.0.6" 追記： さらに発展させたものを書きました。 Vue・Vuexでモーダルを管理する - その２ Vuexの導入 vue-cliによるスキャフォールディングにはVuexのインストールは含まれないので、はじめにVuexのインストールを行いま
npm ciを使おう あるいはより速く - Qiita
人類はより高速にCIを回していくべきだと思っている りんご（@mstssk）です。 先日、 npm の v5.7がリリースされ npm ci というサブコマンドが新たに追加されました。 The npm Blog — Introducing npm ci for faster, more reliable... http://blog.npmjs.org/post/171556855892/introducing-npm-ci-for-faster-more-reliable CI/CDを開発プロセスに組み込んでいる場合により整合性があり高速なエクスペリエンスを提供する、と公式ブログでは紹介しています。 npm ci は何をするのか npm ci を実行すると常に package-lock.json から依存関係をインストールします。 既に node_modules フォルダの中身があっても
ECMAScriptの仕様/プロポーザルの調べ方を知る
このステージの詳細についてはThe TC39 Processを参照してください。 2ヶ月に1度行われるTC39のミーティングにおいて、プロポーザルごとにステージを進めるかどうかを議論します。 このミーティングの議事録もGitHub上のtc39/tc39-notesにて公開されています。 ステージ4となったプロポーザルはドラフト版であるtc39/ecma262へマージされます。 そして毎年の決まった時期にドラフト版を元にしてECMAScript 20XXとしてリリースします。 この仕様策定プロセスの変更は、ECMAScriptに含まれる機能の形にも影響しています。 たとえば、class構文の策定は最大限に最小のクラス（maximally minimal classes）と呼ばれる形で提案されています。 これによりES2015でclass構文が導入されましたが、クラスとして合意が取れる最低限の
Service Worker スクリプトのインストールと更新処理
Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理についてです。 この記事は Service Worker スクリプトを少しでも手書きして動かしたことがある人を想定読者にしています。Service Worker について全く知らない人はまず別の入門記事を参照してください。また、細かいことを気にせずに Service Worker を使いたい人は Workbox といったライブラリやフレームワークの利用をおすすめします。 更新履歴 2019/09/24: Chrome 78 から importScripts() も更新対象になりました。それについて加筆しました。 2018/06/07:
@types/reactと@types/react-domを"resolutions"フィールドで固定する - Qiita
TypeScriptでReactを扱ってるときにReactDOM.renderで意味が分からない型エラーが起きることがあります。 TS2605: JSX element type 'GithubPicker' is not a constructor function for JSX elements. Types of property 'render' are incompatible. Type '() => ReactNode' is not assignable to type '{ (): ReactNode; (): false | Element | null; }'. Type 'ReactNode' is not assignable to type 'false | Element | null'. Type 'undefined' is not assignable
【要注意】Huawei製スマホでGoogleカレンダーを使用する際の注意 - ゲームドライブ（ゲードラ） - スマホゲーム・レトロゲーム・カプセルトイ・新作ゲーム情報を毎日掲載中！
こんにちは。編集長ちのです。 先日使用していたASUS Zenfone2が壊れてしまったのでHUAWEIのMate 9に乗り換えました。 Mate 9は低価格ながら非常にハイスペックな性能でゲームなどをプレイするにも遊びやすいAndroidスマートフォンです。 ネットで購入した新品のMate9が届き、セットアップを少しずつ進めていると、社内から 「ちのさん、カレンダーの予定削除しました？」 「え？」 「ちのさんが僕の予定削除したってメールが来て実際に消えてるんですけど」 「は？何もしてないけど」 と、全く心当たりがないことが起きました。 そう言われる直前にやったのは開封して初期設定でGoogleアカウントを設定しただけ。 ちなみに弊社はG Suiteを使用していて社内でGoogleカレンダーを共有しています。 「なんかの間違いじゃないのかな？」 と、放置していると 「ちのさんが自分の予定ど
WebAssemblyへのコンパイラ言語を簡単に実装 - Qiita
後入りですみませんが、WebAssemblyアドベントカレンダー未投稿のところ埋めさせて頂きます。 本記事では、WebAssemblyをターゲットとするコンパイラ処理系を実装します。 方針 WebAssemblyへのコンパイル言語処理系を最も簡単に 1実装するための方針は以下のとおり。 言語は「コンパイラがなるべく小さくなる言語として考案」されたBrainf*ckを採用 文法はPEG(Parsing Expression Grammar)で記述し、生成系PEG.jsでパーサを実行時に生成する WebAssemblyコード生成では文字列でWAST形式を生成し、wast2wasm2で変換する(直接WASMを生成しない)。またEmscriptenやbinaryenは使用しない WASTの表現ではflat形式ではなくs-expression形式を使用する ブラウザ上ではなくNode上で実行する。な
クラス関数をthrottleするデコレータ
クラス関数をthrottleするデコレータ 掲題の通り、throttle してくれる 1000ch/throttle-decorator というモジュールを作った。ES Decorator については全力で ES Decorator使ってみたが参考になると思う。標準化されるか問題は一旦さておいて。 インストールと使い方 npm でインストールする。 $ npm install --save-dev throttle-decorator 旧来 throttle() するときは宣言してあるイベントハンドラに throttle() を挟んで新たな名前付き関数を宣言していたと思う。React のコンポーネントの例だと次のようになる。 import throttle from 'lodash.throttle'; class Foo extends React.Component { constru
Bluebird で Promise を学ぶ - Qiita
概要 Bluebird は Promise を扱うためのライブラリです。チュートリアルや stackoverflow の回答が充実しており、初心者が学びやすいライブラリです。TC39 で提案されている機能があるので、将来の先取り学習ができます。 Bluebird は Observable を学ぶための準備教材としても評価できます。Observable は Promise、EventEmitter、ストリームなどの複数の概念を統合する概念です。Observable を扱うためのライブラリとして RxJS や xstream が挙げられます。Observable は TC39 で提案されており、将来の標準機能になる可能性があります。 Bluebird をブラウザー版アプリで採用するときの課題はライブラリのファイルの大きさです。より小さなサイズのライブラリに切り換えるか、個別の機能に特化したライ
常時SSL化に役立つアカマイの機能 - Akamai Japan Blog
コンピューティング あらゆるワークロードに対応した VM により、構築、リリース、スケーリングを迅速に実行
Amazon Pollyを使って耳で本の推敲をする - Qiita
自分のブログ「Real World HTTPが出版されます」で紹介したAmazon Pollyを使って本の推敲をする、というやつを軽く紹介します。 ささっと2-3日で作ったSphinx拡張を使っています。本エントリーではツールの使い方も紹介はしますが、Sphinx以外のツール向けに似たような変換機能を作りたい人の参考のために、ツールが何をしているかも紹介します。今まで使う機会もなかったので実は初AWSでした。 リポジトリはこれです。BSDライセンスです。 https://github.com/shibukawa/sphinxcontrib-ssmlbuilder SSMLというのは、Amazon Pollyの入力に使う音声合成用のデータフォーマットのことです。W3Cの規格になっており、PanasonicとかTOSHIBAの人も規格制定に加わっています。Amazon Pollyはこのうちのい
Mac mini増殖中！iOSアプリのビルドをマスター・スレーブ化して時間を短縮する - pixiv inside [archive]
チームでiOSアプリの開発をしていると、ビルドのコストが肥大化しがちです。ピクシブでは、ビルドとテストをMac mini上に構築したJenkinsで行っているのですが、ビルドキューが詰まり、開発速度が上がりにくくなっていました。 これを改善するため、最近、iOSチームのビルドサーバーを、Mac mini 1台から3台に増やし、マスター・スレーブ環境でビルドできるようにしました。今回、そのための設定について、エンジニアの @anchan から紹介します！ ビルドサーバーの環境設定は、GitHubに公開しています！ モチベーション Xcodeは1台のマシンでビルドを並列化できません。チームメンバーとアプリの数が増えるにつれ、それに比例してJenkinsのビルドキューが詰まるようになりました。 Mac mini 1台では厳しくなってきたので、Mac mini 3台でJenkinsのマスター・スレ
![Mac mini増殖中！iOSアプリのビルドをマスター・スレーブ化して時間を短縮する - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/becdf3af7bbff0decc2bf9fe5e40e4be5ab0824f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdevpixiv%2F20161122%2F20161122105741.jpg)
キミはNativeScriptを知っているか？Angular2でネイティブモバイルアプリが書けるぞ！ | HTML5Experts.jp
キミはNativeScriptを知っているか？Angular2でネイティブモバイルアプリが書けるぞ！ 佐川 夫美雄（Ashiras, inc.） Web技術でアプリ開発2016特集・第4弾は、JavaScript（およびTypeScript）によるクロスプラットフォーム開発が可能ながらネイティブと同様の実行速度を得られる、Telerik社のNativeScriptを取り上げたいと思います。 NativeScriptは、Angular2とも組み合わせて使うことができる、現在注目のフレームワークです。本記事では、XMLによるUI定義を行う従来の開発手法だけではなく、Angular2（ただし、RC4という少し古いバージョン）と組み合わせてモバイルアプリを開発する方法まで網羅してご紹介します。 NativeScriptの概要 NativeScript 2.0は、JavaScriptとCSSを使用し
npm shrinkwrapで依存モジュールのバージョンを固定 - Qiita
Node.jsで作られたアプリケーションをデプロイするときに、npm shrinkwrapを使って依存モジュールのバージョンまで固定した状態でインストールする方法を紹介します。 背景 npm install で依存モジュールをインストールするとき、package.json で ^1.2.3 や ~1.2.3 といったバージョン指定をしているモジュールが1つでもあると、semver に従って 1.2.5 などのより新しいバージョンがインストールされる可能性があります。 セマンティックバージョンの意味からすれば、1.2.3 が互換性のある 1.2.5 に置き換わっても同じように動作すべきですが、現実問題としてテストしたバージョンと本番にデプロイされるバージョンが意図せず変わってしまうのは気持ちが悪く、依存モジュールを含めてバージョンを固定する方法を調べました。 実現方法 まずは npm ins
リリース直前のTypeScript 2.0をインストールして新機能を先取りする方法 - Qiita
Microsoft社製の人気のAltJS「TypeScript」は現在1.8系が最新バージョンですが、2.0へのメジャーアップデートを控えています。本エントリーでは、リリース前のTypeScript 2.0を安全に試す方法を紹介します。 TypeScript 2.0をインストールする TypeScript 2.0はリリース前の為、グローバル環境にインストールすると他のプロジェクトに影響を与える可能性があります。他プロジェクトに影響を与えないよう、グローバルではなくテスト用フォルダの範囲内のみでTypeScript 2.0を使えるようにします。 任意のフォルダを作成し、npm init -yを実行しておきます。
特別なツール不要！ TypeScript 2時代の型定義ファイルの取り扱い方 - Qiita
TypeScriptを使う上で欠かせないのが型定義ファイルの取り扱いです。TypeScript 1系では、型定義ファイルを管理するツールとして、tsdやTypingsがありました。TypeScript 2以降は特別なツールはいらず、Node.jsインストール時に付属するnpmのみで型定義ファイルが管理できる機能が開発中です。 TypeScript 2以降で型定義ファイルをインストールする npmの初期設定後、型定義ファイルをインストールするには次のコマンドを実行します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yarn ではなく npm install を叩いたらエラーを出したい！を実現する方法が意外に簡単だった
