softelメモ

【Javascript】正規表現でgフラグを付けても phpのpreg_match_all()のようなことができない

yoshimura — Sun, 05 Feb 2012 20:57:32 +0000

問題

これで、abc,def,ghi が取れないんだけど。

"123abc456def789ghi".match(/\d+([a-z]+)/g);

phpのpreg_match_all()などだと、マッチした文字列も、キャプチャした文字列も、どこかでまとめて取れるけど、Javascriptだと無理？

答え

まず、Javascriptの正規表現のmatch()はgフラグをつけているかどうかで戻り値が違う。

“123abc456def789ghi”.match(/\d+([a-z]+)/g);
→ “123abc”,”456def”,”789ghi”
　（1回目適用、2回目適用、3回目適用、……）

“123abc456def789ghi”.match(/\d+([a-z]+)/);
→ “123abc”,”abc”
　（1回目適用、キャプチャされたもの1、キャプチャされたもの2、キャプチャされたもの3、……）

String.match だとこれ以上どうしようもないので、

正規表現で “g” フラグを使用する場合、同じ文字列で成功するマッチを見つけるために exec メソッドを複数回使うことができます。

という RegExp.execを使ってみると、「次のマッチが始まる位置（lastIndex）」を確認しながら、ループする形になる。

var myRe=/\d+([a-z]+)/g;
var str = "123abc456def789ghi";
var myArray;
while ((myArray = myRe.exec(str)) != null) {
    var msg = myArray.shift() + " を見つけました。";
    msg += "キャプチャされたのは " + myArray + " です。";
    msg += "次のマッチは " + myRe.lastIndex + " からです。";
    alert(msg);
}

Javascriptでの上の例を見ると、phpのpreg_match_all()関数は、本来は上のようになるところを、めんどくさくないようにしてくれている便利機能なんだなと考えることができそうです。

補足

もっと簡単にabc,def,ghiを取るには、’123abc456def789ghi’全体にマッチする正規表現を作って、その中でabc,def,ghiをキャプチャできるようにする。

//キャプチャしたかったらこうなるか……もっとよい書き方がある？

"123abc456def789ghi".match(/\d+([a-z]+)\d+([a-z]+)\d+([a-z]+)/);

//→ キャプチャされるのは"abc","def","ghi"

//キャプチャ用パターンを繰り返したとき
//キャプチャされるのは繰り返しの最後でマッチした部分文字列なので

"123abc456def789ghi".match(/(\d+([a-z]+))+/g);

//→ 文字列全体がマッチするのは期待通りだが、キャプチャされるのは"789ghi","ghi"だけ

//置換などで何が何番目のキャプチャかわからないと「\何番目」と書くとき困るから仕方ないか

参考

https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/RegExp/exec

【windows】リモートデスクトップの接続数に+1（コンソール・セッション）

yoshimura — Sat, 04 Feb 2012 22:56:42 +0000

リモート・デスクトップ接続には、コンソール・セッションとリモート・セッションの2つがある。

リモートデスクトップでは通常はリモート・セッション。

%windir%\system32\mstsc.exe

コンソール・セッションは /admin を引数に追加してリモートデスクトップする。
（%windir%\system32\mstsc.exe /console の環境もあり）

%windir%\system32\mstsc.exe /admin

Windows Server 2003／Windows Server 2008 のリモートデスクトップでは2人までしか入れないかと思っていたら、リモート・セッションが2接続で、もうひとつコンソール・セッションの1接続が使えるとのこと。

リモート・セッションはそれぞれの接続が独立しているので、2人が接続してもそれぞれにそれぞれのデスクトップがある状態となる。

コンソール・セッションとは実機の実ログインに相当する。実機の前で作業していて、何らかの事情で離れたところから作業を継続するとき、逆に離れたところで作業をしていて、続きは実機の前でおこなう場合などに使える。

【Javascript】jQueryだけでタブ切り替えの例（また）

yoshimura — Fri, 03 Feb 2012 19:47:11 +0000

問題

jQueryだけで、タブっぽいの、たのむ。

解答例

jquery.ui や twitter bootstrap を使えば、美しいタブ切り替えをあっという間に作成可能です。

ただ、比較的よく検索にヒットしている以前書いたこれの内容が古いので、改めてjqueryだけでタブ切り替え風の動きをさせてみます。

出来合いのライブラリを使うと、うまくデザインを変更できなくて困っているときにもどうぞ。

改善点

