サードパーティJavaScriptの最適化 - 一休.com Developers Blog
本記事は、一休.com Advent Calendar 2018の4日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 今日は、パフォーマンス改善に取り組むフロントエンドエンジニアの多くが頭を悩ませているであろう、サードパーティスクリプト(3rd Party JavaScript)について書きます。 サードパーティスクリプトとは サードパーティスクリプトとは、外部のドメインから読み込むJavaScriptのことです。典型的には、Google Analytics等のスクリプトが、サードパーティスクリプトに該当します。 一休.comでは、サードパーティスクリプトを、アクセス解析・広告のリターゲティング・A/Bテスト等、様々な用途に使用しています。これらのスクリプトは、一つ一つは小さなものであるため、画面表示のスピードに対するインパクトは意識
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされています。これは、ヘッドレス環境で Chrome ブラウザを実行する方法です。つまり、Chrome なしで Chrome を実行することになります。Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォームのすべての機能をコマンドラインにもたらします。 なぜこれが有用なのでしょうか。 ヘッドレス ブラウザは、可視 UI シェルが必要ない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、その PDF を作成したり、ブラウザが URL をレンダリングする方法を確認したりできます。 ヘッドレスの開始（CLI） ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くことです。Chrome 59 以降がイ
GoogleアナリティクスでJavaScriptエラー情報を収集する (ときどきGoogleタグマネージャ) - Qiita
目的 Googleアナリティクスを使ってみます。 ユーザー端末で出現しているJavaScriptエラーを収集します。 JavaScriptエラー情報をレポートとして表示します。 ついでに、Googleタグマネージャも使ってみます。 お役立ちどころ 端末、環境によってJavaScriptエラーが出たり出なかったりする場合に有効です。 ユーザーの端末で発生しているエラーを収集、その他OSなどの情報も取得できます。 情報を整理して表示されるので、分析に役立ちます。 用語の確認 Googleアナリティクス 今まで見えなかった情報を見える化します。 いろいろなものにイベントをつけて、情報収集します。 クリック、例外発生、ページの表示などにイベントをくっつけられます。 イベントを通ると情報がGoogleアナリティクスサーバーに送られます。 情報をもとに分析、解析、レポート作成を行います。 トラッキング
JavaScriptのみでGoogle Driveに動的にテキストや画像等を保存する - Qiita
Save to Drive buttonだとData URIが使えない つまり、動的にファイル生成して保存が出来ない！ 今回の方法ならば、頑張れば、画像イメージでもなんでもJavaScriptのみでサーバサイドに 頼らず、Google Driveに保存可能。タダで永続的なストレージAPIが手に入る！ 昔からあるJavaScript APIを使うことで、動的にファイルをGoogle Driveに保存できる 準備 Google Consoleにログイン アプリケーションを登録（Webアプリケーション） ※ただし、Redirect URIsは空にして登録すること！ テキストエリアに入力した内容をテキストファイルとして保存する 拡張子は勝手には付加されないので、「.txt」を付けるなりしないと何のファイルか分からなくなるｗ <script type="text/javascript"> var C
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
グーグル、JavaScriptプログラミングツールをリリース - builder by ZDNet Japan
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
