javascriptで正規表現からの抽出メモ

javascriptから正規表現をしてマッチした文字列を取り出す処理。
なんか忘れてしまいそうなのでメモメモ。

<script type="text/javascript">
<!--
var src = "http://hogehoge.com/";  // ソース
var reg  = /http:\/\/([^\/]+)\//;  // パターン
 
// [0]はマッチした部分全体,[1]以降は括弧内のマッチした文字列を返す
var res  = src.match(reg);
 
alert(res[0]); // 'http://hogehoge.com/' と出る
alert(res[1]); // 'hogehoge.com'と出る
-->
</script>

これ面白そう

enchant.jsってあんまり詳しくないんですが、スマホ端末でヌルヌル動くのならやってみたいと思う今日この頃。

ゲームプログラミングをオンラインで学べる!「code.9leap.net」をやってみた | TechAcademyマガジン
http://techacademy.jp/magazine/876


[追記]
Twitterでenchant.jsについての参考URL教えてもらいました。(´ω` )

materialize.jp » ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【導入篇】 enchant.jsのダウンロードと開発準備
http://materialize.jp/art/html5/1537/

「トップへ戻る」ボタン設置

前々から付けようと思っていたけど付けてなかった「トップへ戻る」ボタン。

下記ページを参考にこのブログにも付けました。

jQueryでスクロールすると表示する系いろいろ | webOpixel
http://www.webopixel.net/javascript/538.html

昨今のブログではもはや標準装備されてる感がある「トップへ戻る」ボタンですが、個人的には[Ctrl]+[Home]の同時押しの方が早くて好きです。

ドラッグ&ドロップによるファイルアップロードができるjQueryプラグイン「Dropzone.js」

これはいつか試してみたいのでメモメモ。

紹介ページはこちら。
ドラッグ&ドロップによるクールなファイルアップロードを実現できる
「Dropzone.js」:phpspot開発日誌
http://phpspot.org/blog/archives/2013/01/dropzonejs.html

公式ページに直接飛ぶ場合はこちらから。
Dropzone.js
http://www.dropzonejs.com/

HTML5が出るまではファイルアップロードのおけるリッチなユーザーインターフェースはだいたいFlashに頼らざるを得ない感じだったことを思えば、HTML5とjQueryの功績はでかいなぁと思う今日この頃です。

SyntaxHighlighter 試してみた

ソースコードをキレイにハイライト表示することができるJSライブラリのSyntaxHighlighterを試しにテスト。

SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/

/////////////////////////////////////////
// 加算するだけの関数
/////////////////////////////////////////
// 引 数: $a : 加算する値1
// 引 数: $b : 加算する値2
// 戻り値:    : 加算された結果値
/////////////////////////////////////////
function sum($a,$b) {
  return $a + $b;
}

コード部分をダブルクリックすると、コード部分だけをまるごと選択できるようになってる。
なにこれ、ステキ。
コピペが捗る。

PowerTipが簡単でオシャレなツールチップつけれて便利

jQuery PowerTip
http://stevenbenner.github.com/jquery-powertip/

ツールチップで適当にググってたら発見。
せっかくなのでこのブログにも実装してみました。

PowerTip実装したイメージ

画像の上にマウスオーバーすると黒い角丸のツールチップが出るようになりました。

設置はCSSファイル1個とJSファイル1個読み込むようにして、JavaScript1行追加するだけ!
これはかなりお手軽!

JavaScriptのお手軽な日付入力スクリプト : Pikaday

これとか、フォーム作成時に便利そう。

Pikaday: JavaScript datepicker – David Bushell – Web Design & Front-end Development
http://dbushell.com/2012/10/09/pikaday-javascript-datepicker/

Pikaday

上記URLによると、

HTML5の日付入力フィールドは現状全てのブラウザで万全にサポートされているとは言えないので作った。
jQueryにも依存せず、容量も5kb以下。

って感じのことが書かれています。

フォームで日付入力を簡単にできそうなのでちょっとメモメモ。

Javascriptの参考に

Ajaxや動画サイトまたはgoogleMapなどで必須の技術となってるJavascriptですが、下記のサイトが初心者向けの解説サイトとしていいなと思ったのでメモがわりにリンク。
基本文法の解説は勿論、第3部移行はjQueryやHTAなど実践的な解説なんかもあって便利です。

マンガで分かる JavaScriptプログラミング講座

とりあえず遊(主人公)がダメ人間すぎる