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

Size: px
Start display at page:

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

Transcription

1 Progressive Enhancement ~ すべての 人 に 確 実 に 情 報 を 届 けるために ~ 第 16 回 HTML5とか 勉 強 会 2011 年 4 月 21 日 有 限 会 社 futomi 代 表 取 締 役 羽 田 野 太 巳

2 <ruby> 羽 田 野 <rp>(</rp><rt>はたの</rt><rp>)</rp> 太 巳 <rp>(</rp><rt>ふとみ</rt><rp>)</rp> </ruby>

3

4

5 HTML5 = Markup + API

6 お 題 ウェブとは 開 発 アプローチ Regressive Enhancement Graceful Degradation Progressive Enhancement まとめ

7 ウェブとは

8 あらゆる 対 象 に 情 報 を 伝 える

9 ちらし

10 あらゆる対象に同じUX

11 あらゆる対象に同じUX ウェブ

12 クロスブラウザー 対 策 あらゆる 対 象 に 同 じUXを 提 供 する

13 クロスブラウザー 対 策 あらゆる 対 象 に 同 じUXを 提 供 する 確 実 に 情 報 を 伝 える

14 本 来 のウェブとは 非 メディア 依 存 ビジュアル ブラウザー 支 援 技 術 (Assistive Technology) スクリーンリーダーなど 検 索 エンジンのロボット リフローが 前 提 スクリーン サイズに 応 じて 変 形 自 在 デメリットではなく 大 きなメリット マルチデバイス PC スマートフォン テレビなど

15 同 じUXは 美 徳? 違 いは 悪 徳?

16 同 じUXは 美 徳? 違 いは 悪 徳? 私 は かしましい 美 徳 よりは 静 かな 悪 徳 を 好 む Albert Einstein

17 Progressive Enhancement それは 違 いを 受 け 入 れること

18 開 発 アプローチ

19 Fallback さまざまな 用 語 Graceful Degradation Regressive Enhancement Unobtrusive Scripting Progressive Enhancement

20 用 語 の 整 理 開 発 アプローチ Regressive Enhancement Graceful Degradation Progressive Enhancement 手 段 Fallback 特 性 表 現 Unobtrusive Scripting

21 Unobtrusive Scripting JSは 控 えめにつつましく JSが 機 能 することを 前 提 としない JSをオフにしたUA JSの 実 装 が 貧 弱 なUA

22 良 くない 例 1 <a href="javascript:window.history.back()"> 前 項 へ 戻 る</a>

23 改 良 版 1 <a href="/index.html" id="bk">トップへ</a> <script> (function () { if(! window.addeventlistener ) { return; } var bk = document.getelementbyid('bk'); bk.innerhtml = ' 前 項 へ 戻 る'; bk.addeventlistener('click', function(e) { e.preventdefault(); window.history.back(); }, false); })(); </script>

