スライド 1

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "スライド 1"

Transcription

1 IE9とHTML5 (+ Open Web Platform) 小 山 田 晃 浩 HTML5への 対 応 はFirefox Opera Webkit 系 の 各 ブラウザーで 既 に 対 応 が 始 まっています さらに 現 在 開 発 中 のIE9でもHTML5の マークアップ video audio canvas DOM CSS3の 一 部 SVG1.1など 様 々な 技 術 へ 対 応 が 進 められています IE9の 登 場 はHTML5やその 周 辺 技 術 を 利 用 するうえでの 重 要 な ターニングポイントとなるでしょう そこでIE9をベースにHTML5や その 周 辺 技 術 について コードを 見 ながら 解 説 します

2 CSS Nite in SHIZUOKA

3 (おやまだ あきひろ) 小 山 田 晃 浩 ( 株 )ピクセルグリッド フロントエンドエンジニア

4 このセッションの 流 れ 1. HTML5? 2. IE9とHTML5 3. IE9が 新 対 応 する 主 な 技 術 HTML5 CSS3 SVG IE6と 疑 似 HTML5 5. まとめ

5 IEのこと 好 きじゃない 人?

6

7 これから 紹 介 するdemo

8

9 HTML5ってなに? HTML4.01を 拡 張 したHTML

10 追 加 される 要 素 型 <article> <aside> <audio> <canvas> <command> <datalist> <details> <embed> <figcaption> <figure> <footer> <header> <hgroup> <keygen> <mark> <math> <meter> <nav> <output> <progress> <rp> <rt> <ruby> <section> <source> <summary> <svg> <time> <track> <video> <wbr>

11 いろいろ 強 化 タグによる 意 味 付 けの 強 化 <section><article><aside>など 埋 め 込 みオブジェクトの 強 化 <audio><video><canvas><svg>など フォームの 強 化 <input type="range">など

12 様 々な 技 術 の 受 け 皿 でもある

13

14 HTMLを 取 り 巻 く 技 術 はとても 多 い

15 HTMLの 周 りにある 様 々な 技 術 CSS, SVG, WAI-ARIA, MathML, ECMAScript, 2D Context, WebGL, Device API, Drop & Drag API, File API, Web Storage, Indexed Database, Offline Web Applications, Web Workers, Web Sockets Protocol/API, Geolocation, Server-Sent Events, Element Traversal, DOM Level 3 Events, Media Fragments, XMLHttpRequest, Selectors API, CSSOM View Module, Cross-Origin Resource Sharing, File API, RDFa, Microdata, WOFF, HTTP

16 どこまでやればいいの?

17 目 安 のひとつはIE9

18

19 各 ブラウザーの 技 術 対 応 度

20 各 ブラウザーの 技 術 対 応 度

21 各 ブラウザーの 技 術 対 応 度

22 各 ブラウザーの 技 術 対 応 度

23 Webkit, Firefox, Operaに 続 き IE9も 新 技 術 に 対 応 他 のブラウザにかなり 近 づいた すべて 対 応 ではない 安 定 している 技 術 に 対 応

24

25

26 IE9は 技 術 のベースラインとなる

27 IE9の 技 術 対 応 度

28 ロゴが 変 わりましたね!

29 Test Drive 特 に 見 た 目 に 関 する 技 術 が 多 い

30 Internet Explorer 9 Beta Guide for Developers

31 Internet Explorer 9 Beta Guide for Developers

32 IE9で 新 たに 対 応 する 技 術 HTML5 <video><audio><canvas>も CSS3 selector, background, border など SVG1.1 描 画 系 構 造 系 情 報 用 の 要 素 その 他

33 IE9で 新 たに 対 応 する 技 術 HTML5 <video><audio><canvas>も CSS3 selector, background, border など SVG1.1 描 画 系 構 造 系 情 報 用 の 要 素 その 他 ( 残 念 ながらAPI 関 連 はまだ... Silverlightに 注 力?)

34 IE9の 範 囲 から HTML5を 始 めてみよう

35

36 IE9が 新 対 応 する 技 術 HTML5 (Formsを 除 く) CSS3 ( 安 定 している 一 部 ) SVG1.1 (8 割 くらい) その 他

37

38 HTML5: DOCTYPEとか

39 HTML5: DOCTYPEとか 1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " 2. <html lang="ja"> 3. <head> 4. <meta http-equiv= Content-Type content="text/html; charset=utf-8"> 5. <title>sample</title> 6. </head> 7. <body> 8. こんにちは 世 界 9. </body> 10. </html>

40 HTML5: DOCTYPEとか 1. <!DOCTYPE html> 2. <html lang="ja"> 3. <head> 4. <meta charset="utf-8"> 5. <title>sample</title> 6. </head> 7. <body> 8. こんにちは 世 界 9. </body> 10. </html>

41 HTML5: <audio>

