SlideShare a Scribd company logo

Htmlのコトバ

•
•
Masakazu Muraoka
Masakazu Muraoka
Technology
1 of 35
Download to read offline
HTMLのコトバ HTMLのいまさらな用語解説 html5jマークアップ部勉強会 OSAKA 2014.6.10 Bathtimefish 村岡 正和
HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など むらおか まさかず 村岡正和 HTML5-WEST.jp Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング @bathtimefish
監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中！！
Firefox OSの 薄い本書きました。 http://goo.gl/mA8ebW 好評発売中！ 開発に、「もえあがる」のはつきものだ 第一話 がいあハックス （Gaia開発環境の構築とデバッグ） 著
HTML5
http://www.w3.org/html/wg/drafts/html/master/
HTML5もいいけど、 今日はあえて HTMLの常識的なお話をします。 新人さん向けに
1. 要素とかタグとか
<body> これはなんですか？
body要素の開始タグ
<a href= ... >HTMLの基礎</a> 要素名 要素 開始タグ 終了タグ 属性 属性値 要素のテキスト
マークアップの用語をきちんと使い 分けないと、打ち合わせのとき勘違い されて仕事がうまく進まないかも。 あとクリエイターとしてダサいｗ
2. 文章型宣言
<!DOCTYPE html>
HTML5は簡単になったけど、HTML4 とかはやたら長い。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/strict.dtd"> 公開識別子キーワード システム識別子
文書型宣言の種類 Document Type Definition Strict 厳密型 Transitional 移行型 Frameset フレーム設定型 非推奨の要素、属性、フレーム を使わない場合 非推奨の要素、属性を使用する 場合 移行型DTDでフレームを使用す る場合
DTDによってWEBブラウザのレンダリングモード がコントロールされる http://www.htmq.com/htmlkihon/302.shtml
DTDを正しく設定しましょう。 めんどくさいから HTML5にすれば？ <!DOCTYPE html>
3. 要素には意味がある
<html></html> なんの意味？
html要素 htmlドキュメントの ルートを表す
全ての要素に意味があります。 http://html5.jp/ とかで勉強しましょう。
<article></article> これはどこで使う？
勉強会があるよw（宣伝） http://html5experts.jp/?p=5506
4. 正しいマークアップは有益
正しい、高度なマークアップの スキルは今後重要になる。
http://www.google.com/intl/ja_jp/webmasters/
https://support.google.com/webmasters/answer/35769
https://support.google.com/webmasters/answer/146750
http://googlewebmastercentral-ja.blogspot.jp/ 新しい機能が追加されていってます たまにチェックするといいよ。
MarkupCafeでもやってますw http://html5experts.jp/?p=5506
HTMLマークアップも意外と奥が深い 追究すると正解のない世界 まだまだ進化するので、 いっしょに勉強していきましょう！
Thanks!

Recommended

HTML5が最近どうなっていて何があぶなっかしいのか？
HTML5が最近どうなっていて何があぶなっかしいのか？HTML5が最近どうなっていて何があぶなっかしいのか？
HTML5が最近どうなっていて何があぶなっかしいのか？Masakazu Muraoka
 
Espruinoの紹介
Espruinoの紹介Espruinoの紹介
Espruinoの紹介Masakazu Muraoka
 
HTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたHTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたMasakazu Muraoka
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるMasakazu Muraoka
 
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜Masakazu Muraoka
 
FxOSはウェアラブルデバイスの夢を見るか？
FxOSはウェアラブルデバイスの夢を見るか？FxOSはウェアラブルデバイスの夢を見るか？
FxOSはウェアラブルデバイスの夢を見るか？Masakazu Muraoka
 
Swaggerのさわりだけ
SwaggerのさわりだけSwaggerのさわりだけ
SwaggerのさわりだけMasakazu Muraoka
 
JS非同期処理のいま
JS非同期処理のいまJS非同期処理のいま
JS非同期処理のいまMasakazu Muraoka
 

Recommended

