decoding="async"とloading="lazy"の違い| PerfData
画像の読込処理の違い ページ作成日 2019年12月19日 ページ更新日 2021年3月2日 著者: 竹洞 陽一郎 Webページにおいて、画像は重要な役割を果たしており、高解像度化と利用される枚数は増えていく傾向にあります。 その一方で、画像は、従来どおりの実装をしていると、HTMLのパース処理を遅延させる要因となります。 画像をいかに遅延要因としないようにするかの処理として、decoding="async"とloading="lazy"の違いを解説します。 decoding属性は、画像のデコード処理に関しての指示をユーザエージェントに明示する属性です。 decoding="async"と指定することで、画像のデコード処理を非同期にバッググラウンド処理し、他のコンテンツの表示処理が終わった時に更新処理で画像を一緒に出します。 記述の仕方としては、以下のようになります。 <img class
Googleアナリティクスで気を付けるべきセグメント設定のポイント - マーケティングオートメーションツール SATORI
今回はGoogleアナリティクスの「セグメント」について、初めて利用する方にもわかりやすく解説します。セグメントとはどんな機能なのか、フィルタとどう違うのかなどの基礎知識から、カスタムセグメントの使い方や設定方法までこの記事1ページで理解できます。 Googleアナリティクスの「セグメント」とは？セグメントの基本的な使い方応用編（1）：特定のページを経由するユーザーをセグメント応用編（2）：訪問頻度が高いユーザーをセグメント応用編（3）：「シーケンス」で行動の順を指定したセグメント Googleアナリティクスの「セグメント」とは？ Google アナリティクスで表示されるレポートを絞り込む方法は「レポートの中から特定の条件を抽出するアドバンスフィルタ」と今回解説する「特定の条件で絞り込んだユーザーやセッションのレポートを表示するセグメント」があります。 デフォルトで表示するレポートは「すべ
koko.inc
The power of creativity for... #DE&I #GenderEquality #LGBTQ’sRights #Women’sEmpowerment #Mentalwellness #Sustainability #Well-being #Selfcare #Selflove #BodyNeutral #BetterFuture Koko is a creative studio that collaborates with you as a branding, product/artwork developer to conceive and shape the concept/action/creativity based on the message and vision you wish to convey to society. We focus on
Flutter実践入門
📕書籍化お知らせ📕 本書が翔泳社様から「動かして学ぶ!Flutter開発入門」として出版されることになりました!! https://www.shoeisha.co.jp/book/detail/9784798177731 書籍化できましたのは、読者の皆様のご高評のおかげです。いつもご利用本当にありがとうございます！ 書籍の内容は、2023年4月15日の内容と概ね同じになっています。 ただし、書籍の方は、イラスト/手順の項番/キャプションなどが非常にわかりやすくなっており、プロジェクト形式でのサンプルソースコードも提供されます。 🚨有料化のお知らせ🚨 書籍化に伴う諸般の都合により、出版された部分の削除や非公開などはしないのですが、出版日に有料化をさせて頂く予定です。 今まで2年以上無料で公開をさせて頂いた状況もあり心苦しいのですが、ご理解頂けますと幸いです ⚠️⚠️⚠️翔泳社様の書籍
JIN Demo Site 8｜Just another WordPress site
JINはデザインインポートに対応！自分好みのデザインに「着せ替え」できる 2018年2月27日 jin-demo
Chrome 111 の View Transitions API でリッチなページ間トランジションを実現する
Chrome 111 は CSS の色関数 や 三角関数の追加 など、目を引く更新が多いですが、中でも View Transitions API は、Web アプリの UX 向上という観点で、高いポテンシャルを秘めた API です。 この記事では、この View Transitions API について、実装例・実用例を交えて概説します。 View Transitions API とは View Transitions API は、『画面の更新前後の異なる DOM 要素間のトランジションを、簡素な記述で実現』 する API です。 サポートブラウザ 2024/06/12 時点: Chrome: ✅ 111 以上 (https://developer.chrome.com/en/blog/new-in-chrome-111/) Edge: ✅ 111 以上 Safari: ⏳ 18 以上 (
npmについてくるnpxコマンドをもっと活用しようぜ - Qiita
Node.jsのパッケージマネージャであるnpmにはnpmコマンドのほかにnpxというコマンドがついてきます。npxは便利さのわりにあまり活用されていない気がしたので書いた記事。 npxコマンドとは？🤔 npxはnpmのパッケージで定義されたコマンドを起動するコマンドです。npmのパッケージではpackage.jsonのbinを設定することでそのパッケージをインストールしたときに同時にインストールするコマンドを定義することができます。npxではパッケージ名を指定することでそのパッケージで定義されたコマンドを実行できます。 利点1 - ローカルインストールしたパッケージのコマンドの起動が楽😀 npmで配布されているCLIアプリを使うとき、npm installに-gフラグを付けてグローバルにインストールしろ、という指示になっていることが多いです。
E-E-A-T(旧E-A-T)とは？SEOで重要なGoogleの評価基準など徹底解説！｜ディーボのSEOラボ
E-E-A-Tとは、「Experience（経験）」「Expertise（専門性）」「Authoritativeness（権威性）」「Trustworthiness（信頼性）」の略で、Googleの検索品質評価ガイドラインで定義されてるウェブサイトの評価基準のことです。 このE-E-A-Tは「ダブルイーエーティーやイーイーエーティー」という読み方で、前身の「E-A-T（イーエーティー）」に「E（経験）」を加えて刷新したものです。 E-E-A-Tを考慮してサイトの品質を高めれば、SEOの良い効果が期待できます。 一方、E-E-A-Tを考慮しなければ、サイトの品質が上がりません。 具体的には、特定のトピックを網羅して明確な文章が書けなかったり、関連ページの作成や関連ページ同士の相互リンク、SNSなどの外部サービスを通じたウェブサイトの宣伝が疎かになります。 そうなれば、ユーザーにより役立つコン
E-E-A-Tとは？Googleが評価するコンテンツの基準や対策を解説 | ピグナス
E-E-A-Tとは、Googleの検索ランキングシステムが、ユーザーに有益で的確な情報を提供しているかどうかを評価するための指標の1つです。 今回はEEATとはどのような概念なのか、また、Googleのガイドラインを参考にしながら、評価されるコンテンツとはどのようなものなのか、ピグナスの事例を交えて解説していきます。 E-E-A-Tとは EEATとは、Googleがユーザーにとって有益で的確な情報を提供しているかどうかを評価する指標の1つです。2022年の12月から導入されました。 Experience（経験）、Expertise（専門性）、Authoritativeness（権威性）、Trust（信頼性）それぞれの頭文字をとっています。 E-E-A-T導入の背景に「WELQ騒動」 2016年、DeNAが運営していた医療情報サイト「WELQ」が、他サイトからの転載や不正確な情報を記事に掲載
CSSのsvh・dvhが全ブラウザ対応。iOS・Androidの画面いっぱいに要素を広げる最適解
iOS SafariやAndroid Chromeの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日（2022/11/30）リリースされたGoogle Chrome 108で対応したsvhを使えば、手軽に画面いっぱいのヒーローイメージを作れます。 Safari・Firefoxでは対応済み、Chromeと中身が同じEdgeは12/1週リリースの108で対応するので、全ブラウザで使える時代が来ます。もちろん、iOS・Androidも対応です。 本記事では、svhの使い方、同様に使えるようになったdvhやsvmaxなどの違い、従来の手法のデメリットをデモを交え
Web3を“金儲けの道具”として捉えるから、本質を見失う 佐々木俊尚氏が語る、テクノロジーの進化と社会の関係性
スタートアップカフェ大阪が主催したイベントに佐々木俊尚氏が登壇し、新著『Web3とメタバースは人間を自由にするか』の出版記念イベントが開催されました。メタバースやWeb3などの技術進化で私たちの暮らしはどう変わるのか、GAFAMと呼ばれる巨大IT企業のサービスを使い続けると人々の生活はどう変わるのか、さまざまなテーマについて議論しました。本記事では、参加者からの質問に答えながら、Web3の本質や、メタバースが普及した社会の行方について解説しました。 メタバースにより「文化的なレイヤー」は消滅する 質問者4：今日は講演ありがとうございます。「居場所の拡張」というお話が出ていたんですが、「物があまり重要じゃなくなっていく」という話とつながっていくのかなと思います。 例えば「メタバース」といったものと、「国」という概念はどう整合していくんでしょうか。言ってみれば、どこの土地にいるかが重要じゃなく
デキるやつはクリックさせへん | ベイジの日報
ベイジの『7つの行動原則』には、「ホスピタリティ〜びっくりするくらい気を利かせる」ちゅう項目がある。 以前の行動指針にも「プロフェッショナルは気が利く」っていう項目があったけど、働く上での気配りや配慮を求めるカルチャーを大切にしたい、ちゅうこっちゃな。 せやけどこれ、曖昧で感覚的で抽象的な話といわれれば確かにそうや。せやから、こんな疑問を持つやつがおるかもしれん。 「気が利く」「気配り」「配慮」って具体的にどういう行動なん？ 気ぃ使ってるつもりやのに気ぃ利かんって言われてまう。どないしたらええねん 気ぃ配った行動が相手にどういう影響与えてるか把握してABテストして精度上げたいから定量的に教えろや 結局は精神論やろ？ でもな、なんでもかんでも定量的にすりゃええもんちゃう思うとる。特に組織の多岐に渡ることは、抽象的な方向性だけ示して、細部は自分の頭で考えてもらう方がええ。その方が結果的に組織の
オウンドメディアの成功法則を全6万字で徹底解説（戦略・記事・運用・認知のポイント） | knowledge / baigie
私たちの会社はこれまでに、6つのオウンドメディアを自社で立ち上げてきました。顧客のオウンドメディアに対しても、提案、分析、支援を行ったことが多数あり、契約を伴わない相談、関係者への取材、悩み相談、商談、情報交換というレベルでは、数え切れないほどのオウンドメディアに触れてきました。 このような経験から、オウンドメディアの成功パターンと失敗パターンを分類した上で、成功の可能性を高める仕組みや枠組みが作れないかと考えて編み出したのが、私たちが『STAAM』と命名するオウンドメディアに特化した独自メソッドです。 STAAMとは、Strategy（戦略）、Theme（主題）、Article（記事）、Awareness（認知）、Management（運営）の頭文字を取ったものです。オウンドメディアを見切り発車する前に、まずこの5つの分野についてしっかり議論しよう、そうすることで成功確率を高めることがで
[PHP] YouTube APIの利用（動画情報の取得） - Qiita
今回の題 PHPでYouTubeのAPIを試してみました。 この記事ではYouTube上にある動画の情報を取得して表示するところまでを解説しています。 まだ触り始めたばかりであまり情報を持っていませんが備忘録として残します。 いつか誰かの参考になれば幸いです😉 GoogleAPIライブラリのインストール composerを使ってインストールします。 インストールが終わり、以下の画像の様にvendor配下に**「google」**というディレクトリができていればOKです。 APIキーの取得 以下のページからからAPIキーを取得します。 Googleのデベロッパーコンソール 流れとしては、 YouTubeAPIを有効化（同時にプロジェクト作成） プロジェクトのAPIキーを作成 だけです。 以下、APIキーの取得までの詳しい流れを書きます。 （基本的に画像内の赤枠をクリックしていけばOKです）
![[PHP] YouTube APIの利用（動画情報の取得） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a822a436a5f3fe04196f51a3d146c90fb527858e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTQ2MTI0JTJGcHJvZmlsZS1pbWFnZXMlMkYxNzQxMDk0OTc2P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTE0YWY4MzI3YWQzODYzNzYyZjUyNGI5YzY0M2FhZDY5%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da83259c51ba7f800d35be68376518834%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUEhQJTVEJTIwWW91VHViZSUyMEFQSSVFMyU4MSVBRSVFNSU4OCVBOSVFNyU5NCVBOCVFRiVCQyU4OCVFNSU4QiU5NSVFNyU5NCVCQiVFNiU4MyU4NSVFNSVBMCVCMSVFMyU4MSVBRSVFNSU4RiU5NiVFNSVCRSU5NyVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTE5ZmNmNDFhMTc4ZmVkMDZlMzY4ZGU0ZWQ2Yzg5OGE5%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBnZW50c3VraSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTlkOTE1NjJkN2QxMDEyMzNiNGYwZmVjZGY0YjIxYTc3%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0b172879144e3cab1cdba7afc8742949)
仕事の本質は他者貢献である（アドラー）｜s-lessonブログ
昨日、アドラーの『嫌われる勇気』を紹介しました。今日も、またその中から心に残っている一節をご紹介します。 仕事の本質は、他者貢献である。社会に出て働くこと。あるいは家事をこなすこと。労働とは、金銭を稼ぐ手段ではありません。我々は労働によって他者貢献をなし、共同体にコミットし、「わたしは誰かの役に立っている」ことを実感して、ひいてはみずからの存在価値を受け入れているのです。 他者貢献とは、「わたし」を捨てて誰かに尽くすことではなく、むしろ「わたし」の価値を実感するためにこそ、なされるものなのです。 他者貢献が意味するところは、自己犠牲ではありません。むしろアドラーは、他者のために自分の人生を犠牲にしてしまう人のことを、「社会に過度に適応した人」であるとして、警報を鳴らしているくらいです。 心に、ストーンと落ちてくる言葉でした。 私自身、この３５年近く、子どもたちの英語教育に携わってきました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社FLAT - フロントエンドに強みを持つシステム開発会社
ユーザの承認を得て、audioの自動再生を可能にする。chrome・safari対応【JavaScript】
How to Update Npm Packages Safely With Npm Check Updates
無料キーワード提案ツール UbersuggestでSEO対策
Amazon.co.jp: [VKO] カメラリストストラップ ハンドストラップ ミラーレス/コンパクトカメラ用 (黒色): カメラ