Enviar pesquisa
Carregar
I phone5・ios6変更点
•
Transferir como PPTX, PDF
•
2 gostaram
•
903 visualizações
Vitalify - SPINOFF
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 21
Baixar agora
Recomendados
I phone5 ios6
I phone5 ios6
Vitalify - SPINOFF
20201008 AWS独自設計推論チップInferentiaとInf1インスタンス
20201008 AWS独自設計推論チップInferentiaとInf1インスタンス
Hiroshi Tokoyo
Speech presentation
Speech presentation
tomsawyer02
Statutul copiilor in cazul conflictelor armate
Statutul copiilor in cazul conflictelor armate
Gîndac Marian-Daniel
Grimm.fairy.tales.neverland.00.de.06.hq.br.02 fev10.gibihq
Grimm.fairy.tales.neverland.00.de.06.hq.br.02 fev10.gibihq
peforped
S.W.W.A.G.A.
S.W.W.A.G.A.
sgb31145
Компания "Хельфер"
Компания "Хельфер"
dimahikolaevi4
"Вязание крючком"
"Вязание крючком"
dimahikolaevi4
Recomendados
I phone5 ios6
I phone5 ios6
Vitalify - SPINOFF
20201008 AWS独自設計推論チップInferentiaとInf1インスタンス
20201008 AWS独自設計推論チップInferentiaとInf1インスタンス
Hiroshi Tokoyo
Speech presentation
Speech presentation
tomsawyer02
Statutul copiilor in cazul conflictelor armate
Statutul copiilor in cazul conflictelor armate
Gîndac Marian-Daniel
Grimm.fairy.tales.neverland.00.de.06.hq.br.02 fev10.gibihq
Grimm.fairy.tales.neverland.00.de.06.hq.br.02 fev10.gibihq
peforped
S.W.W.A.G.A.
S.W.W.A.G.A.
sgb31145
Компания "Хельфер"
Компания "Хельфер"
dimahikolaevi4
"Вязание крючком"
"Вязание крючком"
dimahikolaevi4
Piece of the puzzle
Piece of the puzzle
eddieg422
Slideshare
Slideshare
farzanazafar
How to study in the UK (English)
How to study in the UK (English)
britishembassy
誰がためのUX
誰がためのUX
Vitalify - SPINOFF
"Мир детства"
"Мир детства"
dimahikolaevi4
Adlerian theraphy
Adlerian theraphy
Angelica Pascual
Galeria de imagenes
Galeria de imagenes
anahi958
โครงการเศรษฐกิจพอเพียง
โครงการเศรษฐกิจพอเพียง
SaiYoseob
Joe 02 2005_97_100
Joe 02 2005_97_100
Márcio dos Santos
Timeline of Communication
Timeline of Communication
hayleyrofkind
2015 11 05_ios9_新仕様まとめ_社内勉強会
2015 11 05_ios9_新仕様まとめ_社内勉強会
Natsuki Yamanaka
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 最速まとめLT
VOYAGE GROUP
iphone5 発表イベント 速報まとめ
iphone5 発表イベント 速報まとめ
VOYAGE GROUP
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Html5超入門
Html5超入門
Monaca
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Monaca
CarPlayの対応方法と日本での現状
CarPlayの対応方法と日本での現状
Yuji Hato
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
ADC MEETUP 01
ADC MEETUP 01
biscuitjam
ADC MEETUP ROUND01 SESSION4
ADC MEETUP ROUND01 SESSION4
biscuitjam
Mais conteúdo relacionado
Destaque
Piece of the puzzle
Piece of the puzzle
eddieg422
Slideshare
Slideshare
farzanazafar
How to study in the UK (English)
How to study in the UK (English)
britishembassy
誰がためのUX
誰がためのUX
Vitalify - SPINOFF
"Мир детства"
"Мир детства"
dimahikolaevi4
Adlerian theraphy
Adlerian theraphy
Angelica Pascual
Galeria de imagenes
Galeria de imagenes
anahi958
โครงการเศรษฐกิจพอเพียง
โครงการเศรษฐกิจพอเพียง
SaiYoseob
Joe 02 2005_97_100
Joe 02 2005_97_100
Márcio dos Santos
Timeline of Communication
Timeline of Communication
hayleyrofkind
Destaque
(10)
Piece of the puzzle
Piece of the puzzle
Slideshare
Slideshare
How to study in the UK (English)
How to study in the UK (English)
誰がためのUX
誰がためのUX
"Мир детства"
"Мир детства"
Adlerian theraphy
Adlerian theraphy
Galeria de imagenes
Galeria de imagenes
โครงการเศรษฐกิจพอเพียง
โครงการเศรษฐกิจพอเพียง
Joe 02 2005_97_100
Joe 02 2005_97_100
Timeline of Communication
Timeline of Communication
Semelhante a I phone5・ios6変更点
2015 11 05_ios9_新仕様まとめ_社内勉強会
2015 11 05_ios9_新仕様まとめ_社内勉強会
Natsuki Yamanaka
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 最速まとめLT
VOYAGE GROUP
iphone5 発表イベント 速報まとめ
iphone5 発表イベント 速報まとめ
VOYAGE GROUP
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Shozo Okada
Html5超入門
Html5超入門
Monaca
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
Monaca
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
Monaca
CarPlayの対応方法と日本での現状
CarPlayの対応方法と日本での現状
Yuji Hato
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
ADC MEETUP 01
ADC MEETUP 01
biscuitjam
ADC MEETUP ROUND01 SESSION4
ADC MEETUP ROUND01 SESSION4
biscuitjam
Html5 seminar 1_pac
Html5 seminar 1_pac
1PAC. INC.
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
Andy Hall
あにみた!(PHPカンファレンス用資料)
あにみた!(PHPカンファレンス用資料)
Hiroyuki Ishiyama
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
開発事例に学ぶHtml5アプリのポイント
開発事例に学ぶHtml5アプリのポイント
Monaca
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Yoshito Tabuchi
iPhone6 6Plus
iPhone6 6Plus
Vitalify.Inc
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
Semelhante a I phone5・ios6変更点
(20)
2015 11 05_ios9_新仕様まとめ_社内勉強会
2015 11 05_ios9_新仕様まとめ_社内勉強会
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 最速まとめLT
iphone5 発表イベント 速報まとめ
iphone5 発表イベント 速報まとめ
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
Html5超入門
Html5超入門
事例で学ぶHTML5スマフォアプリ開発セミナー
事例で学ぶHTML5スマフォアプリ開発セミナー
いまさら聞けない!HTML5超入門
いまさら聞けない!HTML5超入門
CarPlayの対応方法と日本での現状
CarPlayの対応方法と日本での現状
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
ADC MEETUP 01
ADC MEETUP 01
ADC MEETUP ROUND01 SESSION4
ADC MEETUP ROUND01 SESSION4
Html5 seminar 1_pac
Html5 seminar 1_pac
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
あにみた!(PHPカンファレンス用資料)
あにみた!(PHPカンファレンス用資料)
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
開発事例に学ぶHtml5アプリのポイント
開発事例に学ぶHtml5アプリのポイント
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
iPhone6 6Plus
iPhone6 6Plus
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
I phone5・ios6変更点
1.
iPhone5とiOS6の仕様
2012/10/30 株式会社バイタリフィ 制作部 幸脇
2.
iPhone5とiOS6の仕様とバグ
2 iPhone5が発売され、 iOS6がリリースてから 約1ヶ月が過ぎました。
3.
iPhone5とiOS6の仕様とバグ
3 そろそろバグや仕様など、 色々な情報が揃ってきていると 思うので、ざっくりまとめてみました。
4.
iPhone5とiOS6の仕様とバグ
4 iPhone4Sからの 一番大きな変更点と言えば、 画面サイズですね!
5.
iPhone5とiOS6の仕様とバグ
5 3.5インチ 4インチ 960px×640px 1136px×640px 176px 高さが増えました! 比率で言うと118.333…%なので 画面の高さ約2割増しですね。 画面サイズに依存したコーディングを している場合は気をつけましょう!
6.
iPhone5とiOS6の仕様とバグ
6 その他、 ・LTE対応 (環境によっては3Gの10倍以上の通信速度差) ・カメラのpx数増 (640x480⇒1280x960) ・CPU1.5GHz (約2倍) ・メモリ1GB (2倍) 等々。 Webだと画面サイズに比べたら他はそこまで重要って訳ではないですが、 諸々スペックアップしてます。 あと、そこまで問題にはならないと思いますが、LTE環境化とそれ以外での通信 速度差が大きいので、その辺り表示速度等、クライアントにある程度理解しても らわないとかなー、とは思います。特にWebアプリとか。 ⇒ デバッグは3G回線でしたほうが良さそう?
7.
iPhone5とiOS6の仕様とバグ
7 次にiOS と言うか、iOS6のSafari
8.
iPhone5とiOS6の仕様とバグ
8 ■Safariに追加された主な機能 ・iCloudでの表示ページの共有(Mac/iPad) ・ランドスケープ表示(横表示) でのフルスクリーン表示 ・リーディングリスト機能(あとで読む的なローカル保存) ・スマートAppバナー ・写真のアップロード機能 ・html5/CSS3の追加サポート ・Animation Timing API ・Javascriptのパフォーマンス向上 ・リモートデバッグ
9.
iPhone5とiOS6の仕様とバグ
9 ・ランドスケープ表示(横表示) でのフルスクリーン表示 Webアプリを横画面フルスクリーンで実装する、 とかありそうですね。
10.
iPhone5とiOS6の仕様とバグ
10 ・スマートAppバナー こんな感じでページ上部にアプリへの導 線バナーを表示することができるように なりました。 <meta name="apple-itunes-app" content="app-id=【アプリID】/> とheadに追加するだけです。 すでにアプリをインストールしている ユーザーはアプリ起動リンクになるよう です。 これはよく使うことになりそうです。
11.
iPhone5とiOS6の仕様とバグ
11 ・写真のアップロード機能 やっとiOSでもファイルのアップロードがサポートされました。 <input type="file" accept="image/*" /> $("input").addEventListener("change", function() { var fr = new FileReader(); var file = $("input").file[0]; fr.readAsDataURL(file); fr.onload = function (e) { //e.target.result でImage Objectを取得できます }; }); inputにmultipleを指定すると複数選択できたり、 accept="video/*"を指定するとビデオのみ参照できたりします。(指定なしも可) またFileReader APIについても色々できるようなので 調べてみると良いと思います!
12.
iPhone5とiOS6の仕様とバグ
12 ・html5/CSS3の追加サポート[Web Audio API] Audioタグと異なり、音声再生だけでなく、生成もでき、短 めの音声を正確なタイミングで再生することに向いてます。 複数のAPIモジュールを組み合わせることで音声を生成でき ます。またエフェクト機能などもサポート。 Webアプリやゲームなどでこれから使われていきそう。
13.
iPhone5とiOS6の仕様とバグ
13 ・ html5/CSS3の追加サポート[CSS3 Filter] CSSで画像にフィルターをかけられるようになりました。 ・グレイスケール ・ぼかし ・ドロップシャドウ ・明るさ 等々、フィルタリングできます。 参考サイト: http://html5-demos.appspot.com/static/css/filters/index.html
14.
iPhone5とiOS6の仕様とバグ
14 ・ html5/CSS3の追加サポートCSS3 [Cross-Fade] 2つの画像を同じ場所に異なるalpha値で配置できます! #c-fade { background-image: -webkit-cross-fade( url("img1.jpg"), url("img2.jpg"), 50%); } // 50%の透過
15.
iPhone5とiOS6の仕様とバグ
15 ・ html5/CSS3の追加サポートCSS3 [CSS Image Set] -webkit-image-setのサポート。 media queriesによる場合分けをしなくても #bg { background-image: -webkit-image-set( url("img1.jpg") 1x, url("img2.jpg") 2x); } と、標準画像(x1)、Retina画像(x2)を指定可能に!
16.
iPhone5とiOS6の仕様とバグ
16 ・ html5/CSS3の追加サポートCSS3 [Strage API] キャッシュが25MBまでに増えました。 ・ html5/CSS3の追加サポートCSS3 [Strage API] ホーム画面に追加した際のタイトル指定が可能になりました。 <meta name="apple-mobile-web-app-title" content="【タイトル】">
17.
iPhone5とiOS6の仕様とバグ
17 ・Animation Timing API requestAnimationFrameがサポートされました。 - setIntervalよりも動作が軽い。 - 複数のアニメーション処理を一括で処理が可能。⇒タイミングがずれない - 非表示になっている間は処理しない(別窓開いている間とか) function animation(){// アニメーション 処理 }; setInterval(animation, 100); function animationLoop(){ animation(); requestAnimationFrame(animationLoop); }; animationLoop(); ※まだベンダプレフィックス付いてるっぽい。 ⇒ webkitRequestAnimationFrame(hogehoge);
18.
iPhone5とiOS6の仕様とバグ
18 ・リモートデバッグ 個人的には、今回のアップデートで最も重要な機能がこれ。 iPhoneをMacに接続すると、 iPhoneのSafariで表示しているページを MacのSafariのWeb Inspectorから デバッグすることが可能に!※ ※ただしMacのSafariに限ります。 Windows版は開発終了してしまったので 実装されることはないと思います。 Android⇒PC版Chromeとかもできないかな…。
19.
iPhone5とiOS6の仕様とバグ
19 と、色々新機能追加されてますが、 バグももちろん追加されてます。
20.
iPhone5とiOS6の仕様とバグ
20 ■早くも遭遇したiOS6 Safariのバグ ・position:fixedがうまく動かない。 画面を一回スクロールしないとpositionが リフレッシュされない。 ⇒ setTimeout(scrollTo, 100, 0, 1);とかで 1pxスクロールさせる。 ・AjaxでPOSTがキャッシュされる ⇒ 叩くAPIに + (new Date).getTime() を追加して対応 ・そもそもキャッシュが強すぎる ⇒同じく + (new Date).getTime() を追加して対応
21.
おわり
21 ご清聴ありがとうございました。
Baixar agora