42

43 HTML5:<audio> 1. <audio controls="controls"> 2. <source src="***.mp3"> 3. <source src="***.ogg"> 4. </audio>

44 HTML5: <video>

45

46 HTML5:<video> 1. <video controls="controls" width="720" height="406"> 2. <source src="***.mp4"> 3. <source src="***.webm"> 4. </video>

47

48 HTML5: <canvas>

49

50 HTML5:<canvas> 1. <canvas width="600" height="600"> </canvas> 1. document.queryselector('canvas').getcontext('2d');

51 HTML5:<canvas> 1. todataurl()などは サポートしておらず 全 てではない 2. WebGLはサポートしていない

52 HTML5: <svg>

53

54 HTML5:<svg> 1. <!DOCTYPE html> 2. <html> 3. (snip) 4. <body> 5. <svg width="500" height="500"> 6. <path d="m475, (snip)"/> 7. </svg> 8. </body> 9. </html>

55

56 CSS3: Selectors

57

58 HTML5:Selectors 1. li:nth-child(2n){ 2. background:#fc9; 3. }

59 ほかにも E:root, E:nth-child(n), E:nth-last-child(n), E:nth-of-type(n), E:nth-last-of-type(n), E:last-child, E:first-of-type, E:last-oftype, E:only-child, E:only-of-type, E:empty, E:target, E:enabled, E:disabled, E:checked, E:indeterminate, E:not(s), E::selection

60 CSS3: Values and Units (rem?, calc() )

61

62 CSS3: Values and Units (calc()) 1. div.sample { 2. font-size:calc(1em * 2-10px); 3. margin-top:calc(1em - 10px); 4. }

63 CSS3: Backgrounds (multiple-backgrounds, box-shadow )

64

65

66

67

68 CSS3: Backgrounds (multiple-backgrounds) 1..block1{ background-image: url(bg_top.png), url(bg_bottom.png), url(bg_middle.png); 2. background-repeat: repeat-x, repeat-x, repeat-x; 3. background-position: 0 0, 0 100%, 0 0; 4. }

69 CSS3: Borders (border-radius)

70

71 CSS3: Borders (border-radius) 1. div.sample { 2. border-radius: 30px; 3. }

72 CSS3: Fonts

73

74 CSS3: Fonts { 2. font-family: 'MyFont'; 3. src: url(testfont.woff) format('woff'); 4. } 5. div.sample{ 6. font-family:'myfont'; 7. }

75

76 SVG1.1: Basic Shapes and Filling

77

78 SVG1.1:Basic Shapes and Filling 1. <svg xmlns=" width="500" height="500"> 2. <rect x="20" y="20" width="350" height="150" fill="#000" stroke="#f19" stroke-width="6"/> 3. <circle cx="350" cy="150" r="100" fill="rgba(0,150,255,.5)" stroke="#09f" stroke-width="6"/> 4. </svg>

79 SVG1.1: Lines

80

81 SVG1.1:Basic Shapes and Filling 1. <svg xmlns=" width="500" height="500"> 2. <path d="m10,160 C50,0 210,0 250,160 S450, ,160" (snip...)/> 3. </svg>

82 SVG1.1: Transformations

83

84 SVG1.1:Transformations <g transform="scale(0.3)"> <g transform="translate(-200,100)"> <g transform="rotate(45 250,250)"> <g transform="skewy(20) skewx(40)">

85 SVG1.1: CSS

86

87 SVG1.1:CSS 1. <defs> 2. <style> 3. #postit path{ 4. fill:#09f; 5. stroke:#000; 6. stroke-width:6px; 7. } 8. </style> 9. </defs>

88 SVG1.1:CSS demo

89 SVG1.1: Interactivity (DOM + events)

90

91 SVG1.1: Interactivity demo

92

93 IE6とIE9 IE6,7の 存 在 は 根 強 い すぐにはIE9へ 移 行 しないだろう...

94 IE6でHTML5を 再 現 疑 似 的 にIE6の 能 力 を 引 き 上 げる JScript VBScript Behaviors (HTC) CSS Filter EOT (WebFonts) VML HTML+TIME ActiveX Flash

95 HTML5 : <section> <video> <audio> 一 般 の 要 素 には html5.js 埋 め 込 み 系 要 素 はいろいろ (ここではhtml5media.jsを 利 用 現 在 うまくダウンロードできないがリソースは 以 下 から 確 認 可 能 : )

96

97 HTML5:<video> 1. <script src="html5media/html5media.js"> </script> 1. <video controls="controls" width="640" height="360"> 2. <source src="bunny.mp4"> 3. <source src="bunny.webm"> 4. </video>

98 HTML5:<audio> 1. <script src="html5media/html5media.js"> </script> 1. <audio controls="controls"> 2. <source src="audio.mp3"> 3. <source src="audio.ogg"> 4. </audio>

99 CSS3 : border-radius, box-shadow PIE がおすすめ

100

101 CSS3 1. div.sample{ 2. border-radius: 30px; 3. behavior: url(/css/pie.htc); 4. }

102 SVG1.1 : <path/>, <rect/>, <circle/> SIE など( 最 良 といえるライブラリはなし 今 後 に 期 待 )

103

104 SVG <!--[if lt IE 9]> 2. <script src="sie.js"></script> 3. <script src="svginhtml.js"></script> 4. <!-- [endif] --> 1. <body> 2. <svg width="500" height="500"> 3. <path d="(snip)"/> 4. </svg> 5. </body>

105

106 まとめ IE9は 見 た 目 に 関 する 新 対 応 が 多 い 見 た 目 から 始 めてみよう! IE9 基 準 でIE6~8をパワーアップさせる HTML5は 機 能 面 に 注 目 されがちだが デザイナーもデベロッパーも 見 た 目 の 技 術 を 抑 えておこう!

107 ちなみに 普 段 の 仕 事 で 安 全 なHTML5を 利 用 しています

108 ご 清 聴 ありがとうございました 小 山 田 晃 浩

スライド 1

スライド 1 HTML5 と 関 連 API はじめに 一 般 的 に HTML5 と 呼 ばれている 範 囲 ( 広 義 ) HTML5 という 仕 様 Web Workers キャンバス ドラッグ&ドロップ Data Cache API オフライン コミュニケーション File API など Server-Sent API Web SQL Database Web Sockets Web Storage Indexed

More information

この 講 座 で 学 ぶこと 3の 概 要 現 時 点 で 大 体 使 える 機 能 2

この 講 座 で 学 ぶこと 3の 概 要 現 時 点 で 大 体 使 える 機 能 2 スマートフォンサイト 制 作 基 礎 11. 3 概 要 この 講 座 で 学 ぶこと 3の 概 要 現 時 点 で 大 体 使 える 機 能 2 3について 3は 2.1をベースに 様 々な 機 能 を 追 加 改 訂 するモジュールの 集 まり Color Values and Units Media Query Transforms Namespace Backgrounds and Borders

More information

HTML5の動向と展望(ネットラーニングセミナー)

HTML5の動向と展望(ネットラーニングセミナー) HTML5の動向と展望 2010/10/28 白石俊平 自己紹介 白石俊平と申します HTML5開発者コミュニティ html5-developers-jp管理人 Google API Expert (HTML5) Twitter: @Shumpei 著書 HTML5&API入門 本日の流れ HTML5の基礎知識 HTML5の3つの意義 HTML5の可能性を表すデモアプリたち HTML5の基礎知識 HTML5って

More information

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt)

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt) 平 成 23 年 度 技 術 研 究 会 HTML5 部 会 HTML5を 使 ったWebアプリの 開 発 ~HTML4.0とHTML5の 比 較 ~ メンバー 富 士 通 九 州 システムズ 三 角 瞳 オーガス 大 分 シーイーシー オーイーシー オーイーシー 老 川 翔 太 行 部 佑 希 西 角 幸 恵 下 郡 剛 九 州 東 芝 エンジニアリング 渡 邉 泰 三 大 分 交 通 松 迫 翔

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

