YouTubeの埋め込み方法として、 ・ページの表示と同時に読み込む（通常のembed方式） ・クリックされたら読み込む（Facade：ファサード 方式） の2パターンがあると知り、どれくらいLighthouseのスコアが違うかテストしてみました。 比較条件・ページ 通常の埋め込み（embed方式） Facade（ファ...
コラム
コラムの記事一覧
▶ 再生 document.addEventListener("DOMContentLoaded", function() { document.querySelectorAll(".youtube-wrapper").forEach(wrapper => { wrapper.addEventListen...
以下のコードで実装 <iframe width="560" height="315" src="https://www.youtube.com/embed/-E3_jJc5ous?si=7qTPu-ZRqKWswG3E" title="YouTube video player" frameborder="0" a...
StudioでノーコードでLPを制作する際に、離脱ポップアップを作成して欲しいと依頼があったので、今後のための手順をメモします。 1.ログイン Studioにログインして、デザインエディタを開きます。 2.離脱ポップアップの要素を作成 フッター部分に離脱ポップのパーツをまとめて作成します。 バナー＋閉じるボタンと、それ...
すぐに忘れてしまうのでメモ VSCodeにて、フォルダを開いた状態でターミナルを開く git add . git commit -m "コメント" git push origin...
microCMSの勉強のために Next.js＋ヘッドレスCMSではじめる！ かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた こちらの本を実践していたのですが、思わぬところでつまづいて、バグの修正に1時間くらい取られたのでメモ。 結論から言うと、URLの変数名を"（ダブルクォート）か...
発生状況と症状 発生状況：macでudemyを勉強中、ipadを拡張サブディスプレイとして接続した。 症状：再生画面が真っ暗になり、音声だけ再生されるようになった。 解決法 ヘルプにも書かれていた、こちらを実施しました。 トラブルシューティング: ブラウザーでハードウェアアクセラレーションを無効にする方法 ただ、ちょっ...
Goole検索コマンド 検索競合数を調査 allintitle:キーワード 使用例 allintitle:SEO対策 三島 おすすめ 意味 ページタイトルに「SEO対策 三島 おすすめ」を全て含むページを表示する 用途 競合サイトの数を把握する。 少ない方が競合が少ないので上位表示しやすい。 サイテーションを調べる "...
この記事では、SSLストリッピング(stripping)やHSTS(HTTP Strict Transport Security)の仕組みについて解説します。 SEO対策の一環として、セキュリティを高めることが重要視されていますが、その中でセキュリティヘッダーについて理解が浅かったので記事にまとめました。 ただ、私はセ...
先日、jugemブログからワードプレスへの移行の依頼を受けまして、実施しました。 概要だけお伝えすると、今回対応したのは6000ページ以上ある、かなり歴史のある個人ブログになります。 jugemブログにはワードプレス移行に対応したエクスポーターがあるので簡単かと思っていたのですが、想像以上に大変な作業となりました。 既...