Soumettre la recherche
Mettre en ligne
HTML5の話
•
1 j'aime
•
11,578 vues
Hiroyuki Nozaki
Suivre
2012/03/10 九州GTUG in 鹿児島 「HTML5の話」
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 22
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Google+APIをさわってみる。
Google+APIをさわってみる。
Hiroyuki Nozaki
5分でわかるGoogle+API
5分でわかるGoogle+API
Yasutaka Kawamoto
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
LIGにおけるフロントエンドチーム構築
LIGにおけるフロントエンドチーム構築
Hayashi Yuichi
Front-end package managers
Front-end package managers
Hayashi Yuichi
LIGでのDocker活用
LIGでのDocker活用
Hayashi Yuichi
potatotips (iOS/Android開発Tips共有会) 第19回 資料
potatotips (iOS/Android開発Tips共有会) 第19回 資料
Takao Sumitomo
SQLiteDatabaseを無理矢理覗く
SQLiteDatabaseを無理矢理覗く
Takao Sumitomo
Recommandé
Google+APIをさわってみる。
Google+APIをさわってみる。
Hiroyuki Nozaki
5分でわかるGoogle+API
5分でわかるGoogle+API
Yasutaka Kawamoto
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
LIGにおけるフロントエンドチーム構築
LIGにおけるフロントエンドチーム構築
Hayashi Yuichi
Front-end package managers
Front-end package managers
Hayashi Yuichi
LIGでのDocker活用
LIGでのDocker活用
Hayashi Yuichi
potatotips (iOS/Android開発Tips共有会) 第19回 資料
potatotips (iOS/Android開発Tips共有会) 第19回 資料
Takao Sumitomo
SQLiteDatabaseを無理矢理覗く
SQLiteDatabaseを無理矢理覗く
Takao Sumitomo
開発を効率的に進めるられるまでの道程
開発を効率的に進めるられるまでの道程
Takao Sumitomo
Angularおじさんの1年
Angularおじさんの1年
Hayashi Yuichi
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
CSS Living StyleGuide
CSS Living StyleGuide
Hayashi Yuichi
フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
大和 火河
UIViewController in XIB + IBDesignable
UIViewController in XIB + IBDesignable
Fukaya Akifumi
Gcdについて?
Gcdについて?
Shun Nakahara
HTML5 のお話
HTML5 のお話
tomo_masakura
ちょっとGoogle Analyticsの話しようぜ
ちょっとGoogle Analyticsの話しようぜ
Shinobu Okano
もう一度Kotlinの話をしよう #ndsmeetup4
もう一度Kotlinの話をしよう #ndsmeetup4
Yukiya Nakagawa
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
スマートスピーカーのバックエンドでAzure を使う方法
スマートスピーカーのバックエンドでAzure を使う方法
一希 大田
WantedlyではどうやってiOSアプリ開発しているのか
WantedlyではどうやってiOSアプリ開発しているのか
Yoshinori Kawasaki
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Koichiro Nishijima
30分でできる!Adobe XDプラグイン開発!
30分でできる!Adobe XDプラグイン開発!
Yoshiki Takeoka
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Yukiya Nakagawa
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
初めてのHtml5 20120612
初めてのHtml5 20120612
yohei iwakura
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
Contenu connexe
Tendances
開発を効率的に進めるられるまでの道程
開発を効率的に進めるられるまでの道程
Takao Sumitomo
Angularおじさんの1年
Angularおじさんの1年
Hayashi Yuichi
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
Horiguchi Seito
CSS Living StyleGuide
CSS Living StyleGuide
Hayashi Yuichi
フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
大和 火河
UIViewController in XIB + IBDesignable
UIViewController in XIB + IBDesignable
Fukaya Akifumi
Gcdについて?
Gcdについて?
Shun Nakahara
HTML5 のお話
HTML5 のお話
tomo_masakura
ちょっとGoogle Analyticsの話しようぜ
ちょっとGoogle Analyticsの話しようぜ
Shinobu Okano
もう一度Kotlinの話をしよう #ndsmeetup4
もう一度Kotlinの話をしよう #ndsmeetup4
Yukiya Nakagawa
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
スマートスピーカーのバックエンドでAzure を使う方法
スマートスピーカーのバックエンドでAzure を使う方法
一希 大田
WantedlyではどうやってiOSアプリ開発しているのか
WantedlyではどうやってiOSアプリ開発しているのか
Yoshinori Kawasaki
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fumiya Sakai
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Koichiro Nishijima
30分でできる!Adobe XDプラグイン開発!
30分でできる!Adobe XDプラグイン開発!
Yoshiki Takeoka
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Yukiya Nakagawa
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
Tendances
(20)
開発を効率的に進めるられるまでの道程
開発を効率的に進めるられるまでの道程
Angularおじさんの1年
Angularおじさんの1年
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
CSS Living StyleGuide
CSS Living StyleGuide
フロントエンドエンジニアからエンジニアになった話
フロントエンドエンジニアからエンジニアになった話
UIViewController in XIB + IBDesignable
UIViewController in XIB + IBDesignable
Gcdについて?
Gcdについて?
HTML5 のお話
HTML5 のお話
ちょっとGoogle Analyticsの話しようぜ
ちょっとGoogle Analyticsの話しようぜ
もう一度Kotlinの話をしよう #ndsmeetup4
もう一度Kotlinの話をしよう #ndsmeetup4
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
スマートスピーカーのバックエンドでAzure を使う方法
スマートスピーカーのバックエンドでAzure を使う方法
WantedlyではどうやってiOSアプリ開発しているのか
WantedlyではどうやってiOSアプリ開発しているのか
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
Espruinoの紹介
Espruinoの紹介
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
30分でできる!Adobe XDプラグイン開発!
30分でできる!Adobe XDプラグイン開発!
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Android Lintを覚えてベテラン開発者に追いつこう #ndsmeetup
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Similaire à HTML5の話
初めてのHtml5 20120612
初めてのHtml5 20120612
yohei iwakura
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
Yasuhito Yabe
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
Masakazu Muraoka
GDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
_HTML5で組んでみた_
_HTML5で組んでみた_
Kelly Holonic
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
Atsushi Miura
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Masakazu Muraoka
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
Attractive HTML5
Attractive HTML5
Sho Ito
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
パンダの会 Html5概説
パンダの会 Html5概説
Masakazu Muraoka
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
Masakazu Muraoka
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
Atsushi Tadokoro
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
Thing.jsについて
Thing.jsについて
Masakazu Muraoka
Similaire à HTML5の話
(20)
初めてのHtml5 20120612
初めてのHtml5 20120612
Htmlのコトバ
Htmlのコトバ
今日からはじめるHTML5 ver.2012
今日からはじめるHTML5 ver.2012
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
GDG Women DevfestW
GDG Women DevfestW
_HTML5で組んでみた_
_HTML5で組んでみた_
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Attractive HTML5
Attractive HTML5
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
パンダの会 Html5概説
パンダの会 Html5概説
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
Html5 and Graphics
Html5 and Graphics
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
Swaggerのさわりだけ
Swaggerのさわりだけ
Thing.jsについて
Thing.jsについて
Plus de Hiroyuki Nozaki
Twilioを使ったAndroidのSMS認証の実装
Twilioを使ったAndroidのSMS認証の実装
Hiroyuki Nozaki
「Facebook SDK for Android」を使ったFacebookログイン
「Facebook SDK for Android」を使ったFacebookログイン
Hiroyuki Nozaki
さくらのクラウド おさわりのまとめ
さくらのクラウド おさわりのまとめ
Hiroyuki Nozaki
風は南から
風は南から
Hiroyuki Nozaki
Android開発の基本
Android開発の基本
Hiroyuki Nozaki
Android開発環境の構築(Windows編)
Android開発環境の構築(Windows編)
Hiroyuki Nozaki
Androidの開発概要
Androidの開発概要
Hiroyuki Nozaki
Androidが提供する新たな可能性
Androidが提供する新たな可能性
Hiroyuki Nozaki
Plus de Hiroyuki Nozaki
(8)
Twilioを使ったAndroidのSMS認証の実装
Twilioを使ったAndroidのSMS認証の実装
「Facebook SDK for Android」を使ったFacebookログイン
「Facebook SDK for Android」を使ったFacebookログイン
さくらのクラウド おさわりのまとめ
さくらのクラウド おさわりのまとめ
風は南から
風は南から
Android開発の基本
Android開発の基本
Android開発環境の構築(Windows編)
Android開発環境の構築(Windows編)
Androidの開発概要
Androidの開発概要
Androidが提供する新たな可能性
Androidが提供する新たな可能性
Dernier
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Dernier
(7)
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
HTML5の話
1.
HTML5の話
2012.03.10 九州GTUG in 鹿児島 野崎 弘幸
2.
自己紹介 野崎 弘幸 鹿児島企業に所属しています。 日本Androidの会鹿児島支部長 /
運営委員 不定期でAndroidの勉強会やってます。 Android技術に関する勉強会。 アプリ作成の技術とか、組込みとか、 クラウドやHTML5のことも。
3.
アジェンダ
もう一般的。HTML5 HTML5なマークアップ コーポレートサイトにHTML5を。
4.
もう一般的。HTML5
5.
右肩上がりの注目度!
6.
Amazonで検索すると、 参考書もいっぱい。
7.
JAGKでもやった。
2010年6月8日 日本Androidの会鹿児島支部 第3回勉強会 「HTML5とスマートフォン」(野崎 弘幸) 2010年11年16日 日本Androidの会鹿児島支部 第7回勉強会 AndroidはHTML5の羊の夢をみるか?(森 史憲)
8.
GDD2011でも HTML5関連セッション多かった。
9.
HTML5なマークアップ
10.
HTML5で何が変わる?
ウェブページがリッチに。 そして、 ブラウザがプラグインなしで、 アプリケーションの基盤を担えるように。 まさにこれから旬な技術。
11.
HTML5はWEBの最新技術全般
関連API等の周りの技術も含めると 覚えることたくさん。 video要素やcanvas要素などのマルチメディア系 File、Strage、Cache等のデータ系 WebSocket、Messaging等の通信系 javascriptも必須 などなど。
12.
ともあれ、まずはマークアップを。
バリバリの開発者から、 HTMLのマークアップは、 苦手だと言うのをよく耳にします。 プログラム言語は、エラーが出るが、 HTMLは白黒はっきりさせにくい。 どの要素が適切かは、文脈に依存する。 人が判断するので、少なからず解釈の違いもでる。
13.
マークアップをマスターするには。
作法を覚えて、そして書いてみて、 ひたすらにノウハウをためるべし。 W3C HTML5仕様の最終草案で、 規定されている要素は108個。
14.
ここを読めばだいたいバッチリ。
http://diveintohtml5.info/
15.
コーポレートサイトに HTML5を。
16.
HTML5をどう取り入れるか?
具体例として、 手を付けやすい身近な感じのコーポレートサイトに HTML5を取り入れるという前提で 考えてみたいと思います。
17.
マークアップは、ザクッとこんな感じ DOCTYPE、html、headの各要素をHTML5の作法で。
新要素 を気にして書く。 (section、nav、article、aside、hgroup、header、footer) セクションごとにh1を書けるのです。 フォームのバリデーションが便利な感じです。
18.
HTML5未対応のブラウザに対応
新しい要素に、 display:blockスタイルを定義。 HTML5有効化スクリプトを適用。 http://code.google.com/p/html5shim/
19.
pjaxを取り入れてみる。
HTML5のpushStateを使えば、 ブラウザの履歴を操作できる。 よく例に出されるのがGitHubのあれ。 pjax = pushstate + ajax 第19回html5とか勉強会 pjax http://www.slideshare.net/KensakuKOMATSU/19html5
20.
Media Queriesを取り入れてみる。
CSS3の機能。 画面サイズによってスタイルを変える。 既存のスタイルを上書き適用。 未対応のブラウザにはこれで対応。 http://code.google.com/p/css3-mediaqueries-js/
21.
今回、HTML5で作ってみたサイト。 お休みの日はサービス作るよプロジェクト。
http://cybercenter.jp/
22.
ご清聴ありがとうございました。
Télécharger maintenant