Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説
ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加
真・Google Ads API 徹底入門 その1 基礎編 - Feedforce Developer Blog
こんにちは id:hano_tea です。最近は外出自粛ということで、日々無人島に旅立ってカブ取引に命を賭けています。 完全に余談ですが、弊社 Slack には #animal_crossing チャンネルがあり、日々 各島のカブ価情報が共有されて楽しい無人島ぐらしの様子が流れています。余談でした。 さて、突然ですが皆様、 Google Ads API は利用していますでしょうか？ 完全移行は未だ行われてはいませんが、ベータ版に戻った Ads API は今でも継続的に改善、アップデートが重ねられ、 初期の Ads API から新たに追加された機能なども色々あります。 また、Ruby Client Library も使い勝手が日々向上しており、よりシンプルなコードで広告操作が出来るようになってきました。 上述のようにかなり API としての機能が拡充され、こなれてきた印象を受ける Ads A
Google スライドで登壇用スライドを作る際のテクニック - Qiita
Googleスライドで作られたLT用スライドや社内の資料をみることがありますが、Googleスライドの強みを活かせてない作り方をしている方がとても多いです。 今回は私がGoogleスライドを書く上で意識しているテクニックを紹介します。 Qiitaなので 勉強会などで使う登壇用資料としてGoogleスライドを使う場合 という観点で書いてみました。 先日 Laravel/Vue.js勉強会#10 - connpass というイベントで筆者が実際に作ったスライドを元に解説していきます。 ※@jnchito さんが書かれた【動画付き・プレゼン初心者向け】忙しいITエンジニアのためのKeynote講座 という記事がとても良かったのも、本記事を書こうと思った理由のひとつだったりもします。 マスターを活用する 基本的に文字サイズや色や位置の調整は、スライド側ではなくマスター機能を使います。 マスター機能
Googleドキュメントでコードを綺麗に表示したい・シンタックスハイライトしたい - Qiita
背景 前後するが、なぜGoogleドキュメントでコードを記述したかったかというと、Googleドキュメントだと、情報共有が楽な上にメンバー間でドキュメントを更新しあえるのが簡単だから、Googleドキュメントでシンタックスハイライトを行なって、見やすいドキュメント作成を行いたかったから。 Googleドキュメント(GoogleDocs)でシンタックスハイライトを行うには とても簡単。 Code Prettyというアドオンを入れるだけ。ほんとこれだけ。※こちらのアドオンは使用不可となりました。 Code Blocksというアドオンを入れるだけ。ほんとこれだけ。 インストール手順 Googleドキュメント(GoogleDocs)を開く 右下の新規作成を押下 メニューバー > アドオン > アドオンを取得 「Code Pretty Code Blocks」を検索 「Code Pretty Cod
「Googleスライド」で作る資料を、ちょっと良く見せるコツまとめ - Yunicode
はじめに こんにちは。書き始めを「はじめに」にしてしまうハウツーサイト出身者です。 コロナコロナで様々なものが中止や延期になってしまい、3.11のときに似た閉塞感を感じていますが、みなさまいかがお過ごしでしょうか。通勤や平日が好きな日常を愛する者として、一刻も早くいつも通りの日常が戻ってきてくれることを心より祈ります。 そんなときこそブログを書こう せっかくブログの会社に転職したんだし？ 最近は何をしているかというと、実案件運用から組織マネジメントまで幅広くやっております。お金周りに近いところを希望し入社したので、営業さんとお仕事をさせてもらっていて楽しいです。ありがとうございます。 資料をよくつくる となると、内部向け外部向け問わず資料を作ることも多くなります。以前は圧倒的Keynote派でしたが、現在はなるべく共有しやすいGoogleスライド中心にしています。 みなさん資料作りは好きで
Technical Writing | Google for Developers
Send feedback Stay organized with collections Save and categorize content based on your preferences. Every engineer is also a writer. This collection of courses and learning resources aims to improve your technical documentation. Learn how to plan and author technical documents. You can also learn about the role of technical writers at Google.
Improving Search for the next 20 years
When Google started 20 years ago, our mission was to organize the world’s information and make it universally accessible and useful. That seemed like an incredibly ambitious mission at the time—even considering that in 1998 the web consisted of just 25 million pages (roughly the equivalent of books in a small library). Fast forward to today, and now we index hundreds of billions of pages in our in
GDG DevFest Tokyo 2019へ行って来ました｜mihohoi
はじめてnote書きます。mihohoiです。 最初は自分語りしようかなーと考えていましたが、参加したGDGの興奮が覚めやらず、感想書きを最初に登校しますー！ 詳しい内容は↓へ https://tokyo.gdgjapan.org/devfest2019 参加した理由実はGCP、業務にかすりません。 kubernetes も社内の研究グループでやりはじめたくらい。k8sはすでに虜になってやっておりますが。 じゃあなんで？って事になるのですが、単純に告白するとインフラからジョブチェンジしたいからです。 そしてGoを(個人的に)勉強しているから。なぜGoなのかはここでは割愛。 参加したセッションと感想 1. Opening〜 エマさんの円周率のお話、クスッとする内容から心に刺さるお話まで。 英語は話すの大事。海外の文献読むのも必須になってきているので、がんばろう。 2. CloudNative
Googleアシスタント開発入門 2019
どうも、Japan Digital Design, Inc. で Technology & Design Div. に所属している石本（@t32k）です。 受付くんβ（社内受付システム）というものを作って、Voice UIについて調査していたので、今回は、その裏側の技術であるGoogleアシスタント（SiriやAlexaなどのAIアシスタント）について、共有したいと思います。 受付くんβThe States of Assistant in 2019Amplify your Web ContentsUser your Android AppBuild a Custom ExperienceThe States of Assistant in 2019 Googleアシスタントと聞くと、家で使うスマートスピーカーやNest Hubのようなスマートディスプレイを思い浮かべがちなのですが、Goog
Googleがコードレビューのガイドラインなど、ソフトウェアエンジニアリング実践のためのドキュメント「Google Engineering Practices Documentation」を公開
Googleがコードレビューのガイドラインなど、ソフトウェアエンジニアリング実践のためのドキュメント「Google Engineering Practices Documentation」を公開 ライセンスはクリエイティブコモンズの「表示 3.0 非移植 (CC BY 3.0)」で、複製や再配布、営利目的を含めた改変や翻案が可能になっています。 Googleで一般化されたエンジニアリングプラクティス Googleはこのドキュメントを次のように紹介しています。 Google has many generalized engineering practices that cover all languages and all projects. These documents represent our collective experience of various best practic
これからはじめる、ガチスマートホーム計画｜深津 貴之 (fladdict)
久しぶりに自宅のスマートハウス環境をアップデートしたので、色々とポイントをメモ。あわせて、Takramさんと対談した「スマートじゃない家電」のポッドキャスト貼っときます。 スマートホームを作るポイントイカしたスマートハウスを作るルールはたった１つ。 「スマート冷蔵庫とかスマート洗濯機とか、そういうのは買うな」ああいう大物スマート家電は言うほどスマートではない。価格が高い割に賞味期限が短く、なけなしのボーナスを突っ込んで買っても、来年にはサービスが停止しているかもしれない。高額リスク案件だ。 あと裏情報として、大手のIoT家電は「弊社もIoTを！』みたいな雑なノリか、「消費者の利用データが取りたい」という企業目線ではじまった企画が多い。つまり、ユーザー視点では生活が便利にならない。 さらにお国の指針で、日本では「遠隔でオンにするタイプのスマート家電」が大手からは事実上出せない。遠隔からオンに
iOSネイティブアプリ開発者から見たFlutter
Flutter is Google's mobile UI framework for crafting high-quality native experiences on iOS and Android in record time… なぜFlutterに興味を持ったかFlutterはAndroidアプリ開発者ウケの方が良くて、iOSネイティブアプリ開発者が本気で触っている事例を国内ではあまり見聞きしません。そのためか、周りからも「iOSネイティブアプリが作れるのになぜFlutterにも手を出すの？」のようなことを聞かれることがちょくちょくあります。まずはそのあたりから詳しく述べていきます。 一番初めのきっかけはDroidKaigi 2018の発表DroidKaigi 2018 用のiOSアプリがFlutterで作られていて、 konifar さんのこちらのスライドを見たりPodcas
Material Designを語りつくす！「Google I/O Extended 2018 Shibuya」資料まとめ｜Goodpatch Blog グッドパッチブログ
イベントレポート Material Designを語りつくす！「Google I/O Extended 2018 Shibuya」資料まとめ Googleが毎年開催する開発者向けのカンファレンス「Google I/O」。エンジニアなら、参加したことがある方も多いのではないでしょうか。 もちろんGoodpatchからも、毎年メンバーが参加しています。 2017年のレポート：Google I/O 2017レポ &「How Well Do You Know the Web?」紹介 2016年のレポート：Google I/Oに行ってきた！グッドパッチ目線レポート 2017年まではエンジニアのメンバーが参加していましたが、2018年はUIデザイナーのメンバーが参加。現地で得たナレッジを日本のデザイナーコミュニティに還元するべく、報告会「I/O Extended 2018 Shibuya (Mater
サービス開発におけるデザインスプリントの特徴や、プロジェクト導入のメリットとは｜Goodpatch Blog グッドパッチブログ
こんにちは！Goodpatchでプロジェクトマネージャをしているかどのです。 今回はGoodpatchのプロジェクトの中でも使われているデザインスプリントについて、その特徴や、プロジェクトで実践して感じたメリット、プロジェクトへの導入についてお話します。 デザインスプリントとは デザインスプリントは、GV(旧:Google Ventures)がスタートアップ支援の為に用いているプログラムで、スタートアップだけでなく企業の規模感に合わせて活用することが出来る柔軟なフレームワークになっています。 プログラムの基本構成は5日間で構成されており、時間的な制限の中で素早く「理解」→「アイディエーション」→「アイデアの決定」→「プロトタイプ」→「検証」を行うフレームワークになっています。 Day1 : Understand(理解する) Day2 : Diverge(発散する) Day3 : Decid
How Google Works
Today we all live and work in the Internet Century, where technology is roiling the business landscape, and the pace of change is only accelerating. In their new book How Google Works, Google Executive Chairman and ex-CEO Eric Schmidt and former SVP of Products Jonathan Rosenberg share the lessons they learned over the course of a decade running Google. Covering topics including corporate culture,
【鬼ゆる解説】Google先生が「SHA-1」を破った件を理系女子大生が恋愛に例えてみた。
更新日: 2017年3月16日公開日: 2017年3月3日【鬼ゆる解説】Google先生が「SHA-1」を破った件を理系女子大生が恋愛に例えてみた。 2月23日、Googleがハッシュ関数「SHA-1」に対する衝突攻撃に成功したことを発表しました。 Google Online Security Blogより引用 私は現在工学部で情報セキュリティ・暗号理論の研究室に所属する恋愛依存症な理系女子大生ライターranranといいます。（…要素が多すぎる） 「SHA-1」はアメリカ標準となっている代表的な暗号学的ハッシュ関数です。ブラウザの安全性の確保などを中心に様々なセキュリティシステムに利用されていましたが、2005年にはSHA-1に対する攻撃方法が発見され、段階的に利用が廃止されてきました。しかし、Googleは今回その実用的な攻撃に成功し、より早急にSHA-1の使用を中止し、安全なSHA-2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「BASE」の商品をGoogleに！「Google商品連携 App」でかんたん連携 - BASE U｜ネットショップの開設・運営・集客のノウハウを学ぼう
Summer Internship at Google
Engadget | Technology News & Reviews
Google re:Work
