本記事は、一休.com Advent Calendar 2018の4日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 今日は、パフォーマンス改善に取り組むフロントエンドエンジニアの多くが頭を悩ませているであろう、サードパーティスクリプト(3rd Party JavaScript)について書きます。 サードパーティスクリプトとは サードパーティスクリプトとは、外部のドメインから読み込むJavaScriptのことです。典型的には、Google Analytics等のスクリプトが、サードパーティスクリプトに該当します。 一休.comでは、サードパーティスクリプトを、アクセス解析・広告のリターゲティング・A/Bテスト等、様々な用途に使用しています。これらのスクリプトは、一つ一つは小さなものであるため、画面表示のスピードに対するインパクトは意識

世界中のデータセットを探せる検索エンジンが登場 2018年9月5日、Googleは公式ブログにて世界中に点在するデータセットを検索できる「Google Dataset Search」をロンチしたことを発表しています。ジャーナリスト、データサイエンティストや、データに関わるビジネスに従事している人は必要なデータを探し、活用できます。

これが”件名に「添付ファイルテスト」を含む”ことを表す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 Cloud およびそれ以降で稼働するアプリケーションやシステムのための統合モニタリング、ロギング、トレース マネージド サービス。

イノベーションが生まれる職場環境をつくるイノベーションを生み出すためにコストは必要ありません。イノベーションが生まれる環境は強制されてできるものではなく、育まれるべきものです...

・リアルタイムデータベース（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） 「

お久しぶりです！ミケです。最近はチャットボットやAIスピーカーいじりにハマっています♬ ということで、今回はSlackやFacebookのチャットボットを開発する中で、楽ちんなツールを色々と探したので、その紹介と機能比較をしたいと思います！ チャットボットってなぁに？ 皆さんチャットボットってどんなものかご存知ですか？簡単にご説明しましょう！ チャットボットとは、「対話型ロボット」のことです。 iPhoneのSiriを想像するとイメージが付きやすいのではないでしょうか？人間が決めたロジックで返事をしてくれるようにプログラムされたものになります。 最近では顧客サポート用のFAQボットなど企業でも運用されるようになってきて注目を浴びていますが、歴史を遡ると1960年代のELIZA（イライザ）に辿り着くようです。思ったよりも前からあるのですね〜 活用イメージ 実際には、Slack・Faceboo

This domain may be for sale!

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2019.12.27追記 この記事は4年前に書いたものをメンテしていて、これまでたくさん読まれたようですが、平成時代のものだと思えてきました。最近、アプリのバックエンドに使い始めたFirebaseのほうが今の時代にあったPaaSだと思います。Google App Engineは2nd generationからはIaaSよりになっていると思うので、高速に開発することを求めるPaaSならFirebaseでしょうということで、この記事は飛ばしてFirebaseの紹介記事を適宜探してお読みください。 クラウドブームの初期にはそこそこ存在感のあっ

徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト５選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア

Scalableは任意のHTML要素をスケーラブルにするスクリプトです。従来のレスポンシブな、という感じではなく、必ず任意の要素がその状態を保った状態で縮小/拡大されます。極端に幅を狭めてもその状態を保つ、みたいな感じ。transform使ってるようですね。なかなかおもしろいし、用途もありそうです。 Scalable

仮想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 「シリコンバレー式」のコピーは製造業でも有効か？ デジタル筋肉(マッスル)のアウトソーシング 「デジタル製造業」戦略 売るのは「もの」ではなく顧客の成果を最大化するための「サービス」 エコシステムを創り出す 日本の「ものづくり」の復活を阻むもの 「シリコンバレー式」のコピー

Google『お ま た せ』 ついに来ました。以前Ledgeでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版公開です。（ベータ版だけど誰でも使える） とりあえずLedge編集部でソッコー触ってみたので、以下「何ができるのか？」と「どう活用するのか？」のまとめとなります。 できない事って逆に何？至れり尽くせりな無償開放 まずは気になる「何ができるんだっけ？」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。 ※作れるエクスペリエンス数に制限はあるけれど とりあえずできることリストGoogle Analyticsタグにちょっと加工してURL指定すればOK表示された画面をドラッグ＆ドロップ、直接コード編集でいじってテスト作成変更履歴は全部残

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

ＤＯＬ特別レポート 内外の政治や経済、産業、社会問題に及ぶ幅広いテーマを斬新な視点で分析する、取材レポートおよび識者・専門家による特別寄稿。 バックナンバー一覧 情報技術の分野で著しい発展が見込まれるＡＩ（人工知能）。米グーグルの子会社であるディープマインド社が開発した囲碁プログラム「アルファ碁」が2016年に人間のプロ囲碁棋士に勝ったことでＡＩの急速な進化を感じた人も多いだろう。インターネットの普及によってＡＩが膨大な情報（ビッグデータ）を教材として取り込むことが可能になり、急速に進化している。米国で最も読まれているＡＩの教科書の著者でもあるグーグルの研究本部長、ピーター・ノーヴィグ氏にグーグルの研究部門の内容と、ＡＩの未来を聞いた。（聞き手／ダイヤモンド・オンライン編集部　松野友美） ──グーグルの研究部門は、どういう体制でどういった研究をしているのですか？ グーグルは様々な事業を展開

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

※Googleサーチコンソールのアクセス権のあるGoogleアカウントが必要です。登録に関するFAQはこちら Webサイトの運営に不可欠な、GA4・サーチコンソールのデータを誰でも理解できる形で簡単に取り出せるようにすることが、アナトミーのミッションです。 これらのデータには、多くの課題と改善のヒントが隠されています。アナトミーを使って、GA4・サーチコンソールのデータから新たな発見をしましょう！