Developer Camp

Developer Camp A2 HTML5テクニカルセッション HTML5アプリ 開 発 入 門 エンバカデロ テクノロジーズ エヴァンジェリスト 高 橋 智 宏 ttakahashi@embarcadero.com アジェンダ HTML5とは? HTML5の 基 礎 Audio Video Canvas WebGL(Web-Based Graphics Library) AppCache(アプリケーションキャッシュ) Mobile(iOS,

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4..

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4.. WWW 17 2 10 1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4................................. 8 4.5...........................

More information

...... ......

More information

Useful Images for Smartphone SVG JPEG PNG GIF TIFF HTML5 CSS JS Web Icon Fonts Canvas CSS Sprite Data URI Scheme SVG JPEG PNG GIF TIFF Web Icon Fonts HTML5 Canvas CSS JS CSS Sprite Data URI Scheme

More information

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

More information

Internet Explorer 9 の機能概説

Internet Explorer 9 の機能概説 Internet Explorer の 機 能 概 説 目 次 へ 次 へ まえがき 東 日 本 大 震 災 の 影 響 で 公 開 が 多 少 延 期 されたようだが 0 年 月 に Internet Explorer の 正 式 版 が 世 界 的 にリリースされた 日 本 でも 月 日 に 日 本 語 版 が 公 開 された IE では ユーザー インターフェイスや JavaScript エンジンが

More information

Useful Images for Smartphone SVG JPEG PNG GIF TIFF HTML5 CSS JS Web Icon Fonts Canvas CSS Sprite Data URI Scheme SVG JPEG PNG GIF TIFF Web Icon Fonts HTML5 Canvas CSS JS CSS Sprite Data URI Scheme

More information

本 日 の 内 容 固 定 サイト (Pinned Site) のご 紹 介 その 他 の 開 発 者 向 け 新 機 能 のご 紹 介 2

本 日 の 内 容 固 定 サイト (Pinned Site) のご 紹 介 その 他 の 開 発 者 向 け 新 機 能 のご 紹 介 2 Internet Explorer 9 の Web 制 作 者 向 け 新 機 能 の 活 用 マイクロソフト 株 式 会 社 デベロッパー&プラットフォーム 統 括 本 部 田 辺 茂 也 本 日 の 内 容 固 定 サイト (Pinned Site) のご 紹 介 その 他 の 開 発 者 向 け 新 機 能 のご 紹 介 2 3 IE9 の 開 発 コンセプト 4 主 役 はブラウザーではなく

More information

Internet Explorer 9

Internet Explorer 9 Internet Explorer 9 春 井 良 隆 マイクロソフト 株 式 会 社 デベロッパー&プラットフォーム 統 括 本 部 UX&クライアントプラットフォーム 推 進 部 本 セッションでは 現 在 開 発 中 の 製 品 を 取 り 扱 ってい ます 仕 様 および 機 能 は 変 更 される 可 能 性 があります WebブラウジングがPCの 最 のタスク PCの 稼 働 時 間 の57%がブラウザーに

More information

Microsoft PowerPoint - 20160618_HTML5セミナ-(配布用).pptx

Microsoft PowerPoint - 20160618_HTML5セミナ-(配布用).pptx HTML5プロフェッショナル 認 定 試 験 レベル1 ポイント 解 説 無 料 セミナー 2016 年 6 18 ( ) in OCS2016Hokkaido ( 札 幌 コンペンションセンター) LPI-Japanパートナーインストラクター 鯨 井 貴 博 (Zeus IT Camp) Linux Networkの 基 礎 から 現 場 経 験 を 活 かしたトラブルシュートまで 幅 広 い 講

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

More information

『HTML5プロフェッショナル認定資格 レベル1 教科書』サンプルPDF

『HTML5プロフェッショナル認定資格 レベル1 教科書』サンプルPDF 本 書 について HTML5 NTT 2014 2 18 免 責 事 項 2013 12 URL HTML5 Level.1 http://www.html5exam.jp/outline/objectives.html#lv1 LPI-Japan HTML5 HTML5 ATM LPI-Japan LPI-Japan Contents 1 章 Webの 基 礎 知 識... 1 1.1 HTTP/HTTPS

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

HTML5 コンテンツブロックごとに を利用

More information

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

スライド 1

スライド 1 2010 年 3 月 3 日 有 限 会 社 futomi 代 表 取 締 役 羽 田 野 太 巳 http://www.futomi.com/ http://www.html5.jp/ http://twitter.com/futomi 旧 来 のHTML マークアップの 規 定 が 中 心 論 文 をベースとした 語 彙 が 中 心 ブラウザー 向 けの 要 件 は 規 定 されず ブラウザーの

More information

31 Jul.2012 API Application Program Interface Markup SEMANTICS OFFLINE & STORAGE DEVICE ACCESS CONNECTIVITY MULTIMEDIA 3D, GRAPHICS EFFECTS PERFORMANCE INTEGRATION CSS3 HTML5 CSS3 JavaScript WHATWG

More information

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を メールテンプレート 編 集 ユーザーマニュアル Ver1.0 2016/5/1 株 式 会 社 シャノン 1 1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封

More information

68 <td valign="top" class="c8"> 69 <p class="c13"><a name="マーク0"><span class="c9">⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign="top" class

68 <td valign=top class=c8> 69 <p class=c13><a name=マーク0><span class=c9>⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign=top class ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTML5レベル1ポイント 解 説 セミナー 業 務 Webアプリ 開 発 スタートアップナビゲーション - HTML5 はじめの2~3 歩 - 2015 年 10 月 25 日 株 式 会 社 カサレアル 王 子 東 HTML5プロフェッショナル 認 定 試 験 レベル1 対 象 マルチデバイスに 対 応 した 静 的 なWebコンテ ンツをHTML5を 使 ってデザイン 作 成 できる Webデザイナー

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

IE9 Beta版のここがいい、ここは直して欲しい ~裏HTML5~ Microsoft 2010 MVP Open Day Japan

IE9 Beta版のここがいい、ここは直して欲しい ~裏HTML5~  Microsoft 2010 MVP Open Day Japan Progressive Enhancement ~ すべての 人 に 確 実 に 情 報 を 届 けるために ~ 第 16 回 HTML5とか 勉 強 会 2011 年 4 月 21 日 有 限 会 社 futomi 代 表 取 締 役 羽 田 野 太 巳 http://www.html5.jp/ http://www.futomi.com/ http://twitter.com/futomi/

More information

WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i

WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps API WebGISJSGI i 18 WebGIS A Sharing of Geographic Information for WebGIS 1095303 2007 3 9 WebGIS WebGIS(Web Geographic Information System) Web WebGIS Web WebGIS API(Application Program Interface) Web Google GoogleMaps

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb

●70974_100_AC009160_KAPヘ<3099>ーシス自動車約款(11.10).indb " # $ % & ' ( ) * +, -. / 0 1 2 3 4 5 6 7 8 9 : ; < = >? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y " # $ % & ' ( ) * + , -. / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B

More information

日 付 更 新 者 内 容 2013/11/29 月 橋 新 規 作 成 2

日 付 更 新 者 内 容 2013/11/29 月 橋 新 規 作 成 2 オープンデータマップ (SVG 地 図 操 作 用 スクリプト) デモ コンテンツ 操 作 ガイド 1 日 付 更 新 者 内 容 2013/11/29 月 橋 新 規 作 成 2 目 次 1. デモ コンテンツ 操 作 ガイド... 4 Google Chrome の 設 定... 4 コンテンツのロード... 4 アイコン 等 について... 5 POIの 設 定... 7 POI を CSV

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information

HTML教科書 HTML5レベル1読者特典

HTML教科書 HTML5レベル1読者特典 f i t a c i r t e i o H T M HTML HTML5 1 n L 90 5 s P r o f e C l a n o i s HTML HTML5 1 HTML5 2 HTML HTML5 1 1 A. GET B. TRACE C. SAVE D. PUT E. OPTIONS 2 A. Authorization B. Referer C. User-Agent D.

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

HTML5 部 会 メンバー 株 式 会 社 オーイーシー 株 式 会 社 オーイーシー 渡 抜 剛 西 村 良 太 大 銀 コンピュータサービス 上 福 梨 彩 九 州 東 芝 エンジニアリング 大 分 大 学 修 士 課 程 2 年 大 分 大 学 修 士 課 程 1 年 大 分 大 学 修 士

HTML5 部 会 メンバー 株 式 会 社 オーイーシー 株 式 会 社 オーイーシー 渡 抜 剛 西 村 良 太 大 銀 コンピュータサービス 上 福 梨 彩 九 州 東 芝 エンジニアリング 大 分 大 学 修 士 課 程 2 年 大 分 大 学 修 士 課 程 1 年 大 分 大 学 修 士 平 成 22 年 度 OISA 技 術 研 究 会 HTML5 部 会 HTML5の 可 能 性 ~ 進 化 するWebアプリケーション~ HTML5 部 会 メンバー 株 式 会 社 オーイーシー 株 式 会 社 オーイーシー 渡 抜 剛 西 村 良 太 大 銀 コンピュータサービス 上 福 梨 彩 九 州 東 芝 エンジニアリング 大 分 大 学 修 士 課 程 2 年 大 分 大 学 修 士

More information

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis >

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ HTTP/2 HTTP/1.1 (1999 ) 2015 5 RFC7540! Google SPDY ( ) 1 TCP TCP TLS HTTP Upgrade HTTP 1 HPACK 1 / 24 3 : HTTP : HTML4 2 / 24 testform.html: POST testform2.html: GET iedemo: IE default.css: CSS proxy.pac:

More information

Microsoft PowerPoint - マークアップガイドライン_201305.ppt [互換モード]

Microsoft PowerPoint - マークアップガイドライン_201305.ppt [互換モード] COPYRIGHT 2013 CYBRiDGE CORPORATION COPYRIGHT 2013 CYBRiDGE CORPORATION 2 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3 XHTML XHTML 1.0 Strict XHTML 1.0 Strict

More information

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

Use The Right Font

Use The Right Font TechEd Reprise TechEd 2010 IE9 for Developers session + α マクロソフト デゖベロップメント 株 式 会 社 プログラム マネージャ 五 寳 匡 郎 Internet Explorer 9 おさらい What s Internet Explorer 9? 次世代 Web ゕプリケーション プラットフォーム 高速 - パフォーマンス向上 相互運用性の向上

More information

html5_ver2_kai.pdf

html5_ver2_kai.pdf LPI-Japan 事務局 HTML5 プロフェッショナル認定試験レベル 1/ レベル 2 出題範囲改定 (Ver2.0) について 下記は 2016 年 11 月時点の情報であり 今後予告なく変更の可能性があります 2017 年 3 月 1 日に HTML5 プロフェッショナル認定試験レベル 1 およびレベル 2 の出題範囲を改定します 改定時期は変更になる場合がございますのでご了承ください 改定日が決まりましたらご連絡いたします

More information

スライド 1

スライド 1 今日から使える HTML5 API 有限会社 futomi 代表取締役羽田野太巳 ( はたのふとみ ) http://www.futomi.com/ http://www.html5.jp/ http://twitter.com/futomi 自己紹介 HTML5.JP を運営 HTML5 のマークアップ API 全般に興味 徹底解説 HTML5 マークアップガイドブック を執筆 母国語は Perl

More information

Microsoft PowerPoint -

Microsoft PowerPoint - 1: 入 門 Ktai Library ECWorks 滝 下 真 玄 (MASA-P) http://www.ecworks.jp/ info@ecworks.jp MENU 何 故 Ktai Library? Ktai Library の 基 本 的 な 使 い 方 携 帯 サイトを 作 る 場 合 の 注 意 点 まとめ 1 何 故 Ktai Library? 2 携 帯 サイトを 作 る 場

More information

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

More information

title

title 平 成 27 年 度 技 術 研 究 会 モバイルアプリをHTML5で 作 る メンバー 九 州 NSソリューションズ 峰 松 佑 一 朗 オーイーシー 中 原 史 博 オーイーシー 築 城 早 樹 子 富 士 通 九 州 システムサービス 鹽 見 飛 鳥 九 州 東 芝 エンジニアリング 安 部 里 美 九 州 東 芝 エンジニアリング 田 中 宏 美 ゴードービジネスマシン 大 山 雅 也 大

More information

Microsoft Word - 資料5-1_資料掲載_ver201603.docx

Microsoft Word - 資料5-1_資料掲載_ver201603.docx ( 資 料 5-1) 授 業 資 料 の 掲 載 授 業 資 料 を 掲 載 する 手 順 について 説 明 します. ここでは,PDF と Powerpoint ファイルを 例 に 説 明 しますが, 他 の 形 式 のファイルも 資 料 として 掲 載 可 能 です. 1. コースメニュー 画 面 のコンテンツ 一 覧 から, 資 料 の 新 規 作 成 を 選 択 あるいは, 編 集 / 削

More information

IE9 Beta版のここがいい、ここは直して欲しい ~裏HTML5~ Microsoft 2010 MVP Open Day Japan

IE9 Beta版のここがいい、ここは直して欲しい ~裏HTML5~  Microsoft 2010 MVP Open Day Japan HTML5 の衝撃 ~ なぜ HTML5 なのか?HTML5 が目指す世界とは ~ CSS Nite in Shinagawa HTML5+IE9 Web Camp 2011 年 3 月 6 日 有限会社 futomi 代表取締役羽田野太巳 http://www.html5.jp/ http://www.futomi.com/ http://twitter.com/futomi/ 羽田野

More information

HTML5Lv2_ key

HTML5Lv2_ key HTML5 2 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

アジェンダ 1. 自己紹介 2.HTML5とは? 3.Meteorとは? 4.Meteorをさわってみよう 5.Meteorで本格アプリを作ってみよう 6.Meteorおさらい 7. まとめ 2

アジェンダ 1. 自己紹介 2.HTML5とは? 3.Meteorとは? 4.Meteorをさわってみよう 5.Meteorで本格アプリを作ってみよう 6.Meteorおさらい 7. まとめ 2 HTML5 で目指せ! 低コストで高機能な WEB 開発 第 14 回 IT テクニカルセミナー 2013/5/31 HTML アジェンダ 1. 自己紹介 2.HTML5とは? 3.Meteorとは? 4.Meteorをさわってみよう 5.Meteorで本格アプリを作ってみよう 6.Meteorおさらい 7. まとめ 2 自己紹介 名前 : 伊東直喜所属 : 株式会社オープントーン金融ソリューション事業部業界

More information

益 子 貴 寛 株 式 会 社 サイバーガーデン なんでも 知 っておかないとマズい ディレクター という 立 ち 位 置

益 子 貴 寛 株 式 会 社 サイバーガーデン なんでも 知 っておかないとマズい ディレクター という 立 ち 位 置 新 しいマークアップ 環 境 に キャッチアップ! 2013.12.14 CSS Nite LP, Disk 31:Shift7 益 子 貴 寛 小 山 田 晃 浩 益 子 貴 寛 Twitter: @takahiromashiko 株 式 会 社 サイバーガーデン なんでも 知 っておかないとマズい ディレクター という 立 ち 位 置 小 山 田 晃 浩 Twitter: @yomotsu 株

More information

携帯電話でGoogle Mapsを使う

携帯電話でGoogle Mapsを使う PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! テーマ 研 究 会 (04/28) Google Mapsを 使 う 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト riho-m-rg10@cuc.ac.jp 資 料 http://www.cuc.ac.jp/rg10/ 前 回

More information

(1)

(1) 第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして

More information

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web

More information

Microsoft PowerPoint - J_ pptx

Microsoft PowerPoint - J_ pptx 有限会社 futomi 代表取締役羽田野太巳 ( はたのふとみ ) http://www.futomi.com/ http://www.html5.jp/ http://twitter.com/futomi http://www.html5.jp/ マークアップの規定が中心 論文をベースとした語彙 ブラウザー向けの要件は規定されず レンダリング結果が異なる 規定違反のマークアップの扱いが違う JavaScript

More information

スライド 1

スライド 1 e 研 修 PDCA 運 用 チェック Simple e-learning Management System Plus 操 作 説 明 書 管 理 者 機 能 ( 運 用 チェックテーマ 資 材 作 成 管 理 編 ) 05 年 月 Ver..7 アーチ 株 式 会 社 機 能 e 研 修 管 理 機 能 LOGIN 画 面 (PC 環 境 用 ) 説 明 e 研 修 管 理 機 能 LOGIN

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (6) ~POST (2011/06/22) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm)

