Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る Goog

クレデンシャルの送信 クロスオリジンのAJAXリクエストでクレデンシャル（クッキーの送信またはBASIC認証）を必要とする場合は、それを許可するオプションをフロント側Javascriptで付けておく必要があります。デフォルトではCORSリクエストでクッキーは送信されませんし、BASIC認証は送れません。 Fetch API の場合 fetch(url, { mode: 'cors', //クロスオリジンリクエストをするのでCORSモードにする credentials: 'include' //クレデンシャルを含める指定 })

同じオリジンのAPIと非同期で通信、という場合は xhr で普通にこなしてますが、別ドメインのAPIと非同期で、となると割とつまづくポイントがあったのでメモ。 こちらのサイトが大変分りやすかったです。 CORSではまったこと http://inside.pixiv.net/entry/2014/12/16/181804 xhr2 を使う 特に何かしなくても、ブラウザがxhr2対応しているものであればxhr2を使うことになります。 逆にいうと、xhr2 対応していないブラウザだとダメ。 とりあえず普通に実装する 特にクロスドメインであることを気にかけず、クライアントサイド、サーバサイドそれぞれをまずは実装します。 Origin 許可する サーバサイドでアクセス元となるOriginを意識して設定する必要があります。 サーバサイドのレスポンスヘッダの追加 クライアントサイドはモダンブラウザなら特

概要 No 'Access-Control-Allow-Origin' header is present on the requested resource.というエラーが出た際に外部API（サーバ側）でどう対応すべきかをまとめました。 CORSでググると幸せになれます。 環境 go 1.7.4 gin 1.1.4 CORSが必要になるのはどんな時か シンプルに言うと以下の条件のときです。 ブラウザからの外部APIへのリクエストである 今開いてるページのURLとは別ドメイン、別ポートのAPIをページ内で叩こうとしている ref: オリジン間リソース共有 (CORS) - HTTP | MDN CORSのリクエストは２種類 以下の２つがあります。 そのままAPIへリクエスト 先にpreflightリクエストを送ってから、その後でAPIへリクエスト preflightリクエストを送るかどうか

% cd ~/Desktop/project/ % ls css index.html js % koko document root : /Users/fnobi/Desktop/project [listen 4299] これで、ブラウザでhttp://localhost:4299にアクセスすれば、 /Users/fnobi/Desktop/projectをドキュメントルートにしたサーバーにアクセスできるというわけです。 いいところ 1, 起動が早い 名前の由来は、「とにかくここが見たいんじゃ!」の「ここ」です。 そんな雰囲気なので、とにかくすぐ起動できることを重視してます。 プロジェクトディレクトリに行ってkokoだけ打てば起動されますし、 さらにkoko -oと打てば、ブラウザが勝手に起動してくれます。(※Mac限定) % koko -o document root : /User

ということで、IPv4でさくらインターネットのグローバルIPアドレスであれば無料で監視できます。 有料でも21円/月(2016年4月28日現在)なので、有料でも良い気はするのですが、 さくらインターネットで借りているサーバ なのに 有料 になっちゃうのは悲しかったので、無料で使える方法。 今回の構成は、VPCルータを利用して グローバルIPは1つ 配下にプロダクションサーバ、ステージングサーバの2台 プロダクションサーバはVirtualHostで運用していてFQDNでリクエストする必要がある グローバルIPの80ポートおよび443ポートはプロダクションサーバに転送(VPCルータのNAT機能利用) WebサーバはApache HTTP Serverの2.4系 という構成になります。 目的 VPCルータ配下のプロダクションおよびステージングサーバのhttp/httpsの応答監視をしたい 越えな

jQueryだけで他のサーバーのコンテンツを読み込もうとすると、クロスドメインの制限がついて回ります。なぜJSONではなくJSONPを使わなければならないのか確認し、他の解決策も検討してみましょう。 ※本記事は2016年7月15日に掲載した記事の翻訳を一部更新したものです。執筆時点の情報をベースにしており、最新ではない可能性があります。 Webベースのアプリケーションを開発し、権限のないドメインからデータをロードしようとすると、おそらくブラウザーの画面に以下のようなメッセージが表示されているはずです。 XMLHttpRequest cannot load http://external-domain/service. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘h

XMLHttpRequestがsame origin policyに縛られているのをなんとかするためのプロキシをmod_proxyだけでやるという話. XHRとクロスドメイン XMLHttpRequestを使うと, JavaScriptを積極的に使ったダイナミックHTMLのページから, 新たなデータを動的にリクエストすることができ, 取得したデータを元のページ内で画面遷移なしに利用できる. いわゆるAjaxの要となる技術. ただし, XMLHttpRequestは基本的に同一ドメインに対してのリクエスト以外は無効という制限がある. もしこの制限がないとセキュリティ上の問題が発生する. たとえばGmailのURLに対してXMLHttpRequestでリクエストを行なうコードをどこかのサイトに仕掛けておくとする. このXMLHttpRequestでは, 認証情報を含むCookieもブラウザによ

nanameue,incでインターン中の斎藤です。 最近JSばっかりでkoa.jsにまで手を出してしまったのでkoa.jsの入門記事を書きます。 個人的には1年半ほどRailsをいじっていたのですがReactからJS界隈に入り始め、ついにバックエンドまで到達しました。 Rails界隈と比較すると割とミニマムな物が好まれていて、高機能なものよりシンプルな部品を組み合わせて作っていく感じです。 Railsのあまりの大きさに嫌気がさしRailsからnode系に移った人も多いらしくRailsを真似たsailsというフレームワークもありますが全く流行ってません。 自分は1週間ほど前からkoa.jsをやり始めたのですが、yieldとかgenerateなどを使っているので理解するのに時間がかかりました。なのでその部分を解説します。多分ここがkoaの本質でkoa自体はスーパーミニマムなので多分ここを理解す

gloops Advent Calendar 24日目 Merry Christmas!! gloops Advent Calendar 24日目です 23日目は @t_shibaki さんの「webのサーバーエンジニアがunreal engineをさわってみた」でした 昔と違ってプログラムを書かずにゲームが作れちゃうんですね。。すごい 早速ですが、タイトルだけ見ると「何を言ってるんだ？？」という感じだと思います 何がしたいかというと、ブラウザ(Service Worker)内で KoaJS 1 を実行しリクエストを処理させれば オフラインアプリに近いことができるのでは？と試してみたところ実現できたので、共有します (全然クリスマスっぽいネタじゃなくてすみません！) 概念図 初回のみ、ServiceWorker、ServiceWorker 登録用の HTML と JavaScript をサ

EC2 Auto-ScalingでECS組んでますか？エラーレート高いですか？救ってあげてもいいですか？ サイバーエージェント技術本部インフラエンジニアの@prog893です。今回も「AWA」という音楽ストリーミングサービスのインフラの改善について紹介したいと思います。前回の記事では、データベースの復旧時間が12時間から55分まで短縮できた話を紹介しましたが、今回は楽曲ダウンロード及びストリーミングレイヤーでのエラー率を大幅に改善したことについて述べたいと思います。 楽曲ダウンロード及びストリーミングの構成 まず、楽曲ダウンロード及びストリーミングの構成概要について紹介します。 音楽ダウンロード及びストリーミングの構成概要 楽曲配信サーバ(以降Track Proxy)はコンテナとして実行しAWS Elastic Container Service（ECS）で運用しており、ECSのバックエン