floatingdays

Titanium Mobileについて参考になるサイトのリンク集

2012-01-24T21:21:00.001+09:00

Titaniumを使ってiPhoneアプリとかAndroidアプリとかをJavaScriptで作るための参考サイトのメモ。

まず初めに

Windows XPに Titanium Studioをインストール

ただし、Windowsなら環境を作るのが楽なWindows7で開発した方がいいと思う

連載：Titanium Mobileで作る！ iPhone／Androidアプリ｜gihyo.jp … 技術評論社

雰囲気をつかむ

APIリファレンス（マニュアル）

Appcelerator Titanium MobileではじめるJavaScriptによるiPhone/Androidアプリケーション開発

スクリーンショット付きで分かりやすい
基本的にiPhone向けなので、Androidアプリの場合はそれを差し引いて読む

Titanium Mobile API Documents

masuidriveさんによる準公式リファレンス（英語）
本家のより使いやすい

一歩進んで

Titanium Mobileに神の火を！ - Prometheus.js

「もう少しだけ手軽にTitamium Mobileを使えるように、Titaniumをラップするライブラリ」

Titanium Mobileで特定のURLをブラウザで開くだけの Androidアプリを作成する方法

まあ大抵の場合はWebで作った方が楽なのよね

そしていよいよ！

Titanium Studioで作ったアプリを Android Marketに登録する手順

Linuxで外部からアクセス可能なサービス（デーモン）を調べる方法

2012-01-18T21:34:00.001+09:00

メモ。

Runレベルごとの起動状況を調べ、ファイアウォールも調べ、使われているポートを調べる。ポートを使っているのがxinetdならそれを使ってる本体も調べる。

現在のRunレベルを表示

/sbin/runlevel
結果の右側が現在のRunレベル
参考：起動設定・ランレベルの設定

Runレベルごとのデーモンの起動有無をリスト表示

chkconfig --list
or
/sbin/chkconfig --list

ファイアウォール設定を表示

/sbin/iptables -L

空いているポートとそれを使っているプログラムを表示

netstat -lanput
参考：netstatでポートを空けているプログラムを知る - よくきたはてダ

xinetdを使っているプログラムを調べる

/etc/xineted.conf および /etc/xineted.d/ 内の設定ファイルを見る
参考：xinetd の設定

2011年を振り返って

2011-12-25T21:38:00.001+09:00

2011年も残りあとわずか。このブログに投稿した内容を振り返ってみて、今年気になったキーワードのベスト5と、それに関連する投稿を挙げてみる。

5. Android

今年は予想されていたとおり、スマホ元年になった。そしてアメリカの状況を追うように、日本でもAndroidがiPhoneを上回りシェアを伸ばしている。
”Yahoo!”や”IE”を使っていた人たちがスマホを使うようになってきた、これは個人向けのサービスだけでなく企業向けのシステムをも飲み込んでいくのだろう。
タブレットも含めたスマホ以外へのAndroidの展開については、まだなんとも言えないけれど。（むしろこちらが来たら革命的に状況が変わるかも。）

スマートフォンのGeolocation API 調査メモ

4. Amazon EC2

今年は満を持してAWSのデータセンターが日本に上陸した。もともとシンガポールでもそんなに問題はなかった（アメリカは体感できるくらい遅かった）けど、やはり東京にあるに越したことはない。
その他にもAWSは立て続けに機能が追加されている。個人的にはAmazon Linux AMIの登場が良かった。CentOSよりyumでインストールできるパッケージのバージョンが新しいし。
以前は「突然落ちる！」という話が蔓延して大丈夫かなと思ってたけど、実際に使ってみて大丈夫な部分もそうでない部分も分かってきた。
来年は色んな環境をEC2へ移行していこうかなと夢想中。

3. jQuery UI

これは今年登場したわけではないけど、個人的に今年から本格的に使い始めたのでランクイン。
いわゆる”デザイン”ができない自分にとって、jQuery UIはまさに福音だった。classを指定するだけで簡単にそれらしいサイトができあがるし、その上バラエティに富んだテーマを選ぶことができる。企業向けのWebアプリならこれで充分でしょう。
はやくGridがリリースされないかな。

jQuery UI Tabsでタブのリンクを静的リンクにする方法
（去年書いたのだけど）jQuery UIの Datepickerで日本語のカレンダーを表示する方法

2. jQuery Mobile

そしてjQuery UIの弟分ながら既に兄貴とは比べものにならないくらいメジャーになり、（自分の中では）デファクトスタンダードにまでなっているjQeury Mobile。
jQuery UIのCSS Frameworkで実装されたclassさえ指定しておけばよいというやり方をさらに進化させ、data-*属性により動きまで指定するというやり方は黒魔術的だが、覚えてしまえば手軽に使うには便利。Ajax（実際にはHijax）による遷移も含めて、もうMobileだけじゃなくてPC向けにも取り入れればいいんじゃないかと思う。
とここまで書いて気づいたが、このブログではまともにjQuery Mobileについて書いたことがなかった。マニュアルを見れば他に調べる必要もないからか。