タブが増えるとスクリプトも変更して増やす必要のある作戦を考え直す。
今は event.preventDefault()なんて使わなくていい。

ソースサンプル





jQueryだけでタブ切り替えサンプル 2





jQueryだけでタブ切り替えサンプル

	
		お知らせ
		ご利用方法
		利用規約
		お問い合わせ
		運営会社
	

	
		1つ目のタブの内容。
		1つ目のタブの内容。
	

	
		2つ目のタブの内容。
		2つ目のタブの内容。
	

	
		3つ目のタブの内容。
		3つ目のタブの内容。
	

	
		4つ目のタブの内容。
		4つ目のタブの内容。

デモ

お知らせ
ご利用方法
利用規約
お問い合わせ
運営会社

普通のタブ切り替えサンプルです。普通のタブ切り替えサンプルです。

順番や配置の位置関係には特にルールがありません。

タブの方にどのパネルを開くか書いてあるので、Javascriptはそれに従うだけです。

順番や配置の位置関係には特にルールがありません。

タブの方にどのパネルを開くか書いてあるので、Javascriptはそれに従うだけです。

タブの中にメール送信など変わったアクションが混ざっていても大丈夫です。

4つ目のタブのa要素は、mailto:でメールソフト起動のリンクになっていますが、それはそのように動きます。

デザインに関しても、ほぼ作成者の自由です。

タブ部分に角丸CSSを指定してみたりしました。

Javascriptでは、タブのa要素をクリックすると、関連するdiv要素を表示することをしているだけです。

CSSはいくら変えても大丈夫です。

【Javascript】文字列を末尾から1文字ずつ削りながらループする

yoshimura — Fri, 03 Feb 2012 09:36:12 +0000

問題

文字列を末尾から1文字ずつ削りながらループせよ。

解答例

文字列は、今見ているページのURLを使ってループしてみる。

for (var s = location.pathname; s != ''; s = s.slice(0, -1)) {
    alert(s);
}

実行してみたいときはこちらをクリック →

【wkhtmltopdf】ヘッダに「ページ数/総ページ数」を挿入する

yoshimura — Thu, 02 Feb 2012 09:16:53 +0000

問題

帳票印刷にwkhtmltopdfを使っています。

「何ページ中何ページ目」をヘッダに入れたいです。

答え

ページ数などすべてHTMLに書き込んでからコマンドに渡してもよいが、ずるずると続く文書がいったいどこで改ページされるのか不明な場合など、改ページの制御が難しい場合もある。

そこで、wkhtmltopdfにヘッダを生成してもらう例を書いておく。

ヘッダ挿入の機能の概要

コマンドオプション --header-html に指定したHTMLがヘッダに挿入される。フッタも --footer-html に指定できる。

その際、引数が渡されて、今何ページ目なのか、今何章目なのかなどが取得できる。

wkhtmltopdfはwebkitでHTMLをレンダリングするのだが、Javascriptを実行してその結果のHTMLをPDFにできてしまう。ヘッダのページ数などはJavascriptにお任せする。

下の一覧は渡してもらえる引数の一覧。

* [page] Replaced by the number of the pages currently being printed
* [frompage] Replaced by the number of the first page to be printed
* [topage] Replaced by the number of the last page to be printed
* [webpage] Replaced by the URL of the page being printed
* [section] Replaced by the name of the current section
* [subsection] Replaced by the name of the current subsection
* [date] Replaced by the current date in system local format
* [time] Replaced by the current time in system local format

ヘッダ用のHTMLを用意する

渡された引数を利用して、Javascriptでヘッダを生成する。ヘッダ用のHTMLを用意して、その中にJaavscriptを書く。

下は例。





	
		
		
		Page  of

以下のようなHTMLを用意してみる

わざと改ページを入れて複数ページになるようにした。



	
	example



	例の1ページ目




	例の2ページ目




	例の3ページ目




	例の4ページ目




	例の5ページ目

ヘッダ用HTMLをコマンドオプションに指定してwkhtmltopdfする

ここまでの材料を、それぞれ header.html や example.html などの名前で保存しておき、以下のコマンドを実行。

$ wkhtmltopdf --header-html header.html example.html example.pdf

（example.htmlをexample.pdfにする。ヘッダにheader.htmlを挿入する。）

出来上がり

実行結果PDF ダウンロード

【Windows】shell:コマンド

yoshimura — Wed, 01 Feb 2012 00:00:00 +0000

