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

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で外部からアクセス可能なサービス（デーモン）を調べる方法

メモ。

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


5. Android

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

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

4. Amazon EC2

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

• Amazon EC2 東京リージョンと他のリージョンの価格比較
• AWS CloudFormationで PHP Hello World Applicationを作成してみた

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さんの活躍に負うところも大きいと思う。参考情報（日本語ならなお良し）の探しやすさは往々にしてソフトウェアがブレイクするかどうかにおいて、ソフトウェアの出来よりも影響が大きかったりする。来年も期待してます。

• Windows XPに Titanium Studioをインストール
• Titanium Mobileで 特定のURLをブラウザで開くだけの Androidアプリを作成する方法
• Titanium Studioで作ったアプリを Android Marketに登録する手順

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

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

• ダウンロード
• 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メモ
• 使い方の例
• アリスとボブになりきってgitをちゃんと理解したい！ - ザリガニが見ていた...。
• アリスとボブのコラボレーション、gitをちゃんと理解したい！ - ザリガニが見ていた...。
• アリスとボブのサーバー、git pushをちゃんと理解したい！ - ザリガニが見ていた...。
• アリスがチャレンジなコードを書く時、git branchをちゃんと理解したい！ - ザリガニが見ていた...。
• リポジトリをApacheを使ってWebDAV経由でアクセス可能にする方法
• [Tool][Git] WebDAVでアクセスできるGitリポジトリの作成手順 - うなの日記

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

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);

うん、快適。