Soumettre la recherche
Mettre en ligne
Native x Webでいいとこどり開発 ~ピグトーク~
•
6 j'aime
•
1,490 vues
Kazunari Hara
Suivre
テックヒルズ #2(http://atnd.org/events/25630)の内容です。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 43
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Html5でできること。そこからwebの未来を考える。
Html5でできること。そこからwebの未来を考える。
Masakazu Muraoka
ftechmeetup_データバインディングはどう実装されているのか
ftechmeetup_データバインディングはどう実装されているのか
kanatsum
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
東の方からきました@鹿駆動勉強会
東の方からきました@鹿駆動勉強会
Kazuyuki Honda
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Daisuke Imai
WBN 2014/02 LT
WBN 2014/02 LT
Michinari Odajima
HTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
USP 友の会 LT 資料 20130413
USP 友の会 LT 資料 20130413
博文 斉藤
Recommandé
Html5でできること。そこからwebの未来を考える。
Html5でできること。そこからwebの未来を考える。
Masakazu Muraoka
ftechmeetup_データバインディングはどう実装されているのか
ftechmeetup_データバインディングはどう実装されているのか
kanatsum
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
東の方からきました@鹿駆動勉強会
東の方からきました@鹿駆動勉強会
Kazuyuki Honda
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Daisuke Imai
WBN 2014/02 LT
WBN 2014/02 LT
Michinari Odajima
HTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
USP 友の会 LT 資料 20130413
USP 友の会 LT 資料 20130413
博文 斉藤
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
Kentaro Yoshida
MySQLユーザ視点での小さく始めるElasticsearch
MySQLユーザ視点での小さく始めるElasticsearch
Kentaro Yoshida
Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0
Toshiro Shimizu
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
D3.jsと学ぶVisualization(可視化)の世界
D3.jsと学ぶVisualization(可視化)の世界
AdvancedTechNight
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
20120317 IT系勉強会 in 神戸
20120317 IT系勉強会 in 神戸
Takahiro Iwase
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
Toshiro Shimizu
使ってみた!ioMemoryで実現する噂のAtomic write!
使ってみた!ioMemoryで実現する噂のAtomic write!
IIJ
Elasticsearch at CrowdWorks
Elasticsearch at CrowdWorks
佑介 九岡
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
Kohei MATSUSHITA
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
20150209 甲府-web新世紀2
20150209 甲府-web新世紀2
Taisuke Fukuno
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Kazumi Hirose
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Yutaro Miyazaki
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
JavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカ
Yuuichi Akagawa
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
Isamu Suzuki
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
Hiroki Toyokawa
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Contenu connexe
Tendances
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
Kentaro Yoshida
MySQLユーザ視点での小さく始めるElasticsearch
MySQLユーザ視点での小さく始めるElasticsearch
Kentaro Yoshida
Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0
Toshiro Shimizu
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
D3.jsと学ぶVisualization(可視化)の世界
D3.jsと学ぶVisualization(可視化)の世界
AdvancedTechNight
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
20120317 IT系勉強会 in 神戸
20120317 IT系勉強会 in 神戸
Takahiro Iwase
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
Toshiro Shimizu
使ってみた!ioMemoryで実現する噂のAtomic write!
使ってみた!ioMemoryで実現する噂のAtomic write!
IIJ
Elasticsearch at CrowdWorks
Elasticsearch at CrowdWorks
佑介 九岡
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
Kohei MATSUSHITA
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
Yutaro Miyazaki
20150209 甲府-web新世紀2
20150209 甲府-web新世紀2
Taisuke Fukuno
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Igarashi Toru
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Kazumi Hirose
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Yutaro Miyazaki
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
JavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカ
Yuuichi Akagawa
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
Isamu Suzuki
Tendances
(20)
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
MySQLと組み合わせて始める全文検索プロダクト"elasticsearch"
MySQLユーザ視点での小さく始めるElasticsearch
MySQLユーザ視点での小さく始めるElasticsearch
Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
D3.jsと学ぶVisualization(可視化)の世界
D3.jsと学ぶVisualization(可視化)の世界
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
20120317 IT系勉強会 in 神戸
20120317 IT系勉強会 in 神戸
Vue.js 2.0を試してみた
Vue.js 2.0を試してみた
使ってみた!ioMemoryで実現する噂のAtomic write!
使ってみた!ioMemoryで実現する噂のAtomic write!
Elasticsearch at CrowdWorks
Elasticsearch at CrowdWorks
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
IoTのビジネスをデバイス・ゲートウェイから見てみる / Develpers.IO 2016
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
React で CSS カプセル化の可能性を考える
React で CSS カプセル化の可能性を考える
20150209 甲府-web新世紀2
20150209 甲府-web新世紀2
[2019 01-19] AzureDevOps LT
[2019 01-19] AzureDevOps LT
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Nuxt なしで Vue App 作る時に乗り越えるべき5つの壁
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
JavaScriptでいいじゃなイカ
JavaScriptでいいじゃなイカ
Node.jsで使えるファイルDB"NeDB"のススメ
Node.jsで使えるファイルDB"NeDB"のススメ
Similaire à Native x Webでいいとこどり開発 ~ピグトーク~
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
Hiroki Toyokawa
CSS Design and Programming
CSS Design and Programming
Taku AMANO
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
Tetsuji Hayashi
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tips
yoshikawa_t
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
Naoya Ito
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
Nishida Kansuke
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
jQuery Mobileの基礎
jQuery Mobileの基礎
Takashi Okamoto
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
Couch Db勉強会0623 by yssk22
Couch Db勉強会0623 by yssk22
Yohei Sasaki
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
gulp + sass で目指せ倍速コーディング(第2回 gulpfile.jsの分割管理と画像作成の効率化)
gulp + sass で目指せ倍速コーディング(第2回 gulpfile.jsの分割管理と画像作成の効率化)
Toshimichi Suekane
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
Similaire à Native x Webでいいとこどり開発 ~ピグトーク~
(20)
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
CSS Design and Programming
CSS Design and Programming
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tips
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for...
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Canvas勉強会
Canvas勉強会
スマホにおけるWebGL入門
スマホにおけるWebGL入門
㉗HTML5+jQueryでお絵かき
㉗HTML5+jQueryでお絵かき
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
jQuery Mobileの基礎
jQuery Mobileの基礎
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Couch Db勉強会0623 by yssk22
Couch Db勉強会0623 by yssk22
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
gulp + sass で目指せ倍速コーディング(第2回 gulpfile.jsの分割管理と画像作成の効率化)
gulp + sass で目指せ倍速コーディング(第2回 gulpfile.jsの分割管理と画像作成の効率化)
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
Plus de Kazunari Hara
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
Kazunari Hara
俺はMETAだ!
俺はMETAだ!
Kazunari Hara
俺の、プレゼン構築法
俺の、プレゼン構築法
Kazunari Hara
Watch the Time
Watch the Time
Kazunari Hara
CSS3 Design Recipe
CSS3 Design Recipe
Kazunari Hara
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Kazunari Hara
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
Kazunari Hara
スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2
Kazunari Hara
スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1
Kazunari Hara
速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-
Kazunari Hara
速くなければスマフォじゃない
速くなければスマフォじゃない
Kazunari Hara
Hybrid appのすすめ
Hybrid appのすすめ
Kazunari Hara
Plus de Kazunari Hara
(12)
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ
俺はMETAだ!
俺はMETAだ!
俺の、プレゼン構築法
俺の、プレゼン構築法
Watch the Time
Watch the Time
CSS3 Design Recipe
CSS3 Design Recipe
CA流 フロントエンドエンジニアの働きかた
CA流 フロントエンドエンジニアの働きかた
Amebaプラットフォームの作りかた
Amebaプラットフォームの作りかた
スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.2
スマートフォン時代のWeb制作術 Vol.1
スマートフォン時代のWeb制作術 Vol.1
速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない - インターンバージョン-
速くなければスマフォじゃない
速くなければスマフォじゃない
Hybrid appのすすめ
Hybrid appのすすめ
Dernier
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Dernier
(11)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Native x Webでいいとこどり開発 ~ピグトーク~
1.
Native x Web でいいとこどり開発
∼ ピグトーク ∼ 2012年4月13日 テックヒルズ #2 株式会社サイバーエージェント 原 一成
2.
問題です
3.
問題です Native? Web?
4.
問題です Native? Web?
5.
問題です Native? Web?
6.
問題です Native? Web?
7.
原です @herablog
8.
担当したもの アメーバブログ
アメーバピグ
9.
HTML5, CSS3を舐めまわす会
10.
アプリコンテスト
11.
アプリコンテスト
12.
アプリコンテスト http://heehee.info/
13.
へぇ∼ ・ node.js ・ AWS ・
Web Font ・ Audio ・ Local Storage
14.
スマートフォン対応にあたって
要件 「動かして欲しい」
15.
方法
16.
方法
17.
方法
18.
その1 服を着せる
19.
その1 服を着せる データ化 {
"itemlist": [ { "itemname": "VネックTシャツ・ネイビー", "image": [ { "position": {"x": -67,"y": -14}, "origin": {"x": 1,"y": 2}, "data": "data:image/png;base64,iVBORw0..." } ] } ] }
20.
その1 服を着せる DOM追加 <div data-parts=”f_body”
data-action=”f_body_mot”> <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: translate(-67px, 14px); ” > <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: translate(-1px, 9px); ” > </div> <div data-parts=”f_head” data-action=”f_head_mot”> <img src=” data:image/png;base64,iVBORw0...” style=”-webkit-transform: translate(-1px, 9px); ” > </div>
21.
その2 アクションさせる
22.
その2 アクションさせる データ化(ActionScriptでも使用) 0000640000000000640000FE500100640000000 00064000CFEDC020064000000000064FFE4FE58 030063000BFFF50063FF8FFEB1040063000BFFF 50063FF5EFEF70500640000000000640032FE5B 060061FFEA001600610089FEB307005DFFDE002 2005D00D0FEFF080064000000000064FFCDFF3A 0900640000000000640048FF410A00640000000 00064000000000B006400000000006400000000 0C0064000000000063000000000D00640000000 0006400000000FF000064000000000064FFFBFE 580100640000000000640007FEE302FFF7FF9DF F9D0009FFDFFE5F03FFE2FFA2FFA2001EFF8CFE BE0400610017FFE90061FF53FEFE05FFFA00630 0630006002DFE6306FFD9005B005B00270081FE C407FFE1005E005E001F00B9FF13FF000063000
23.
その2 アクションさせる -webkit-transform ▼Frame 1 <div
data-parts=”f_body” data-action=”f_body_mot” style=”-webkit-transform: matrix(0.1, 0, 0, 0.1, 1.8, -43.7); ”> </div> ▼Frame 2 <div data-parts=”f_body” data-action=”f_body_mot” style=”-webkit-transform: matrix(0.99, 0, 0, 0.99, 0.75, -40.5); ”> </div> ▼Frame 3 ▼Frame 4 ・ ・
24.
その2 アクションさせる GPUを効かせる -webkit-transform: translate3d(0,
0, 0); -webkit-transform-style: preserve-3d; ▼iOS Simulatorで確認 [Debug]→[Color Blended Layers]
25.
その2 アクションさせる できた!!
DEMO
26.
要件追加
要件追加 「こんなこともしたいんだけど」
27.
要件追加
28.
Native 速い
デバイスアクセス Store
29.
Web 多デバイス 容易
変更しやすい
30.
方針 アプリとして出す以上 スムーズさが大事
31.
問題です Native? Web?
32.
Native x Web Web
表示に専念 Native 処理、トランジッション
33.
問題です Native? Web?
34.
Native x Web DEMO
35.
最後にいくつか Tips
36.
Tips background-size: cover;
37.
background-size: cover;
ひとつの画像で多くの 画面サイズに対応
38.
Tips Offline Application Cache
39.
Offline Application Cache CACHE
MANIFEST # Version 0.0.88 指定したファイルをデ CACHE: # JavaScript バイスにキャッシュ ../js/myroom.min.js # Stylesheet ../css/common/common.css ../css/common/avatar.css # Image ../img/room/bg_001_evening.png ../img/room/bg_001_night.png
40.
Offline Application Cache CACHE
MANIFEST # Version 0.0.88 2回目以降サーバへア CACHE: # JavaScript クセスしないので ../js/myroom.min.js # Stylesheet 表示がはやい ../css/common/common.css ../css/common/avatar.css # Image ../img/room/bg_001_evening.png ../img/room/bg_001_night.png
41.
Offline Application Cache CACHE
MANIFEST # Version 0.0.88 ※注意点※ CACHE: # JavaScript ファイル自体をキャッ ../js/myroom.min.js # Stylesheet シュしない ../css/common/common.css ../css/common/avatar.css Android Webviewは # Image ../img/room/bg_001_evening.png デフォルトオフ ../img/room/bg_001_night.png
42.
Native x Web Web
表示に専念 Native 処理、トランジッション
Télécharger maintenant