JavaScriptフレームワーク/ライブラリの CDNいろいろ

1. Titanium Mobile

1位に輝いたのはTitanium。チタニウムではなくタイタニウム。日本ではチタンに引っ張られてチタニウムと読みたくなるが、それでもどうしてもタイタニウム。
まだ発展途上の感は強いが、JavaScriptで、AndroidとiPhoneの両方のアプリが作れるというのは便利。
フォーラム等で回答をしたり見やすいAPI Documentも作ってくれたmasuidriveさんの活躍に負うところも大きいと思う。参考情報（日本語ならなお良し）の探しやすさは往々にしてソフトウェアがブレイクするかどうかにおいて、ソフトウェアの出来よりも影響が大きかったりする。来年も期待してます。

こうして見ると、やっぱりスマホの年だったと実感する。あとはJavaScriptか。
でも、ここでは出てこなかったけど、なんだかんだで個人的には今年もPHPが中心だったなあ。でもPHPは身近過ぎて、「今年」気になったキーワードという感覚にはならないんだよなあ。

Windowsで gitを使うための参考サイト

2011-12-14T21:43:00.001+09:00

ダウンロード

UTF-8ファイル名対応版 Git for Windows

Git for Windows（msysgit）を日本語のファイル名を扱えるように改良したもの
ディレクトリ（フォルダ）も日本語OK
Shift_JISで2バイト目がバックスラッシュに該当するような文字（漢字の「十」等）も問題なし
TortoiseGitでログを表示すると文字化けするのが玉にキズ

Downloads - tortoisegit - Porting TortoiseSVN to TortoiseGIT - Google Project Hosting

インストール

Windowsにgit (TortoiseGit 1.6.5) を導入 - itouhiroメモ

使い方の例

リポジトリをApacheを使ってWebDAV経由でアクセス可能にする方法

[Tool][Git] WebDAVでアクセスできるGitリポジトリの作成手順 - うなの日記

Google Calendar Header and Navigation Switcherを最新のGoogleカレンダーに対応

2011-11-29T21:40:00.003+09:00

FirefoxのGreasemonkeyで、Googleカレンダーのサイドバーと上部コントロールを非表示にしてカレンダー部分を広くできる便利な「Google Calendar Header and Navigation Switcher」というのがあるが、これがGoogle+風の新しいGoogleカレンダーのデザインだと機能しない。

Userscripts.orgにこれの解決策が書いてあった。

Broken with new look - Userscripts.org