HTML5が最近どうなっていて何があぶなっかしいのか？
HTML5が最近どうなっていて何があぶなっかしいのか？HTML5が最近どうなっていて何があぶなっかしいのか？
HTML5が最近どうなっていて何があぶなっかしいのか？Masakazu Muraoka
 
Espruinoの紹介
Espruinoの紹介Espruinoの紹介
Espruinoの紹介Masakazu Muraoka
 
HTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたHTML5でOpen Dataをやってみた
HTML5でOpen DataをやってみたMasakazu Muraoka
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるMasakazu Muraoka
 
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜Masakazu Muraoka
 
FxOSはウェアラブルデバイスの夢を見るか？
FxOSはウェアラブルデバイスの夢を見るか？FxOSはウェアラブルデバイスの夢を見るか？
FxOSはウェアラブルデバイスの夢を見るか？Masakazu Muraoka
 
Swaggerのさわりだけ
SwaggerのさわりだけSwaggerのさわりだけ
SwaggerのさわりだけMasakazu Muraoka
 
JS非同期処理のいま
JS非同期処理のいまJS非同期処理のいま
JS非同期処理のいまMasakazu Muraoka
 
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Masakazu Muraoka
 
react-jsonschema-formについて
react-jsonschema-formについてreact-jsonschema-formについて
react-jsonschema-formについてMasakazu Muraoka
 
Html5でOpen Dataをやってみる
Html5でOpen DataをやってみるHtml5でOpen Dataをやってみる
Html5でOpen DataをやってみるMasakazu Muraoka
 
Html5 and Graphics
Html5 and GraphicsHtml5 and Graphics
Html5 and GraphicsMasakazu Muraoka
 
Fetch apiについて
Fetch apiについてFetch apiについて
Fetch apiについてMasakazu Muraoka
 
AMD basic and practice
AMD basic and practiceAMD basic and practice
AMD basic and practiceMasakazu Muraoka
 
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるMasakazu Muraoka
 
Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２Masakazu Muraoka
 
_HTML5で組んでみた_
_HTML5で組んでみた__HTML5で組んでみた_
_HTML5で組んでみた_Kelly Holonic
 
HTML5 and Graphics
HTML5 and GraphicsHTML5 and Graphics
HTML5 and GraphicsMasakazu Muraoka
 
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発Masakazu Muraoka
 
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか 非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほかMasakazu Muraoka
 
Platform.html5
Platform.html5Platform.html5
Platform.html5Masakazu Muraoka
 
JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)y_uuki
 
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネントDeveloper Solutions事業部 メシウス株式会社 （旧グレープシティ株式会社）
 
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイントDeveloper Solutions事業部 メシウス株式会社 （旧グレープシティ株式会社）
 
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリDeveloper Solutions事業部 メシウス株式会社 （旧グレープシティ株式会社）
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa
 
次世代Web業務アプリケーション
次世代Web業務アプリケーション次世代Web業務アプリケーション
次世代Web業務アプリケーションFumio SAGAWA
 
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」Ayaka Sumida
 
HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方kwatch
 
情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門Atsushi Tadokoro
 

More Related Content

What's hot

Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Masakazu Muraoka
 
react-jsonschema-formについて
react-jsonschema-formについてreact-jsonschema-formについて
react-jsonschema-formについてMasakazu Muraoka
 
Html5でOpen Dataをやってみる
Html5でOpen DataをやってみるHtml5でOpen Dataをやってみる
Html5でOpen DataをやってみるMasakazu Muraoka
 
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるMasakazu Muraoka
 
Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２Masakazu Muraoka
 
_HTML5で組んでみた_
_HTML5で組んでみた__HTML5で組んでみた_
_HTML5で組んでみた_Kelly Holonic
 
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発Masakazu Muraoka
 
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか 非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほかMasakazu Muraoka
 
JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)y_uuki
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa
 
次世代Web業務アプリケーション
次世代Web業務アプリケーション次世代Web業務アプリケーション
次世代Web業務アプリケーションFumio SAGAWA
 
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」Ayaka Sumida
 

What's hot (20)

Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
 
