#sumaho

iPhoneのカレンダーは、買ったままの状態では日本の祝日が入っていません。

例えば1月9日は平日に設定されており、成人の日になっていません。

iPhoneのカレンダーで「昭和の日」や「憲法記念日」その他の振替休日を表示できるように、Apple社の公式サイトから日本の祝日のデータをダウンロードしてカレンダーに追加します。

iPhoneで次のURLにアクセスしてください。

http://www.apple.com/downloads/macosx/calendars/japaneseholidaycalendar.html

Apple社のサイトの、日本の祝日をダウンロードするためのページが開かれます。

小さくて見難いですが、右下のあたりに「Download」というリンクがあります。

二本の指でツィっツィっと拡大すると、次のように見えてきます。

この「Download」ボタンをクリックします。

すると、次の図のように「カレンダー"日本の祝祭日"を照会しますか？」と訊かれるので、「照会」をクリックします。

照会をクリックすると、次図のように「カレンダー"日本の祝祭日"が追加されました」という成功のメッセージが表示されます。

ここで「完了」をクリックすると、これで作業が終わります。

「イベントを表示」をクリックすると、カレンダーが表示されます。

実際にカレンダーに祝日や休日が追加されたか確認してみます。

カレンダーを起動して、祝日の多い4月を表示してみます。

4月29日、30日、5月1、2、3日の下に「・」が表示されています（祝祭日の意）。

4月29日をクリックしてみると、昭和の日（Showa Day）とちゃんと表示されていました。

インストール

[sudo] npm install matador -g

これでmatadorのインストールは完了です。確認のためmatadorコマンドが何処に入ったか見てみます。

$ which matador /usr/local/bin/matador

Matadorを使ったプロジェクトの作成

matadorコマンドを使って、プロジェクトのスケルトンを作成します。

ここでは、~/codes/nodeディレクトリ以下にmatador1という名前のプロジェクトを作成してみます。

foo:~ $ cd codes/node/ foo:~/codes/node $ matador init matador1 installing Matador into matador1 Success! foo:~/codes/node $ ls -l matador1/ total 8 drwxr-xr-x 6 foo staff 204 1 7 21:00 app drwxr-xr-x 3 foo staff 102 1 7 21:00 node_modules drwxr-xr-x 3 foo staff 102 1 7 21:00 public -rw-r--r-- 1 foo staff 863 1 7 21:00 server.js

これで、上の例では~/codes/node/matador1にプロジェクトのスケルトンが作成されました。

matadorアプリの起動

matadorのアプリの本体はプロジェクトのディレクトリ直下にあるserver.jsです。

これを次のように起動します。

node server.js

ところが、このままでは多くの場合、おそらく次のようなエラーメッセージが出力されるはずです。

foo:~/codes/node/matador1 $ node server.js node.js:201 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: Cannot find module 'hogan.js' at Function._resolveFilename (module.js:334:11) at Function._load (module.js:279:25) at Module.require (module.js:357:17) at require (module.js:368:17) at Object. (/Users/foo/codes/node/matador1/node_modules/matador/src/matador.js:2:13) at Module._compile (module.js:432:26) at Object..js (module.js:450:10) at Module.load (module.js:351:31) at Function._load (module.js:310:12) at Module.require (module.js:357:17) foo:~/codes/node/matador1 $ node server.js node.js:201 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: Cannot find module 'klass' at Function._resolveFilename (module.js:334:11) at Function._load (module.js:279:25) at Module.require (module.js:357:17) at require (module.js:368:17) at Object. (/Users/foo/codes/node/matador1/node_modules/matador/src/matador.js:5:28) at Module._compile (module.js:432:26) at Object..js (module.js:450:10) at Module.load (module.js:351:31) at Function._load (module.js:310:12) at Module.require (module.js:357:17) foo:~/codes/node/matador1 $ node server.js node.js:201 throw e; // process.nextTick error, or 'error' event on first tick ^ Error: Cannot find module 'valentine' at Function._resolveFilename (module.js:334:11) at Function._load (module.js:279:25) at Module.require (module.js:357:17) at require (module.js:368:17) at Object. (/Users/foo/codes/node/matador1/node_modules/matador/src/matador.js:6:20) at Module._compile (module.js:432:26) at Object..js (module.js:450:10) at Module.load (module.js:351:31) at Function._load (module.js:310:12) at Module.require (module.js:357:17)

エラーメッセージが出力され、matadorアプリを起動できない理由は、エラーメッセージのとおりです。

matadorが依存しているhogan.js、klass、valentineの3つのモジュールが存在しないため、エラーになっています。

そこで、hogan.js、klass、valentineをそれぞれ以下のようにインストールします。

npm install hogan.js npm install klass npm install valentine

これで、プロジェクトのDirectoryのnode_modules以下にhogan.js、klass、valentineの3つのモジュールがインストールされました。

もう一度node server.jsを実行し、http://localhost:3000にアクセスすると、以下のようなhello worldのページが無事に表示されます。

スマホ対応サイト作成に使用するjquery mobileのイベント一覧

タッチイベント

tap

taphold

swipe

swipeleft

swiperight

スクロールイベント

scrollstart

scrollstop

ページイベント

pagebeforecreate

pagecreate

pageinit

pagebeforeshow

pagebeforehide

pageshow

pagehide

ページ遷移イベント

pagebeforechange

pagechange

pagechangefailed

その他

mobileinit

orientationchange

スマホ対応ウェブの作成に使われるjQuery Mobileのpageの初期化の際に内部で行われている処理のまとめ。

pagebeforecreateイベントが発生。

pageをあらわす全ての要素に.ui-pageクラスが追加される。

それぞれの子要素の中からdata-で始まるものに対し以下の処理が実行される。

UIテーマの指定に応じたクラスが追加される。

ARIA（Accessible Rich Internet Applications）のロールやaria-level属性が追加される。