SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Titanium Mobile
    でOAuth
     @k0sukey
自己紹介

• @k0sukey(いそべこーすけ)です
• アクトタワーの15階で働いています
• Titanium Mobile製のアプリを数本リリー
 スしました
こんなアプリを作りました
Titanium Mobile?
• ウェブ技術者にはお馴染みのJavaScript
 で、iOS/Androidネイティブのアプリを
 開発することができます

• Appcelerator社が提供する開発環境、
 Titanium StudioというIDEで提供されて
 います
よく引き合いに出される対抗馬たち


• Unity → 3Dゲーム
• PhoneGap → HTML5&JS&CSS3で書ける
• CoronaSDK → 2Dゲームとか
• ngCore → 2Dソーシャルゲーム
• GameSalada → GUIでゲーム開発
なぜTi?
• OSネイティブのUIが使える!
• モジュール(Obj-C、JAVA)で拡張がで
 きる

• 言われるほど重くないよ
• ヌルく開発ができる!と、思っていた
 らObj-Cを書いている自分がいる
他にも...
• JavaScript1.6に対応しています。forEach
 とかmapとか使えます

• Rubyな方、CoffeeScriptで書けますよ
• node.jsな方、CommonJSで書けますよ
 というか、推奨です

• vimとかemacsな方、MakeTiがあります
苦手なこと
• リアルタイム性の高いゲーム
 → それ、QuickTiGame2Dで

• イメージ(グラフ)描画
 → それ、webViewで

• バッドノウハウてんこ盛り!アンド
 キュメントてんこ盛り!
個人的にAndroidは
の道だと思います...
開発のサイクル
1. まずはTiのみでホットモックを作成

2. デザイナさんに配置する画像を依頼

3. 調整&テスト

4. リリース

5. 簡単なものであれば大体一月以内でリ
 リース可能です
本日のお題、
TiでOAuth!
よくある、アプリで
Twitterと連携して∼
とかいうお話です
OAuth

• TiでOAuthというよりも、JavaScriptで
 OAuthするわけです

• と、言っても、OAuthするために便利な
 ライブラリがあるのです
jsOAuth
jsOAuth
• @bytespider さんが開発
 https://github.com/bytespider/jsOAuth
• Tiのことも考えて作られているので、そ
 のまま動きます。もちろんブラウザで
 も動きます

• でも、毎回そのまま書くのもダルい...
TiPlatformConnect
TiPlatformConnect
• 色々なプラットフォームへ簡単に接続
 するために、@ebyrn さんのtwitter-
 titaniumをforkして作りました

• jsOAuth-1.3.3.jsにも多少手を入れて、
 ファイルをアップロードできるように
 なっています
TiPlatformConnect

• 各プラットフォームのAPIを薄くラップ
 しています

• 現在サポートしているプラットフォー
 ムはTwitter、Tumblr、Flickr、Mixi、
 Foursquare(他にも募集中!)
TiPlatformConnect
• https://github.com/k0sukey/
  TiPlatformConnect
• 簡単なサンプルもついていますので、
  Titanium Studioでインポートすればその
  ままアプリが動きます(プラット
  フォームのアプリ登録は忘れずに!)
TwitterでOAuthの例
var twitter = require('twitter').Twitter({
!    consumerKey: 'XXXXXXXXXXXXXXXXXXXX',
!    consumerSecret: 'XXXXXXXXXXXXXXXXXXXX',
!    accessTokenKey: Ti.App.Properties.getString('twitterAccessTokenKey', ''),
!    accessTokenSecret: Ti.App.Properties.getString('twitterAccessTokenSecret', '')
});

