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

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）
デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）
デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）UEHARA, Tetsutaro
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NTT DATA Technology & Innovation
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）Hiroshi Tomioka
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？akihisamiyanaga1
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 

Recently uploaded (8)

デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）
デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）
デジタル・フォレンジックの最新動向（2024年4月27日情洛会総会特別講演スライド）
 
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
NewSQLの可用性構成パターン（OCHaCafe Season 8 #4 発表資料）
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
業務で生成AIを活用したい人のための生成AI入門講座（社外公開版：キンドリルジャパン社内勉強会：2024年4月発表）
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か？
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ～Text-to-MusicとText-To-ImageかつImage-to-Music...
 

Htmlのコトバ