スライド 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

(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

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

0序文‐1章.indd

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

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

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

Internet Explorer 9

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

More information

スライド 1

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

More information

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

More information

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

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

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

Internet Explorer 9 の機能概説

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

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

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

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

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

『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

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

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

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

コンピュータサイエンス 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

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

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

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

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

title

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

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

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

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

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

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

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

~モバイルを知る~ 日常生活とモバイルコンピューティング 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

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

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

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

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

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

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ 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

■新聞記事

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

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

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

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

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

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

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

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 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

ホームページの作成

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

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

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

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

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

アジェンダ 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

HTML+CSS_Lesson03_2s.indd

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

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

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

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

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

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

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

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

Amazon Web Services環境におけるWebOTX Application Server導入ガイド (Linux)

Amazon Web Services環境におけるWebOTX Application Server導入ガイド (Linux) Amazon Web Services 環 境 における WebOTX Application Server 導 入 ガイド (Linux) 2016 年 4 月 第 4 版 NEC Copyright NEC Corporation 2016. All rights reserved. 免 責 事 項 本 書 の 内 容 は 予 告 なしに 変 更 されることがあります 日 本 電 気 株 式 会

More information

Webブラウザの動向とWebアプリケーションにおける考慮点

Webブラウザの動向とWebアプリケーションにおける考慮点 1.はじめに 2.IE の 動 向 3.IE 以 外 の Web ブラウザの 動 向 4.Web アプリケーション 新 規 開 発 時 の 考 慮 点 5. Web ブラウザバージョンアップ 対 応 時 の 考 慮 点 6. まとめ 要 旨 コンシューマーにおけるスマートフォンやタブレット 端 末 の 普 及 IE (InternetExplorer) 10 の 登 場 や Chrome Firefox

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

あいち電子自治体ガイドライン(第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

第 11 問 HTML5 において s 要 素 は 正 確 ではなくなった 部 分 や 関 係 なくなった 部 分 を 示 す 第 12 問 HTML で 文 字 コード(テキストエンコーディング)を 示 すための 文 字 列 は 大 文 字 小 文 字 のいずれで 記 述 して もよい 第 13

第 11 問 HTML5 において s 要 素 は 正 確 ではなくなった 部 分 や 関 係 なくなった 部 分 を 示 す 第 12 問 HTML で 文 字 コード(テキストエンコーディング)を 示 すための 文 字 列 は 大 文 字 小 文 字 のいずれで 記 述 して もよい 第 13 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザは ユーザエージェントの 一 つである 第 2 問 Apache などのウェブサーバが 動 作 しているかどうかは ping で 確 認 できる 第 3 問 労 働 基 準 法 では 使 用 者 は 労 働 時 間 が 6 時 間 を 超 える 場 合

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) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンター ホームページ 製 作 業 務 受 託 候 補 者 選 定 に 係 る 募 集 要 項 応 募 書 類 の 提 出 期 限 平 成 27 年 10 月 13 日 ( 火 )から 平 成 27 年 10 月 29 日 ( 木 ) 午 後 5 時 まで 応 募 書 類 は 郵 送 又 は 持 参 ください ( 郵 送 の 場 合 簡 易 書

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

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

スライド 1

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

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

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

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

PNG 形 式 <link rel="icon" type="image/png" href="favicon として 利 用 するファイルの URL" /> IE は 仕 様 できない favicon がうまく 表 示 されない 場 合 : Microsoft Internet Explorer

PNG 形 式 <link rel=icon type=image/png href=favicon として 利 用 するファイルの URL /> IE は 仕 様 できない favicon がうまく 表 示 されない 場 合 : Microsoft Internet Explorer Harder Labo ハダラボ Web を もっとハードに 探 究 しよう! 無 料 レンタルサーバー NINJA TOOLS 数 ある 無 料 レンタルサーバーから NINJA TOOLS を 使 います 特 に 選 定 の 大 きな 理 由 はありません その 他 land.to ゼロ ウェブ サーバー (PHP 使 用 可 ) 他 たくさんあります 有 料 のレンタルサーバーですが ロリポップ

More information

Web Twitter Facebook 3. Google (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved.

Web Twitter Facebook 3. Google (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. TypeTalks 3 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. Web 1. 2. Twitter Facebook 3. Google 4. 5. (=Liquid 2011 Kosuke Yamada (PETITBOYS) All Rights Reserved. Typetalks http://stam-design-stam.blogspot.com/2011/01/typetalksweb.html

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

以 下 のファイルはアイテムごとの 改 変 は 行 いません root フォルダ 直 下 にある mimetype META-INF フォルダ 内 の container.xml 2. ファイル 仕 様 底 本 での 改 ページごとにファイルを 分 割 して XHTML 文 書 を 作 成 します

以 下 のファイルはアイテムごとの 改 変 は 行 いません root フォルダ 直 下 にある mimetype META-INF フォルダ 内 の container.xml 2. ファイル 仕 様 底 本 での 改 ページごとにファイルを 分 割 して XHTML 文 書 を 作 成 します デジタルコミック 協 議 会 EPUB3 固 定 レイアウト 仕 様 ガイド ver.1.0 2012/11/22 本 ガイドは コミックスコンテンツ 制 作 およびリーディングシステム(RS) 開 発 のため EPUB3 固 定 レイアウトの 仕 様 をまとめたものです 現 在 IDPF が 規 定 する EPUB3 の 仕 様 では 多 様 な 記 述 が 許 容 されているため 制 作 されたファイルに

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

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

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

More information

Microsoft PowerPoint - HTML5seminor20140315

Microsoft PowerPoint - HTML5seminor20140315 HTML5プロフェッショナル 認 定 試 験 Level.1 学 習 のポイント 2014.03.15 HTML5プロフェッショナル 認 定 試 験 ポイント 解 説 無 料 セミナー@ 大 阪 NTTソフトウェア 株 式 会 社 鈴 木 雅 貴 自 己 紹 介 鈴 雅 貴 (すずきまさたか) NTTソフトウェア 株 式 会 社 HTML5アカデミック 認 定 校 になりました HTML5 推 進

More information

HTML5&CSS3 レッスンブック

HTML5&CSS3 レッスンブック STEP 7-6 Chapter 7 FINISHING & ARRANGE style.css STEP 7-6 で 置 き 換 えた style.css の 設 定 です DESIGN POINTS デザインのポイント Google Fontsの Bowlby One で 表 示 ナビゲーションメニューの 各 リンクは 四 角 形 にデザイン コンテンツは 罫 線 で 囲 まない メインコンテンツの

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

MicrosoftEdge/IE11(Windows10)R&D計画書

MicrosoftEdge/IE11(Windows10)R&D計画書 Microsoft Edgeブラウザ 調 査 資 料 Microsoft Edgeブラウザ 調 査 資 料 2016 年 3 月 11 日 株 式 会 社 野 村 総 合 研 究 所 生 産 革 新 本 部 本 書 のご 利 用 にあたって 本 書 またはこれに 関 連 して 株 式 会 社 野 村 総 合 研 究 所 ( 以 下 NRI といいます)から 提 供 されるいかなる 情 報 も 本 書

More information

Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript

Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript HTML5 入 門 田 ClockMaker 子 Vol.16 2011/06/25 http://clockmaker.jp/ Twitter ID : clockmaker Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript Flash HTML CSS3 Animations iphone/ipad 高 ( Android

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

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

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

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

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

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

Web10.pptx

Web10.pptx 情 報 処 理 技 法 (マルチメディア)I 1 第 10 回 CSS 基 礎 (2) 2 HTML5 コンテンツモデル 3 コンテンツモデル HTML5 のタグは 7つのカテゴリに 分 けられるコン テンツモデルを 採 用 している コンテンツモデルから 要 素 の 中 に 何 を 含 んでよい かが 決 定 される 参 考 W3C: HTML5 content models http://www.w3.org/tr/2011/wd-html5-20110525/content-models.html

More information

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

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

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 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 グローバルナビゲーションとは 水 平 方 向 に 配 置 されるものを 指 し 垂 直 方 向 に 配 置 されるものはローカルナビ ゲーションと 呼 ばれる 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 IPv6 で 定

More information