More information

WebGL References Kageyama (Kobe Univ.) Visualization 2013.05.07 *4 2 / 54

WebGL References Kageyama (Kobe Univ.) Visualization 2013.05.07 *4 2 / 54 WebGL *1 2013.05.07 *2 *1 X021 2013 LR301 *2 05/08: Kageyama (Kobe Univ.) Visualization 2013.05.07 *3 1 / 54 WebGL References Kageyama (Kobe Univ.) Visualization 2013.05.07 *4 2 / 54 Chrome Firefox http://www.khronos.org/webgl/wiki/demo_repository

More information

untitled

untitled XML SVG XML SVG FAX 30 SVGScalable Vector Graphics XML VZSA50 RJTD SPAS) 24 VZSF50 RJTD SPAS) 48 VZSF51 RJTD SPAS) XML http://xml.kishou.go.jp/index.html SVG Z C_RJTD_yyyyMMddhhmmss_MET_CHT_JCIspas_image.svg

More information

HTML+CSS_Lesson03_2s.indd

HTML+CSS_Lesson03_2s.indd Windows ファイル 名 には 半 角 スペースも 使 用 しないよう 注 意 しましょう 1. _- 2 類 似 するコンテンツがある 際 に content001 content002 といった 連 続 するナンバリングでフォ ルダ 名 をつけることがあります この 方 法 だと 途 中 のコンテンツがなくなったり ネーミングのルールに 無 理 が 生 じたときに ファイル やフォルダを 管