shellコマンドは、通常どこにあるのかよくわからない場所（お気に入り、右クリックの”送る”、クイック起動など）にすばやくアクセスするのにとても便利です。

ショートカットを作るときやコマンドラインから実行するときは、以下のように explorer.exe の引数にするとよいです。

explorer.exe shell:SendTo

ファイル名を指定して実行（Windowsキー+R）をするときは、以下のように、shell:コマンドのみでよいです。

Windows 7 のみ

shell:Libraries
shell:MusicLibrary
shell:VideosLibrary
shell:OtherUsersFolder
shell:Device Metadata Store
shell:PublicSuggestedLocations
shell:DocumentsLibrary
shell:User Pinned
shell:UsersLibrariesFolder
shell:PicturesLibrary
shell:ImplicitAppShortcuts
shell:Ringtones
shell:CommonRingtones

Windows Vista と Windows 7

shell:Common Programs
shell:GameTasks
shell:UserProfiles
shell:MyComputerFolder
shell:SyncSetupFolder
shell:DpapiKeys
shell:SamplePlaylists
shell:Favorites
shell:My Video
shell:SearchHomeFolder
shell:System
shell:CommonVideo
shell:SyncResultsFolder
shell:LocalizedResourcesDir
shell:Cookies
shell:Original Images
shell:CommonMusic
shell:My Pictures
shell:Cache
shell:Downloads
shell:CommonDownloads
shell:AppData
shell:SyncCenterFolder
shell:My Music
shell:ConflictFolder
shell:SavedGames
shell:InternetFolder
shell:Quick Launch
shell:SystemCertificates
shell:Contacts
shell:TreePropertiesFolder
shell:Profile
shell:Start Menu
shell:Common AppData
shell:PhotoAlbums
shell:ConnectionsFolder
shell:Administrative Tools
shell:PrintersFolder
shell:Default Gadgets
shell:ProgramFilesX86
shell:Searches
shell:Common Startup
shell:ControlPanelFolder
shell:SampleVideos
shell:SendTo
shell:ResourceDir
shell:ProgramFiles
shell:CredentialManager
shell:PrintHood
shell:MAPIFolder
shell:CD Burning
shell:AppUpdatesFolder
shell:Common Start Menu
shell:LocalAppDataLow
shell:Templates
shell:Gadgets
shell:Programs
shell:Recent
shell:SampleMusic
shell:Desktop
shell:CommonPictures
shell:RecycleBinFolder
shell:CryptoKeys
shell:Common Templates
shell:Startup
shell:Links
shell:OEM Links
shell:SamplePictures
shell:Common Desktop
shell:NetHood
shell:Games
shell:Common Administrative Tools
shell:NetworkPlacesFolder
shell:SystemX86
shell:History
shell:AddNewProgramsFolder
shell:Playlists
shell:ProgramFilesCommonX86
shell:PublicGameTasks
shell:ChangeRemoveProgramsFolder
shell:Public
shell:Common Documents
shell:CSCFolder
shell:Local AppData
shell:Windows
shell:UsersFilesFolder
shell:ProgramFilesCommon
shell:Fonts
shell:Personal

参考

http://www.osattack.com/windows-7/huge-list-of-windows-7-shell-commands/

【MySQL】 Got error 139 from storage engine → text, blobのカラムが多すぎ

yoshimura — Mon, 30 Jan 2012 23:59:48 +0000

問題

MySQLでSQLを実行したら、こんなエラーが返ってきた。

Got error 139 from storage engine

これは何？

答え

参考： InnoDBテーブル上の制約

VARCHAR、BLOB そして TEXT カラム以外の最大行長は、データベースページの半分よりも少し短いです。

これは、最大行長は約8000バイトであるという事です。

（中略）

InnoDB が行内の VARCHAR、BLOB、または TEXT カラムの最初の768バイトを格納し、残りは別のページに格納されます。

InnoDBの行サイズの上限はページサイズの約半分で、デフォルトでページサイズは16KBなので、デフォルトでは約8000バイト（変更したいときは再コンパイル）。

可変長カラム(VARBINARY, VARCHAR, BLOB, TEXT)のデータは行の外部に保存されるが、先頭の768バイトは行の内部に保存される。

そのため、ひとつのテーブルにTEXT型のカラムを10個作ると、運がよければ（他にカラムが少なければ）、1レコード8000バイトに収まることが多く、問題に気づかないこともある。

ひとつのテーブルに11個のTEXT型フィールドを作り、それぞれに768バイト以上のデータを入れようとすると、768*11=8448 > 8000 なので保存できない。

