日手機(jī)商用java程序市場(chǎng)JavaScriでネイ

JavaScriptでネイティブiPhone/Androidアプリを作るグリー株式會(huì)社伊藤直也自己紹介伊藤直也(33)グリー株式會(huì)ソーシャルメディア統(tǒng)括部長(zhǎng)プロデューサーiPhone/Android等やってますアジェンダiPhone/AndroidアプリをJavaScriptで作る普通のiPhone/Android開(kāi)発の觸りTitaniumMobileでJavaScriptでアプリ開(kāi)発※JavaScript+iPhone/Androidと言ってもHTML5+JavaScriptなWebアプリケーションの話(huà)はありませんスマートフォン開(kāi)発iPhone(iOS)Android普通のiPhoneアプリ開(kāi)発iOSSDK+Xcode,Objective-CInterfaceBuilderGUIでレイアウト→コード中のアクション紐付け結(jié)局Objective-Cで書(shū)くことも普通のAndroidアプリ開(kāi)発AndroidSDK+Eclipse,Java(GUIBuilderはそこまで使われていない?)iPhone/Androidアプリで作るもの主にUIとデバイス連攜部分「クラウド端末」の性格を活かしてドメインロジックはサーバーで。アプリで表示デバイスの機(jī)能にアクセスしたいときはコアAPIでiPhoneアプリのコード-(void)applicationdidFinishLaunching:(UIApplication*)application{CGRectrect=[windowframe];UILabel*label=[[UILabelalloc]initWithFrame:rect];label.text=@"Hello,world!";[window

addSubview:label];[labelrelease];[windowmakeKeyAndVisible];}"Window"に"View"(ラベルやボタン)を置くObjective-CでSDK提供のクラスのAPIを呼ぶAndroidアプリのコード"View"で組み立てる(概念はiPhoneと似ている)JavaでSDKのAPIを呼んで組み立て(XMLでも書(shū)ける)publicclassHelloWorldextendsActivity{@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);