Fixed it. Change line 88 to: var head = new DisplaySwitcher("head", "#vr-proto-header,#topBar,#cornerBookmarks,#gbar,#gbarl,#guser,#ft+.s,.gbh", (#vr-proto-header is the new header) and add after line 45 (or pretty much anywhere inside DisplaySwitcher.prototype.toggle declaration) the following line: if (this.id=="navi") { document.getElementById("mainbody").style.marginLeft = hide ? "0px" : "210px"; } (to fix the white space that the hidden sidebar leaves)

要約すると、

88行目で指定する隠す対象の指定（後述）を変更する
45行目あたりに、下記のif文を追加する（サイドバーを非表示にした時に空白のスペースが残るのを防ぐため）
if (this.id=="navi") { document.getElementById("mainbody").style.marginLeft = hide ? "0px" : "210px"; }

88行目で指定する、隠す要素の指定についてはいろんな意見が出てる。

#vr-proto-header,#topBar,#cornerBookmarks,#gbar,#gbarl,#guser,#ft+.s,.gbh
#onegoogbar,#vr-proto-header,#vr-proto-nav,#topBar,#cornerBookmarks,#gbar,#gbarl,#guser,#ft+.s,.gbh
#onegoogbar,#vr-proto-header,#vr-nav,#vr-header,#vr-proto-nav,#topBar,#cornerBookmarks,#gbar,#gbarl,#guser,#ft+.s,.gbh

3番目のahbiさんのやつが一番指定要素が多いので一番シンプルになる。

ただ、自分の場合はアカウントの切り替えができるOne Google Barは残したいので、88行目を下記のようにした。

var head = new DisplaySwitcher("head", "#vr-proto-header,#vr-header,#vr-proto-nav,#topBar,#cornerBookmarks,#gbar,#gbarl,#guser,#ft+.s,.gbh",
refleshCal);

うん、快適。

Google App Engineでデータを一括で削除する方法

2011-11-17T22:21:00.001+09:00

Google App EngineがPreview版を卒業して正式版になったのに伴ない、2011/11/7から価格体系が変わり無料で使えるQuotaが減った。
特に、データ書き込み（Datastore Write Operations）がすぐに制限に達してしまう。

そんなにデータ登録してないけどな？と思って調べてみると、Datastore Write Operationsには登録・更新だけでなく削除も含まれるようだ。
過去データの削除をcronで動かしていたのが全てカウントされている。
そこで、過去データ削除のcronをコメントアウトすると、Datastore Write Operationsが大幅に減った。

残る問題は過去データの削除をどうするか？
調べてみると、Google App Engineの管理画面からDatastore Adminという機能を使えば削除できるらしい。

さっそくDatastore Adminを使ってみる。デフォルトでは無効になっているので、Enabledする。
すると...真っ白な画面が表示された。
調べてみても有効な情報がない。
・
・
・
1日経って気付いた。Googleのマルチアカウントが（例によって）悪さをしている？
いったんSign Outして再ログインしたら無事に表示された。

さっそく削除してみる。~~Entity~~ Kind（テーブル）ごとの削除になる。（条件を指定して削除できれば完璧なのだが。）
実行すると、Datastore Write Operationsが制限に達して真っ赤になってしまった。Datastore Adminから削除しても、Quotaに含まれるらしい。
仕方ないのでQuotaがリセットされるのを待つ。
・
・
・
リセットされてからしばらく後で見てみると、無事に~~Entity~~ Kindの削除が終わっていた。Datastore Write OperationsのQuotaの大部分を使ってしまっていたが、明日またリセットされればそれ以降は問題ない。
しばらくこの手でやりくりしてみるか。

Windows 7で Poderosaの接続履歴が保存されない問題

2011-11-16T22:37:00.001+09:00

Windows7でPoderosaを使い始めたが、なぜか接続の履歴が保存されないので、毎回ユーザー名や鍵ファイルを指定しなければならないのが面倒。
そして試してみたら接続の履歴だけでなく、あらゆる設定が保存されていないことが判明。

対策は、Poderosaを起動する時に管理者として実行すること。

管理者として実行したら、接続の履歴も設定も保存される。
毎回管理者として実行するのは面倒なので、新しい接続設定を残したい場合や、その他の設定を変えたい場合のみやれば良いと思う。

あるいは、インストールする時にProgram Filesじゃないとこに入れればよかったのかもね。

PDOでテーブルの列名を全て取得する方法

2011-11-14T07:50:00.001+09:00

テーブルの列名を取得するには、MySQLならDESCRIBEで簡単にできるが、PostgreSQLだとpg_attributeカタログから取得しないといけないらしい。

でもPDOを使えばMySQLでもPostgreSQLでも取得できた。

$pdo = new PDO("$driver:dbname=$db", $user, $password);
$pdoStatement = $pdo->query("SELECT * FROM $table_name LIMIT 0");

$columns = array();

for ($i = 0; $i < $pdoStatement->columnCount(); $i++) {
$meta = $pdoStatement->getColumnMeta($i);
$columns[] = $meta['name'];
}

var_dump($columns);

もしテーブルに1行以上データがあることが保証されているなら普通に1行SELECTして連想配列の列名見れば済む話だが、データなしでも動くようにしたらこうなった。

ただし、PDOStatement->getColumnMeta()のマニュアルを見ると、

この関数は、 実験的 なものです。この関数の動作・名前・その他ドキュメントに書かれている事項は、予告なく、将来的な PHP のリリースにおいて変更される可能性があります。この関数は自己責任で使用してください。

PDO ドライバの全てが PDOStatement::getColumnMeta(). をサポートしているわけではありません。

と書いてあり、PHPやDBのバージョンによっては上手く動かないかもしれないが、とりあえず手元の環境では動いた。

これでPHPでO/R Mapperを作りたい人も安心だ。

Titanium Studioで作ったアプリを Android Marketに登録する手順

2011-11-07T08:42:00.001+09:00

Titanium Stuidoで作ったAndroidアプリをMarketに登録できる証明書付きapkファイルにする手順は下記の通り。

JDKのbinフォルダ内にあるkeytool.exeを使って、keystoreを作成する
（作成時に入力するAliasとパスワードを覚えておくこと。）
参考：keytoolコマンドで公開するandroidアプリに署名するための証明書（鍵）を生成する
Titanium StudioのProject Explorerで該当のプロジェクトを右クリックする
（Procejt ExploerはTitanium Studioの左側に表示されているView。表示されていない場合はメニューの「Window」→「Show View」から表示できる。）
表示されたコンテキストメニューから「Deploy」→「Distribute - Android」を選択する
テキストボックスに必要事項を入力してFinish
※Distribution Location（apkファイルの作成場所）のパスに半角スペースを含むとエラーになるので注意。
慌てずにしばらく待つ（少し時間がかかる）
4で指定したフォルダにapkファイルが作られる

参考：295 デプロイと配布 - Training Lab Tutorials - Appcelerator Wiki

Android Marketに登録するには、最初にGoogle Checkoutで25ドル支払う必要がある。

また、Marketに登録する際にはスクリーンショット等の画像をアップロードできる。
参考：

Titanium Mobileで特定のURLをブラウザで開くだけの Androidアプリを作成する方法

2011-11-06T15:50:00.001+09:00

app.jsを下記の2行にする。（URLは起動したいURLにする。）

Ti.Platform.openURL("http://www.google.co.jp/"); // Googleの場合
Ti.Android.currentActivity.finish(); // ブラウザを起動したらアプリ本体は終了させる

Resources/androidにある下記の画像ファイルを適切な画像ファイルに置き換える。

appicon.png （アプリの起動アイコン）
default.png （起動時に表示されるスプラッシュ画像）

Seasar2入門の参考サイトとプロダクト選択のメモ

2011-11-02T22:11:00.001+09:00

久しぶりにJava村に帰ってきた浦島さんの玉手箱メモ。

まずは概要を把握。

Seasar2 入門

Seasar2によるDI、AOP、その他についての分かりやすいシンプルな解説

Java初心者が超俊敏にWebアプリを作る方法

Seasar2のEclipseプラグインであるDoltengとSAStruts、S2JDBCについての解説

Seasar2 - Seasar2

本家
初心者には見辛い

一口にSeasar2と言ってもたくさんプロダクトがあるので、Webアプリを作る場合にどのプロダクトを使うべきか調査。

MVCは、S2Struts or SAStruts or Teedaのどれがいい？

S2StrutsかSAStrutsだとどっち？

SAStrutsかS2Strutsか - ひがやすを blog
既にS2Strutsで開発している案件の追加開発ならS2Struts。
JDK1.4をつかうならS2Struts。
それ以外は、SAStruts。

SAStrutsとTeedaでは？

Teeda

TeedaはJSFの実装
Teeda Extensionを使えばHTMLをテンプレートにできる

「Seasarの問題点など」にそろそろ一言いっておくか - ひがやすを blog
ただ、無責任に何でも自由というのは良くないので、SAStrutsとS2JDBCの組み合わせが、もっとも無難だというメッセージを出しているわけです。
SAStrutsとS2JDBCを作ったわけ - ひがやすを blog
TeedaとS2Daoは、基本的に規約ベースのフレームワークです。規約を知っていれば、本当にさくさく開発できます。でも、規約ベースなので、規約を知らないと、何にもできなくなっちゃう。この辺が、大規模開発には向かないところ。

SAStrutsとS2JDBCは、大規模案件にも耐えられるように最初から設計されています。
感想：チームでの開発や今後のメンテを考えると、参考情報も経験者も多いStrutsの名前を冠するSAStrutsに比べてTeedaは学習コストがかかりそう

結論：SAStrutsが無難

S2JDBC or S2Daoのどっちを使う？

HibernateとS2DaoとS2JDBCの考え方 - ひがやすを blogより引用

S2Daoについて
S2DaoはSQLを中心に考えます。とはいえ、すべてのSQLを開発者が書くのは効率が悪いので、挿入、更新、削除は、S2DaoがSQLを自動生成しますが、検索は、開発者にSQLを書いてもらいます。

デメリットは、SQLを書くのが面倒なことです。また、検索の結果セットごとにDTOを作らなければいけないので、DTOが増える傾向があります。

Webのフレームワークとの組みあわせでいくと、Teeda Extensionは、S2Dao(DTO)と相性が良いように設計されているので、Teedaを使う場合は、S2Daoが良いと思います。
S2JDBCについて
S2JDBCは、エンティティ(Java)とテーブル(データベース)は、同一のモデルだとみなしています。また、複雑なSQL以外は、すべて自動生成します。

デメリットは、エンティティの設計が、テーブルに引きずられ、完全にドメインをあらわしたものにならないこと。

感想

S2DaoはINSERT/UPDATE/DELETEのSQL自動生成と、手作りしたSQLの実行をしてくれるみたい
S2JDBCはDAOではなくApache CommonsのDbUtilsのようなSQLビルダー？

結論：TeedaでないならS2JDBCで

久しぶりにJavaの世界に帰ってきたら、昔使ってたStruts1.3（1.x系は1.3で止まってるとは意外）のラッパーであるSAStrutsと、同じく昔使ってたJakarta Commons（現在は昇格してApache Commons）のDbUtilsに似たS2JDBCが最前線だなんて、奇遇と言うか、あるいは必然なのかな。

Windows XPに Titanium Studioをインストール

2011-10-17T22:20:00.001+09:00

開発構築にリトライしたメモ。
インストールからKitchen Sinkを動かすまで。
Titanium StudioもAndroid SDKも重いので、なるべくパワーのあるPCでやった方がよい。

まずはインストール

Java SE Downloadsから、Java SE 6の最新版をダウンロードしてインストール

7だとダメらしい
インストール時には、pathにスペースを含まないようにする？

Windowsの環境変数「PATH」にbinフォルダのpathを追加

環境変数「JAVA_HOME」を登録し、PATHには"%JAVA_HOME%\bin"の形で登録しておくと、JDKのバージョンが変わった時の変更が楽になるし分かりやすい

Android SDK

Android SDK | Android Developersから、最新版をダウンロードしてインストール

インストール時には、pathにスペースを含まないようにする

スペースを含むとTitanium StudioからAndroidのエミュレータが起動できない
参考：Titanium Studio Android Emulator | Ami Kitchen

SDK Managerを起動（通常は自動で立ち上がるらしい）
必要なパッケージをインストール

SDK Platform Android 2.1は必須

これが無いとTitanium StudioがAndroid SDKを認識しないらしい

Google APIs by Google Incも必要

これが無いとエミュレータがうまく動かない

かなり時間がかかる
迷うなら全部入れておけば無難（ただし時間はかかる）

platform-toolsフォルダ内のadb.exeを、toolsフォルダにコピー

以前はtoolsフォルダにあり、Titanium Studioがそれに合わせた動きをするため

Windowsの環境変数「PATH」にplatform-toolsフォルダとtoolsフォルダのpathを追加

JAVA_HOMEと同様に、ANDROID_SDKとか環境変数として登録すると良いでしょう

Titanium Studio

Sign Upしてアカウントを作成
Resourcesからダウンロードしてインストール
インストール時には、pathにスペースを含まないようにする？
WinでTitanium Studio - はこもあいして！を参考にして、builder.pyを書き換える

動作確認

Titanium Studioを起動

Work Spaceの場所を訊かれる。スペースを含まないpathを指定する（？）
Titanium（appcelerator）のアカウントを訊かれるので入力
Firewallが警告を出してきたら許可
Gitが無いと言ってきたら、「Use PortableGit」をクリック？

Mobileのプロジェクトを作成

Android SDKのフォルダを指定する
Application IDには"."（ドット）を含ませること

参考：Titanium Mobileセミナーに行ってきたのでそのメモ - I’m hungry

実行

実行前にadb.exeが実行されていたら、タスクマネージャからプロセスを終了（？）
プロジェクトをRun
Firewallが警告を出してきたら許可

「I am Window 1」が表示されればOK！

「[TRACE] adb devices returned 0 devices/emulators」が続いてタイムアウトしたら、タスクマネージャから「adb.exe」のプロセスを終了させてから再実行する

KitchenSinkを動かす

Titanium Studioの左下の「Samples」からKitchen Sinkのプロジェクトをimport

参考：Titanium Studioで最新のKitchen Sinkをインポート - kaz_konno’ blog: walkthisway

Android SDKのバージョンはGoogle APIs Android 2.x(.x)にする

AndroidのSDK ManagerのEmulator（AVD）とTitanium Studioの方のAndroid APIの設定の両方を変える必要あり？

Titanium Studioの方のAndroid APIの設定は、メニューの「Run」のな間の「Run Configurations」から設定する

普通のAndroid 2.x(.x)ではアプリが起動しない
参考：開発環境をつくるべし！ - Titanium StudioではじめるAndroidアプリ開発

プロジェクトをRun

buildにかなり時間がかかるので辛抱強く待つ

Controls等のタブと、Slider・Switch・Activity Indicator・・・というメニューが表示されたらOK！

さあ始めよう

いよいよ自分でアプリを作ってみる
とりあえず、下記のあたりを参考にする

連載：Titanium Mobileで作る！ iPhone／Androidアプリ｜gihyo.jp … 技術評論社

サンプルアプリの作り方の例。まずは雰囲気をつかむ

toc - titanium-mobile-doc-ja（中略）Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト - Google Project Hosting

Window、Viewやコントロールなどの各パーツについてのサンプルコードと画面イメージ。必読！

Titanium Mobile 1.6.0 API Documents

ちょっとバージョンが古いが使いやすい非公式リファレンス
Appceleratorに就職した増井さんが作ったみたい

参考

スマートフォンのGeolocation API 調査メモ

2011-10-06T22:18:00.001+09:00

AndroidやiPhone（そして実はPCでも）のブラウザで位置情報を取得するGeolocation APIについての調査メモ。

位置情報サービスのはじめ方：第3回　位置情報を取得してみよう（後編）｜gihyo.jp … 技術評論社

Geolocation APIについて
GearsによるGeolocation APIについて

Geolocation API－HTML5のAPI、および、関連仕様

詳しい解説
位置情報は「GPS、携帯電話基地局、無線LAN、IPアドレス」などから取得するとのこと

Apple iPhone（アイフォン）で正確な地理的座標位置を取得するメソッドの比較。／Googel Maps API v3 Geolocation　 | WordPressにGoogle Maps API V3！ブログ素人のホームページの作成メモ

getCurrentPosition()では正確な位置を取得できないので、~~getCurrentPosition()~~ watchPosition()を使った方が良いとのこと

make a record of…: JavaScriptで位置情報を取得する

Androidではデフォルトの設定（？）では位置情報を取得できない

ここには書いてないが、ブラウザの設定で位置情報をOffにされていている場合（デフォルトはOn？）もダメ
また、GPSはOnにしなくても位置情報は取得できる

Androidでもgearsを使う必要はない

Androidではgoogle.gearsを使うという説明が多いけど、手元のAndroid（2.3.3）の標準ブラウザではiPhoneと同様にnavigator.geolocationでGeolocation APIが使えた。
（逆にgoogle.gearsを使おうとするとエラーになった。）

（2011/10/21 追記）

GeolocationAPI使ってみた - bangdiary

getCurrentPosition()とwatchPosition()の第3引数ではオプションを指定できる

geolocationでの位置情報取得 - teguのTech Blog

位置情報取得時にCallbackに渡されるオブジェクトには、位置の精度の情報も含まれている
iPhoneでは精度が悪いので、watchPosition()を使った方がよい
watchPosition()で精度をチェックしてリトライするには自分でタイムアウトを制御しなくちゃいけないのでちょっと面倒

Geolocation API Specification

W3Cの仕様（英語）

MySQLの dumpと restore

2011-10-03T08:27:00.001+09:00

文字コード設定がされていないサーバからダンプする時に文字化けすることの対策のメモ。

dump

mysqldump -u user_name -p --compact --default-character-set=binary db_name > dump.sql

restore
DB（Schema）を作ってから、

sed 's/latin1/utf8/g' dump.sql > dump_utf8.sql
mysql -u user_name -p db_name < dump_utf8.sql

バイナリで出して文字コードの記述を置換してから取り込む。

参考

preg_match()の$は末尾に改行があってもマッチする

2011-09-30T08:23:00.001+09:00

$は最後に改行があってもマッチする。（ただし、マッチした結果には改行は含まれない。）

preg_match('/^aaa$/', "aaa\n", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
"aaa"

$の代わりに"\z"（バックスラッシュ+小文字のz）にすれば、改行があるとマッチしない。

preg_match('/^aaa\z/', "aaa\n", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
""

Zが大文字だと$と同様に改行があってもマッチするので注意。

preg_match('/^aaa\Z/', "aaa\n", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
"aaa"

$は改行の後ろに何かあればマッチしない。

preg_match('/^aaa$/', "aaa\n ", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
""

例えそれが改行でも。

preg_match('/^aaa$/', "aaa\n\n", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
""

マッチした結果に改行まで含ませるとこうなる。

preg_match('/^aaa\n\z/', "aaa\n", $match);
echo '<pre>"', $match[0], '"</pre>';
↓
"aaa
"

参考

PHPExcelで PDFが文字化けする問題の解決方法

2011-09-29T22:12:00.001+09:00

PHPExcelではExcelの他にPDFも出力できる。

$writer = PHPExcel_IOFactory::createWriter($xls, "PDF");
$writer->save($path);

しかし、これだとPDFで日本語を出力しようとすると文字化けする。

文字化けを回避するには、フォントをセットする必要がある。

$writer = PHPExcel_IOFactory::createWriter($xls, "PDF");
$writer->SetFont('arialunicid0-japanese');
$writer->save($path);

これができるようになったのはわりと最近のようだ。（参考：PHPExcel - phpexcel - View Issue #11919: Can't set font on writing PDF）

ただし環境によってはこれでも見られないらしい。（参考：PHPExcel の PDF出力で日本語文字化け2 携帯ビューア - PC・通信メモ）

また、PHPExcelで作るPDFはExcelとして出力した場合と比べていろいろ違う（罫線とか数値フォーマットとか横幅とか）ので、綺麗に出すにはPDF用にいろいろ工夫しないといけないようだ。

参考

JavaScriptフレームワーク/ライブラリの CDNいろいろ

2011-09-28T06:12:00.001+09:00

prototype.jsとかは、もういいや。

プロダクト別CDN

jQuery

jQuery UI

jQuery Mobile

YUI 3

YUI 2

Modernizr （yepnope.jsを含む）

CDNごとの特徴

Google Libraries API

HTTPS可
マイナーバージョン（もしくはリビジョン番号）を省略すると、指定したメジャーバージョン（もしくはマイナーバージョン）内で最新のファイルをロードする
他にもprototype.jsやDojo、Ext core等メジャーなJavaScriptフレームワークがいくつかある

Microsoft Ajax Content Delivery Network

HTTPS可
他にもメジャーなjQuery Pluginがいくつかある

jQuery CDN （jQuery CDN、jQuery CDN （jQeury Mobile））

HTTPS不可

YUI （YUI Configurator、YUI 2: Dependency Configurator）

HTTPS不可
複数のファイルを結合して1ファイルとしてロードできる

cdnjs.com

HTTPS可
最新バージョンの適用タイミングは遅いかも？

結論

Google Libraries APIが使えれば使う。
jQuery MobileとModernizrはMicrosoft Ajax Content Delivery Networkを使う。

おまけ
以下のCDNは更新されていないようだ。

画面をキャプチャするブラウザのプラグインいろいろ

2011-09-15T15:43:00.001+09:00

ブラウザで表示している画面のスクリーンショットを撮るプラグインのメモ。

IE （ツールバー）

キャプチャーイット！ツールバー

画像形式はJPEGのみ
スクロールするようなページでのページ全体のキャプチャが遅い

Firefox （アドオン）

Pearl Crescent Page Saver

スクロールするようなページでのページ全体のキャプチャが速い（画面をスクロールせずにキャプチャする）

Google Chrome （Extension）

Screen Capture

Google製
英語版のみ

Webpage Screenshot

いずれも、Flashの領域もキャプチャできたし、画面全体をスクロールしてキャプチャする機能もあった。

画像形式は「キャプチャーイット！ツールバー」はJPEG、それ以外はJPEGかPNGから選べる。

Google Chromeの2つは、キャプチャ直後に新しいタブが開き、そこでキャプチャした画像の編集ができる。そのまま1クリックで印刷もできるので、画面イメージを印刷する用途には便利。
でも逆に、ファイルとしてどんどん溜めていきたい場合には毎回タブで開くより「キャプチャーイット！ツールバー」のように黙々とフォルダに画像ファイルを保存して行ってくれた方が便利かも。（「Screen Capture」の方は、設定でそうすることもできる。）

Chromeの「Screen Capture」以外は日本語化されていた。

ブラウザのプラグインではないけど、JTrimは画面キャプチャから画像の加工までできて便利。

IEのバージョンと互換モードによる @_jscript_versionの値の違い

2011-09-09T14:54:00.001+09:00

IEのJavaScript（正確にはJScript）でのみ使える、「条件付きコンパイル変数」の1つであるJScriptのバージョンを表す@_jscript_versionについて、IEの各バージョン、各モードでどんな値になるか調べたのでメモ。

IE10 PP2

通常モード：10
互換モード：10

IE5～10の全ての"Force IExx Document Mode"で試したが、全て10だった

通常モード：9
互換モード：9

開発者ツールでブラウザーモード、ドキュメントモードを変えても、全て9だった

通常モード：5.8
互換モード：5.8

開発者ツールでブラウザーモード、ドキュメントモードを変えても、全て5.8だった

5.7らしい（未検証）

WinXP SP3以降：5.7
WinXP SP2以前：5.6らしい（未検証）

@_jscript_versionは互換モードかどうかに関係なく、JScriptのバージョンになる。

参考

条件付きコメント - Wikipedia
JScript のバージョン情報（Microsoft公式情報）

Google Maps APIを使うための参考サイトまとめ

2011-09-05T21:55:00.001+09:00

だいぶ前にもまとめた（もう一歩踏み込んでGoogle Maps APIを使いこなすための12の参考サイト）が、古くなってきたのでもう一度まとめてみる。

公式リファレンス

ホームページ
　Google Maps Javascript API V3 Basics
APIリファレンス　☆必須☆
　Google Maps Javascript API V3 Reference

最新情報

公式のGoogle Maps API更新情報
　Google Maps JS API v3 Notify
公式ブログ
　Google Lat Long Blog

Google Maps APIだけでなく、Google Maps本体やGoogle Earthも含めたGoogleの地図関連全てについてのブログ

Google Maps APIについての最新情報を得られる勝又さんのブログ（日本語）　☆お薦め☆
　Oooooops! Goooogle Maps

ライブラリ

準公式ライブラリ群　☆お薦め☆
　google-maps-utility-library-v3

いろいろあるが、その中でも下記が便利

KeyDragZoom（マウスで指定した長方形の範囲にズーム）

動作サンプル：Drag Zoom with Visual Control
本家Google MapsのLabsにも取り込まれているみたい（日本語では「ドラッグ&ズーム」）

MarkerClustererPlus（Markerが多い時に集約して表示）

動作サンプル：MarkerClustererPlus V3 Example

Google Maps APIを手軽に試せるライブラリ（日本語）　☆お薦め☆
　Google Mapper V3

チュートリアルとしても参考に
動作サンプル：Google Mapper V3 動作サンプル - ゼロと無限の間に

MapTypeStyleの設定をオンラインで試せるページ
　Google Maps API Styled Map Wizard

道路や駅名やランドマークのラベルの有無等、個別に表示／非表示を指定するためのMapTypeStyleの設定を実際に動作させながら試すことができる

斜めから見た航空写真が使える地域
　45° Imagery on Google Maps
Marker用のアイコン関連

Google Chart APIの地図用Markerにも使える画像
　Dynamic Icons - Google Chart Tools

Marker用アイコン画像配布サイト
　google-maps-icons

新サイト（Map Icons Collection）に移転していたが、移転先ではホットリンクは禁止、Dropbox等を使うことを推奨している

ユーザーからGoogle Maps APIへの要望やバグ報告
　gmaps-api-issues

気になるissueにスターを付けるとコメントが追加された時にメールで通知してくれる（要Googleアカウント）

DeprecatedになったV2関連

公式リファレンス
　Google Maps JavaScript API V2 Reference
準公式ライブラリ
　gmaps-utility-library-dev
API KEY取得ページ
　Sign Up for the Google Maps API

V2はドメインごとにKEYが必要
httpとhttpsでも別のKEYが必要

各ブラウザのconsole.log()実装状況

2011-08-23T08:10:00.001+09:00

Firefox以外のモダンブラウザは、標準で装備していた。

ブラウザ	調査したバージョン	ログの表示方法	その他
IE	8	ツール ↓ 開発者ツール ↓ 「スクリプト」タブ	IE8以降で搭載。 String型にCASTされて出力される。（Objectの中身は見られない。）
Firefox	6.0	アドオンのFirebugを使う
Chrome	11.0	ツール ↓ JavaScript コンソール ↓ 「Scripts」タブ
Safari	5.1	ページのメニューボタン ↓ 開発 ↓ JavaScriptのデバッグを開始 ↓ 「コンソール」タブ	Windows版で確認。
Opera	11.50	Operaボタン ↓ ページ ↓ 開発者用ツール ↓ Opera Dragonfly	バージョン11から搭載。 ObjectやArrayの中身は見られない。 CSS等のエラーとごっちゃに出るので見辛い...

所感

SafariやOperaはコンソールの表示方法が分かり辛い。
IEやOperaはObjectの中身を見られない（Operaは配列の中身も見られない）ので使い辛い。
Operaは他のエラー（CSS等）と一緒に出力されるので見辛い。

参考

YUI3の Calendarウィジェット

2011-08-05T23:11:00.002+09:00

YUI2にはあるけどYUI3には無いCalendarが、YUI3の次期バージョンである3.4でリリースされるようだ。

Calendar - YUI Libraryを参考に使ってみたら、簡単に使えた。
上記画像のように、YUI2のカレンダーよりちょっとかっこいい？

ただし、ここに書いてあってもまだ未実装の機能もあるようだ。

さらに、イベントハンドラ等、詳細についてはここには書いてない。詳細はAPI docsを見ろと書いてあるが、そのリンク先は現時点ではNot Found。

また、formへの日付入力で活躍するDatepicker機能はさらに次バージョンの3.5で実装予定のようだ。

The calendar is currently not enabled with popup functionality: it will be released as a calendar plugin in 3.5

Calendar - YUI Library

LVMで linux rescue

2011-07-29T08:33:00.002+09:00

LVMのlinux rescueについて調べたリンクのメモ。

LVMでlinux rescue

LinuxでLVMのデータを抜き出す方法: sanonosa　システム管理コラム集
Linux LVM パーティションが見えなくなった！！ - DirectX.tv Doppelheit

上記（sanonsa）を参考にしてやった記録

linux rescue [がらくたネット]
レスキューモードで起動し、LVM論理ボリュームにe2fsck実行後マウントする - パソコンに関する話題 - Yahoo!ブログ

コメント欄も参照（要訂正？）

LVMで使っていたドライブからデータを救出する - kinneko@転職先募集中の日記

e2fsckについて

e2fsckでもダメなものはどうしたらいい？ - Linux系OS - 教えて！goo

HDDの空読みによる物理的破損チェックも

C言語、 D言語だけじゃない。アルファベット1文字のX言語たち

2011-07-19T08:47:00.004+09:00

C言語のようにアルファベット1文字のプログラミング言語。
意外にいろいろあった。

P言語は俗称だしZ言語はプログラミング言語じゃないから除いた。

Excelで行をグループ化してカウントする方法

2011-07-14T06:27:00.002+09:00

Excelで、下記のように各行にいろんな値が入っているデータがあって、これをグルーピングした場合の各グループの個数を調べる方法、のメモ。

調べたい列がA列の場合、その右の列等に下記数式を入れる。（行数に応じて「A$1000」のところは増やす。）

=COUNTIF(A$1:A$1000,A1)

結果はこうなる。

A	2
A	2
B	1
C	4
C	4
C	4
C	4
D	3
D	3
D	3

多い順、少ない順にソートしたい場合は2番目の列でソートする。

参考：Excel(エクセル)基本講座：カウント(COUNT)の関数