More information

Microsoft PowerPoint - 2016_2b-DOM.pptx

Microsoft PowerPoint - 2016_2b-DOM.pptx < 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (7) (2011/06/29) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 おみくじのプログラムを 参 考 にして 生 まれた 年 ( 西 暦 )を

More information

第 10 問 img 要 素 の alt 属 性 に 指 定 すべき 値 は src 属 性 で 指 定 している 画 像 がどのように 見 えるのかを 説 明 するテキス トではなく src 属 性 で 指 定 している 画 像 が 表 示 されない 状 況 において 画 像 の 代 わりに 使

第 10 問 img 要 素 の alt 属 性 に 指 定 すべき 値 は src 属 性 で 指 定 している 画 像 がどのように 見 えるのかを 説 明 するテキス トではなく src 属 性 で 指 定 している 画 像 が 表 示 されない 状 況 において 画 像 の 代 わりに 使 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 属 性 型 JP ドメイン 名 の 1 つである or.jp は 主 に 政 府 機 関 が 使 用 するものである 第 2 問 HTML5 では インラインの 引 用 文 を q 要 素 でマークアップせずに テキストに 引 用 符 を 埋 め 込 んで 示 すことも

More information

HTML5Lv1_ key

HTML5Lv1_ key HTML5 1 The HTML5 Logo is licensed under Creative Commons Attribution 3.0.Unported by the W3C; http://creativecommons.org/licenses/by/3.0/ The HTML5 Logo is licensed under Creative Commons Attribution

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを

