Google Chrome Labsがオープンソースの画像圧縮Webアプリ「Squoosh!」を公開しています。詳細は以下から。 Google Chrome LabsのJake Archibaldさんは現地時間2018年11月12日、Googleが開発している画像フォーマット「WebP」にも対応したWebベースの画像圧縮ツール「Squoosh」を新たに公開したと発表しています。 🎨 https://t.co/sCMU33lR1G – make images smaller using best-in-class codecs, right in the browser. — Jake Archibald (@jaffathecake) 2018年11月12日 Squoosh! Squoosh is an image compression web app that allows you

この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借

転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技！！ Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方

Web制作Google、新たなモバイルサイト診断ツール「Test My Site」を公開2017年7月3日75 Googleが新しいモバイルサイトのテストツール「Test My Site」を公開しました。同ツールの主な機能は「サイト読み込み速度の確認」「読み込み中の想定離脱数の確認」「業種別平均速度との比較」「速度改善の提案」の4つとなっています。 モバイルサイト最適化のたの新ツールが公開Googleが新たなモバイルサイトの診断ツール「Test My Site」を公開しています。モバイルではサイト読み込み速度が数秒違うだけで、ユーザーの離脱にもつながるため、適切な改善を実現するために提供されたとのことです。 「Test My Site」で診断することができる項目は主に4つ。 モバイルでのサイト読み込み速度の確認読み込み中の想定離脱数を確認業種別平均速度との比較速度改善の提案Googleによ

Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find

Google Analytics「次はA/Bテストを無料にする」 はい。またしても唐突な無償版発表です。。 つい先日、AIによる指標指示機能『Analytics Assistant』のリリースで業界を騒然とさせた我らがGoogle先生ですが、さらなる衝撃リリースをぶっ込んできました。 画面上でUIパターンをかんたん作成・編集可能で、しかもGoogle Analytics連携でセグメント設定までOKな有料版Google Analyticsの限定機能、『Optimize 360』の無償版を出すよ！という告知が、突如公開されたんです。

Googleドライブって便利なのですが、前からWebサーバーにできないかな、なんて思っていたところ、やっぱり同じこと考える人いるんですね。なんと、Googleドライブに「Editey」というアプリがあって、GoogleドライブをWebサーバーにしてしまうことができるんです。なんか普通っぽいと思われそうですが、WebストレージをWebサーバー化するなんて邪道画期的です。Googleドライブ、便利すぎてやばい。 [ad#top-1] Edityを有効化します。ついでに、「HTML Edity」「CSS Edity」「JavaScript Edity」もインストールしました。あとでファイル個別で編集できるので。今回主旨から外れていると思って、「Page Edity」はインストールしませんでしたが、CMSらしいです。なんか、ちょっと気になりますね。あとで試してみます。（これは今回除外） ちょっと使

昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。

ついにGoogleアナリティクスにユーザー導線分析が実装です。2016年4月3日ベータ版ながら一部のアカウントで確認。正式名称はユーザーエクスプローラだそうです。 こんにちは、Googleアナリティクス愛のカグア！です。ついに、この日が来ましたね。 本記事ではまず速報性を重視して、ユーザーエクスプローラをお伝えします。なお情報は2016年4月時点でのものです。 ＞＞4コマ漫画「Webアナリストすみれ」 まだ未配信もありますが、スマホ縦スクロールでさくっと読みたいという方はこちら。 ＞＞無料４コマ漫画＠ウェブアナリストすみれ｜カグア！｜note 追記：2016年4月28日　公式ヘルプのリンクを追加。 追記：2016年4月5日　User-IDと間違えやすいため加筆しました。 関連記事 ＞＞流入キーワードから導線改善できるたった3つの手順 ＞＞LPの接客力を上げる～CVアップのチューニング事例

作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

2014年以降の最新記事のみ集めました。GoogleアナリティクスのAPI関連まとめ。 関連記事 ＞＞＜完全版＞Googleアナリティクスで自分や関係者のアクセス除外 ＞＞＜完全版＞Googleアナリティクス・トラッキングコードの設置 ＞＞イベントトラッキングの設定、ユニバーサル・タグマネージャ対応2015 ＞＞カスタムディメンションの設定～UA・GTM対応＜2015年完全版＞ ＞＞タグマネージャのGoogleアナリティクスで設定可能なフィールド一覧 Googleアナリティクスのコード周りの情報もほんと増えてきましたね。ガラケーも、いまやメジャメントプロトコルで計測できるご時世。 最新情報がまとまってるといいなあと思いまとめました。あと、数が多いので「おすすめ」も追記してます。ご参考になれば幸いです。 これもいいよ！などありましたらタイムラインなどで教えていただけると嬉しいです！ Deve

Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

こんにちは、LIGブログ編集部です。こちらは「Google Analyticsをはじめて使う人が、一通りのアクセス解析を自分でできるようになる」ところまでを目標とした全5回の初心者向けGoogle Analytics講座の第1回目となります。 Google Analyticsとは、自身のブログをお持ちの方やメディアを運用している方にとって、必須ともいえるアクセス解析ツールです。このツールを利用することによって、ブログやメディアの強みや改善すべき点などを分析することができるようになります。 「Google Analyticsという言葉は知っているけど、詳しいことはわからない…」という初心者の方は、導入から使い方、そして役に立つ小技までをこのシリーズでマスターしていきましょう。初心者ではない方も、おさらいのつもりで確認してみてください。 ▼目次 Google Analyticsとは Googl

2015年2月1日更新 日曜日の午後になると、は～もう休みも半日か～と考えてしまう鈴木です。 今まで、いろいろとGoogle Analyticsの事を書いてきましたが、ココらで1度きちんと体系立てて自分でも後で確認出来るようにして行きたいと思いましたので、連載風にグーグルアナリティクスの設定や見方について書いていきます。大体、このカテゴリーは隔週で1回くらいの（他のネタの数による）の更新で考えています。 第1回は、Google Analyticsの基本となる「登録」についてです。 出来る限り初心者用に書いていきますが、最低限のラインを設定しないと際限が無いため、Gmailの登録が出来て、ブラウザでGmailを読める人以上を対象としています。 Google Analyticsへの登録 Google Analyticsのトップページへ グーグルにログインした状態で、グーグル・アナリティクスのト

2014年01月16日 超便利！Googleが公開したWordPress用プラグイン「Google Publisher Plugin (beta)」を早速使ってみた！ カテゴリ:WordPress解説 2014年１月15日、GoogleがWordPressで簡単にGoogle AdSenseとウェブマスターツールを扱えるプラグインをリリースしました！ 公開されたのは「Google Publisher Plugin (beta)」で、バージョン 0.1.0。 このプラグインをインストールすると、WordPressのブログやサイトに対して簡単にGoogle AdSenseの広告を配信できるようになります。 また、ワンクリックでGoogleのサイト管理ツール「ウェブマスターツール」を確認できるようにもなりますよ！ とりあえずインストールしてみた！ 僕が持っているミスタードーナツのファンブログ「ミ