Suche senden
Hochladen
最近のHTML5はどうなってるのか
•
7 gefällt mir
•
15,053 views
Shumpei Shiraishi
Folgen
HTML5に詳しくない人達向けに、ざっとイントロになる資料です。
Weniger lesen
Mehr lesen
Technologie
Design
Melden
Teilen
Melden
Teilen
1 von 29
Empfohlen
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Pokelabo android web
Pokelabo android web
Shumpei Shiraishi
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
Fuminori Mori
Workshop1-01
Workshop1-01
mashimonator
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
SwapSkills
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
dsuke Takaoka
最近のWeb関連技術の動向あれこれ
最近のWeb関連技術の動向あれこれ
dsuke Takaoka
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
久司 中村
Weitere ähnliche Inhalte
Andere mochten auch
今からハジメるHTML5プログラミング
今からハジメるHTML5プログラミング
SwapSkills
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
hirooooo
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
アシアル株式会社
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
Osamu Shimoda
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
50分で掴み取る ASP.NET Web API パターン&テクニック
50分で掴み取る ASP.NET Web API パターン&テクニック
miso- soup3
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
一から作る業務システム vol.1
一から作る業務システム vol.1
Mitsuaki Kida
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
K Tsukada
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
Akira Inoue
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
dsuke Takaoka
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
Shumpei Shiraishi
TypeScriptは明日から使うべき
TypeScriptは明日から使うべき
Masahiro Wakame
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
Andere mochten auch
(19)
今からハジメるHTML5プログラミング
今からハジメるHTML5プログラミング
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
50分で掴み取る ASP.NET Web API パターン&テクニック
50分で掴み取る ASP.NET Web API パターン&テクニック
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
次世代Web業務アプリケーション
次世代Web業務アプリケーション
一から作る業務システム vol.1
一から作る業務システム vol.1
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
RESTful開発フロントエンド編(SPA・AltJS・フレームワーク)
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
モバイルWebアプリのこれまでとこれから
モバイルWebアプリのこれまでとこれから
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
JavaScript使いのためのTypeScript実践入門
JavaScript使いのためのTypeScript実践入門
TypeScriptは明日から使うべき
TypeScriptは明日から使うべき
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Ähnlich wie 最近のHTML5はどうなってるのか
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
Shumpei Shiraishi
HTML5 for Beginners
HTML5 for Beginners
Shumpei Shiraishi
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
Mitsuru Ogawa
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
yoshikawa_t
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
yoshikawa_t
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
Shumpei Shiraishi
国内初事例に学ぶSAPUI5
国内初事例に学ぶSAPUI5
Mitsuru Ogawa
HTML5/Web標準オーバービュー
HTML5/Web標準オーバービュー
Shumpei Shiraishi
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
yoshikawa_t
パンダの会 Html5概説
パンダの会 Html5概説
Masakazu Muraoka
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
Mitsuo Kawashima
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
Shin Fujisawa
HTML5の話
HTML5の話
Hiroyuki Nozaki
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Shumpei Shiraishi
Techcircle005 welcome
Techcircle005 welcome
Koji Shiraishi
#phpmatsuri LT大会システムの中身
#phpmatsuri LT大会システムの中身
Hisateru Tanaka
20160618_HTML5プロフェッショナル認定試験レベル1 技術解説セミナー in OSC北海道2016
20160618_HTML5プロフェッショナル認定試験レベル1 技術解説セミナー in OSC北海道2016
Takahiro Kujirai
勉強会参加のススメ
勉強会参加のススメ
Yoshito Tabuchi
プラットフォームとしてのHTML5
プラットフォームとしてのHTML5
Noritada Shimizu
Ähnlich wie 最近のHTML5はどうなってるのか
(20)
HTML5がもたらすアプリ開発へのインパクト
HTML5がもたらすアプリ開発へのインパクト
HTML5 for Beginners
HTML5 for Beginners
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
TechFeedというテクノロジーキュレーションサービスを作った話
TechFeedというテクノロジーキュレーションサービスを作った話
困った時のDev toolsの使い方(初心者向け)
困った時のDev toolsの使い方(初心者向け)
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
国内初事例に学ぶSAPUI5
国内初事例に学ぶSAPUI5
HTML5/Web標準オーバービュー
HTML5/Web標準オーバービュー
モバイル時代のWebパフォーマンスTips
モバイル時代のWebパフォーマンスTips
パンダの会 Html5概説
パンダの会 Html5概説
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI・UX (第57回 HTML5とか勉強会 / 2015.5.19)
HTML5の話
HTML5の話
Html5で変わるいろんなこと
Html5で変わるいろんなこと
HTML5時代のフロントエンド開発入門
HTML5時代のフロントエンド開発入門
Techcircle005 welcome
Techcircle005 welcome
#phpmatsuri LT大会システムの中身
#phpmatsuri LT大会システムの中身
20160618_HTML5プロフェッショナル認定試験レベル1 技術解説セミナー in OSC北海道2016
20160618_HTML5プロフェッショナル認定試験レベル1 技術解説セミナー in OSC北海道2016
勉強会参加のススメ
勉強会参加のススメ
プラットフォームとしてのHTML5
プラットフォームとしてのHTML5
Mehr von Shumpei Shiraishi
俺的GEB概論(前半)
俺的GEB概論(前半)
Shumpei Shiraishi
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
Shumpei Shiraishi
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
Shumpei Shiraishi
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Shumpei Shiraishi
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
Shumpei Shiraishi
変身×フランツ・カフカ
変身×フランツ・カフカ
Shumpei Shiraishi
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
Shumpei Shiraishi
「1秒でわかる!アパレル業界ハンドブック」を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
Shumpei Shiraishi
漫☆画太郎論
漫☆画太郎論
Shumpei Shiraishi
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
Shumpei Shiraishi
はじめにことばありき
はじめにことばありき
Shumpei Shiraishi
秒速一億円
秒速一億円
Shumpei Shiraishi
この人と結婚していいの?を読んで
この人と結婚していいの?を読んで
Shumpei Shiraishi
20130921レジュメ2
20130921レジュメ2
Shumpei Shiraishi
第62回 読書するエンジニアの会(テーマ:メカ) 「Prototyping lab」
第62回 読書するエンジニアの会(テーマ:メカ) 「Prototyping lab」
Shumpei Shiraishi
はやぶさ」からの贈り物
はやぶさ」からの贈り物
Shumpei Shiraishi
第1回 (白石俊平と) カッコいいやつら
第1回 (白石俊平と) カッコいいやつら
Shumpei Shiraishi
Mehr von Shumpei Shiraishi
(20)
俺的GEB概論(前半)
俺的GEB概論(前半)
コンセプトのつくりかた - アイデアをかたちにする技術
コンセプトのつくりかた - アイデアをかたちにする技術
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
jQueryの先に行こう!最先端のWeb開発トレンドを学ぶ
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
「それでも人生にイエスと言う」を読んで
Angular2実践入門
Angular2実践入門
WebRTCがビデオ会議市場に与えるインパクトを探る
WebRTCがビデオ会議市場に与えるインパクトを探る
変身×フランツ・カフカ
変身×フランツ・カフカ
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
イラスト日用服飾辞典/三面記事の歴史/健康男 を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
「1秒でわかる!アパレル業界ハンドブック」を読んで
漫☆画太郎論
漫☆画太郎論
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
6,000人のWeb技術者コミュニティを5年間やってみて学んだこと
はじめにことばありき
はじめにことばありき
秒速一億円
秒速一億円
この人と結婚していいの?を読んで
この人と結婚していいの?を読んで
20130921レジュメ2
20130921レジュメ2
第62回 読書するエンジニアの会(テーマ:メカ) 「Prototyping lab」
第62回 読書するエンジニアの会(テーマ:メカ) 「Prototyping lab」
はやぶさ」からの贈り物
はやぶさ」からの贈り物
第1回 (白石俊平と) カッコいいやつら
第1回 (白石俊平と) カッコいいやつら
Kürzlich hochgeladen
Summary of "ChatDoctor: A Medical Chat Model Fine-Tuned on a Large Language M...
Summary of "ChatDoctor: A Medical Chat Model Fine-Tuned on a Large Language M...
yoshidakids7
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
Tetsuya Nihonmatsu
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
【修士論文】代替出勤者の選定業務における依頼順決定方法に関する研究 千坂知也
【修士論文】代替出勤者の選定業務における依頼順決定方法に関する研究 千坂知也
harmonylab
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
arts yokohama
2024 03 CTEA
2024 03 CTEA
arts yokohama
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
Sadao Tokuyama
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
arts yokohama
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
Kürzlich hochgeladen
(13)
Summary of "ChatDoctor: A Medical Chat Model Fine-Tuned on a Large Language M...
Summary of "ChatDoctor: A Medical Chat Model Fine-Tuned on a Large Language M...
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
【修士論文】代替出勤者の選定業務における依頼順決定方法に関する研究 千坂知也
【修士論文】代替出勤者の選定業務における依頼順決定方法に関する研究 千坂知也
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
2024 03 CTEA
2024 03 CTEA
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
ARスタートアップOnePlanetの Apple Vision Proへの情熱と挑戦
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 04 minnanoito
2024 04 minnanoito
最近のHTML5はどうなってるのか
1.
最近のHTML5は どうなってるのか 2013/5/24 株式会社オープンウェブ・テクノロジー代表取締役 HTML5開発者コミュニティ「html5j」 主催 白石俊平 (@Shumpei)
2.
自己紹介 • 白石俊平と申します。 • Web技術者コミュニティhtml5j(http://html5j.org) 管理人 •
HTML5とか勉強会主催(月一回、100名超を動員) • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei
3.
おねがい • YouTube Liveを利用するのに必要な1,000 名のチャンネル登録者を求めてます!! •
以下の操作、お願いします! 1. 「youtube html5j」で検索して 2. 「チャンネル登録」ボタンをぽちっと。
4.
なぜ、HTML5か? マルチプラットフォーム マルチデバイス 技術的な成熟
5.
7つの「○○ウェブ」 オフライン リアルタイム スピーディ レスポンシブ インプレッシブ プラットフォーム セマンティック
6.
オフラインWeb http://deha712.exblog.jp/8381024 http://ja.wikipedia.org/wiki/飛行機 http://anata0321.blog78.fc2.com/?no=463
7.
オフラインWeb "オフライン時の変更は、 オンラインに戻った時に同期されます" Google Slides
8.
オフラインWebを実現する テクノロジー • アプリケーションキャッシュ • Web
Storage • Indexed Database API • File API
9.
リアルタイムWeb http://news.cnet.com/8301-30684_3-20002186-265.html
10.
リアルタイムWeb Japanese Chalkboard
11.
リアルタイムWebを実現する テクノロジー • WebSocket • Server-Sent
Events • WebRTC (Web Realtime Communication)
12.
レスポンシブWeb GRAVITATE
13.
レスポンシブWebを実現する テクノロジー • CSSメディアクエリ • レスポンシブ・イメージ •
グリッドレイアウト
14.
<!DOCTYPE html> <html> … </html> Semantic Semantic セマンティックWeb ? ?
15.
セマンティックWeb Google リッチスニペットテストツール
16.
セマンティックWebを実現する テクノロジー • HTML5 Semantic
Elements • HTML5 Microdata • RDF/RDFa/RDFa Lite • Microformats • ...
17.
よりスピーディなWeb
18.
よりスピーディなWeb Normal Speedy
19.
よりスピーディなWebを実現する テクノロジー • SPDY • HTTP/2.0 •
オフライン技術
20.
プラットフォームとしてのWeb
21.
プラットフォームとしてのWeb • デバイス固有の機能にアクセスすることも可 能に – 位置情報の取得 –
カメラ・マイクにアクセス – 音声によるテキスト入力 – デバイスの向きや傾きを取得 – 温度や光、近接センサー – バイブレーション – アドレス帳、ギャラリーへのアクセス – ...
22.
プラットフォームとしてのWeb http://fureidofort.blogspot.jp/2012/04/tizen-10-ivi-preview-on-exopc-photos.html Tizen IVI Opera TV
Store http://japanese.engadget.com/2011/09/08/opera-tv/
23.
インプレッシブWeb
24.
ROME • 3D表現を効果的に活かしたインタラク ティブ・ムービー
25.
インプレッシブWebを実現する テクノロジー • HTML5 Canvas •
SVG (Scalable Vector Graphics) • WebGL • Web Audio API
26.
Webアプリvsネイティブ
27.
Webアプリに足りないものと、 その現状(1) • デバイスの機能を使い切れない – 仕様と実装の両面で強化が図られている –
SysApps WG / Chrome Packaged Apps / PhoneGap... • 速度が遅い – 限界突破のための様々な取組み • asm.js / NaCl / PNaCl / Dart... – 一般的な用途では遅くない? • Fastbook
28.
Webアプリに足りないものと、 その現状(2) • アプリストア的な導線がない – 各社による様々なアプローチ •
Mozilla Marketplace/Chrome Web Store • docomoやKDDIもHTML5に対して積極的に – Webアプリならではの導線があるのは強み • URLがある、インストールが不要、ソーシャルメディ アとの相性が良い • UIコンポーネントや開発環境の不足 – Web Componentsには注目! – Adobe Edge Tools & Servicesを筆頭に、開発環境 も整いつつある。
29.
ご清聴ありがとうございました。 白石俊平 (@Shumpei)