More information

スライド 1

スライド 1 ( おやまだあきひろ ) 小山田晃浩 ( 株 ) ピクセルグリッド フロントエンドエンジニア (HTML, CSS, JavaScript, SVG) twitter@yomotsu HTML5 と CSS3 と Dreameraer ネタ 連載してます http://goo.gl/8cpxb このセッションの流れ 1. 事例について 2. メディアクエリーを利用した振り分け 3. 振り分け後のスタイル適用

More information

2 事 業 内 容 HTML5アプリ 開 発 環 境 (Monaca) ネイティブアプリ 開 発 サーバーサイド 開 発 インフラ 教 育 事 業 など

2 事 業 内 容 HTML5アプリ 開 発 環 境 (Monaca) ネイティブアプリ 開 発 サーバーサイド 開 発 インフラ 教 育 事 業 など LPI-Japan 主 催 HTML5プロフェッショナル 認 定 試 験 レベル1 ポイント 解 説 無 料料 セミナー 2014 年年 11 月8 日 アシアル 株 式 会 社 生 形 可 奈奈 子 2 事 業 内 容 HTML5アプリ 開 発 環 境 (Monaca) ネイティブアプリ 開 発 サーバーサイド 開 発 インフラ 教 育 事 業 など n HTML5プロフェッショナル 認 定 試