setContentView(newHelloView(this));}}publicclassHelloViewextendsView{@OverrideprotectedvoidonDraw(Canvascanvas){canvas.drawText("HelloWorld!",0,12,newPaint());}}iPhone/AndroidネイイティブブアプリリP(guān)ros速くて快快適なイインタフフェーススを構(gòu)築築できるるデバイススの機(jī)能能をフルルに活かかせるConsコード量量が多いい、工數(shù)數(shù)がかかかるObjective-C????メメモリリ管理:(iPhone/Androidそそのほかかマルチチプラッットフォォームににどう対対応するるか問(wèn)題題Objective-C/Java両方方覚えるるの大変変/両両プララットフフォームムのアーーキテククチャにに慣れるるの大変変AppceleratorTitaniumMobileJavaScriptでiPhone/Android/BlackBerryアアプリがが書(shū)けるる開(kāi)発環(huán)環(huán)境JavaScriptなののにネイイティブブアプリリ????「な、、なんだだってーー！」フリー、、オーププンソーース(有料版版あり)Hello,Titaniumvarwin=Titanium.UI.createWindow({backgroundColor:'#fff',title:'FirstApp'});varlabel=Titanium.UI.createLabel({text:'Hello,Titanium!',textAlign:'center',height:20,font:{fontSize:20,fontWeight:'bold'}});win.add(label);win.open();ビルドド結(jié)果果Titaniumでで開(kāi)開(kāi)発JavaScript書(shū)書(shū)く→→ビビルルドすする→→シシミミュレレータタで確確認(rèn)→→JavaScript書(shū)書(shū)く?????TitaniumSDKははbuilderののみみ。IDEなししEmacs+j2-mode.elででモモリモモリ書(shū)書(shū)いててますすTitaniumMobile開(kāi)開(kāi)発ののはじじめ方方プロジジェククト作作る→→Resources/app.js編編集→→TitaniumDeveloperででビルルドWindowににViewをを載せせるモモデルルは変変わららずTitaniumisNativeネイテティブブだけけどJavaScript、、JavaScriptだけけどネネイテティブブUIは速速い?？爝m適setTimeout()、、JSON.parse()など普普通に呼べべるTitanium.include('../js/jquery.js')ななども可能能HowdoesTitaniumMobilework?/questions/2444001/how-does-appcelerator-titanium-mobile-workJavaScriptをププリプロセセッサがTitaniumAPIをシンンボルマッップにプリリコンパイイルiPhone????.oにコンンパイルAndroid????.classにココンパイルルあとはSDKががネイティィブバイナナリにしててくれる具體例をみみていく/*最初初の畫(huà)面(window)*/varfirst=Ti.UI.createWindow({title:'FirstWindow',backgroundColor:'#fff'});varbutton=Ti.UI.createButton({style:Ti.UI.iPhone.SystemButtonStyle.BORDERED,title:'touch!',font:{fontSize:16,fontWeight:'bold'},height:30,width:100});first.add(button);/*次のの畫(huà)面(window)*/varsecond=Ti.UI.createWindow({title:'SecondWindow',backgroundColor:'#fff'});varimage=Ti.UI.createImageView({image:'/4008/4196452707_485b66a9a3_m.jpg'});second.add(image);/*二つつの畫(huà)面をを繋ぐwindow+navigationGroup*/varbase=Ti.UI.createWindow();varnav=Ti.UI.iPhone.createNavigationGroup({window:first});base.add(nav);base.open();/*ボタタンにイベベントを登登録*/button.addEventListener('click',function(){nav.open(second);});UI実裝裝の進(jìn)め方方Ti.UI.createWindow()ややTi.UI.createButton()ででWindowややViewとといいっったたパパーーツツをを作作るるwindow.add(button)ななどどででくくっっつつけけるるフォォンントトのの大大ききささななどどははCSSののよよううにに指指定定動(dòng)ききがが必必要要なな箇箇所所ははaddEventListener()ででイイベベンントトハハンンドドララをを登登録録いかかににももJavaScriptでききああががっっっったたアアププリリのの使使用用感感(実実機(jī)機(jī)でではは觸觸れれてていいまませせんんがが)ちちゃゃんんととネネイイテティィブブ期待待通通りり、、ぬぬるるりりとと動(dòng)動(dòng)くくJavaScriptだだかからら、、とといいうう妥妥協(xié)協(xié)ししたた動(dòng)動(dòng)ききににははななららなないいこんんななののもも作作れれまますすCoverFlowViewvarwin=Ti.UI.currentWindow;varview=Ti.UI.createCoverFlowView({images:['../images/01.jpg','../images/02.jpg','../images/03.jpg','../images/04.jpg','../images/05.jpg'],backgroundColor:'#000'});win.add(view);ネットワークク呼び出しははXHR同様様varhttp=Titanium.Network.createHTTPClient();http.open('GET','/search.json?q=%23titanium');http.onload=function(){data=JSON.parse(this.responseText);};http.send();/*TCPSocketやBonjourServiceななどもありまます*/デバイスの機(jī)機(jī)能もばっちちりTitanium.Geolocationvarmapview=Ti.Map.createView({mapType:Ti.Map.STANDARD_TYPE,animate:true,regionFit:true,userLocation:true});(function(e){mapview.setLocation({latitude:e.coords.latitude,longitude:e.coords.longitude,latitudeDelta:0.01,longitudeDelta:0.0,animate:true});}TitaniumAPIいいろいろろTi.Geolocation.getCurrentPosition()Ti.Media.showCamera()Ti.Media.createVideoPlayer()Ti.DataBase.open()Ti.App.Properties.setString()Ti.FileSystem.getFile()Ti.Network.createHTTPClient()Ti.Gesture.addEventListener('shake',...)Ti.Facebook.publishStream()Ti.UI.iPhone.appBadge=20...TitaniumAPIざざっくくり基本的ななUIはほほぼサポポート(と思いいます)CoverFlow、、地図、、WebViewももありカメラ,位置情情報(bào),加加速度セセンサななどハーードウェェアアククセスOKデータははsqlite、Propertiesに保保存可能能FacebookややYQLをを扱うAPIなどどもあるるAPIはは拡張張モジュュールをを書(shū)くとと自分でで追加でできる(っぽぽい)作ったももの(1):FlickrViewerFlickrののJSONをScrollableViewで表表示するるだけででOKコードはは100行未満満(/SimpleFlickr)左右フリリックでで寫(xiě)真がが切り替替わりまます/*FlickrかからHTTPClientででJSONととっててきて????*/varwin=Titanium.UI.currentWindow;varloader=Titanium.Network.createHTTPClient();loader.open('GET',this.url);loader.onload=function(){Ti.API.info(this.responseText);vardata=JSON.parse(this.responseText);win.add(Flickr.createPhotoView(data));};loader.send()/*ImageView作作っててScrollabeViewにに流しし込む?????*/varviews=data.items.map(function(item){???varimageView=Titanium.UI.createImageView({image:item.media.m,???});baseView.add(imageView);baseView.add(title);baseView.add(date);returnbaseView;});varscrollable=Titanium.UI.createScrollableView({views:views

});全く同じじコードドでAndroidアアプリ作ったももの(2):RSSリーダダーPerlサーババでRSS→→JSON,HTTPClientでアアクセススFacebookConnect,ははてなブブックママーク連連攜機(jī)能能も250行行くらいい(/naoya/RSSV)ここはWebViewvarloader=Ti.Network.createHTTPClient();/*ロローカルルに立ててたサーーバーががRSSをJSONにに変換ししてくれれるのでで、それれを取得得*/loader.open('GET','http://localhost:3000/feed?url='+row.url);loader.onload=function(){vardata=JSON.parse(this.responseText);/*読読み取っったJSONをTableViewで整整形*/vartable=Titanium.UI.createTableView({data:data.map(createItemRow)});win.add(table);/*TableViewががクリリックさされたららWebViewでで開(kāi)くく*/table.addEventListener('click',function(e){openWebWindow(data[e.index]);});};雑感など典型的なiPhoneアプリななら十分開(kāi)発発できるGUIプロググラミングととJavaScriptのイベントトドリブンススタイルの相相性が良いマルチプラッットフォームムとは言え、、if文でのの切り分けははそれなりにに必要UIパーツツの違い、解解像度の違いいさすがに動(dòng)ききのあるゲーームはちょっっと難しい?(いえ、わわかりませせん)そのほかAppStore申申請(qǐng)はOKららしい過(guò)去に話(huà)題題に上ったたことはああるそうビルド後ののファイルルに.xcodeprojがあるるので、Xcodeから読読み込んででいじるこことができきるXib2Jsを使使うとInterfaceBuilderでで作ったたモックををJavaScriptにに変換でできるTitaniumAPIででできなないことはは、Objective-CやJavaでで拡張モモジュールルを書(shū)いててしまえばば良い?Titaniumでで開(kāi)発してていくにはは@donayamaさん日本本語(yǔ)wikiは必見(jiàn)見(jiàn)PDF印印刷して一一通り読めめば大まかかなところろはすぐわわかるサンプルががあって公公式ドキュュメントよより親切公式ドキュュメントよより、KitchenSinkをを見(jiàn)ようオフィシャャルのカタタログ実裝裝エミュレーータで動(dòng)かかす→ややりたいいこと見(jiàn)つつける→→gitgrep→ココード見(jiàn)見(jiàn)るAPIリリファレンンスは/mobile/latest/ににSDocああり(by@masuidrive)公式のよりり検索しややすいご清聴ありりがとうごございましした【PR】採(cǎi)用してまます!google:GREE+採(cǎi)採(cǎi)用iPhone/Androidプロジジェクト、、ありますす9、靜夜夜四無(wú)無(wú)鄰，，荒居居舊業(yè)業(yè)貧。。。1月-231月-23Friday,January6,202310、雨中黃葉葉樹(shù)，燈下下白頭人。。。01:24:2701:24:2701:241/6/20231:24:27AM11、以我我獨(dú)沈沈久，，愧君君相見(jiàn)見(jiàn)頻。。。1月-2301:24:2701:24Jan-2306-Jan-2312、故故人人江江海海別別，，幾幾度度隔隔山山川川。。。。01:24:2801:24:2801:24Friday,January6,202313、乍見(jiàn)翻疑夢(mèng)夢(mèng)，相悲各問(wèn)問(wèn)年。。1月-231月-2301:24:2801:24:28January6,202314、他鄉(xiāng)生白白發(fā)，舊國(guó)國(guó)見(jiàn)青山。。。06一月月20231:24:28上上午01:24:281月-2315、比不了了得就不不比，得得不到的的就不要要。。。一月231:24上午午1月-2301:24January6,202316、行動(dòng)出出成果，，工作出出財(cái)富。。。2023/1/61:24:2801:24:2806January202317、做前，能能夠環(huán)視四四周；做時(shí)時(shí)，你只能能或者最好好沿著以腳腳為起點(diǎn)的的射線(xiàn)向前前。。1:24:28上上午1:24上上午01:24:281月-239、沒(méi)有失敗，，只有暫時(shí)停停止成功！。。1月-231月-23Friday,January6,202310、很多多事情情努力力了未未必有有結(jié)果果，但但是不不努力力卻什什么改改變也也沒(méi)有有。。。01:24:2801:24:2801:241/6/20231:24:28AM11、成功就就是日復(fù)復(fù)一日那那一點(diǎn)點(diǎn)點(diǎn)小小努努力的積積累。。。1月-2301:24:2801:24Jan-2306-Jan-2312、世間成成事，不不求其絕絕對(duì)圓滿(mǎn)滿(mǎn)，留一一份不足足，可得得無(wú)限完完美。。。01:24:2801:24:2801:24Friday,January6,202313、不知香積積寺，數(shù)里里入云峰。。。1月-231月-2301:24:2801:24:28January6,202314、意志堅(jiān)堅(jiān)強(qiáng)的人人能把世世界放在在手中像像泥塊一一樣任意意揉捏。。06一一月20231:24:28上午午01:24:281月-2315、楚塞三湘湘接，荊門(mén)門(mén)九派通。。。。一月231:24上上午1月-2301:24January6,202316、少年十十五二十十時(shí)，步步行奪得得胡馬騎騎。。2023/1/