highlightjs– tag –

Googleクローラ(Googlebot)は、JavaScriptを理解してインデックス(ページ登録)を行ってくれるのでしょうか。幾つかのテストにより、GooglebotはJavaScriptを理解してインデックスすることがわかりました。 無料ブログサイトからのブログ移転では、301リダイレクトを設定したり、headタグ内の<link rel="canonical">を書き換えたりすることが困難です。そのため、Googleのインデックスを移転する方法に悩みます。 しかし、今回GooglebotがJavaScriptを理解することがわかったため、単純にJavaScriptを使って...

バズ部のWordpressテーマ Xeory Baseでは、Facebook いいね!(like)ボタンを記事ページに簡単に追加ことができますが、シェアボタンは付いていません。シェアボタンを追加する方法を紹介します。 初期状態 Xeory Baseでは、単一記事ページの上下に Facebook のいいね!ボタンを追加するにはダッシュボードの初期設定にて設定をします。 その方法で設定すると次のように、いいね!ボタンは追加されますが、シェアボタンがありません。 シェアボタンでは、記事の拡散を促進することができます。あまり場所をとるもので...

クライアントサイドにあるsvgデータを、ユーザが右クリック保存でダウンロードできるように、imgタグに埋め込む方法を紹介します。データをajax + phpなどで取得したり、javascript(D3.js)などで生成した場合に使います。 svgは、ベクター形式の画像データ形式のひとつです。ベクターデータなので、拡大縮小などによる劣化がなく、最近流行りのレスポンシブデザインに向いています。また、その実体はテキストデータであり、javascriptやphpなどで用意に扱うことが出来ます。ユーザが、gifやpngなどへ変換したい場...

HTML5でサポートされたレンジ入力欄(スライダー)は、そのままではユーザーが現在値を知ることができません。ユーザーのスライダー操作を感知して、現在値を表示する方法を紹介します。javascriptを使用します。複数のスライダーにも一つのコードで対応します。 デフォルトの状態 HTML5では、次のようなレンジ入力欄がサポートされました。大まかな数値を入力することが出来ます。 <input type="range" id="range" min="0" max="10" step="1" value="5"> type="range"を指定すると表示されます。minが最小値...