More information

to-r

to-r to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample

More information

https://submitmail.jp/owners/login .... .. 500

More information

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd

More information

スライド 1

スライド 1 Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール

More information

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき モジュール MP-06 MP-06 スライドの 編 集 とリンク 岡 山 県 情 報 教 育 センター スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していきます

More information

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試 ウェブデザイン 技 能 検 定 3 級 学 科 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074> 2 3 4 5 6 http://jprs.co.jp/ 7 8 9 10 11 https://adwords.google.co.jp/select/keywordtoolexternal 12 13 14 http://www.pythagoras.bz/ Pythagoras 15 16 17 18 19 20

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション D8-1 カスタマーリングス コンバージョン 取 得 資 料 株 式 会 社 プラスアルファ コンサルティング カスタマーリングス 事 業 部 0 コンバージョン 取 得 機 能 概 要 カスタマーリングスから 送 信 したメールを 経 由 して 商 品 を 購 入 したお 客 様 の 購 買 情 報 などを コンバージョンとして 自 動 的 にカスタマーリングスに 取 り 込 むことができます 個

More information

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

マイクロソフトのWebブラウザのいままでとこれから

マイクロソフトのWebブラウザのいままでとこれから Legacy Web Modern Web Legacy Web IE10 IE11 IE9 IE6 IE7 IE8 Modern Web Legacy Web IE9 IE10 IE11 IE6 IE7 IE8 Modern Web 2014 年 8 月 7 日 Internet Explorer サポートポリシー変更の重要なお知らせ http://www.microsoft.com/ja-jp/windows/lifecycle/iesupport/

