Program

GoogleChromは、Googleが提供するブラウザなので、があることで知られています。 WEB開発時において「Google先生」と呼ばれるほどに検索エンジンGoogleが主流として使われており、「ブラウザもGoogleのものを・・・」とです。 GoogleChromには、標準で「ディベロッパーツール」と呼ばれ...

MacOSやiPhoneをお使いの方は、標準ブラウザとしてSafariを使うことが多いでしょう。 Safariを使って自分のサイトをカスタマイズする時は、「」メニューを使うことで、サイトの表示確認を行いながらカスタマイズを行ったり、挙動不審の時にどこに問題があるのかをプログラムを見ることによって解決したりといったこと...

ページを閲覧した人が、どの場所で離脱しているのかを調べる際に便利なjQueryプラグイン「」。 「Scroll Depth」では、離脱箇所をピクセルとパーセンテージの２種類で確認することができます。 デフォルトのプラグインでは、パーセンテージは25%刻みで認識しますが、より本格的なWEB改善を行うためには、20%刻...

WEBサイトの解析を行う時、 を知ることができれば、改善すべき箇所がより的確にわかるようになります。 通常は、ユーザーがどこまで読んでいるかを知るためにはを使う必要がありますが、多くのヒートマップツールは有料かつ利用にPV数制限などがあり、本気でWEB改善をしたいと考える方にとっては非常にコスト的なハードルが高いツー...

上のキャプチャのように、リンクボタンを横並びにして表示したい時があります。 そんな時は、以下のようなプログラムを記述することで、リンクボタンの横並びを実現することができます。 ３列でリンクボタンを横並びにするサンプルプログラム テキストテキストテキストテキストテキストテキスト 以下のサンプルプログラムを使用していま...

WordPressでアイキャッチ画像が未設定となっている場合、例外処理として別の画像を出力するようにしておきましょう。 これを忘れてしまうと、サイトデザインの崩れにつながります。 以下で具体的な例外処理の方法をご紹介します。 アイキャッチ画像の有無で処理を分ける記述方法 例外処理の基本的な考え方として、処理の内容...

WEBサイト制作で、 利用ユーザーの多さ 地図の正確さ 拡大・縮小といった機能性の充実性 といったことから、。 実は、このGoogleMapはデザインの拡張性も高いのです。 ピンアイコンを自作した画像で設定したり、 地図の初期拡大率を設定したり、 地図を指定の色やグレースケールに設定することも可能です。 デザ...

WEBサイトで地図を表示する際、 を使うことで、簡単に高性能な地図を埋め込むことができます。 ここでは、について紹介していきます。 地図のデザインやピンアイコンをカスタマイズしたい場合は、以下のページを参考にしてください。 https://rmtmhome.com/googlemap-customize-desi...

WordPressでタイトルや本文テキスト、抜粋テキストといった文字列を全て表示するのではなく、指定した文字数文だけ表示したい時があります。 ここでは、文字数制限したテキストを抜粋して表示する方法について見ていきます。 指定した文字数のテキストを抜き出す「mb_substr」関数 PHPには、ある文字列の中から開始...

WEB制作を行っていて、javascriptやjQueryのスクリプトの途中で処理が止まってしまった時は、どの部分で処理が止まってしまったのかを確かめる必要があります。 そんな時は、アラートをブレークポイントの代わりとして使ったデバッグ方法を使うことをお勧めします。 ここでは、アラートの表示方法と、デバッグの基本的...