JavaScript

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 + 2点間距離計算!  (2013-07-12)

ホームページ上で “Google Maps API V3” を使って動くアプリを作成してみました。 任意の2点の緯度・経度から距離を計算するアプリです。 2点の緯度・経度は直接入力する他、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)

今日は「JavaScript」で上位桁にゼロのある数値jからゼロを削除したり、逆に指定の桁に満たない数値にゼロを付加する方法についてです。 //ゼロサプレス function zeroSuppress( val ) { return val.replace( /^0+([0-9]+)/, "$1" ); } ...

JavaScript - カンマ編集!  (2010-11-09)

今日は「JavaScript」で数値を3桁ごとのカンマ区切りにしたり、逆にカンマ付き数値からカンマを削除する方法についてです。 //カンマ挿入関数 function insertComma( str ) { var num = new String( str ).replace( /,/g, "" ); whi...

HTML - テキストボックスをクリックで全選択!  (2010-10-09)

今さらですが、HTML(JavaScript)でテキストボックス内の文字列を全選択する方法です。 正確には、inputタグで作成されたテキストボックス内の文字列をマウスクリック1つで全選択する方法です。