このときのエラーが

Got error 139 from storage engine

なお、InnoDBでなくてもよい場合では、テーブルをMyISAMに変換することで回避できる。

ALTER TABLE TABLE_NAME ENGINE=MyISAM;

データタイプが必要とする記憶容量によると、「MyISAM テーブル内の行の最大サイズは65,534バイトです。BLOB と TEXT カラムはそれぞれ、このサイズに対してたった5から9バイトを占めています。」ので、同様の問題が発生することはほぼない。

【teraterm】ダブルクリックするだけでサーバーにログインできるショートカットを作る

yoshimura — Mon, 30 Jan 2012 09:47:56 +0000

問題

なにげに、sshでサーバーにログインする手間って、大きいんだけど、簡単にならない？

サーバー選んで、場合によってはポートを指定して、パスワード入力したり、鍵ファイル指定したり……

答え

teratermでは、コマンドオプションにひととおり指定ができるので、起動するだけでサーバーにSSHで接続するショートカットを作ることができる。

コマンドラインオプションの説明にしたがって、
以下のような形で、ホストもパスワードも特別に設定したポートも鍵ファイルも持たせておくことができる。

C:\teraterm\ttermpro.exe 192.168.123.123:23456 /auth=password /user=testuser /passwd=testpass
C:\teraterm\ttermpro.exe testuser@192.168.123.123 /auth=publickey /user=testuser /keyfile=pathofkeyfile
C:\teraterm\ttermpro.exe testuser@192.168.123.123 /auth=publickey /user=testuser /keyfile=pathofkeyfile /ask4passwd

ダブルクリックするだけでログインできるので、操作が楽。

あまり変なところにパスワードを保存するべきではないので、社内だけで使う開発環境など、限られた状況で利用するのがよい。

祝日のリストが欲しい

yoshimura — Sun, 29 Jan 2012 23:39:43 +0000

問題

日本の祝日のリストが欲しい。

Googleカレンダーなんかでは表示してるよね。配ってないの？

答え

配ってる。iCalendar形式で配ってる。

↑Googleカレンダーで、日本の祝日を自分のカレンダーに追加して、詳細画面を見るとよい。

カレンダーデータの方は一般公開されており、ログインしていなくても取得できる。URLは下記のとおり。

https://www.google.com/calendar/ical/ja.japanese%23holiday%40group.v.calendar.google.com/public/basic.ics

iCalendarって？

カレンダー、スケジュールを表現できるデータで、仕様はRFC5545で規定されている。（仕様が膨大で、全部読むのは大変。日本語での概要はこちら。）

カレンダー系のアプリ、システムは、iCalendar形式のデータに対応していることが多い。iCalendar形式のデータは多数存在し、iCalendar形式のデータに対応しているソフトも多数存在する。

例） Windowsメールなどのメールソフト付属のカレンダー機能、Googleカレンダー、iPhoneのカレンダーアプリなど

iCalendar形式を取り扱えるphpライブラリ

では、私たちもその仕様に乗りましょう。phpのライブラリあります。

iCalendarの取り扱いが難しかったら、GoogleはもっとシンプルなXML形式でもカレンダーデータを公開しているので、そちらもおすすめ。

日本の祝日（XML）

他にも、iCalendar形式ではなかったりすることもあるが、他国の祝日、野球、サッカーの試合の日程、満月・新月・半月等の情報など、探すとおもしろそうなものがたくさん出てくる。

【正規表現】ある文字が2回連続している文字列にマッチする正規表現

yoshimura — Sun, 29 Jan 2012 07:26:38 +0000

問題

ある文字が2回連続している文字列にマッチする正規表現は？

apple → ○
orange → ×
success → ○
test-test → ×
www.softel.co.jp → ○
Oops → ×

答え

後方参照を使う。

「ある文字」をキャプチャして、「その文字がもう1回現れた」を表す。

ある文字は「.」、キャプチャするには括弧「()」で囲み、キャプチャした文字列は「バックスラッシュ+何個目のキャプチャかを示す数字」と書く。

(.)\1

デモ

文字を入力してボタンをクリックすると、alertで結果をお知らせします。

/(.)\1/.test()

応用

同じ要領で、ある文字が3文字続いた場合などを検出できる。

/(.)\1\1/.test()

「あるフレーズが続けて2回繰り返されているかどうか」もこのとおり。

/(.+)\1/.test()