twitter.addEventListener('login', function(e){
!    if (e.success) {
!    !    Ti.App.Properties.setString('twitterAccessTokenKey', e.accessTokenKey);
!    !    Ti.App.Properties.setString('twitterAccessTokenSecret', e.accessTokenSecret);

!     !   twitter.request('1/account/verify_credentials.json', {}, {}, 'GET', function(e){
!     !   !    if (e.success) {
!     !   !    !    var json = JSON.parse(e.result.text);

!     !   !    !    twitterLabel.setText(json.screen_name + ' on Twitter');
!     !   !    !    twitterRow.add(twitterSwitch);
!     !   !    !    twitterRow.touchEnabled = false;
!     !   !    !    twitterRow.selectionStyle = Ti.UI.iPhone.TableViewCellSelectionStyle.NONE;

!     !    !    !    if (event) {
!     !    !    !    !    twitterRow.removeEventListener('click', twitterAuthorize);
!     !    !    !    }
!     !    !    } else { // error proc... }
!     !    });
!     } else { // error proc… }
});

twitter.authorize();
デモ

Weitere ähnliche Inhalte

Andere mochten auch

Tee6 versie3
Tee6 versie3Tee6 versie3
Tee6 versie3EntXP
 
психология личности
психология личностипсихология личности
психология личностиInelymy
 
Психология восприятия. Часть 3. Фиксированная точка зрения.
Психология восприятия. Часть 3. Фиксированная точка зрения.Психология восприятия. Часть 3. Фиксированная точка зрения.
Психология восприятия. Часть 3. Фиксированная точка зрения.Inelymy
 
Психология личности. Методология.
Психология личности. Методология.Психология личности. Методология.
Психология личности. Методология.Inelymy
 
Tee5 versie1
Tee5 versie1Tee5 versie1
Tee5 versie1EntXP
 
Governo: rapporto larga-banda Italia, sviluppo e crescita accessi
Governo: rapporto larga-banda Italia, sviluppo e crescita accessiGoverno: rapporto larga-banda Italia, sviluppo e crescita accessi
Governo: rapporto larga-banda Italia, sviluppo e crescita accessiAlberto degli Alessandri
 
Proces szesnastu
Proces szesnastuProces szesnastu
Proces szesnastukwyszynska
 
Bando IT & TLC - Ricerca Industriale e dello Sviluppo Sperimentale
Bando IT & TLC - Ricerca Industriale e dello Sviluppo SperimentaleBando IT & TLC - Ricerca Industriale e dello Sviluppo Sperimentale
Bando IT & TLC - Ricerca Industriale e dello Sviluppo SperimentaleAlberto degli Alessandri
 
Конструктивное преобразование агрессии
Конструктивное преобразование агрессииКонструктивное преобразование агрессии
Конструктивное преобразование агрессииInelymy
 
Google for Nonprofits - Analytics webinar
Google for Nonprofits - Analytics webinarGoogle for Nonprofits - Analytics webinar
Google for Nonprofits - Analytics webinarChad Leaman
 
ReteIVO - Internet Veloce Ovunque - Le novità di dicembre!
ReteIVO - Internet Veloce Ovunque -  Le novità di dicembre!ReteIVO - Internet Veloce Ovunque -  Le novità di dicembre!
ReteIVO - Internet Veloce Ovunque - Le novità di dicembre!Alberto degli Alessandri
 
Психология восприятия. Часть 4. Эффекты восприятия.
Психология восприятия. Часть 4. Эффекты восприятия.Психология восприятия. Часть 4. Эффекты восприятия.
Психология восприятия. Часть 4. Эффекты восприятия.Inelymy
 
Психология восприятия. Часть 2. Свойства и факторы.
Психология восприятия. Часть 2. Свойства и факторы.Психология восприятия. Часть 2. Свойства и факторы.
Психология восприятия. Часть 2. Свойства и факторы.Inelymy
 

Andere mochten auch (20)

Gimp - praca na warstwach 2.0
Gimp - praca na warstwach 2.0Gimp - praca na warstwach 2.0
Gimp - praca na warstwach 2.0
 
Tee6 versie3
Tee6 versie3Tee6 versie3
Tee6 versie3
 
Iso140~1 2012
Iso140~1 2012Iso140~1 2012
Iso140~1 2012
 
Test
TestTest
Test
 
психология личности
психология личностипсихология личности
психология личности
 
Психология восприятия. Часть 3. Фиксированная точка зрения.
Психология восприятия. Часть 3. Фиксированная точка зрения.Психология восприятия. Часть 3. Фиксированная точка зрения.
Психология восприятия. Часть 3. Фиксированная точка зрения.
 
Психология личности. Методология.
Психология личности. Методология.Психология личности. Методология.
Психология личности. Методология.
 
WWI
WWIWWI
WWI
 
Tee5 versie1
Tee5 versie1Tee5 versie1
Tee5 versie1
 
Governo: rapporto larga-banda Italia, sviluppo e crescita accessi
Governo: rapporto larga-banda Italia, sviluppo e crescita accessiGoverno: rapporto larga-banda Italia, sviluppo e crescita accessi
Governo: rapporto larga-banda Italia, sviluppo e crescita accessi
 
Proces szesnastu
Proces szesnastuProces szesnastu
Proces szesnastu
 
Bando IT & TLC - Ricerca Industriale e dello Sviluppo Sperimentale
Bando IT & TLC - Ricerca Industriale e dello Sviluppo SperimentaleBando IT & TLC - Ricerca Industriale e dello Sviluppo Sperimentale
Bando IT & TLC - Ricerca Industriale e dello Sviluppo Sperimentale
 
Конструктивное преобразование агрессии
Конструктивное преобразование агрессииКонструктивное преобразование агрессии
Конструктивное преобразование агрессии
 
ULL Chiavi in Mano
ULL Chiavi in ManoULL Chiavi in Mano
ULL Chiavi in Mano
 
Indennizzi 2013 tlc
Indennizzi 2013 tlcIndennizzi 2013 tlc
Indennizzi 2013 tlc
 
Google for Nonprofits - Analytics webinar
Google for Nonprofits - Analytics webinarGoogle for Nonprofits - Analytics webinar
Google for Nonprofits - Analytics webinar
 
ReteIVO - Internet Veloce Ovunque - Le novità di dicembre!
ReteIVO - Internet Veloce Ovunque -  Le novità di dicembre!ReteIVO - Internet Veloce Ovunque -  Le novità di dicembre!
ReteIVO - Internet Veloce Ovunque - Le novità di dicembre!
 
Психология восприятия. Часть 4. Эффекты восприятия.
Психология восприятия. Часть 4. Эффекты восприятия.Психология восприятия. Часть 4. Эффекты восприятия.
Психология восприятия. Часть 4. Эффекты восприятия.
 
Gimp - praca na warstwach
Gimp - praca na warstwachGimp - praca na warstwach
Gimp - praca na warstwach
 
Психология восприятия. Часть 2. Свойства и факторы.
Психология восприятия. Часть 2. Свойства и факторы.Психология восприятия. Часть 2. Свойства и факторы.
Психология восприятия. Часть 2. Свойства и факторы.
 

Ähnlich wie Titanium MobileでOAuth

福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介Mori Shingo
 
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumilab
 
Azure Static Web Apps を試してみた!
Azure Static Web Apps を試してみた!Azure Static Web Apps を試してみた!
Azure Static Web Apps を試してみた!一希 大田
 
Titanium Mobile
Titanium MobileTitanium Mobile
Titanium MobileNaoya Ito
 
Wolcome to swift
Wolcome to swiftWolcome to swift
Wolcome to swiftKyohei Ito
 
20111031 MobileWeb at TDC
20111031 MobileWeb at TDC20111031 MobileWeb at TDC
20111031 MobileWeb at TDCNobuhiro Sue
 
pairsでのAngularJS x TypeScript x e2e @めぐすた#1
pairsでのAngularJS x TypeScript x e2e @めぐすた#1 pairsでのAngularJS x TypeScript x e2e @めぐすた#1
pairsでのAngularJS x TypeScript x e2e @めぐすた#1 Takuma Morikawa
 
AOZORAYOMITE and Intent
AOZORAYOMITE and IntentAOZORAYOMITE and Intent
AOZORAYOMITE and IntentYuki Higuchi
 
Titanium mobileで遊んでみた
Titanium mobileで遊んでみたTitanium mobileで遊んでみた
Titanium mobileで遊んでみたYutaka Tsumori
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Yoshito Tabuchi
 
もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!Toshiki Iga
 
Titanium CLI × Alloy × CoffeeScript × Jade で作るiPhoneアプリのお話
Titanium CLI × Alloy  ×  CoffeeScript × Jade  で作るiPhoneアプリのお話Titanium CLI × Alloy  ×  CoffeeScript × Jade  で作るiPhoneアプリのお話
Titanium CLI × Alloy × CoffeeScript × Jade で作るiPhoneアプリのお話Oonishi Keitarou
 
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る![Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!Tomomi Imura
 
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)Madoka Chiyoda
 
Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010Takashi EGAWA
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Atsushi Harada
 
StreamingAPIを使用したTwitter Bot @waketi の紹介
StreamingAPIを使用したTwitter Bot @waketi の紹介 StreamingAPIを使用したTwitter Bot @waketi の紹介
StreamingAPIを使用したTwitter Bot @waketi の紹介 kaiba d
 

Ähnlich wie Titanium MobileでOAuth (20)

福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
 
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作るgumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
gumiStudy#5 JavaScript でネイティブiPhone/Androidアプリを作る
 
Azure Static Web Apps を試してみた!
Azure Static Web Apps を試してみた!Azure Static Web Apps を試してみた!
Azure Static Web Apps を試してみた!
 
Titanium Mobile
Titanium MobileTitanium Mobile
Titanium Mobile
 
Wolcome to swift
Wolcome to swiftWolcome to swift
Wolcome to swift
 
20111031 MobileWeb at TDC
20111031 MobileWeb at TDC20111031 MobileWeb at TDC
20111031 MobileWeb at TDC
 
pairsでのAngularJS x TypeScript x e2e @めぐすた#1
pairsでのAngularJS x TypeScript x e2e @めぐすた#1 pairsでのAngularJS x TypeScript x e2e @めぐすた#1
pairsでのAngularJS x TypeScript x e2e @めぐすた#1
 
Titanium勉強会
Titanium勉強会Titanium勉強会
Titanium勉強会
 
AOZORAYOMITE and Intent
AOZORAYOMITE and IntentAOZORAYOMITE and Intent
AOZORAYOMITE and Intent
 
Titanium mobileで遊んでみた
Titanium mobileで遊んでみたTitanium mobileで遊んでみた
Titanium mobileで遊んでみた
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
 
もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!
 
Titanium CLI × Alloy × CoffeeScript × Jade で作るiPhoneアプリのお話
Titanium CLI × Alloy  ×  CoffeeScript × Jade  で作るiPhoneアプリのお話Titanium CLI × Alloy  ×  CoffeeScript × Jade  で作るiPhoneアプリのお話
Titanium CLI × Alloy × CoffeeScript × Jade で作るiPhoneアプリのお話
 
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る![Japanese] Developing a bot for your workspace 翻訳ボットを作る!
[Japanese] Developing a bot for your workspace 翻訳ボットを作る!
 
20120118 titanium
20120118 titanium20120118 titanium
20120118 titanium
 
About Titanium Mobile
About Titanium MobileAbout Titanium Mobile
About Titanium Mobile
 
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
Azure 入門 (と言いながらちょまどの好きな Azure サービス紹介)
 
Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
StreamingAPIを使用したTwitter Bot @waketi の紹介
StreamingAPIを使用したTwitter Bot @waketi の紹介 StreamingAPIを使用したTwitter Bot @waketi の紹介
StreamingAPIを使用したTwitter Bot @waketi の紹介
 

Titanium MobileでOAuth

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n