More information

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............

1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1............... 1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................

More information

おすすめページ

おすすめページ 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると

More information

JPCERT/CCとは 一 般 社 団 法 人 JPCERTコーディネーションセンター (JPCERT/CC (ジェーピーサート コーディネーションセンター)) Japan Computer Emergency Response Team Coordination Center https://ww

JPCERT/CCとは 一 般 社 団 法 人 JPCERTコーディネーションセンター (JPCERT/CC (ジェーピーサート コーディネーションセンター)) Japan Computer Emergency Response Team Coordination Center https://ww 今 から 始 めるHTML5セキュリティ 一 般 社 団 法 人 JPCERTコーディネーションセンター 早 期 警 戒 グループ 情 報 セキュリティアナリスト 重 森 友 行 JPCERT/CCとは 一 般 社 団 法 人 JPCERTコーディネーションセンター (JPCERT/CC (ジェーピーサート コーディネーションセンター)) Japan Computer Emergency Response

More information

jQuery_004_012_mkj(02).indd

jQuery_004_012_mkj(02).indd はじめに Flash Flash JavaScript jquery JavaScript jquery Web プログラム 経 験 の 少 ないデザイナーでも 容 易 に 理 解 できる 構 成 jquery jquery jquery 1 Web jquery Web SB 23 11 3 Contents コードの 解 説 39 サンプルコードを 書 き 替 えてみよう! 40 Column

More information

目 次 0. 計 測 タグ 設 置 の 基 本 3 このマニュアルについて... 4 計 測 タグ 設 置 の 流 れ... 5 必 ず 確 認 していただきたいこと... 6 1. 計 測 タグの 種 類 7 入 口 ページタグ... 9 コンバージョンタグ... 10 イベント 計 測 用 タグ

目 次 0. 計 測 タグ 設 置 の 基 本 3 このマニュアルについて... 4 計 測 タグ 設 置 の 流 れ... 5 必 ず 確 認 していただきたいこと... 6 1. 計 測 タグの 種 類 7 入 口 ページタグ... 9 コンバージョンタグ... 10 イベント 計 測 用 タグ 計 測 タグの 設 置 と 動 作 確 認 方 法 このマニュアルの 対 象 となる 方 ウェブアンテナの 計 測 タグをサイトに 設 置 するご 担 当 の 方 (HTML に 関 する 知 識 をある 程 度 お 持 ちの 方 を 想 定 ) このマニュアルでわかること 計 測 タグの 設 置 方 法 や 注 意 点 コンバージョン 属 性 を 計 測 するための 実 装 例 計 測 タグの 動

More information

1

1 目 次 はじめに... 2 音 声 ブラウザの 読 み 上 げ 手 順... 2 音 声 ブラウザへの 具 体 的 な 対 応 方 法... 3 1. 基 本 言 語 3 2.スペースの 挿 入 と 改 行 (タグ)の 挿 入 3 3. 取 り 消 し 線 4 4. 記 号 などの 表 記 4 5. 英 単 語 5 6. 数 字 5 7.イメージマップ 6 8. 表 組 み 6 9.PDF

More information