「このブロックでエラーが発生したためプレビューできません。」を解決した
「このブロックでエラーが発生したためプレビューできません。」 固定ページの編集画面で、すでに配置されているブロックをクリックするたび、ブロックがこの表示に変わっていきました。 状況 お客様のサイトを作成している中で、ロー...
ヒロ60
画像の最適化でサイトの速度アップ！効果的な最適化方法とは？
サイト制作において使用する画像は単なるデザインの一部ではなく、サイト全体のパフォーマンスやSEOに大きな影響を与える重要な要素です。 そのため、適切な解像度に変更したり、圧縮技術使ってサイズを減らすなど最適化された画像にすることで、...
Youtubeから取得したサムネイルをきれいに表示する
サイトにYoutubeを埋め込むと読み込み速度がかなり悪化したため、なにか良い方法がないか調べていたら、こちらの方法にたどり着きました。 「方法①：iframe動画の遅延読み込み」と「方法②：そもそも動画読込無しで代替画像を表示して...
カスタムフィールドを使う場合の設定色々
カスタムフィールドを作る プラグイン「Advanced Custom Fields」略称ACF カスタムフィールドを「クイック編集」できるようにする プラグイン「ACF QuickEdit Fields」 カスタム...
Contact Form 7で必須項目がすべて入力されたらボタンの色を変える方法
Contact Form 7で作成したお問い合わせフォームで、すべての必須項目が入力されたらボタンの色が変わるという動作を実装する方法を解説します。 ボタンの色が変わることで、必要な入力がすべて完了したことを、フォームの利用...
ホームページがなぜ必要か？
ホームページは”インターネット営業所” 24時間365日集客をしてくれる営業マン。 お客様は、連絡するかどうかはホームページを閲覧して判断する。 SNS、ネット広告や紙媒体広告を見ても、本気で連絡するかどうかを考えるお客...
WordPressサイトにInstagramの投稿を埋め込む方法
Instagramは視覚的に魅力的なコンテンツをシェアするプラットフォームとして非常に人気があります。 WordPressサイトにInstagramの投稿を埋め込むことで、サイトの訪問者に対して最新のビジュアルコンテンツを提供するこ...
メソッド
「メソッド」とはそのインスタンスの「動作」のようなもの。 「名前」や「年齢」などの情報はプロパティで追加したのに対して、メソッドは「挨拶をする」「値を計算する」などの処理のまとまりを表す。 メソッドの定義 メソッドはクラ...
クラス
クラスはES6から新しく導入された文法。 JavaScriptのライブラリ（React、Vue.jsなど）を学習するうえで必須の知識。 オブジェクトと関数 まずは、オブジェクトの復習から。 オブジェクトは、複数の値...
スコープ
定数や変数の使用できる範囲のことをスコープと呼ぶ。 スコープは定数や変数を定義した場所によって異なる。 関数の外側に定義した場合 関数の外側で定義した定数や変数は、プログラムのどこからでも使える。 const na...