Google– tag –
-
「片ひざをつく」を英語でいうと”take a knee”,”kneel on one knee”などに #DMM英会話
ジョージ・フロイドさんの死をきっかけとして、人種差別に対する大規模な抗議運動が世界中で広がっています。その様子をTwitterやYouTubeの動画で見ていると、抗議の意思を表す象徴的な動作をしばしば目にします。 「片ひざをつく」→"take a knee"など htt... -
Chromeに高速サイトと低速サイトを識別するバッジを追加する計画が発表〜Google Developers Japan 「さらに高速なウェブへの移行に向けて」より
2019年12月10日火曜日にGoogle Developers Japanのブログサイトにおいて、「さらに高速なウェブへの移行に向けて」というタイトルの記事が公開されました。内容を簡単にまとめると、「高速サイトと低速サイトを識別するためのバッジを追加するから、Webサ... -
【DMM英会話 感想】”May I speak by Google Assistant?” 2019年11月28日（木））のレッスン #DMM英会話 #wordcamp #wco2019 #wco2019en
本日はDMM英会話第22回目のレッスンです。担当はEY先生でした。今日のお題は現代におけるサバイバル英語の使い方です。 What's Google Assistant? 見出しの英語を和訳すると「Google Assistantに話しかけても良いでしょうか？」になります。これだけではそ... -
Webmaster Conference Osaka 2019で2つの質問をしました〜「LighthouseのスコアはGoogleの検索順位に影響するか？」「オフスクリーンの画像遅延読み込みはChromeに実装されているか？」 #WMCOsaka
2019年11月27日（水）にグランフロント大阪で開催されたWebmaster Conference Osaka 2019に参加してきました。昨年も同じような時期にGoogle Dance Osakaという名前でWebmaster向けのイベントが開催されました。今年からイベント名を改めての開催です。 We... -
Google Analyticsのトラッキングコードは<head>の直後の位置に記述する
つい最近までGoogle AnalyticsでPVなどを計測するトラッキングコードの位置など、気にしたことがありませんでした。ですがGoogleのアナリティクスヘルプページで書かれている基本手順を読むと以下のに記述されています。 トラッキングコード（タグ）の位置... -
cmd + option + I →Chrome dev Tools→[Audits] タブでLighthouseを起動させる方法
Googleが提供するWebサイト/Webアプリのパフォーマンスやアクセシビリティを診断するツールとして、「Lighthouse」というツールがあります。そのLighthouseを使うためにmacOSであれば、"cmd + option + I" →Chrome dev Tools→[Audit] タブから使用すること... -
Google Pixel 3aのGoogleアシスタントを使ってYouTube Musicから無料で音楽を聞く方法
最近、Google Pixel 3aにデフォルトでインストールされているGoogleアシスタントを使って遊ぶことにハマっています。今回はそのGoogleアシスタントで無料を使って音楽を聞く方法をご紹介します。 YouTube Musicを使って無料で音楽を聞く Googleアシスタン... -
Google Pixel 3aのGoogleアシスタントで音声入力をして情報を調べる方法
最近、Google Pixel 3aを新しく購入しました。そのGoogle Pixel 3aにデフォルトでインストールされているGoogleアシスタントで遊んでいると、時間を忘れるくらい面白いので使い方を紹介します。 Googleアシスタントを使うための準備 Google Pixel 3aのホー... -
Google ChromeのConsoleタブを使ってJavaScriptのベンチマークを計測する方法
JavaScriptのConsoleオブジェクトのtimeメソッドとtimeEndを使うと、JavaScriptのベンチマークを取ることができます。JavaScriptのベンチマークを取ることができると、ライブラリのjQueryとネイティブのJavaScriptを比べて前者と後者はどのくらい実行速度... -
さくらクラブ「Webパフォーマンス改善セミナー」（2019年6月15日）で紹介された関連資料まとめ #さくらクラブ #さくらインターネット
さくらインターネットのコミュニティである、さくらクラブは6月15日（土）にさくらインターネット本社（大阪）で「Webパフォーマンス改善セミナー」を行いました。今回の記事ではセミナーの様子・紹介されたスライド・チュートリアル・GitHubのコードなど... -
さくらクラブ「Webパフォーマンス改善セミナー」のお知らせ #さくらインターネット #さくらクラブ
来たる2019年6月15日（土）にさくらインターネット本社セミナールームにおいて、さくらクラブが主催して「Webパフォーマンス改善セミナー」を実施します。セミナーの詳細は以下の通りです。 日時:2019年6月15日（土） 14:00 - 18:00 場所:さくらインターネ... -
Web Server for Chrome（Google Chromeのウェブサーバー）のインストール方法と使い方
Googleの開発者向けサイトで「はじめてのプログレッシブアプリ」を学習しているときに、Google Chrome専用のローカル開発環境である、Web Server for Chromeというツールを見つけました。 Web Server for Chromeを拡張機能としてGoogle Chromeにインストー... -
Font Awesome 4系から5系に変えるメリット（PageSpeed Insights対策）と変更方法（擬似要素から派生するsvgタグにスタイルを当てる方法）
最近、エコテキブログでFont Awesome 4系のフォントアイコンをFont Awesome 5系のSVGアイコンに変えました。4系はWebフォントを使いますが、5系はSVGとJavaScriptと組み合わせて使うことができるようになっています。 Font Awesome 5 がリリースされた — ... -
AMPキャッシュの仕組みと疑問点について
先日、公開したAMPページにおける3つの特徴〜AMPタグ・styleタグCSS・AMP JSライブラリという記事を投稿しました。その記事に関連して、今回はAMP（Accelated Mobile Pages）キャッシュの仕組みと疑問点について考えてみます。 AMPキャッシュの前提知識 AM... -
AMPページにおける3つの特徴〜AMPタグ・styleタグCSS・AMP JSライブラリ
寡聞にして自分の周囲にはAMP(Accelated Mobile Pages)ページを作成したという方はいません。ですのでAMPを理解するために、AMPのチュートリアルを見ながらAMPページを作成してみました。 AMPページのチュートリアルを紹介 自分の手を使って写経したチュー...