はてなブックマーク

バケット名：test-static-web-site 静的Webサイトホスティング インデックスドキュメント：index.html エラードキュメント：index.html (実際はエラー用のページを用意するといいと思います) ディストリビューション名：test-static-web-site-dst 基本的な構成でオリジンをS3バケットに向ける OriginAccessIdentity を使ってS3バケットへのアクセス権限をバケットポリシーに設定 今回SSLはCloudFrontデフォルトのもの。独自ドメインを持っている場合はACMの証明書もTerraformで作成することで acm_certificate_arn で指定でき、簡単です。 Terraformを書く 実際のtfファイルで下記を作成します。 # バケットの作成 resource "aws_s3_bucket" "test-s

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1年間真剣にJavaScriptに取り組んだ話 まえがき JavaScriptアドベントカレンダーの最終日をやらせて頂いて光栄です。 http://qiita.com/advent-calendar/2015/javascript ※元々は2の最終日を担当するつもりでしたが、本家が空いておりましたので失礼させていただいております。 2015年、自分の中で一番何に夢中だったかといいますと、モンハンかJavaScript(Node.js)だったなぁと思います。 そんなで今回は1年間どんな感じにJavaScriptとじゃれてきたのかをモクモク

Node.jsアプリケーションのデバッグはVisual Studio Codeだと簡単にできるよ Visual Studio Code https://code.visualstudio.com/ Microsoft製のOSSエディタである『Visual Studio Code』ですが、普段Vimしか使わない私がちょっと使ってみて、いい気分になったので簡単にご紹介したいです。 デバッグできる環境作るのは大変(面倒) 以前、Node.jsのアプリケーションをデバッグ用ライブラリ『node-inspector』とブラウザを使ってやってみようとしましたが、なんか面倒臭い感じがして、結局最近まではconsole.logとかを多様してナヨナヨしいデバッグしておりました。 多分、この辺のサイトを参考にさせていただいた気がします。 http://uupaa.hatenablog.com/entry/20

(function(factory) { var root = (typeof self == 'object' && self.self == self && self) || (typeof global == 'object' && global.global == global && global); // | // ---------- ブラウザ環境ではwindowオブジェクト // Node環境ではglobalオブジェクト // 以後root.hogehogeと出てきたらwindow.hogehogeなどと読み替えれば問題無いです // スクリプトの実行方法をAMD/Commonjs/scriptタグ形式の3つのパターンに適用させている // ここはAMDの場合のパターンである if (typeof define === 'function' && define.amd) {

おきまりのやつ CYBIRDエンジニア Advent Calendar 2015 2日目担当の @keitarou です。 イケメンスタジオという謎の組織でWEBエンジニアをしております。 最近はNode.jsを使った大規模分散アプリケーションみたいなものを作ってます。 今回のCYBIRDエンジニア Advent Calendarの仕切り役みたいなのもやっています。みんな協力してくれるいい会社だなぁと 1日目は(@gotyoooo)さんの最近のCYBIRDゲームインフラ環境についてでした。うちのインフラエンジニアは超優秀だと思います。転職希望の方はご連絡ください。 はじめに ES6, Promise, Generatorなどの登場によってJavaScriptの非同期処理の実行パターンのバリエーションが一気に増えた気がします。 今回は今現在、どういった手法が存在するのか、どういうメリット・デ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Flyとは https://github.com/flyjs/fly Node.js製のビルドシステムです。 gulp, Gruntなどと同じような事ができます。基本的なビルドシステムとしての機能を提供し、サードパーティのライブラリをもりもり入れていくことでできることの幅を増やしていく。というところも同じような感じです。 ただ大きくgulp, GruntとことなっていることとしてはFlyの場合、ES6のGeneratorを使って書いていくところです。 また、ES7で導入されるとされている**『async/await』**を使った記法も使えるようです。 早速適当な構成で試してみた 今回やってみたのは以下の様なこと src/にES6でコードを書いている src/に書いているコードをES5にコンパイルしてlib/に置く lib/に置かれたコードをbrowserifyでビルドしてbuild/に置き

おきまりのやつ この記事は、CYBIRDエンジニア Advent Calendar 2014 8日目の@keitarouです。 新卒入社して半年と何日かが過ぎました。今年は何をしながら年を越そうか考え中です。 昨日は@stksさんの、エンジニアが見るべき至極のアニメたち10選　http://chroskepi.moe.hm/wordpress/?p=41 でした。なんともこの『CYBIRDエンジニア Advent Calendar 2014』はなんでもありな感じになっております。 そんなこんなで今週もみなさんがんばっていきましょう。 もったいないGitHubの使い方 １日目のプロデューサーの投稿http://qiita.com/yuzo-shimamura/items/b5203cc0a495ab0f5e07 にもあるように、コードの管理をGitやGitHubやらを使わせていただいておりま