サードパーティJavaScriptの最適化 - 一休.com Developers Blog
本記事は、一休.com Advent Calendar 2018の4日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 今日は、パフォーマンス改善に取り組むフロントエンドエンジニアの多くが頭を悩ませているであろう、サードパーティスクリプト(3rd Party JavaScript)について書きます。 サードパーティスクリプトとは サードパーティスクリプトとは、外部のドメインから読み込むJavaScriptのことです。典型的には、Google Analytics等のスクリプトが、サードパーティスクリプトに該当します。 一休.comでは、サードパーティスクリプトを、アクセス解析・広告のリターゲティング・A/Bテスト等、様々な用途に使用しています。これらのスクリプトは、一つ一つは小さなものであるため、画面表示のスピードに対するインパクトは意識
Google Apps ScriptでGmailの添付ファイルをGoogleドライブに保存する | 隣IT
これが”件名に「添付ファイルテスト」を含む”ことを表すGmailの検索クエリです。 この検索クエリは後で使うのでメモしておいてくださいね。 件名を条件にメールを抽出するスクリプト では、まず手始めに「添付ファイルテスト」を件名に含むメールを抽出するスクリプトを作成してみましょう。 こちらです。 const SEARCH_TERM = 'subject:(添付ファイルテスト) '; function fetchFile(){ const threads = GmailApp.search(SEARCH_TERM, 0, 10); const messages = GmailApp.getMessagesForThreads(threads); for(const thread of messages){ for(const message of thread){ console.log(me
Google re:Work - ガイド
イノベーション イノベーションを起こすためのスキルを習得し、業務に活かす方法を学びます。
Firebaseとは？できることや料金体系などをわかりやすく解説
・リアルタイムデータベース（Firebase Realtime Database） ・NoSQLデータベース（Cloud Firestore） ・アプリ利用状況の解析（Firebase向けGoogleアナリティクス） ・クラウドを利用したメッセージ配信（Firebase Cloud Messaging） ・ユーザー認証機能（Firebase Authentication） ・アプリのクラッシュ分析（Firebase Crashlytics） ・データ保存先の提供（Cloud Storage for Firebase） ・Webサーバーサービス（Firebase Hosting） ・サーバーレス機能の提供（Cloud Functions for Firebase） 各サービスについて詳しく見ていきましょう。 リアルタイムデータベース（Firebase Realtime Database） 「
逆引きGoogle Apps Scriptリファレンス «
このページは、Google Apps Script(GAS)逆引きリファレンスの目次です。 それぞれのページにはやや実用的なサンプルスクリプトと、構文、解説を掲載しています。サンプルスクリプトではただHello World!を表示するのではなく、ひと工夫加えて、少しでも実用的に、そしてGASで何ができるのか、少しでも知って頂けるように心がけています。 リファレンスページを作成している時点で正常に動作することを確認していますが、GASは日々進化しています。ひょっとすると上手く動かなくなっていることもあるかもしれません。その際はコメント欄にてお知らせ頂けましたら幸いです。その他、ツッコミ、質問、補足等お待ちしております。 Google Apps Scriptはものすごーく、強力なサービスだと思うのですが、日本ではまだまだ注目されていません。このリファレンスが日本での発展の一助になれば幸いです。
チャットボット開発ツール比べをしてみた！
お久しぶりです！ミケです。最近はチャットボットやAIスピーカーいじりにハマっています♬ ということで、今回はSlackやFacebookのチャットボットを開発する中で、楽ちんなツールを色々と探したので、その紹介と機能比較をしたいと思います！ チャットボットってなぁに？ 皆さんチャットボットってどんなものかご存知ですか？簡単にご説明しましょう！ チャットボットとは、「対話型ロボット」のことです。 iPhoneのSiriを想像するとイメージが付きやすいのではないでしょうか？人間が決めたロジックで返事をしてくれるようにプログラムされたものになります。 最近では顧客サポート用のFAQボットなど企業でも運用されるようになってきて注目を浴びていますが、歴史を遡ると1960年代のELIZA（イライザ）に辿り着くようです。思ったよりも前からあるのですね〜 活用イメージ 実際には、Slack・Faceboo
個人的に最強のPaaSプラットフォームGoogle App Engineの良い所を挙げてみる - Qiita
2019.12.27追記 この記事は4年前に書いたものをメンテしていて、これまでたくさん読まれたようですが、平成時代のものだと思えてきました。最近、アプリのバックエンドに使い始めたFirebaseのほうが今の時代にあったPaaSだと思います。Google App Engineは2nd generationからはIaaSよりになっていると思うので、高速に開発することを求めるPaaSならFirebaseでしょうということで、この記事は飛ばしてFirebaseの紹介記事を適宜探してお読みください。 クラウドブームの初期にはそこそこ存在感のあったGoogle App Engine（GAE）ですが、PaaSの不人気というか、本格的なクラウド時代が到来してAmazon Web Services に代表されるIaaSの前にすっかり影が薄くなっています。 当のGoogle自体も明らかにIaaSサービスのC
アニメーションが心地よいマテリアルデザインのUIサンプル５選
徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト５選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア
Googleタグマネージャーで仮想ページビューを計測する方法
仮想URLをdataLayerにセット 仮想URLなどを決めたら、Google Tag Manager（以下、GTM）のデータレイヤーの変数にセットします。 <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
なぜ日本の「ものづくり」は復活しないか - 駄文型
GE 巨人の復活 シリコンバレー式「デジタル製造業」への挑戦 という本を読んだ。 2015年に160億ドルの特別損失を計上したゼネラル・エレクトリック（GE）が、いかにして復活を遂げたかをまとめたものだ。 GE はベイエリアやシリコンバレーと呼ばれる地域のテクノロジー企業の文化を模倣し、復活した。ベイエリア式の文化とはすなわち、「リーンスタートアップ」であり、「デザイン思考」であり、「アジャイル」であり、「OSS」である。 GE 巨人の復活 シリコンバレー式「デジタル製造業」への挑戦 作者:中田 敦日経BPAmazon 「シリコンバレー式」のコピーは製造業でも有効か？ デジタル筋肉(マッスル)のアウトソーシング 「デジタル製造業」戦略 売るのは「もの」ではなく顧客の成果を最大化するための「サービス」 エコシステムを創り出す 日本の「ものづくり」の復活を阻むもの 「シリコンバレー式」のコピー
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされます。Chrome ブラウザをヘッドレス環境で実行する方法です。基本的には Chrome を使わずに Chrome を実行しますこれにより、Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォーム機能がすべてコマンドラインに組み込まれます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、UI シェルを表示する必要のない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのウェブページを PDF 化したりできます。また、ブラウザが URL をどのようにレンダリングするかを検査することもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くこと
Google Analytics完全連携A/Bテストツール『Google Optimize 無償版』ついにリリース | Ledge.ai
Google『お ま た せ』 ついに来ました。以前Ledgeでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版公開です。（ベータ版だけど誰でも使える） とりあえずLedge編集部でソッコー触ってみたので、以下「何ができるのか？」と「どう活用するのか？」のまとめとなります。 できない事って逆に何？至れり尽くせりな無償開放 まずは気になる「何ができるんだっけ？」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。 ※作れるエクスペリエンス数に制限はあるけれど とりあえずできることリストGoogle Analyticsタグにちょっと加工してURL指定すればOK表示された画面をドラッグ＆ドロップ、直接コード編集でいじってテスト作成変更履歴は全部残
グーグルの研究本部長が予言「AIが人に代わる未来は来ない」
ＤＯＬ特別レポート 内外の政治や経済、産業、社会問題に及ぶ幅広いテーマを斬新な視点で分析する、取材レポートおよび識者・専門家による特別寄稿。 バックナンバー一覧 情報技術の分野で著しい発展が見込まれるＡＩ（人工知能）。米グーグルの子会社であるディープマインド社が開発した囲碁プログラム「アルファ碁」が2016年に人間のプロ囲碁棋士に勝ったことでＡＩの急速な進化を感じた人も多いだろう。インターネットの普及によってＡＩが膨大な情報（ビッグデータ）を教材として取り込むことが可能になり、急速に進化している。米国で最も読まれているＡＩの教科書の著者でもあるグーグルの研究本部長、ピーター・ノーヴィグ氏にグーグルの研究部門の内容と、ＡＩの未来を聞いた。（聞き手／ダイヤモンド・オンライン編集部 松野友美） ──グーグルの研究部門は、どういう体制でどういった研究をしているのですか？ グーグルは様々な事業を展開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、データセット検索をロンチ
Operations: Cloud Monitoring & Logging | Google Cloud
kobit.in
任意のHTML要素をスケーラブルにするスクリプト・「Scalable」
GoogleによるAPIデザインガイドの公開
Google：マネージャはやはり重要な存在である
GA4対応のWebサイト分析ツール | ANATOMY （ アナトミー） | 株式会社シンメトリック
