Jekyll 環境の構築（テーマは Gem 化された Minimal Mistakes）！ (2019-01-27)
プレーンテキストから静的な Web/Blog サイトを生成する Ruby 製ツール Jekyll の環境を構築してみました。（使用するテーマは Minimal Mistakes） 以下、作業記録です。
JavaScript
jQuery - 古いブログ記事にメッセージを付加！ (2015-12-24)
ブログ記事が古い場合に、昔執筆した記事で情報が古い可能性があるというメッセージを jQuery を使用して出力するようにします。
Ruby on Rails - jQuery で Ajax 処理の callback 判定！ (2014-06-09)
Ruby on Rails + jQuery で Ajax 処理を行う際に、そのステータスにより処理を振り分ける必要があるケースもあります。 その方法についての備忘録です。
Ruby on Rails - メソッド(Action)の Ajax 化！ (2014-06-08)
Ruby on Rails で Submit ボタンを押下後に画面遷移することなく部分的に表示を更新する方法についての備忘録です。 ちなみに、以前は別のアプローチで Rails + jQuery の Ajax 化（遅延読み込み）の記事を紹介しています。 Ruby on Rails - jQuery で ...
Linux - シェルスクリプトで Twitter アカウント ID を取得！ (2013-09-28)
Twitter API を使用せず、特定の Twitter アカウントの ID （数字だけのID）を取得する方法についてです。 今回紹介する方法だと、アカウント ID を取得するだけのことに API 認証までしなくてもよいです。 実際には、シェルスクリプトで HTML を解析する方法になっています。（前回の「L...
Google Maps JavaScript API V3 ＋ ２点間距離計算！ (2013-07-12)
ホームページ上で “Google Maps API V3” を使って動くアプリを作成してみました。 任意の２点の緯度・経度から距離を計算するアプリです。 ２点の緯度・経度は直接入力する他、Google マップ上に配置したマーカーからも取得できるようにしました。 （緯度・経度を直接入力した場合は、地図上のマーカー...
nanoc - CSS, JavaScript を Minify！ (2013-02-10)
nanoc は、デフォルトではコンパイルしても CSS や JavaScript ファイルは Minify されません（改行・余分な半角スペースが残ったまま）。 HTTP リクエス回数を減らしアクセススピードを上げるためには、Minify した方がよいです。 それほど大きなサイトでなければ、Minify したか...
Ruby on Rails - jQuery で Ajax 処理（遅延読み込み）！ (2012-06-14)
Ruby on Rails アプリを作成していてあれこれと機能が追加されていくと、当然ながらだんだんと動作が重くなっていきます。 そこで、ページ表示時に処理に若干時間のかかる部分を遅らせて表示する方法を取り入れました。 ちなみに、当方の Ruby on Rails 製の Webサイトでは、既に以下については j...
jQuery - 文字に影をつける！ (2011-08-22)
通常、Webサイトで文字に影（ぼかし）を付ける際、CSSの”text-shadow”を使用すると簡単に実現できます。 しかし、この”text-shadow”は現在W3C勧告のCSS2.1では非推奨のため、W3Cチェックでエラーとなります。 （以前のCSS2.0や将来（ずいぶん先）勧告される予定のCSS3.0では...
jQuery版LightBox導入！ (2011-08-17)
先日、当方のWebサイト・ブログサイトでページ下部へスクロースした際にページトップへ戻れるようボタンを設置しました。その際JavaScriptライブラリ「jQuery」を導入しました。
JavaScript - ブラウザ別にCSSを読み込む！ (2011-08-16)
今日はHTMLソース内でCSSファイルを読み込む際にブラウザによって読み込むCSSファイルを変える方法についてです。 通常、HTMLレベルではIF文を使用してInternetExplorerかそれ以外しかブラウザは判定できません。 しかし、JavaScriptのjQueryライブラリを使用すれば、その他のブラウ...
JavaScript - PageTopボタン配置！ (2011-07-24)
昨日は「Ruby on Rails - jQueryを導入！」のとおり「Ruby on Rails」でJavaScriptのライブラリ「jQuery」を使用できるようにしました。
Ruby on Rails - jQueryを導入！ (2011-07-23)
今日はJavaScriptのライブラリの「jQuery」を「Ruby on Rails」環境に導入してみました。 今までは「jQuery」の必要性は感じませんでしたが、このたび使用したいJavaScriptで「jQuery」が必要だったので。
JavaScript － ゼロサプレス・ゼロパディング！ (2010-11-10)
今日は「ＪａｖａＳｃｒｉｐｔ」で上位桁にゼロのある数値ｊからゼロを削除したり、逆に指定の桁に満たない数値にゼロを付加する方法についてです。 //ゼロサプレス function zeroSuppress( val ) { return val.replace( /^0+([0-9]+)/, "$1" ); } ...
JavaScript － カンマ編集！ (2010-11-09)
今日は「ＪａｖａＳｃｒｉｐｔ」で数値を３桁ごとのカンマ区切りにしたり、逆にカンマ付き数値からカンマを削除する方法についてです。 //カンマ挿入関数 function insertComma( str ) { var num = new String( str ).replace( /,/g, "" ); whi...
HTML - テキストボックスをクリックで全選択！ (2010-10-09)
今さらですが、ＨＴＭＬ（ＪａｖａＳｃｒｉｐｔ）でテキストボックス内の文字列を全選択する方法です。 正確には、ｉｎｐｕｔタグで作成されたテキストボックス内の文字列をマウスクリック１つで全選択する方法です。