react-jsonschema-formについて
react-jsonschema-formについてreact-jsonschema-formについて
react-jsonschema-formについて
 
Html5でOpen Dataをやってみる
Html5でOpen DataをやってみるHtml5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
 
Html5 and Graphics
Html5 and GraphicsHtml5 and Graphics
Html5 and Graphics
 
Fetch apiについて
Fetch apiについてFetch apiについて
Fetch apiについて
 
AMD basic and practice
AMD basic and practiceAMD basic and practice
AMD basic and practice
 
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
 
Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２Ie6をさっさとやめよう その２
Ie6をさっさとやめよう その２
 
_HTML5で組んでみた_
_HTML5で組んでみた__HTML5で組んでみた_
_HTML5で組んでみた_
 
HTML5 and Graphics
HTML5 and GraphicsHTML5 and Graphics
HTML5 and Graphics
 
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
 
非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか 非同期処理をちょっとはラクに。Promises:aほか
非同期処理をちょっとはラクに。Promises:aほか
 
Platform.html5
Platform.html5Platform.html5
Platform.html5
 
JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)JavaScript on GitHub (#kyotojs)
JavaScript on GitHub (#kyotojs)
 
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
 
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
 
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
【Web TECH FORUM 2017 in大阪】グレープシティのJavaScriptライブラリ
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
 
次世代Web業務アプリケーション
次世代Web業務アプリケーション次世代Web業務アプリケーション
次世代Web業務アプリケーション
 
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
WordCamp Kansai 2015 プレイベント「コントリビューターデイ」
 

Viewers also liked

HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方kwatch
 
情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門Atsushi Tadokoro
 
HTML仕様書を読んでみよう
HTML仕様書を読んでみようHTML仕様書を読んでみよう
HTML仕様書を読んでみようSaeki Tominaga
 
Web勉強会（HTML+CSS+JS入門の入門）
Web勉強会（HTML+CSS+JS入門の入門）Web勉強会（HTML+CSS+JS入門の入門）
Web勉強会（HTML+CSS+JS入門の入門）Noriaki UCHIYAMA
 
2016年12月冥炎強化月間
2016年12月冥炎強化月間2016年12月冥炎強化月間
2016年12月冥炎強化月間paul01647
 
Drupal 8 へのスタンドアロン behat の導入
Drupal 8 へのスタンドアロン behat の導入Drupal 8 へのスタンドアロン behat の導入
Drupal 8 へのスタンドアロン behat の導入tom_konda
 
三角ポップ大作戦！！（京大CARP）
三角ポップ大作戦！！（京大CARP）三角ポップ大作戦！！（京大CARP）
三角ポップ大作戦！！（京大CARP）pj_wcj
 
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後marrmur
 
マークアップ講座 01b HTML
マークアップ講座 01b HTMLマークアップ講座 01b HTML
マークアップ講座 01b HTMLeiji sekiya
 
PtengienのヒートマップとOptimizelyとの連携
PtengienのヒートマップとOptimizelyとの連携PtengienのヒートマップとOptimizelyとの連携
PtengienのヒートマップとOptimizelyとの連携Ptmind_jp
 
芸術情報演習デザイン(web) 第2回：HTML入門
芸術情報演習デザイン(web) 第2回：HTML入門芸術情報演習デザイン(web) 第2回：HTML入門
芸術情報演習デザイン(web) 第2回：HTML入門Atsushi Tadokoro
 
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSSShogo Iwano
 
Ptengineの使い方
Ptengineの使い方Ptengineの使い方
Ptengineの使い方Ptmind_jp
 
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）D D Mapで守り隊！伊都はいいとこPJ（九大CARP）
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）pj_wcj
 
GRADEの基礎：概要と問題設定
GRADEの基礎：概要と問題設定GRADEの基礎：概要と問題設定
GRADEの基礎：概要と問題設定Yuko Masuzawa
 
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門Atsushi Tadokoro
 
Html講習会資料
Html講習会資料Html講習会資料
Html講習会資料竹島 泉
 
失敗という概念が存在しない退屈なweb開発
失敗という概念が存在しない退屈なweb開発失敗という概念が存在しない退屈なweb開発
失敗という概念が存在しない退屈なweb開発Tsunenori Oohara
 
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）防災するけん！岡山県～岡山防災意識革命～（岡山CARP）
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）pj_wcj
 

Viewers also liked (20)

HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方HTMLデザインを崩さないテンプレートエンジンの作り方
HTMLデザインを崩さないテンプレートエンジンの作り方
 
情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門情報編集 (web) 第2回：HTML入門
情報編集 (web) 第2回：HTML入門
 
HTML仕様書を読んでみよう
HTML仕様書を読んでみようHTML仕様書を読んでみよう
HTML仕様書を読んでみよう
 
Web勉強会（HTML+CSS+JS入門の入門）
Web勉強会（HTML+CSS+JS入門の入門）Web勉強会（HTML+CSS+JS入門の入門）
Web勉強会（HTML+CSS+JS入門の入門）
 
2016年12月冥炎強化月間
2016年12月冥炎強化月間2016年12月冥炎強化月間
2016年12月冥炎強化月間
 
Drupal 8 へのスタンドアロン behat の導入
Drupal 8 へのスタンドアロン behat の導入Drupal 8 へのスタンドアロン behat の導入
Drupal 8 へのスタンドアロン behat の導入
 
三角ポップ大作戦！！（京大CARP）
三角ポップ大作戦！！（京大CARP）三角ポップ大作戦！！（京大CARP）
三角ポップ大作戦！！（京大CARP）
 
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後
持続可能な里山とは？～里山保全の同時代史と里山ガバナンスの今後
 
マークアップ講座 01b HTML
マークアップ講座 01b HTMLマークアップ講座 01b HTML
マークアップ講座 01b HTML
 
PtengienのヒートマップとOptimizelyとの連携
PtengienのヒートマップとOptimizelyとの連携PtengienのヒートマップとOptimizelyとの連携
PtengienのヒートマップとOptimizelyとの連携
 
芸術情報演習デザイン(web) 第2回：HTML入門
芸術情報演習デザイン(web) 第2回：HTML入門芸術情報演習デザイン(web) 第2回：HTML入門
芸術情報演習デザイン(web) 第2回：HTML入門
 
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
 
Ptengineの使い方
Ptengineの使い方Ptengineの使い方
Ptengineの使い方
 
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）D D Mapで守り隊！伊都はいいとこPJ（九大CARP）
D D Mapで守り隊！伊都はいいとこPJ（九大CARP）
 
まちづくり門前
まちづくり門前まちづくり門前
まちづくり門前
 
GRADEの基礎：概要と問題設定
GRADEの基礎：概要と問題設定GRADEの基礎：概要と問題設定
GRADEの基礎：概要と問題設定
 
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門
 
Html講習会資料
Html講習会資料Html講習会資料
Html講習会資料
 
失敗という概念が存在しない退屈なweb開発
失敗という概念が存在しない退屈なweb開発失敗という概念が存在しない退屈なweb開発
失敗という概念が存在しない退屈なweb開発
 
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）防災するけん！岡山県～岡山防災意識革命～（岡山CARP）
防災するけん！岡山県～岡山防災意識革命～（岡山CARP）
 

Similar to Htmlのコトバ

Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発Masakazu Muraoka
 
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜つかってみよう！Yeoman 〜riaビルドツール超入門+α〜
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜Masakazu Muraoka
 
Html5で変わるいろんなこと
Html5で変わるいろんなことHtml5で変わるいろんなこと
Html5で変わるいろんなことMasakazu Muraoka
 
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみたJAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみたMasakazu Muraoka
 
パンダの会 Html5概説
パンダの会 Html5概説パンダの会 Html5概説
パンダの会 Html5概説Masakazu Muraoka
 
Kerasで可視化いろいろ
Kerasで可視化いろいろKerasで可視化いろいろ
Kerasで可視化いろいろMasakazu Muraoka
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5Sho Ito
 
WebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみるWebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみるJunichi Okamura
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Masakazu Muraoka
 
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座Atsushi Miura
 
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？Developers Summit
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことMasakazu Muraoka
 
Async flow controll basic and practice
Async flow controll basic and practiceAsync flow controll basic and practice
Async flow controll basic and practiceMasakazu Muraoka
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことMasakazu Muraoka
 
最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策Kensaku Komatsu
 
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）Hideki Akiba
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール WeinerをつかってみたMasakazu Muraoka
 

Similar to Htmlのコトバ (19)

Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
 
Thing.jsについて
Thing.jsについてThing.jsについて
Thing.jsについて
 
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜つかってみよう！Yeoman 〜riaビルドツール超入門+α〜
つかってみよう！Yeoman 〜riaビルドツール超入門+α〜
 
Html5で変わるいろんなこと
Html5で変わるいろんなことHtml5で変わるいろんなこと
Html5で変わるいろんなこと
 
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみたJAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
 
パンダの会 Html5概説
パンダの会 Html5概説パンダの会 Html5概説
パンダの会 Html5概説
 
Kerasで可視化いろいろ
Kerasで可視化いろいろKerasで可視化いろいろ
Kerasで可視化いろいろ
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
 
HTML5の話
HTML5の話HTML5の話
HTML5の話
 
WebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみるWebRTCでリアル店舗を作ってみる
WebRTCでリアル店舗を作ってみる
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座Tech.G HTML5 プレ講座
Tech.G HTML5 プレ講座
 
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？
デブサミ2014【13-D-2】川田寛氏 HTML5がSIに与えた衝撃、エンジニアは何を学ぶべきか？
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
Async flow controll basic and practice
Async flow controll basic and practiceAsync flow controll basic and practice
Async flow controll basic and practice
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
 
最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策
 
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）
Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
 

More from Masakazu Muraoka

Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話Masakazu Muraoka
 
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得するMasakazu Muraoka
 
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup groupMarkupCafe - html5j Markup group
MarkupCafe - html5j Markup groupMasakazu Muraoka
 
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜Masakazu Muraoka
 
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Masakazu Muraoka
 
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分Webセキュリティ ３つの視点から考えるサイバー攻撃と自分
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分Masakazu Muraoka
 
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れIE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れMasakazu Muraoka
 

More from Masakazu Muraoka (7)

Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
 
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する
 
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup groupMarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
 
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
 
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
 
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分Webセキュリティ ３つの視点から考えるサイバー攻撃と自分
Webセキュリティ ３つの視点から考えるサイバー攻撃と自分
 
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れIE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
 

Recently uploaded

SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですSOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
論文紹介：Automated Classification of Model Errors on ImageNet
論文紹介：Automated Classification of Model Errors on ImageNet論文紹介：Automated Classification of Model Errors on ImageNet
論文紹介：Automated Classification of Model Errors on ImageNetToru Tamaki
 
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)Hiroki Ichikura
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略Ryo Sasaki
 
論文紹介：Semantic segmentation using Vision Transformers: A survey
論文紹介：Semantic segmentation using Vision Transformers: A survey論文紹介：Semantic segmentation using Vision Transformers: A survey
論文紹介：Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムsugiuralab
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 

Recently uploaded (9)

SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですSOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
論文紹介：Automated Classification of Model Errors on ImageNet
論文紹介：Automated Classification of Model Errors on ImageNet論文紹介：Automated Classification of Model Errors on ImageNet
論文紹介：Automated Classification of Model Errors on ImageNet
 
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)
【早稲田AI研究会　講義資料】3DスキャンとTextTo3Dのツールを知ろう！(Vol.1)
 
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
 
論文紹介：Semantic segmentation using Vision Transformers: A survey
論文紹介：Semantic segmentation using Vision Transformers: A survey論文紹介：Semantic segmentation using Vision Transformers: A survey
論文紹介：Semantic segmentation using Vision Transformers: A survey
 
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システムスマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介：Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 

Htmlのコトバ