Enviar búsqueda
Cargar
Html5 js waffle
•
Descargar como PPT, PDF
•
5 recomendaciones
•
1,724 vistas
kujirahand kujira
Seguir
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 24
Descargar ahora
Recomendados
動画プレイヤーアプリの開発を通じて学んだ機能を実現するための要点解説
動画プレイヤーアプリの開発を通じて学んだ機能を実現するための要点解説
Fumiya Sakai
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
Swift 1.2からSwift 2への移行 #cocoa_kansai
Swift 1.2からSwift 2への移行 #cocoa_kansai
Syo Ikeda
iOS側のUIの特徴と見比べるAndroid側でのUI実装のヒント
iOS側のUIの特徴と見比べるAndroid側でのUI実装のヒント
Fumiya Sakai
デザイナー→Webエンジニア→iOSエンジニアと渡り歩いた僕なりのSwiftとの向き合い方と生かす戦略
デザイナー→Webエンジニア→iOSエンジニアと渡り歩いた僕なりのSwiftとの向き合い方と生かす戦略
Fumiya Sakai
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
Xcode and iTC submission topics
Xcode and iTC submission topics
Syo Ikeda
Recomendados
動画プレイヤーアプリの開発を通じて学んだ機能を実現するための要点解説
動画プレイヤーアプリの開発を通じて学んだ機能を実現するための要点解説
Fumiya Sakai
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
Swift 1.2からSwift 2への移行 #cocoa_kansai
Swift 1.2からSwift 2への移行 #cocoa_kansai
Syo Ikeda
iOS側のUIの特徴と見比べるAndroid側でのUI実装のヒント
iOS側のUIの特徴と見比べるAndroid側でのUI実装のヒント
Fumiya Sakai
デザイナー→Webエンジニア→iOSエンジニアと渡り歩いた僕なりのSwiftとの向き合い方と生かす戦略
デザイナー→Webエンジニア→iOSエンジニアと渡り歩いた僕なりのSwiftとの向き合い方と生かす戦略
Fumiya Sakai
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
ライブラリやView構造を有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
Xcode and iTC submission topics
Xcode and iTC submission topics
Syo Ikeda
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
Fumiya Sakai
少しずつキャッチアップしていくAndroidアプリ開発
少しずつキャッチアップしていくAndroidアプリ開発
Fumiya Sakai
Uicollectionview
Uicollectionview
towaki777
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
Fumiya Sakai
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
Fumiya Sakai
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
dsuke Takaoka
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
Fumiya Sakai
2022年の抱負とここ数年続けてきたインプット
2022年の抱負とここ数年続けてきたインプット
Fumiya Sakai
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
Fumiya Sakai
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
About Titanium Mobile
About Titanium Mobile
Issei Nakamura
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
Fumiya Sakai
Scc2013 air
Scc2013 air
Jun Futakawa
Voice interaction api for android m
Voice interaction api for android m
Atsuko Fukui
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
Fumiya Sakai
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
Rei Matsushita
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Monaca
超高速でflutterアプリをビルドする
超高速でflutterアプリをビルドする
ssuser34abd0
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
Más contenido relacionado
La actualidad más candente
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
Fumiya Sakai
少しずつキャッチアップしていくAndroidアプリ開発
少しずつキャッチアップしていくAndroidアプリ開発
Fumiya Sakai
Uicollectionview
Uicollectionview
towaki777
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
Fumiya Sakai
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
Fumiya Sakai
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
dsuke Takaoka
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
Fumiya Sakai
2022年の抱負とここ数年続けてきたインプット
2022年の抱負とここ数年続けてきたインプット
Fumiya Sakai
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
Fumiya Sakai
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
Fumiya Sakai
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
About Titanium Mobile
About Titanium Mobile
Issei Nakamura
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
Fumiya Sakai
Scc2013 air
Scc2013 air
Jun Futakawa
Voice interaction api for android m
Voice interaction api for android m
Atsuko Fukui
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
Fumiya Sakai
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
Rei Matsushita
La actualidad más candente
(19)
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
少しずつキャッチアップしていくAndroidアプリ開発
少しずつキャッチアップしていくAndroidアプリ開発
Uicollectionview
Uicollectionview
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
iOSアプリ開発で意識すると役立ちそうな「つなぎ目」の部分について
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
2022年の抱負とここ数年続けてきたインプット
2022年の抱負とここ数年続けてきたインプット
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
レイヤー分けをしたアーキテクチャで作るiOSアプリ&バックエンドのサンプル実装をのぞく
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
UI表現ライブラリを有効活用して iOSアプリのUIをオシャレにするワザ紹介
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
About Titanium Mobile
About Titanium Mobile
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
できるだけUI系のライブラリを用いないアニメーションを盛り込んだサンプル実装まとめ
Scc2013 air
Scc2013 air
Voice interaction api for android m
Voice interaction api for android m
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
iOSアプリUIとの触れ合いと歩む僕なりのSwiftの楽しみ方
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
Similar a Html5 js waffle
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Monaca
超高速でflutterアプリをビルドする
超高速でflutterアプリをビルドする
ssuser34abd0
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
Androidアプリ開発どこまでいける?
Androidアプリ開発どこまでいける?
高見 知英
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
20110824 android apps_tanaka
20110824 android apps_tanaka
一般社団法人メディア事業開発会議
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010
だいすけ ふるかわ
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
HTML5 IMPACT from Multi Device development for NicoNico
HTML5 IMPACT from Multi Device development for NicoNico
Sho KUSANO
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
組込みにおけるHTML5
組込みにおけるHTML5
Tomo Watanabe
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Monaca
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
Movable Type Data API連携!店舗情報を地図に表示させよう!
Movable Type Data API連携!店舗情報を地図に表示させよう!
Kanako Kobayashi
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
ionic - cross platform mobile app 開発
ionic - cross platform mobile app 開発
Seunghun Lee
Similar a Html5 js waffle
(20)
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
超高速でflutterアプリをビルドする
超高速でflutterアプリをビルドする
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
Androidアプリ開発どこまでいける?
Androidアプリ開発どこまでいける?
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
20110824 android apps_tanaka
20110824 android apps_tanaka
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Html5で作るiPhoneアプリケーション2010
Html5で作るiPhoneアプリケーション2010
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
HTML5 IMPACT from Multi Device development for NicoNico
HTML5 IMPACT from Multi Device development for NicoNico
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
組込みにおけるHTML5
組込みにおけるHTML5
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Movable Type Data API連携!店舗情報を地図に表示させよう!
Movable Type Data API連携!店舗情報を地図に表示させよう!
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
20120316 designerworkshoppublished
20120316 designerworkshoppublished
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
ionic - cross platform mobile app 開発
ionic - cross platform mobile app 開発
Más de kujirahand kujira
Setup jsWaffle
Setup jsWaffle
kujirahand kujira
Setup jsWaffle
Setup jsWaffle
kujirahand kujira
Aptana Studio3にAndroid ADTプラグインをインストールするまでの手順
Aptana Studio3にAndroid ADTプラグインをインストールするまでの手順
kujirahand kujira
HTML5/JavaScriptで作るAndroidアプリ開発seminar
HTML5/JavaScriptで作るAndroidアプリ開発seminar
kujirahand kujira
Osc2008tokyo秋 なでしこ勉強会
Osc2008tokyo秋 なでしこ勉強会
kujirahand kujira
なでしこ開発記録
なでしこ開発記録
kujirahand kujira
Más de kujirahand kujira
(6)
Setup jsWaffle
Setup jsWaffle
Setup jsWaffle
Setup jsWaffle
Aptana Studio3にAndroid ADTプラグインをインストールするまでの手順
Aptana Studio3にAndroid ADTプラグインをインストールするまでの手順
HTML5/JavaScriptで作るAndroidアプリ開発seminar
HTML5/JavaScriptで作るAndroidアプリ開発seminar
Osc2008tokyo秋 なでしこ勉強会
Osc2008tokyo秋 なでしこ勉強会
なでしこ開発記録
なでしこ開発記録
Html5 js waffle
1.
2010/11/29 第 12 –回
HTML5 とか勉強会 クジラ飛行机 HTML5 で作る スマートフォンの ネイティブアプリ開発 ~ JSWAFFLE の紹介 http://d.aoikujira.com/jsWaffle
2.
iPhone のブラウザ →
Mobile Safari Android のブラウザ → 標準ブラウザ いずれも、 WebKit ベースで HTML5 に対応している ( 前提 )IPHONE/ANDROID …のブラウザは .
3.
「最近 HTML5 の本を書きました!」(ソシム刊) iPhone/iPad/Android
の ブラウザは HTML5 対応。 スマートフォンならば、 存分に HTML5 に特化した アプリケーションを 作ることができる! HTML5 関連 API や CSS3 について紹介している ( 書籍 ) スマートフォンのための HTML5 アプリケーション開発ガイド
4.
WebKit … オープン ソースの HTML レン ダリングエ ンジン ・・・ これを利用 したブラウ ザが Android/iPho ne
で動いて いる ネイティブアプリの 開発でも WEBKIT が 利用できないだろうか?
5.
素晴らしいことに、 iPhone/Android では、
UI コンポーネントとして 、 WebKit ベースのブラウザが利用できるようになっている 自分のアプリに自由にブラウザを組み込むことができる WEBKIT ベースのブラウザが UI コンポーネントになっている!!
6.
HTML5/CSS/JavaScript で 作った Web
アプリを、 ネイティブアプリの中にネイティブアプリの中に 押し込むことができるはず! …そう、ブラウザをうまく使えば
7.
“HTML5” でネイティブアプリが作れる! リソースに、 HTML
ファイルを仕込んでおき、 アプリが起動したら、すぐ WebKit コンポーネントを全面表示し、 HTML ファイルを表示することで、ネイティブアプリのように見せる
8.
そうだ! ブラウザコンポーネント を使って アプリを作ろう!
9.
WebKit コンポーネントを拡張し、 HTML5
でネイティブアプリを作る フレームワークが既にある! HTML5 でアプリが作れるフレームワーク Titanium jsWaffle
10.
(1) Objective-C や
Java を知らなくても作れる! (2)とにかく開発効率が良い! とりあえず、いつものように、 Web ブラウザと好きなエディタで作ってお いて、最後に、ネイティブアプリ変換すれば良い スマートフォン固有 API が手軽に使える(面倒な手続きも簡略化) 記述するコードも少なくて済む (3) HTML5 が思う存分使える! ネイティブアプリにしてしまうなら、ブラウザ互換性など、もろもろ面倒 な事を考えなくて済む HTML5/JS でアプリ開発するメリット
11.
ネイティブより、実行速度が遅い →ネイティブなのは外見だけで実際はブラウザの中で動かすのと一緒 なので仕方がない →とは言え、これは開発効率とのトレードオフ 利用できない API がある →使いたいものがあれば、フレームワークに手を入れる →シンプルなフレームワークならそれほど大変ではない HTML5/JS
でアプリ開発するデメリット
12.
シンプル !! GPS/ 加速度センサー
/ カメラなどスマートフォンの機能を利用する API が用意されている Android 機能に特化 MIT ライセンス JSWAFFLE
13.
Desktop(Windows など )/iPhone/Android
で動作 カメラ /GPS/ 傾き検知などスマートフォンの機能を使う API あり Titanium Developer という専用アプリでプロジェクトを管理 有料サポートがある本格的なフレームワーク ライセンスは Apache) TITANIUM MOBILE Titanium http://www.appcelerator.com/
14.
HTML5/JS でアプリを作るフレームワークの中で有名 GPS/ 加速度センサー
/ カメラなどスマートフォンの機能を利用する API が用意されている iPhone/Android/BlackBerry などのスマートフォンに対応 オープンソース、 MIT ライセンス iPhone で実績多数 PHONEGAP http://www.phonegap.com/
15.
…実は 私 ( クジラ飛 行机
) が作り ました!! ところで JSWAFFLE とは???
16.
PhoneGap が有名なので、 Android
で使ってみようと思った しかし、インストールが大変! Android SDK は仕方ないとしても、 Ruby/Apache ANT … 環境変数の書き換え、 Ruby …のバージョンに指定有り 苦労してインストールを終えプロジェクト作成 サンプルをコンパイル! 実行 .. 残念!動かない機能があった 動くには動くが・・・使えない機能があるのは嫌 !! まともに API が動かない PhoneGap の Android 版に不満 PhoneGap のコンセプトを見習って自分で作ってしまおう!! JSWAFFLE を作るまで
17.
既存フレームワークで不満に思った点 インストールが大変! HTML/JavaScript
で手軽に Android 開発が始められるように! 簡単に機能拡張ができるように! より多くの Android API が利用出来るように! JSWAFFLE の開発を開始!
18.
とにかく、インストールを簡単にした! Web ブラウザから jsWaffle
のページへ行って [INSTALL NOW] のボタンをクリックするだけ このために、 Adobe AIR の力を借りた (^o^ JSWAFFLE > インストール
19.
jsWaffle は、フォームに、プロジェクト名などを記入して [Make Project]
ボタンをクリックするだけ コマンドラインから操作する必要はなし プロジェクト生成したら、 Eclipse/Aptana からインポートして使う JSWAFFLE > プロジェクトの作成
20.
Titanium/PhoneGap は手広くいろいろなプラットフォームをサポート しているので汎用性が高いが、デバイス固有の機能を 100%
活かしき れない そこで、 jsWaffle は Android に 100%100% 特化特化することに 現在利用可能な API 着信音やバイブなど通知系の機能 マルチメディアの再生 傾きセンサー /GPS メール /SMS/ 電話 / カメラ ファイル / データベース SQLite Android のメニュー / フルスクリーン対応 バーコード /QR コードの読み取り JSWAFFLE > ANDROID に特化
21.
jsWaffle もちろん、レンダリングエンジンには、 WebKit コンポーネントを 使っているので、
WebKit の持つ、 HTML5(+ その周辺技術 ) のはそそ のままのまま使える!! JSWAFFLE > HTML5 とか 加えて、 HT-03a/ アップデート前の Xperia など、 Android1.6 端末でも、 localStorage や geolocation など、本来未実装の HTML5 関連 API が 使えるように工夫している!!
22.
…ちなみに <script> droid.runItent(“camera:///sdcard/test.jpg”) ---
OR --- <a href=“camera:///sdcard/test.jpg”>CAMERA</a> CAMERA を起動するコードなど
23.
<script> droid.startIntent("mailto:hoge@example.com? subject=About_jsWaffle&body=test"); --- OR --- <a
href=“mailto:hoge@example.com? subject=About_jsWaffle&body=test”>Send Mail!!</a> MAILER の起動
24.
まだまだ、これからだけど・・・ シンプルで使い勝手も良いので、使ってみてください!! JSWAFFLE > ANDROID
な人使ってみて! jswaffle ご静聴に感謝 http://d.aoikujira.com/jsWaffle/
Descargar ahora