WordPress W3 Total Cacheで文字化けする時の対処法 WordPressの負荷軽減に役立つキャッシュプラグイン「W3 Total Cache」。 ただ、これを導入したことによって文字化けが起き、 リロードすると直るといった現象が発生することがあります。 これはサーバーの負荷が増えた際に、 読み込み時に完全なサイト情報が読み込めず、 半端にサイトの情報が読み込まれた...
javascript・jQuery JapanMapで描画した日本地図の表示をレスポンシブで切り替える方法 以下のページで紹介した日本地図描画のカスタマイズとして、 日本地図をレスポンシブで表示切り替えを行う方法を紹介します。 https://rmtmhome.com/html5-canvas-japanmap-423 描画用javascriptプログラムを記述する javascriptのプログラムを記述します。 ja...
javascript・jQuery JapanMapで描画した日本地図にページリンクを追加する方法 以下のページで紹介した日本地図描画のカスタマイズとして、 日本地図をクリックした際にページリンクのイベントを追加する方法を紹介します。 https://rmtmhome.com/html5-canvas-japanmap-423 描画用javascriptプログラムを記述する javascriptのプログラムを記述...
javascript・jQuery JapanMapを使った一部のみ有効な日本地図の動的描画を行う方法 以下のページで紹介した日本地図描画のカスタマイズとして、 上図のような一部のエリアのみ有効な日本地図を描画する方法を紹介します。 https://rmtmhome.com/html5-canvas-japanmap-423 描画用javascriptプログラムを記述する javascriptのプログラムを記述します...
javascript・jQuery JapanMapを使った地方名付き日本地図の動的描画を行う方法 以下のページで紹介した日本地図描画のカスタマイズとして、 上図のような地方名付きの日本地図を描画する方法を紹介します。 https://rmtmhome.com/html5-canvas-japanmap-423 描画用javascriptプログラムを記述する javascriptのプログラムを記述します。 ここ...
javascript・jQuery JapanMapを使った県名付き日本地図の動的描画を行う方法 以下のページで紹介した日本地図描画のカスタマイズとして、 上図のような県名付きの日本地図を描画する方法を紹介します。 https://rmtmhome.com/html5-canvas-japanmap-423 描画用javascriptプログラムを記述する javascriptのプログラムを記述します。 ここで...
javascript・jQuery canvasでjQueryプラグインJapanMapを使った日本地図の動的描画を行う方法 WEBサイトを構築していて、上図のような日本地図を描画したい時があります。 画像で作ると、 仕上がりが荒くなったてしまったり、 ホバーで色を変えるのに何枚も画像を作らなければならなかったり、 色や座標の変更が非常に面倒です。 そんな時におすすめなのが、HTML5がサポートしているcanvasを使った方法です。 ...
WordPress WordPressサイトでファビコンを設定する WEBサイトを閲覧していると、上のキャプチャのような、URL横に画像が表示されることがありますよね。 これを「ファビコン(favicon)」と呼びます。 ファビコンは、 URL欄だけではなく、お気に入りページに登録した時のアイコンや、スマホで見た時のよく見るページ一覧のアイコンとしても表示されます。 細かい...
Tools CDNサービス「CloudFlare」導入の備忘録 サイトの表示を高速化させたい時、 できます。 ここでは、CDNサービスとして有名かつ無料での利用が可能な「CloudFlare」の導入時に行なった手順を備忘録として残していきます。 CDNとは CDNは、コンテンツ・デリバリー・ネットワーク(Contents Delivery Network)の略称です。 WEB...
Design アイコンWEBフォント「IcoMoon」の使い方 WEB制作を行っていると、アイコンを使いたい時があります。 アイコンを画像で用意すると、 画像が荒く表示されることがある 量が多いとサイトが重たくなってしまう 色やサイズを微調整するときは画像の作り直しとなる等、メンテナンス性が良くない。 といった問題が出てきます。 そんな時に便利なのがです。 ここでは、W...