24 良 くない 例 2 <ul> <li>ニュース</li> <li> 天 気 予 報 </li> <li>マネー</li>... </ul> li.onclick = function() { // サブメニューを 動 的 生 成 };

25 改 良 版 2 <ul>... <li>マネー <ul> <li> 株 式 </li> <li> 投 資 信 託 </li> </ul> </li>... </ul> li.onclick = function() { // 表 示 非 表 示 の 切 り 替 え };

26 3つの 開 発 アプローチ 三 者 択 一 ではない 1. Regressive Enhancement 2. Graceful Degradation 3. Progressive Enhancement いずれも 目 的 は 同 じ すべての 対 象 に 必 要 な 情 報 を 確 実 に 提 供 どこまで 対 応 するか 対 象 ユーザーとコストとの 兼 ね 合 い

27 アプローチの 違 い 高 Regressive Enhancement U X の レ ベ ル 低 低 UAの 機 能 実 装 度 高

28 REGRESSIVE ENHANCEMENT

29 Regressive Enhancement 古 いブラウザーには 同 等 の 機 能 を あらゆる 手 段 を 使 って 気 合 いでエミュレート JSライブラリーが 有 効 非 常 に 高 コストゆえに 自 作 は 厳 しい

30 VideoJS

31 <link rel="stylesheet" href="video-js.css"> <script src="video.js"></script> <script> VideoJS.setupAllWhenReady(); </script> 気 合 い 注 入 第 1 段 階 <div class="video-js-box"> <video controls> <source src="v.mp4" type="video/mp4"> <source src="v.webm" type="video/webm"> <object data="...swf">... <p><a href="v.mp4">ダウンロード</a></p> </object> </video> </div> 気 合 い 注 入 第 2 段 階 第 3 段 階 第 4 段 階 第 5 段 階 Graceful Degradation

32 GRACEFUL DEGRADATION

33 Graceful Degradation Fail Safe/Fault Tolerant 必 要 な 機 能 がないUAを 救 済 デグレードして 代 替 え 機 能 を 提 供 少 なくとも 最 低 限 の 機 能 を 提 供 HTMLのフォールバック 機 能 が 有 効 手 っ 取 り 早 いが 限 界 はある

34 マークアップ <figure> <canvas> <table><!-- グラフの 元 となる 表 --></table> </canvas> <figcaption> 会 員 数 の 推 移 </figcaption> </figure>

35 結 果 JS/ON 新 しいUA 古 いUA JS/OFF

36 要 素 フォールバックのポイント JavaScriptがOFFのUAに 注 意 該 当 の 要 素 をサポートしたUAでは JSが OFFの 場 合 を 救 済 できない 場 合 がある <canvas>, <video>, <audio>, etc

37 PROGRESSIVE ENHANCEMENT

38 Progressive Enhancement 必 要 最 小 限 の 機 能 を 用 意 まずはマークアップから あらゆるUAで 利 用 可 能 UAの 能 力 に 応 じて 機 能 を 拡 張 CSSやJSによるUXをアドオン 最 新 のUAなら 最 高 のUXを

39 マークアップ <figure> <table><!-- グラフの 元 となる 表 --></table> <figcaption> 会 員 数 の 推 移 </figcaption> </figure>

40 スクリプト // canvas 要 素 のノード オブジェクト var canvas = document.createelement('canvas'); // table 要 素 のノード オブジェクト var tbl = document.getelementbyid('tbl'); // table 要 素 をcanvas 要 素 に 置 き 換 える tbl.parentnode.replacechild(canvas, tbl); // グラフを 描 画...

41 結 果 JS/ON 新 しいUA 古 いUA JS/OFF

42 ファイルのアップロード 必 要 なAPIが 実 装 されていないブラウザーをサポート ファイル 選 択 コントロールによるファイル 指 定 通 常 のフォーム サブミットによるアップロード ファイルアップロード 中 の 進 捗 はわからない

43 ファイルのアップロード Progressive Enhancementを 使 うと ドラッグ&ドロップによるファイル 指 定 XHR2 FormDataによるPOST アップロード 中 の 進 捗 表 示

44 三 層 を 完 全 に 分 離 JS CSS HTML HTMLにCSSとJSをインラインで 混 在 させない HTMLだけでも 最 低 限 の 機 能 を 提 供

45 まとめ

46 優 先 順 位 を 間 違 えない アクセシビリティーが 最 優 先 あらゆる 対 象 に 確 実 に 情 報 を 届 ける マークアップでできることを 優 先 CSSやJSに 頼 らない ユーザービリティーをアドオン CSSで 見 やすさをアドオン JSで 使 いやすさをアドオン 最 新 UAでは 最 高 のUX CSSとJSはUnobtrusive( 控 えめ)であるべき

47 アプローチを 併 用 あらゆるUAを 救 済 Progressive Enhancement Graceful Degradation よりよいUXを 目 指 す Progressive Enhancement さらに 余 裕 があれば Regressive Enhancement JSライブラリーの 活 用

48 望 んでいたものを 手 に 入 れたと 思 い 込 んでいるときほど 願 望 から 遠 く 離 れていることはない ゲーテ 親 和 力 Regressive Enhancementを 求 めるあまり 大 事 なユーザーを 逃 していませんか? 1オンスの 思 慮 分 別 は 1ポンドの 英 知 に 値 する イギリスのことわざ ちょっとした 工 夫 と 配 慮 で 多 くのユーザーに 手 をさしのべることができます

49 参 考 図 書 DOM Scripting 第 二 版 designing with progressive enhancement

50 ご 清 聴 ありがとうございました 有 限 会 社 futomi 代 表 取 締 役 羽 田 野 太 巳

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

スライド 1

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

More information

JavaScript演習

JavaScript演習 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

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

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル Vol.2 ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >>

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

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >> ファイル

More information

7回目(JavaScript1)

7回目(JavaScript1) JavaScript 演 習 1 1 1 回 目 JavaScript 演 習 の 概 要 JavaScriptの 概 要 開 発 環 境 の 整 備 JavaScriptの 基 本 文 法 2 回 目 イベント 処 理 3 回 目 DOM (Document Object Model) 2 JavaScript 演 習 1の 内 容 JavaScriptとは JavaScriptの 開 発 環 境

More information

本 プレゼンの 資 料 は 以 下 のURLから 参 照 できます http://tinyurl.com/2vte59

本 プレゼンの 資 料 は 以 下 のURLから 参 照 できます http://tinyurl.com/2vte59 The Days of Web Standards jsライブラリで 実 装 する 効 率 的 なWeb 制 作 本 プレゼンの 資 料 は 以 下 のURLから 参 照 できます http://tinyurl.com/2vte59 プロフィール 西 畑 一 馬 (Nishihata Kazuma) 大 阪 生 まれ 大 阪 在 住 株 式 会 社 ネットテン プログラマー ポータルサイトの 制 作

More information

slide.key

slide.key Responsive Web Design Adaptive Web Design マルチ 環 境 対 応 の 考 え 方 考 え 方は? 違 いは? Responsive Web Design.content {! position: absolute;! }! @media screen and (min-width: 768px) {!.content {! position: relative;!

More information

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

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

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

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

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 Web デザイン 1-1-1 インターネットと Web 1-1-2 Web サイトの 目 的 とデザイン 1-1-3 Web ページの 表 現 手 法 1-2 Webサイトの 種 類 1-2-

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 Web デザイン 1-1-1 インターネットと Web 1-1-2 Web サイトの 目 的 とデザイン 1-1-3 Web ページの 表 現 手 法 1-2 Webサイトの 種 類 1-2- Ver.1 2015/12/18 ( 仮 称 )のご 案 内 表 紙 デザイン 改 訂 中 2016 年 ( 前 期 後 期 )Webデザイナー 検 定 ベーシック 出 題 範 囲 について 2016 年 3 月 の 入 門 Webデザイン 第 三 版 ( 仮 称 ) の 発 行 にともない 2016 年 の 出 題 範 囲 は 改 訂 版 の 内 容 から 出 題 いたします 書 名 ( 仮 称

More information

Microsoft PowerPoint - CSS Nite(2010.09.23).ppt

Microsoft PowerPoint - CSS Nite(2010.09.23).ppt 2010/09/23 iuiを 使 ってサクッとiPhone 最 適 化 株 式 会 社 中 部 システム 吉 樹 0 Chubu System Co,.ltd [http://www.cscweb.org] 自 紹 介 2001 年 株 式 会 社 中 部 システム 社 2002 年 RPG 中 の 開 発 に 従 事 2003 年 主 に 製 造 販 売 業 を 中 にSEとして 活 動 2005

More information

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

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

More information

コンテンツ制作ガイドライン

コンテンツ制作ガイドライン Web-based Signage コンテンツ 開 発 ガイドライン Release Candidate Rev. 2016 年 2 月 15 日 作 成 : Web プラットフォーム 性 能 ベンチマーク 検 討 会 発 行 : 慶 應 義 塾 大 学 SFC 研 究 所 先 端 ウェブアーキテクチャ ラボ 1 内 容 1. コンテンツ 開 発 ガイドラインの 概 要...4 1.1. ガイドラインの

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

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

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ユーザーアクセス 記 録 の 収 集 5. 制 限 解 除 キー 6. 利 用 規 定 7. 更 新 履 歴

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ユーザーアクセス 記 録 の 収 集 5. 制 限 解 除 キー 6. 利 用 規 定 7. 更 新 履 歴 BASIC 認 証 管 理 L-TOOL BasicAuth (ver 2.2) 取 扱 説 明 書 Little Net http://l-tool.net/ - 2015 年 7 月 22 日 版 - 目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ユーザーアクセス 記 録 の 収 集 5. 制 限 解 除 キー 6. 利 用 規 定 7. 更 新 履 歴 1. 概 要 この

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

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施 設 に

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施 設 に 第 3クールSeason3 WebサービスAPI 勉 強 会 Google Maps API v3の 利 用 目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 4 まずは 地 図 を 表 示 してみよう 6 Google Mapsの 機 能 の 再 確 認 8 自 分 のサイトに 地 図 を 埋 め 込 む 10 中 心 地 点 にマーカーを 表 示 する 12 近 隣 の 施

More information

Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード]

Microsoft PowerPoint - webサイト更新マニュアル20150306.ppt [互換モード] 目 次 目 次 2 全 体 概 要 3 管 理 画 面 へのログイン 4 ページの 種 類 5 新 規 投 稿 の 流 れ 7 記 事 を 投 稿 する( 各 要 素 のパターン) 8 記 事 を 投 稿 する( 要 素 の 順 番 入 れ 替 え 削 除 の 方 法 ) 10 画 像 追 加 11 投 稿 の 編 集 14 サイドエリアの 編 集 16 投 稿 の 削 除 17 新 規 カテゴリの

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

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 - syqueryのご紹介-CreDist - Web用.pptx

Microsoft PowerPoint - syqueryのご紹介-CreDist - Web用.pptx 株 式 会 社 クレディスト 2013/06 のご 紹 介 synquery 開 発 の 経 緯 クラウド+HTM L-5のプラットフォームの 具 現 化 A gile 手 法 で ウェブシステム 開 発 効 率 化 を 実 現 世 界 に 通 用 する 日 本 発 ソフトウェア 基 盤 の 開 発 リアルタイム 双 方 向 性 ブラウザ as オペレーティングシステム 2013 Inc. All

More information

スライド 1

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

More information

IM-Annotation for Accel Platform — 操作ガイド   第3版 2015-08-01  

IM-Annotation for Accel Platform — 操作ガイド   第3版 2015-08-01   Copyright 2014 NTT DATA INTRAMART CORPORATION 1 Top 目 次 IM-Annotation for Accel Platform 操 作 ガイド 第 3 版 2015-08-01 1. 改 訂 情 報 2. はじめに 2.1. 本 書 の 位 置 づけ 3. 各 部 の 名 称 3.1. フォーム 編 集 画 面 3.2. アプリケーション 実 行 画

More information

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

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ 6 : JavaScript 2 : Web Web HTTPS : Web : Web, Internet Week 1 / 23 2 / 23 Web Web : HTTP: ( ) TCP: IP: ( ) Web 3 / 23 Basic (base64 ) ( ) Digest md5 Basic (nonce) hidden

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

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です レンタルショッピングカートマニュアル ~ ショップ 開 店 準 備 part2 編 ~ 1 STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です ネットショップを

More information

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à

Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................

More information

1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に 基 づいた 試 験 の 特 徴 1-2. 試 験 の 基 本 的 な 流 れ 1-3. 規 格 本 文 と 関 連 文 書 1-4. ウェブアクセシビリティ 基 盤 委 員 会 (

1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に 基 づいた 試 験 の 特 徴 1-2. 試 験 の 基 本 的 な 流 れ 1-3. 規 格 本 文 と 関 連 文 書 1-4. ウェブアクセシビリティ 基 盤 委 員 会 ( JIS X 8341-3:2010に 基 づいた ウェブの 試 験 方 法 2010 年 9 月 22 日 富 士 通 デザイン 株 式 会 社 近 藤 真 太 郎 ウェブアクセシビリティ 基 盤 委 員 会 WG3 委 員 Copyright 2010 FUJITSU LIMITED 1. JIS X 8341-3:2010に 基 づいた 試 験 概 要 1-1. JIS X 8341-3:2010に

More information

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

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

More information

地域と文化資産

地域と文化資産 11 2005 1980 151 20 65 1 6 37 7 A D E F G H - 2 - 2005 8 6 10:00 10:30 2-432 A D 7 E 8 1-F 1-G - 3 - 2005 H 1970 2005 8 26-4 - A B D E F G H 3 7 8 1 5 6 1 10-5 - 2005 10 1 5 6 1 1 30 2 3 5 3 2 1 2005 8

More information

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 http://www.moj.go.jp/press/090130-1.html 55 56 57

More information

ノートをクラウドで 管 理 する [ 共 有 ] タブについて OneNote を 初 めて 起 動 すると クラウドに 接 続 するように 求 められ そのクラウドに 最 初 のノートブックが 作 成 されます OneNote では Microsoft アカウント (MSN Hotmail Mes

ノートをクラウドで 管 理 する [ 共 有 ] タブについて OneNote を 初 めて 起 動 すると クラウドに 接 続 するように 求 められ そのクラウドに 最 初 のノートブックが 作 成 されます OneNote では Microsoft アカウント (MSN Hotmail Mes クイック スタート ガイド Microsoft OneNote 2013 は レイアウトがこれまでのバージョンから 変 わりました このガイドは 少 しでも 早 く 慣 れることができるようにそれらの 違 いをまとめたものです タッチとマウスを 切 り 替 える タッチ デバイスで OneNote を 使 う 場 合 クイック アクセス ツール バーにこのスイッチを 追 加 できます リボンの 表

More information

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開..

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開.. PowerStepMail Regist Manual パワーステップメール レジストマニュアル 2015/03/10 改 定 株 式 会 社 ビズクリエイト 目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3.

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション オープンソースCMS シラサギ のご 紹 介 会 社 概 要 会 社 名 設 立 資 本 金 所 在 地 役 員 社 員 数 事 業 内 容 株 式 会 社 ウェブチップス 2013 年 9 月 20 日 500 万 円 770-0872 徳 島 県 徳 島 市 北 沖 洲 三 丁 目 6 番 58 号 石 本 ビル202 代 表 取 締 役 社 長 CEO 野 原 直 一 情 報 担 当 取 締

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

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

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

はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実 践 事 例 でもある この 事 例 から 学 んだことや 今 後 の 課 題 を 報 告 する

はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実 践 事 例 でもある この 事 例 から 学 んだことや 今 後 の 課 題 を 報 告 する 専 門 的 書 籍 の 新 しい 制 作 流 通 のケーススタディとして PDFインフラストラクチャ 解 説 学 びと 課 題 2016 年 2 月 16 日 アンテナハウス 株 式 会 社 小 林 徳 滋 はじめに PDFインフラストラクチャ 解 説 は: プリントオンデマンド( POD) 方 式 とKDPによるセルフ 出 版 の 事 例 であ り ワンソースマルチユース 方 式 制 作 の 実

More information

スライド 1

スライド 1 IE9とHTML5 (+ Open Web Platform) 2010-09-23 小 山 田 晃 浩 HTML5への 対 応 はFirefox Opera Webkit 系 の 各 ブラウザーで 既 に 対 応 が 始 まっています さらに 現 在 開 発 中 のIE9でもHTML5の マークアップ video audio canvas DOM CSS3の 一 部 SVG1.1など 様 々な 技

More information

Microsoft PowerPoint - SCkenkyukai2012tanaka.mshr.ppt [互換モード]

Microsoft PowerPoint - SCkenkyukai2012tanaka.mshr.ppt [互換モード] 利 用 者 のブラウザ 操 作 をWebサービス 化 するための 開 発 最 適 化 支 援 環 境 株 式 会 社 富 士 通 研 究 所 田 中 昌 弘 目 次 背 景 Webサービスを 追 加 開 発 にコストがかかる 課 題 関 連 研 究 利 用 者 のブラウザ 操 作 からWebサービスを 自 動 生 成 する 手 法 提 案 手 法 利 用 者 のブラウザ 操 作 から 不 要 な 通

More information

PDF閲覧制限システムLight版体験版マニュアル

PDF閲覧制限システムLight版体験版マニュアル システムインストール PDF 閲 覧 制 限 システムCD 内 またはダウンロードした setuplockpl.exe をダブルクリックしてください PDF 閲 覧 制 限 システム 体 験 版 セットアップが 開 始 します インストール 画 面 のメッセージ 従 ってインストールを 行 ってください PDF 閲 覧 制 限 システム 体 験 版 マニュアル 販 売 開 発 元 オリーブ 情 報

More information

電子書籍ビジネスの 理想と現実

電子書籍ビジネスの 理想と現実 電 子 書 籍 ビジネスの 理 想 と 現 実 ITからの 電 子 書 籍 ビジネスへのアプローチ ブレインハーツ 株 式 会 社 谷 川 耕 一 @ktanikaw 2013/2/28 まずは 自 己 紹 介 SI 会 社 でエンジニア 担 当 はAI エキスパートシステムなど 出 版 社 アスキーで 月 刊 誌 UNIX MAGAZINE の 編 集 担 当 日 本 オラクルでマーケティング 担

More information

WebコアCMSご紹介資料

WebコアCMSご紹介資料 FUJITSU Enterprise Application WebコアCMS:Webコンテンツ 管 理 システム 株 式 会 社 富 士 通 ソーシアルサイエンスラボラトリ WebコアCMSとは WebコアCMSの 概 要 WebコアCMSの 優 位 性 1 WebコアCMSの 概 要 WebコアCMS( 1) は 散 在 するWebコンテンツを 一 元 管 理 し 簡 単 編 集 承 認 フロー

More information

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン ジーンコード 設 計 要 件 定 義 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザインコンポーネントで

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

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

2 Web ページの 文 字 サイズを 変 更 する Microsoft Internet Explorer 8 では 文 字 のサイズを 変 更 して Web ページをより 見 やすくする ことができます 文 字 のサイズを 変 更 する 場 合 は 画 像 やコントロールは 元 のサイズが 維

2 Web ページの 文 字 サイズを 変 更 する Microsoft Internet Explorer 8 では 文 字 のサイズを 変 更 して Web ページをより 見 やすくする ことができます 文 字 のサイズを 変 更 する 場 合 は 画 像 やコントロールは 元 のサイズが 維 Windows が 提 供 する Web ブラウザ(Microsoft Internet Explorer 8)の 機 能 1.Web ページをズームする 2.Web ページの 文 字 サイズを 変 更 する 3.Web ページで 使 用 される 色 を 選 択 する 4.Web ページやドキュメントで 使 用 されるフォントのスタイルやサイズを 選 択 する 5.Web ページのユーザー 補 助

More information

Some title to be here.

Some title to be here. 平 成 27 年 11 月 28 日 ( 土 ) 10:50 11:20(30 分 ) 第 4 回 地 理 院 地 図 パートナーネットワーク 会 議 @ 日 本 科 学 未 来 館 会 議 室 2 国 土 地 理 院 からの 情 報 提 供 国 土 交 通 省 国 土 地 理 院 地 理 空 間 情 報 部 情 報 普 及 課 藤 村 英 範 Ministry of Land, Infrastructure,

More information

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記 2011.12.8 カメリア パルの 会 ホームページ 編 集 マニュアル http://pal.nono1.jp 1.はじめに カメリア パルの 会 のホームページは フリーのブログシステム(WORDPRESS)を 使 用 してい ます このシステムの 特 徴 としては ブログの 基 本 的 使 用 方 法 である 日 記 を 追 加 するだけでなく 固 定 的 なページを 作 成 することができ

More information

おすすめページ

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

More information

ミルビィとは 導 入 一 例 2

ミルビィとは 導 入 一 例 2 クラウド 型 会 員 制 動 画 配 信 システムのご 紹 介 Copyright 2014 J's Communication Co., Ltd. All rights reserved. ミルビィとは 導 入 一 例 2 会 員 制 動 画 配 信 システムのサービス 概 要 (ドウパ)とはミルビィと 連 携 したクローズドな 環 境 での 利利 用を 想 定 した 動 画 共 有 システムです

More information

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

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

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

インターネットマガジン1999年2月号―INTERNET magazine No.49

インターネットマガジン1999年2月号―INTERNET magazine No.49 A MagnaviIp990Htmltips +CD-ROM 3.0 3.0 A N S W E R A N S W E R 74 INTERNET magazine 999/ click here! 3

More information

方程式を解いてみよう! C++ から PHP + JavaScriptへ

方程式を解いてみよう! C++ から PHP + JavaScriptへ 方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自

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

2016年COM実験_JavaScript演習資料

2016年COM実験_JavaScript演習資料 COM 実 験 JavaScript 演 習 問 題 2016 年 7 月 14 日 ( 木 ) 山 口 高 平 はじめに 開 発 環 境 の 準 備 JavaScriptの 復 習 演 習 問 題 の 概 要 演 習 問 題 1 演 習 問 題 2 演 習 問 題 3 演 習 問 題 4 演 習 問 題 5 レポート 課 題 の 説 明 目 次 はじめに 演 習 を 通 じてHTMLとJavaScriptの

More information

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

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

More information

宿泊産業活性化のための実証実験

宿泊産業活性化のための実証実験 121 32 10 12 12 19 2 15 59 40 33 34 35 36 37 38 3637 20 39 12 19 OFF 2008/12/19 2008/12/25 3 1 1 72,000 2008/12/19 2008/12/26 2 1 1 36,000 2008/12/28 2009/1/5 2 1 1 24,000 2009/1/6 2009/1/16 3 1 1 25,200

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

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi

More information

スライド 1

スライド 1 ね 簡 単 でしょ? すぐできる 拡 張 機 能 レシピ 2009.11.08 株 式 会 社 マピオン アジェンダ MapionでのFireFoxへの 取 り 組 み 拡 張 機 能 FireMapion 簡 単! 拡 張 機 能 レシピ 今 後 予 定 するFireMapion 追 加 機 能 自 己 紹 介 山 岸 靖 典 (やまぎしやすのり) 技 術 開 発 部 部 長 開 発 運 用 の

More information

title

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 3 記 事 の 登

More information

著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われな

著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われな Visual Studio Do-It-Yourself シリーズ 第 15 回 jquery 著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われないものとします

More information

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

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

More information

2

2 2013 年 2 月 2 3 4 5 ios 1)OSが 異 なる 2) 画 面 サイズが 異 なる 3)Flash 対 応 可 否 など 各 々の 端 末 に 最 適 な 動 画 を 自 動 生 成 Android 元 動 画 ファイル 端 末 毎 に 動 画 ファイル を 自 動 生 成 アップロード フィーチャーフォン }

More information

Peace & Piece 画面設計書

Peace & Piece 画面設計書 ホームページ 仕 様 書 株 式 会 社 目 次 1. 更 新 履 歴 2. 構 成 図 3. 制 作 における 基 本 事 項 4. 画 面 設 計 の 定 義 ルール 5. 各 画 面 仕 様 設 計 6. 仕 様 書 確 定 の 合 意 更 新 履 歴 更 新 日 付 更 新 箇 所 更 新 内 容 構 成 図 A-1 トップページ 会 社 サービス 特 徴 コンテンツ サブコンテンツ その

More information

1/2

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

More information

目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1. 委 託 業 務 の 内 容... 4 2.1.1. サイト 概 要... 4 2.1.2. サ

目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1. 委 託 業 務 の 内 容... 4 2.1.1. サイト 概 要... 4 2.1.2. サ スマートフォン 対 応 埼 玉 県 観 光 公 式 サイト ちょこたび 埼 玉 作 成 業 務 委 託 仕 様 書 28.08.05 平 成 28 年 8 月 埼 玉 県 産 業 労 働 部 観 光 課 目 次 1. はじめに... 3 1.1. 目 的... 3 1.2. 用 語 の 定 義... 3 1.3. 県 ホームページシステム 構 成 概 要... 4 2. 業 務 要 件... 4 2.1.

More information

卒論タイトル

卒論タイトル 1 Web, [ ] [ ] [ ] [ ] [ ],.,,.,,., Web, Web 3. Web., 3,, IDF. 2 1 4 1.1... 4 1.2... 4 1.3... 4 1.4... 5 1.5... 5 2 6 2.1 Web UI[2]... 6 2.1.1... 6 2.1.2... 7 2.2 [3]... 7 2.2.1... 7 2.2.2... 7 2.3 Web

More information

Internet Explorer 9

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

More information

試 作 ツールは MIT ライセンスによって 提 供 いたします その 他 内 包 されたオ ープンソース ソフトウェアについてはそれぞれのライセンスに 従 ってご 利 用 くださ い 2

試 作 ツールは MIT ライセンスによって 提 供 いたします その 他 内 包 されたオ ープンソース ソフトウェアについてはそれぞれのライセンスに 従 ってご 利 用 くださ い 2 情 報 連 携 用 語 彙 データベースと 連 携 するデータ 設 計 作 成 支 援 ツール 群 の 試 作 及 び 試 用 並 びに 概 念 モデルの 構 築 ( 浦 安 市 都 市 整 備 部 市 街 地 開 発 課 液 状 化 対 策 推 進 室 ) 操 作 説 明 書 2014 年 9 月 30 日 実 施 企 業 : インディゴ 株 式 会 社 独 立 行 政 法 人 情 報 処 理 推

More information

コンテンツセキュリティポリシー 405 HACK このディレクティブは 仕 様 策 定 当 初 allowという 名 称 でした Firefox 5からはallowと default-srcが 同 様 に 扱 われますが Firefox 4ではallowディレクティブを 指 定 する 必 要 があり

コンテンツセキュリティポリシー 405 HACK このディレクティブは 仕 様 策 定 当 初 allowという 名 称 でした Firefox 5からはallowと default-srcが 同 様 に 扱 われますが Firefox 4ではallowディレクティブを 指 定 する 必 要 があり 404 5 章 Firefox と Web 技 術 H A C K Firefox 4 以 降 では 新 時 代 のセキュリティポリシー 機 能 が 実 装 されています HTML JavaScript onclick Ajax Cross Site ScriptingXSS Firefox 4 Content Security PolicyCSP CSP

More information

愛知工業大学表1-4.indd

愛知工業大学表1-4.indd 23 3 11 25 10 10 15883 2652 150 30 32 3000 Web Web 24 2012 1 8 3 13 FM84.5 8 4CG 91 vol. 10 25 25 2013 1 13 CG 1 8 3 CG 1 Web 2 16 30 50 B3 2 2011 12 ver. 1 ver. 1 Ver. 2 3 Web DY 1 3 50.6 PC 72.8 PC Web

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

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

More information

◆お申し込み方法

◆お申し込み方法 ソフトピアジャパンIT 研 修 のご 案 内 2014 年 1 月 2 月 スケジュール ホームページ:http://www.softopia.or.jp/training/indexh25/ ユーザー 向 き 研 修 昼 間 の 研 修 開 催 時 間 は 10:00~16:45 です 研 修 名 開 催 日 締 切 日 受 講 料 デ ザ イ ン フォトショップ 操 作 編 1 月 30 日 (

More information

人芯経営論 ・・・リーダーシップ考②

人芯経営論 ・・・リーダーシップ考② 2009/12/15 2009/11/17 2009/11/16 2009/10/19 2009/10/15 2009/10/1 2009/9/17 2009/9/1 2009/8/17 2009/8/17 2009/8/14 2009/8/12 2009/7/28 2009/7/17 2009/7/15 2009/6/24 2009/6/18 2009/6/15 2009/5/20 2009/5/15

More information