2/14に開催された「Titanium Mobile」で作るiphone/Androidアプリ勉強会に参加してきました。
仕事は忙しい時期なのですが、増員があったので滑り込みで。

内容メモ

Titanium Mobile intro 増井 雄一郎 氏

  • iPhone,Android,Windows Phone…それぞれで開発言語違う
    • では、HTML5→標準化のプロセスが入るから進化遅い、ストアに載せられない
    • でも、Objective-Cとか辛い
    • で、Titanium Mobile!
  • HTML5 vs Titanium Mobile
    • 競合しない。共存する。
    • 部品部品でここはTitanium、ここはHTML5、とか。
  • Titanium Mobile製のストアには30000アプリ以上
    • サイボウズfor AndroidとかもTitanium
    • Android ジェスチャー侍
    • Mogsnap
  • 大事なのはUser Experience
    • 全く同じコードでも、それぞれのプラットフォームに合わせたUIにしてくれる。
    • jsインタプリタを介してネイティブな機能を動かしてくれる。
  • (だいたい)全機能が使える
    • 採用にあたっては、何ができないのか、が重要
    • 今できないこと
      • グラフの描画
      • 写真のエフェクトなどの加工
      • シューティングやアクションなどのリアルタイム性のあるもの
      • でも、逃げ道として、
        • JavaやObjective-Cで拡張可能!
        • モジュール プラグインという形
    • モジュールのMarketplaceがある
    • UI部分は一部iOSとAndroidで分ける必要あり
  • 対抗馬
    • Corona(2D)
    • Unity(3D)
    • PhoneGap(HTML5)
    • Flash…
    • 向いているものを選べばいい
  • 追加Moduleとサポートのみ有料
  • Appcelerrator認定トレーニング
    • 認定されるとロゴマークが使える

Titanium Mobileで作るアプリ事例紹介1【Zaim】 閑歳 孝子 氏

  • zaim
    • スマホ向けソーシャル家計簿アプリ
  • デモ
    • 見た目きれい
    • グラフ
    • スタンプもらえる
    • 世界81カ国で利用!
    • 実際81カ国からアクセスあったらしい
  • MogSnapで奮起
  • Titanium Mobileは、実績やサンプルがたくさんある
    • コミュニティがしっかりしている
    • AndroidもTi1.8以降安定してきている
  • Zaim OAuth API
    • お金関係のAPI おもしろい
    • 別サービスにzaimのデータを反映させたり
  • Android版を開発中
  • iOS/Android両対応は一筋縄ではない
    • リッチな内容のゲーム等はむつかしい
  • 最近はCommonJS+シングルコンテキストでコーディング
    • パフォーマンスがだいぶアップしたとのこと
  • デザイン問題
    • Androidでグラデーションが効かない
    • JSSは少し使いづらい
    • 独自のjsで対応している
  • スプラッシュ画像問題
    • Androidはいろいろ問題になる
    • 単色塗りがおすすめ
  • TableView問題
    • AndroidだとgetChildrenが効かない
    • 任意の行の一部をupdateできない
    • 行情報を保存して対応
  • OAuthAdapter問題
    • oauth_adapter.jsは1種類のOAuth Providerが前提
    • CommonJSスタイルで使えない
    • 後日、対応したものをgithubで公開してくれるらしい
  • インジケータ、ボタン、タブバー、ピッカー問題
    • iOSとAndroidで全然違う
  • フォーカス問題
    • TabGroupの親ウィンドウへのフォーカス
    • FiledのFocus/Blur
    • 力技で解決
  • 多言語対応もAndroidはいろいろあるらしい
  • Titanium Mobileの最新版ビルドはAmazonS3にある

Titanium Mobileで作るアプリ事例紹介2【積ん読本】 灰色 ハイジ 氏

  • 社内プロジェクトにありがちな時間確保の困難
  • 楽天ブックスのAPIをたたいてる
  • Titanium Mobileはテーブル作成が楽
  • デザインに忠実なUIを実現したかった
    • 薄い色にしたかったのでナビゲーションバーを自作
    • 共通のjsで
  • 本の積み上げUI
    • ScrollView
    • 高さのでっかい背景画像を重ねている
    • scrollTo()で本が積んである高さまでスクロールさせている
      • でも、アニメーションしてしまう
      • setIntervalでスクロールが終わるまで監視、それまでは背景画像は透明に
  • ステータスバータップで一番上までいってしまう
    • ダミーのScrollViewで解決
    • 掲示板で解決したとのこと
  • 積ん読本アプリのアイコンの紹介
    • 細部まで凝ってる!
  • アプリアイコンは角丸処理される前提でデザイン
  • アプリアイコンのpsd紹介
    • すごい凝ってる
    • レイヤーすごい数

LT:Titanium Mobile×キャリア Web CAT Studio 長尾さん

  • リクルートエージェントの紹介
  • 月2−3回のペースで技術勉強会を
    • WEB業界を盛り上げるため
    • 転職を考えてない人にとっても有益な存在になるため
  • Web CAT Studio
  • エンジニアの有効求人倍率は7.57倍!へー
    • 全業界全体は1.73倍
  • jsは技術的汎用性が高い
  • 採用
    • PF(プラットフォーマー)(グリーとか)はエンジニアからデザイナーにシフト
  • アプリ開発者への期待
    • 「テクノロジー」に加えて、「デザイン」、「マネタイズ」など多様化していく

感想

  • 胴元に日本人がいらっしゃるのはでかい。
  • 感づいてはいたけど、やっぱりAndroidには苦戦するんだなと。
  • デザイナーの人が自らアプリつくる時代になってきている。しかもいい出来。エンジニアも負けてられないね。