highlightjs– tag –
-
動的に生成したSVG形式画像データを、IMGタグに埋め込んで表示する方法!
クライアントサイドにある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が最小値... -
gnuplot での eps 出力の Tips (2016年版)
論文やレポート用の図の作成に gnuplot を使い、eps 形式で出力する人のためのTips。2016年版。 eps出力 開始 gnuplot スクリプトで、eps出力をする場合、私はまず次のように指定しています。 set term postscript enhanced eps color font ",24" size 5., 7.1 set out "sample.eps" postscriptファイルに書き出すときの最小限の指定は、 set term postscript です。 これに enhanced をつけると、eps形式になります。下付き、上付きの添字、ギリシャ文字などを使うことができるようになります。 eps を指定すると... -
ブログ移転時必見!はてなブログ(無料)からリダイレクトをする簡単で効果的な方法!
はてなブログからレンタルサーバへと移転する際に、無料のはてなアカウントでは、canonicalの変更や301リダイレクトが行えません。しかし、それでもJavaScriptで設定をすれば、Googleが移転を理解してくれることが分かっています。このページでは、新URLへのリダイレクトとcanonicalの設定をする方法を紹介します。 なお、投稿データの移転方法については、こちらの記事で紹介していますので、よかったら参考にしてみてください。 はてなブログから、レンタルサーバ + WordPressサイトへの移転方法 Google...