Suche senden
Hochladen
Slides for tiTokyo 2013 - Japanese version
•
Als PPTX, PDF herunterladen
•
0 gefällt mir
•
621 views
Ricardo Alcocer
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 42
Jetzt herunterladen
Empfohlen
今ここでもう一度初めての Titanium
今ここでもう一度初めての Titanium
Ryutaro Miyashita
Salesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれ
寛 吉田
モバイル・カスタム開発が加速するUser Interface APIのご紹介
モバイル・カスタム開発が加速するUser Interface APIのご紹介
Michikazu Sugahara
Xamarin+Mobile Center
Xamarin+Mobile Center
ryosuke matsumura
Microsoft Graph APIを活用した社内アプリケーション開発
Microsoft Graph APIを活用した社内アプリケーション開発
Yuki Hattori
Lightning
Lightning
Hidekazu Ishikawa
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
de:code 2017
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Shotaro Suzuki
Empfohlen
今ここでもう一度初めての Titanium
今ここでもう一度初めての Titanium
Ryutaro Miyashita
Salesforce Lightning をやってみてあれこれ
Salesforce Lightning をやってみてあれこれ
寛 吉田
モバイル・カスタム開発が加速するUser Interface APIのご紹介
モバイル・カスタム開発が加速するUser Interface APIのご紹介
Michikazu Sugahara
Xamarin+Mobile Center
Xamarin+Mobile Center
ryosuke matsumura
Microsoft Graph APIを活用した社内アプリケーション開発
Microsoft Graph APIを活用した社内アプリケーション開発
Yuki Hattori
Lightning
Lightning
Hidekazu Ishikawa
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
[MR13] Windows 10 Mobile 端末の展開と活用のキモ
de:code 2017
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Shotaro Suzuki
Scala@SmartNews_20150221
Scala@SmartNews_20150221
Shigekazu Takei
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
政雄 金森
Salesforce dug [tokyo] meetup 2016 新年会
Salesforce dug [tokyo] meetup 2016 新年会
Akira Kuratani
Azure の ID 管理サービスに LINE ログインを組み込もう
Azure の ID 管理サービスに LINE ログインを組み込もう
Yuta Matsumura
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
de:code 2017
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
de:code 2017
Power Automate with kintone
Power Automate with kintone
Tsukasa Kato
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
寛 吉田
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
de:code 2017
GAS×Power Automate 連携事例のご紹介
GAS×Power Automate 連携事例のご紹介
kinuasa
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Tsubasa Yoshino
Data APIの基本
Data APIの基本
Hajime Fujimoto
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
寛 吉田
Power Automate for desktopとGoogle Apps Scriptの連携について
Power Automate for desktopとGoogle Apps Scriptの連携について
kinuasa
Movable Type 6の新機能 Data APIの活用法
Movable Type 6の新機能 Data APIの活用法
Hajime Fujimoto
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Shotaro Suzuki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Smart Store サーバーレスアーキテクチャ編
Smart Store サーバーレスアーキテクチャ編
Microsoft Azure Japan
20190514 Smart Store - Azure servlerless architecture
20190514 Smart Store - Azure servlerless architecture
Issei Hiraoka
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Weitere ähnliche Inhalte
Was ist angesagt?
Scala@SmartNews_20150221
Scala@SmartNews_20150221
Shigekazu Takei
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
政雄 金森
Salesforce dug [tokyo] meetup 2016 新年会
Salesforce dug [tokyo] meetup 2016 新年会
Akira Kuratani
Azure の ID 管理サービスに LINE ログインを組み込もう
Azure の ID 管理サービスに LINE ログインを組み込もう
Yuta Matsumura
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
de:code 2017
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
de:code 2017
Power Automate with kintone
Power Automate with kintone
Tsukasa Kato
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
寛 吉田
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
de:code 2017
GAS×Power Automate 連携事例のご紹介
GAS×Power Automate 連携事例のご紹介
kinuasa
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Tsubasa Yoshino
Data APIの基本
Data APIの基本
Hajime Fujimoto
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
寛 吉田
Power Automate for desktopとGoogle Apps Scriptの連携について
Power Automate for desktopとGoogle Apps Scriptの連携について
kinuasa
Movable Type 6の新機能 Data APIの活用法
Movable Type 6の新機能 Data APIの活用法
Hajime Fujimoto
Was ist angesagt?
(15)
Scala@SmartNews_20150221
Scala@SmartNews_20150221
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
Salesforce dug [tokyo] meetup 2016 新年会
Salesforce dug [tokyo] meetup 2016 新年会
Azure の ID 管理サービスに LINE ログインを組み込もう
Azure の ID 管理サービスに LINE ログインを組み込もう
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
[MW02] 進化する Edge! ~Windows 10 Creators Update 版の新機能から既存機能まで一挙紹介~
Power Automate with kintone
Power Automate with kintone
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
SWTT2017 - Lightningアプリケーション開発現場で実践しているノウハウ
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
[TL08] 50 分で Bot 開発者になれる!~実践的ノウハウと、 Azure や Office 365 を組み合わせたアーキテクチャの伝授~
GAS×Power Automate 連携事例のご紹介
GAS×Power Automate 連携事例のご紹介
PowerShellでFunction Appしよう!
PowerShellでFunction Appしよう!
Data APIの基本
Data APIの基本
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
Power Automate for desktopとGoogle Apps Scriptの連携について
Power Automate for desktopとGoogle Apps Scriptの連携について
Movable Type 6の新機能 Data APIの活用法
Movable Type 6の新機能 Data APIの活用法
Ähnlich wie Slides for tiTokyo 2013 - Japanese version
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Shotaro Suzuki
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Smart Store サーバーレスアーキテクチャ編
Smart Store サーバーレスアーキテクチャ編
Microsoft Azure Japan
20190514 Smart Store - Azure servlerless architecture
20190514 Smart Store - Azure servlerless architecture
Issei Hiraoka
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Angularreflex20141210
Angularreflex20141210
Shinichiro Takezaki
Building modernapplicationwithelasiccloud
Building modernapplicationwithelasiccloud
Shotaro Suzuki
はじめてのASP.NET MVC5
はじめてのASP.NET MVC5
Tomo Mizoe
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
『これからの.NETアプリケーション開発』セミナー .NET用アプリケーション フレームワーク Open 棟梁 概説
『これからの.NETアプリケーション開発』セミナー .NET用アプリケーション フレームワーク Open 棟梁 概説
Daisuke Nishino
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Akira Inoue
Data API 2.0
Data API 2.0
Yuji Takayama
Node.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたこと
bitbank, Inc. Tokyo, Japan
AWS CloudFormationによるInfrastructure as Codeの実現
AWS CloudFormationによるInfrastructure as Codeの実現
HIRA
Ähnlich wie Slides for tiTokyo 2013 - Japanese version
(20)
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Smart Store サーバーレスアーキテクチャ編
Smart Store サーバーレスアーキテクチャ編
20190514 Smart Store - Azure servlerless architecture
20190514 Smart Store - Azure servlerless architecture
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Angularreflex20141210
Angularreflex20141210
Building modernapplicationwithelasiccloud
Building modernapplicationwithelasiccloud
はじめてのASP.NET MVC5
はじめてのASP.NET MVC5
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
『これからの.NETアプリケーション開発』セミナー .NET用アプリケーション フレームワーク Open 棟梁 概説
『これからの.NETアプリケーション開発』セミナー .NET用アプリケーション フレームワーク Open 棟梁 概説
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力
Data API 2.0
Data API 2.0
Node.jsアプリの開発をモダン化するために取り組んできたこと
Node.jsアプリの開発をモダン化するために取り組んできたこと
AWS CloudFormationによるInfrastructure as Codeの実現
AWS CloudFormationによるInfrastructure as Codeの実現
Slides for tiTokyo 2013 - Japanese version
1.
Appcelerator® Deep Dive
tiTokyo February 16, 2013 Ricardo Alcocer @ Appcelerator, Inc. @ricardoalcocer ralcocer@appcelerator.com
2.
About me • 現在シリコンバレーエリアでAppcelerator
のプラットフォームエバンジェリスト • 2009年からTitaniumを使ってアプリ開発 • 以前はカリブ海や中南米でTitaniumのト レーナー • 技術を磨き続けるハッカー
3.
Titanium Studioのダウンロード • appcelerator.comからTitanium
Studioを ダウンロード • AppleやAndroidサイトから必要なSDK類 をインストールし及び設定を完了してお く
4.
2種類のTitanium?
5.
Titanium Classicの とてもシンプルなアプリ
6.
多くのファイルが必要
7.
App.JS
8.
複数バージョンの ApplicationWindow.js
9.
FirstView.js
10.
MVC パターンとは
ビジネスロジック、データ操作等 Model ユーザーが目 ルーティング、 にするもの View Controller 判断 .XML + .TSS Files .JS Files User
11.
Appcelerator® Alloy™とは? •
Titanium用 公式 MVC フレームワーク • 無料、オープンソース • 宣言型 UI • Widget • Themes
12.
何故MVCフレームワークを作ったのか? • 大規模アプリ開発に有効 • 最適化されたTitaniumコードを提供 •
アプリ開発の簡素化 • (XMLやCSSの使用により)Webデベロッ パーやデザイナーに更に訴求 • コード量の削減 • Widget/コンポーネント/サンプルライブ ラリ用の基盤を設置
13.
Alloyで作った同じシンプルなアプ
リ
14.
必要なファイルが劇的に減少
15.
より少ないコードを書く!
16.
AlloyはJavaScriptからXMLを利用し
て 高度なインタラクティブ性を提供
17.
基本のフォルダー構造
アプリ ロジック アプリ スタイリング (colors, positioningなど) ユーザーインターフェース
18.
ユーザーインターフェース定義
19.
ユーザーインターフェース定義
メニュー定義
20.
ユーザーインターフェース定義
メインビュー定義
21.
ユーザーインターフェース定義
メインビュー定義
22.
Javascript : index.jsを使用した
Open/Closeメニュー
23.
ライブデモ
24.
Themesを使用した ルック&フィールとレイアウトの
変更 アプリにThemesを追加しましょう。
25.
Themes
26.
ライブデモ
27.
Widget作成によるコードの再利
用 メニュー機能にWidgetを作りましょう。
28.
“ミニアプリ“のようなWidget • アプリと同様のフォル
ダー構造 • “index” ファイルの代わ りに”widget”ファイルを 作成する
29.
Widget.json • Widgetのメタデータを含む
30.
Widget使用にあたって • “config.json”ファイル
のdependency項目に widgetを定義する • XMLファイル で ”Require”で定義し てwidgetを読み込む
31.
ライブデモ
32.
アプリへのデータ追加
33.
データバインドコントロール作成の ためAlloyではbackbone.jsが利用可能 • Titanium StudioにAlloy
Model生成機能
34.
“Modelファイル” • 生成された“Model
ファイル”はデータ 構造と保存データ定 義
35.
Modelデータを UIコントローラーにバインド •
CollectionタグでModelデータに基づいた データコレクションを定義し、TableView にバインドすることが可能
36.
データは動的に追加することが可
能 • XML内からデータエレメントを参照
37.
ライブデモ
38.
更に、、、 •
Sync Adapters • Migrations • Underscore.js対応 • コマンドライン インターフェース (CLI) • Appcelerator Cloud Services (ACS)
39.
Alloy 1.0リリース!最新情報 • Titanium
SDK 3.0以降で対応 • Android fastdev • 最新のadapter modelに対応した新たな SQL Adapter • Titanium Studioのコンテンツアシスト: 3.1.0で正式対応予定 Nightly Build版で既に利用可能
40.
Alloyの今後は? • 次期Titanium Studio
3.1.0でAlloy製アプリ のデバッグ機能 • アプリの動的スタイリング • Adapterフレームワーク • Widget models と themes • Model-viewバインディングの実装完了
41.
ソースコード • このプレゼンテーションで使用したサン
プルのコードはこちら: http://github.com/ricardoalcocer
42.
Questions? Thank
you Ricardo Alcocer ralcocer@appcelerator.com Follow me on Twitter @ricardoalcocer
Jetzt herunterladen