スライド 1

Size: px
Start display at page:

Download "スライド 1"

Transcription

1 HTML5 と 関 連 API

2 はじめに 一 般 的 に HTML5 と 呼 ばれている 範 囲 ( 広 義 ) HTML5 という 仕 様 Web Workers キャンバス ドラッグ&ドロップ Data Cache API オフライン コミュニケーション File API など Server-Sent API Web SQL Database Web Sockets Web Storage Indexed Database API など HTML5&API 入 門 [ 白 石 俊 平,2010,6 頁, 日 経 BP 社 ]より 引 用 一 部 変 更

3 今 後 の 予 定 HTML5 の 新 機 能 キャンバス ドラッグ&ドロップAPI リッチテキスト 編 集 用 API フォーム 要 素 video 要 素 audio 要 素 その 他 新 機 能 関 連 API File API Geolocation API コミュニケーションAPI オフラインWebアプリケーション Web Storage Web SQL Database Web Workers Web Sockets Server-Sent Events その 他 API

4 > HTML5の 新 機 能 > キャンバス > 目 次 目 次 キャンバスとは 特 性 アクセシビリティ 使 いどころ ブラウザの 実 装 状 況 まとめ おまけ - キャンバス と SVG -

5 > HTML5の 新 機 能 > キャンバス > キャンバスとは キャンバスとは ブラウザ 上 でグラフィックスを 自 由 に 描 画 するための 要 素 とAPI 絵 具 筆 キャンバス canvas 要 素 + API = グラフィックスの 自 由 な 描 画 絵

6 > HTML5の 新 機 能 > キャンバス > キャンバスとは canvas 要 素 グラフィックスの 自 由 な 描 画 が 可 能 な 領 域 を 表 す <canvas id= demo1 width= 300 height= 200 ></canvas> <html> width 属 性 height 属 性 300 指 定 が 無 い 場 合 はデフォルト 値 が 適 用 される width:300 / height:150 もちろんCSSから 指 定 可 能 id 属 性 canvas 200 JavaScriptから 操 作 するため 指 定 してあった 方 がデベロッパーフレンドリー

7 > HTML5の 新 機 能 > キャンバス > キャンバスとは API canvas 要 素 にグラフィックスを 描 画 するためのインタフェース JavaScript からグラフィックスを 操 作 するための 命 令 や 関 数 の 集 合 <script> 命 令 : 描 画 しろ </script> <html> <html> canvas

8 > HTML5の 新 機 能 > キャンバス > 特 性 ビットマップグラフィックス 画 像 を 格 子 状 に 多 くの 細 密 な 点 (ピクセル pixel)に 分 割 し その 点 の 色 や 濃 度 をRGB 等 の 表 色 系 を 用 いて 数 値 として 表 現 したもの

9 > HTML5の 新 機 能 > キャンバス > 特 性 キャンバス は ビットマップグラフィックス を 扱 うもの キャンバス で 描 画 した 画 像 は ビットマップグラフィックス の 特 性 を 継 承 する 例 ) 画 像 を 拡 大 すると 画 質 が 悪 くなる

10 > HTML5の 新 機 能 > キャンバス > 特 性 主 な 特 性 描 画 速 度 が 速 い 一 度 描 画 されたグラフィックスを 個 別 に 認 識 することができない しかし それ 故 に 高 速 である ピクセル 操 作 ピクセルレベルでのグラフィックス 描 画 が 可 能 である グラフィックスを 動 的 に 変 更 可 能 描 画 内 容 を JavaScript で 動 的 に 操 作 できる 画 像 やビデオのデータを 読 み 込 むことができる img 要 素 や video 要 素 との 連 携

11 > HTML5の 新 機 能 > キャンバス > 特 性 誤 解 されがちなこと 注 意 点 アニメーション アニメーションを 表 現 するためのアクションがネイティブな 機 能 として 実 装 されていない アニメーション 苦 手 1コマずつ 図 を 描 きなおすという 処 理 を 繰 り 返 すことで 表 現 可 能 であり 描 画 速 度 を 考 えるとむしろ 得 意 といえる 3Dグラフィックス 現 時 点 での 仕 様 には 含 まれていない 3D 描 画 不 可 策 定 中 の 仕 様 が 標 準 化 に 向 けて 動 く 気 配 も ブラウザでの 実 装 も 進 みつつある WebGL インタラクション JavaScript で 描 画 内 容 を 操 作 することができる インタラクション 自 由 自 在 一 度 描 画 されたグラフィックは 個 別 に(オブジェクト 毎 または オブジェクトのグループとして) 認 識 することができない 極 端 に 言 うと キャンバスで 描 画 したグラフィックス = ひとつの 画 像 (img 要 素 ) と 捉 える 事 ができる アクセシビリティの 問 題

12 > HTML5の 新 機 能 > キャンバス > アクセシビリティ アクセシビリティ フォールバックが 考 慮 されており ある 程 度 のアクセシビリティは 実 現 可 能 サービス 問 題 発 生 ユーザー 性 能 を 落 とす 機 能 制 限 代 替 となる 機 能 サービスを 継 続

13 > HTML5の 新 機 能 > キャンバス > アクセシビリティ フォールバックコンテンツ サンプル <canvas width= 300 height= 200 > <!- フォールバックコンテンツ --> <img src= hoge.jpg width= 100 height= 50 alt= hoge /> <p>hogehoge</p> </canvas> 対 応 している 場 合 <html> 対 応 していない 場 合 <html> canvas img hogehoge

14 > HTML5の 新 機 能 > キャンバス > 使 いどころ 得 意 描 画 速 度 が 重 要 なケースや 動 きのある 装 飾 更 新 性 のある 図 表 など(アニメーション ゲーム グラフ) demo-1 demo-2 demo-3 不 得 意 サイズが 大 きなデータを 扱 う 場 合 やインタラクティブ 性 が 求 められるケース( 地 図 ユーザインタフェース) demo-4 demo-5

15 > HTML5の 新 機 能 > キャンバス > ブラウザの 実 装 状 況 ブラウザの 実 装 状 況 2010 年 1 月 時 点 で Internet Explorer を 除 く 全 てのメジャーブラウザで 利 用 可 能 一 部 APIの 使 用 不 可 やバグがある 場 合 も IE でも JavaScriptライブラリ を 使 用 することで 機 能 制 限 はあるが 利 用 可 能 ExplorerCanvas uucanvas.js IE での 実 装 は? MS は IE9 では Web 標 準 への 対 応 を 強 化 することを 名 言 しているが Platform Preview ではキャンバスは 未 実

16 > HTML5の 新 機 能 > キャンバス > まとめ キャンバス は Flash の 代 替 えではない! 特 性 を 理 解 して 使 い 分 けよう

17 > HTML5の 新 機 能 > キャンバス > おまけ(キャンバス と SVG) 思 ったより 使 いどころがない? 思 ったより 面 白 くない? いやいや!! 待 て!

18 > HTML5の 新 機 能 > キャンバス > おまけ(キャンバス と SVG) SVG(Scalable Vector Graphics)とは 2 次 元 のベクターグラフィックスを XML 文 書 で 表 現 するための 仕 様 (2001 年 9 月 にW3Cが 勧 告 ) グラフィックスを XML 文 書 で 表 現 グラフィックスの 描 画 自 体 は JavaScript から 操 作 しなくても 可 能 描 画 されたグラフィックスは DOM として 認 識 できる ベクターグラフィックス SVGで 生 成 されたグラフィックスはベクターグラフィックスの 特 性 を 継 承 する インタラクション DOM + JavaScript によって 動 的 対 話 的 な 処 理 が 可 能

19 > HTML5の 新 機 能 > キャンバス > おまけ(キャンバス と SVG) 相 互 補 完 の 関 係 キャンバス と SVG は 相 互 補 完 の 関 係 にあると 捉 える 事 ができる キャンバス SVG ビットマップグラフィックス 拡 大 すると 画 質 が 落 ちる 描 画 したグラフィックスを 個 別 に 認 識 できない 描 画 速 度 が 高 速 である グラフィックスの 描 画 はピクセル 単 位 で 行 う 描 画 後 のグラフィックスを 変 更 するには グラフィックス 自 体 を 再 度 描 画 しなおす 必 要 がある 描 画 速 度 が 求 められるケース 画 面 全 体 が 塗 り 替 わるようなアニメーション アクセシビリティ: 良 くない 例 )グラフィックス 内 のテキストを 認 識 できない ベクターグラフィックス 拡 大 しても 画 質 が 落 ちない 描 画 したグラフィックスはDOMとしてscriptから 認 識 可 能 描 画 速 度 はそれ 程 でもない ピクセル 単 位 での 描 画 には 適 さないが 描 画 後 のグラフィックスは 個 別 に 動 かしたり 変 形 したりする のが 容 易 サイズが 大 きなデータを 扱 うケース ユーザ インタラクション アクセシビリティ: 良 い 例 )グラフィックス 内 のテキストがHTMLと 同 様 に 認 識 可 能

20 > HTML5の 新 機 能 > キャンバス > おまけ(キャンバス と SVG) キャンバス と SVG でより 豊 かな 表 現 が 可 能 に!

(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

スライド 1

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

More information

title

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

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

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

PowerPoint プレゼンテーション

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

More information

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

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

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の動向と展望(ネットラーニングセミナー)

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

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

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

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

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

モバイルコンピューティング関連コースのご紹介

モバイルコンピューティング関連コースのご紹介 FUJITSU 人 材 育 成 研 修 サービス 講 習 会 2014 年 4 月 ~2014 年 9 月 版 モバイルコンピューティング 関 連 コースのご 紹 介 富 士 通 ラーニングメディアでは モバイル 技 術 の 全 体 像 から 実 際 のスマートデバイス 向 けアプリケーションの 開 発 技 術 まで スマートデバイスの 活 用 に 必 要 な 知 識 を 修 得 するた めのコースを

More information

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

<4D6963726F736F667420506F776572506F696E74202D204375726C8376838C835B83938E9197BF816991E6313789F18CF097AC89EF816A>

<4D6963726F736F667420506F776572506F696E74202D204375726C8376838C835B83938E9197BF816991E6313789F18CF097AC89EF816A> クライアント サーバ 方 式 からの 完 全 なWeb 化 を 実 現 する リッチクライアント 環 境 開 発 言 語 Curl(カール) について 株 式 会 社 カール 代 表 取 締 役 社 長 井 藤 登 http://www.curlap.com TEL:03-5547-3866/FAX:03-5547-3867 Curlとは? MITの 研 究 者 が 開 発 したクライアント サイドで

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

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

Microsoft PowerPoint - HTML5-IIEEJ-DisplaySeminar-r0(予稿FIX).ppt [互換モード]

Microsoft PowerPoint - HTML5-IIEEJ-DisplaySeminar-r0(予稿FIX).ppt [互換モード] 1 HTML5の 動 向 とサービスプラット フォームとしての 可 能 性 2013.12.20 柳 原 広 昌 KDDI 研 究 所 アウトライン 2 背 景 HTML5の 動 向 ( 概 要 ) サービスプラットフォームとしてのHTML5 デモ インテリジェントクラウド(コミックレイアウト 表 示 ) HTML5の 組 込 系 への 適 用 ( 車 向 けインフォテイメン トシステム) 地 理

More information

1/2

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

More information

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

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

More information

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

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

More information

HTML5がもたらすWeb の新展望について

HTML5がもたらすWeb の新展望について 技 術 動 向 レポート HTML5がもたらすWebの 新 展 望 について コンサルタント 情 報 通 信 研 究 部 井 上 敬 介 今 日 重 要 なインフラとなっているWebを 支 える 技 術 の1つに HTMLがある 現 在 この HTMLの 最 新 仕 様 であるHTML5の 策 定 が 進 められており 注 目 が 集 まっている 本 稿 では HTML5 の 誕 生 に 至 る 歴

More information

Microsoft Word - 11_thesis_08k1131_hamada.docx

Microsoft Word - 11_thesis_08k1131_hamada.docx 23 08k1131 24 i JSP HTML CSS JavaScript Flash ios ii 1.... 1 2.... 1 2.1...1 2.2...2 2.3 Flash...2 2.4...2 2.5...3 2.6...3 2.7...4 3.... 4 3.1...4 3.2...6 3.3...8 3.4...9 3.5... 11 3.6... 12 3.7... 13

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

電波利用懇話会

電波利用懇話会 第 98 回 電 波 利 用 懇 話 会 放 送 通 信 連 携 放 送 サービスの 現 状 と 課 題 について 日 時 : 2012 年 7 月 26 日 ( 木 ) 午 後 1 時 30 分 ~3 時 場 所 : 一 般 社 団 法 人 電 波 産 業 会 会 議 室 ( 日 土 地 ビル 11 階 ) 東 京 都 千 代 田 区 霞 が 関 1-4-1 TEL: 03-5510-8592 主

More information

【試験前に提示される項目】

【試験前に提示される項目】 第 1 問 ( 参 考 問 題 ) 一 次 試 験 で 制 作 した 企 画 書 に 基 づき,Web サイトの 仕 様 書 と,その 仕 様 書 に 基 づいたモック アップを 制 作 せよ.また,モックアップについて 制 作 レポートを 作 成 せよ.なお, 仕 様 書 は 企 画 書 の 内 容 を 改 善 したものでもよい. Web サイトの 仕 様 書 制 作 の 条 件 Web サイトの

More information

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc 新 ユーザー 専 用 ページ 機 能 詳 細 マニュアル 平 成 25 年 2 月 6 日 ( 木 ) 以 降 にご 確 認 ください 1/24 目 次 ユーザー 専 用 ページ... 3 メールサービス... 4 メールサービス 画 面 構 成... 5 アカウント 詳 細 / 設 定... 5 高 機 能 フィルター... 6 ユーザーフィルター 設 定... 7 新 規 フィルターの 追 加...

More information

第5回

第5回 情 報 教 育 演 習 II 第 5 回 HTML(4) 前 回 に 引 き 続 き Webの 中 心 的 な 技 術 HTML について 実 習 をします 今 回 で HTMLのまとめ になります HTML(4) 1. 水 平 線 をつくる( 復 習 ) 2.イメージを 貼 り 付 ける 今 回 の 課 題 1.HTMLファイルを 作 成 する 2.HTMLファイルの 文 法 をチェックする -

More information

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本 書 の 構 成 1-1-1 Webサイト 制 作 の 流 れ 1-1-2 本 書 の 構 成 と 内 容 1-2 Webサイト 制 作 業 界 の 人 材 像 1-2-1 Webサイト 制

chapter1 Web デザインへのアプローチ chapter1 Web デザインへのアプローチ 1-1 本 書 の 構 成 1-1-1 Webサイト 制 作 の 流 れ 1-1-2 本 書 の 構 成 と 内 容 1-2 Webサイト 制 作 業 界 の 人 材 像 1-2-1 Webサイト 制 Ver.3 2016/2/25 Web デザイン - コンセプトメイキングから運用まで - [ 改訂第五版 ] のご案内 2016 年 前期 後期 Web デザイナー検定エキスパート 出題範囲について 2016 年 3 月の Web デザイン - コンセプトメイキングから運用まで -[ 改訂第五版 ] の 発行にともない 2016 年の出題範囲は改訂版の内容から出題いたします 書名 Web デザイン

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

◆お申し込み方法

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

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

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

表紙

表紙 EasyServlet V2 EsScreenEditorを 利 用 した Webアプリケーション 作 成 株 式 会 社 システムズリサーチ 1.1 EsScreenEditor 概 要 第 1 章 概 要 本 章 では EasyServletの 画 面 作 成 ツールであるEsScreenEditorの 概 要 について 説 明 します EasyServletは 本 来 Excelで 記 述 されたインタフェース

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

スマートデバイスにおける業務向けアプリケーションの課題とは?

スマートデバイスにおける業務向けアプリケーションの課題とは? スマートデバイスにおける 業 務 向 けアプリケーションの 課 題 とは? ~クロスプラットフォーム 開 発 基 盤 Caede2.0 のご 紹 介 と 解 決 策 ~ SCSK 株 式 会 社 Curlソリューション 部 プロダクト 課 マーケティング 三 野 凡 希 http://www.curlap.com どれを 選 ぶ? 2 ページ モバイル 開 発 の 現 状 端 末 OS 毎 の 開

More information

intra-mart Accel GroupMail 2016 Spring — リリースノート   初版 2016-04-01  

intra-mart Accel GroupMail 2016 Spring — リリースノート   初版 2016-04-01   intra-mart Accel GroupMail 2016 Spring リリースノート 初 版 2016-04-01 Copyright 2016 NTT DATA INTRAMART CORPORATION 1 Top 目 次 intra-mart Accel GroupMail 2016 Spring リリースノート 初 版 2016-04-01 1. 改 訂 情 報 2. はじめに 3.

More information

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

Microsoft PowerPoint - css.ppt [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される

More information

法 人 番 号 の 概 要 ~ 法 人 番 号 の 指 定 通 知 公 表 ~ 1 法 人 番 号 (13 桁 )の 指 定 指 定 対 象 1 設 立 登 記 法 人 ( ) 2 国 の 機 関 3 地 方 公 共 団 体 4これら 以 外 の 法 人 又 は 人 格 のない 社 団 等 で 法

法 人 番 号 の 概 要 ~ 法 人 番 号 の 指 定 通 知 公 表 ~ 1 法 人 番 号 (13 桁 )の 指 定 指 定 対 象 1 設 立 登 記 法 人 ( ) 2 国 の 機 関 3 地 方 公 共 団 体 4これら 以 外 の 法 人 又 は 人 格 のない 社 団 等 で 法 法 人 番 号 の 概 要 ~ 法 人 番 号 の 指 定 通 知 公 表 ~ 1 法 人 番 号 (13 桁 )の 指 定 指 定 対 象 1 設 立 登 記 法 人 ( ) 2 国 の 機 関 3 地 方 公 共 団 体 4これら 以 外 の 法 人 又 は 人 格 のない 社 団 等 で 法 人 税 消 費 税 の 申 告 納 税 義 務 又 は 給 与 等 に 係 る 所 得 税 の 源 泉

More information

DVIOUT

DVIOUT GIFアニメーションを 作 ろう! 幸 山 直 人 著 インターネット 公 開 版 富 山 大 学 理 学 部 数 学 教 室 商 標 Windows は Microsoft Corporation の 登 録 商 標 です 本 テキストの 著 作 権 について 本 テキストの 一 部 または 全 部 を 著 作 権 法 の 定 める 範 囲 を 超 え 許 可 なく 複 写 転 載 複 製 テープ

More information

Microsoft Word - (6_8月)【一体】.docx

Microsoft Word - (6_8月)【一体】.docx ソフトピアジャパンIT 研 修 のご 案 内 2013 年 6 月 7 月 8 月 スケジュール ス マ ー ト フ ォ ン Study Time 講 座 名 開 催 日 締 切 日 受 講 料 6 月 4 日 ( 火 ) 11 日 ( 火 ) 18 日 ( 火 ) 7 月 2 日 ( 火 ) 9 日 ( 火 ) 16 日 ( 火 ) 8 月 6 日 ( 火 ) 20 日 ( 火 ) 27 日 (

More information

Agenda web W3C HTML5 Web and TV Interest Group Web CSS CJK Web of Things: W3C

Agenda web W3C HTML5 Web and TV Interest Group Web CSS CJK Web of Things: W3C Web 2010 4 16 W3C/Keio Agenda web W3C HTML5 Web and TV Interest Group Web CSS CJK Web of Things: W3C web Google Person Finder 5 http:// kanmisikou.net/lab/ power/ NERV - mash up http://itpro.nikkeibp.co.jp/article/news/20110328/358822/

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

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ 別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 説 明 利 用 者 組 織 管 理 パスワード 管 理 登 録 修 正 削 除 パスワード 期 限 管 理 組 織 名 組 織 ID 組 織 パスワードを 登 録 修 正 削 除 する 管 理 者 自 身 がパスワードの 設 定 変

More information

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

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

More information

第 10 問 HTML5 の h1 h6 要 素 は 単 なる 見 出 し ではなく セクションの 見 出 し を 表 す 第 11 問 ウェブページの 表 示 方 法 は CSS で 指 定 されるものであるため 記 述 する HTML の 文 法 に 誤 りがあったとしても 表 示 に 影 響

第 10 問 HTML5 の h1 h6 要 素 は 単 なる 見 出 し ではなく セクションの 見 出 し を 表 す 第 11 問 ウェブページの 表 示 方 法 は CSS で 指 定 されるものであるため 記 述 する HTML の 文 法 に 誤 りがあったとしても 表 示 に 影 響 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 において header 要 素 はセクショニングコンテンツに 属 さない 第 2 問 jquery などの JavaScript フレームワークの 利 用 には 各 ユーザエージェントのプラグインが 必 須 である 第 3 問 不 正 アクセスや 不 正

More information

1 2 1 ON PC OFF 1 1 ランプ 点 灯 スイッチON マウスを 動 かして 画 面 をON ランプ 消 灯 スイッチOFF 電 源 スイッチ 電 源 スイッチ をおす. 1 PC ON

1 2 1 ON PC OFF 1 1 ランプ 点 灯 スイッチON マウスを 動 かして 画 面 をON ランプ 消 灯 スイッチOFF 電 源 スイッチ 電 源 スイッチ をおす. 1 PC ON 1 1 1 (1) (2) (3) (4) (5) 1 2 1 ON PC OFF 1 1 ランプ 点 灯 スイッチON マウスを 動 かして 画 面 をON ランプ 消 灯 スイッチOFF 電 源 スイッチ 電 源 スイッチ をおす. 1 PC ON 1 3 ログオンするにはCtrl + Alt + Del を 押 してくさい. 1CtrlキーとAltキーを 押 し 続 ける 2Deleteキーを1

More information

untitled

untitled 3sweb ASP & 2009/5/18 DN01 _1 DN02)_1 URL Web Favicon DN03 _1 Web Favicon DN04)_1 ( ) DN05 _1 EXCEL DN06)_1 EXCEL DN07 _1 URL DN08)_1 DN09 _1 ( ) (DN10)_1 ( ) DN11 _1 ( ) (DN12)_1 ( ) DN13 _1 (DN14)_1

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

Internet Explorer 9

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

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

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正 1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく

More information

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ InSite Creative Workflow Version 4.1 操 作 ガイド 目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オートタスクの

More information

求 職 者 訓 練 の 御 案 内 W e b デ ザ イ ン 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ

求 職 者 訓 練 の 御 案 内 W e b デ ザ イ ン 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ 知 識 等 習 得 コース 求 職 者 訓 練 平 成 24 年 4 月 開 講 京 都 高 等 技 術 専 門 校 キャラクター 未 来 の 匠 くん 対 象 者 パソコンの 基 本 操 作 およびキーボード 操 作 が できる 方 コース 紹 介 ビジネスで 活 用 されるWeb 知 識 を 習 得! Photoshop Illustrator Flash Dreamweaverの 知 識 を

More information

求 職 者 訓 練 の 御 案 内 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされている 方 で 下 記 の 条

求 職 者 訓 練 の 御 案 内 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされている 方 で 下 記 の 条 知 識 等 習 得 コース 求 職 者 訓 練 ~ 初 歩 から 学 べます ~ 平 成 25 年 11 月 開 講 京 都 高 等 技 術 専 門 校 キャラクター 未 来 の 匠 くん Webデザイン 科 ( 基 礎 コース) 対 象 者 パソコンの 基 本 操 作 およびキーボード 操 作 が できる 方 コース 紹 介 ビジネスで 活 用 されるWeb 知 識 を 習 得! Photoshop

More information

Googleカレンダーを使った 図書館会議室予約の可視化

Googleカレンダーを使った 図書館会議室予約の可視化 Googleカレンダーを 使 った 図 書 館 会 議 室 予 約 の 可 視 化 平 成 24 年 9 月 20 日 図 書 系 職 員 のための アプリケーション 開 発 講 習 会 東 京 大 学 柏 図 書 館 の 会 議 室 使 用 の 可 視 化 が なぜ 必 要 だったか? 東 京 大 学 柏 図 書 館 の 会 議 室 はどのようなもの? セミナー 室 1 セミナー 室 2 メディアホール

More information

1 2 37 37 OSS OSS 10 Amazon 2 Google 10 HTML5 5

1 2 37 37 OSS OSS 10 Amazon 2 Google 10 HTML5 5 2010 2010.03.08 1 2 37 37 OSS OSS 10 Amazon 2 Google 10 HTML5 5 OSS Programming Amazon Web Services/EC2,SQS,S3,SimpleDB(Amazon) Google ( ) Web Web HTML5 #1. OSS 1/7 OSS OSS Amazon Web Services #1. OSS(2/7)

More information

スライド 1

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

More information

Microsoft PowerPoint - Flash広告入稿基準150817.ppt [互換モード]

Microsoft PowerPoint - Flash広告入稿基準150817.ppt [互換モード] 地 球 の 歩 き 方 ホームページ フラッシュ 広 告 入 稿 基 準 AD MUNU 2 / トラベルフォト ピックアップバナー AD MENU 3 / Arukikata Engage Flash AD MENU 4 5 /728スーパーバナー セグメント AD MENU 6 7 /300エンゲージディスプレイ プレミアム AD MENU 8 9 10 /200スクエアバナー セグメント アンダー

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

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

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint - css [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使

More information

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる

背 景

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景 第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML

More information

Word2013による文書の作成(1級).indd

Word2013による文書の作成(1級).indd Word 1 Word2013 1 オプション 段 落 の 設 定 (1) 文 字 ずれをしないための 設 定 を 行 う( 別 冊 初 期 設 定 参 照 ) (2)(1)の 設 定 以 外 に 以 下 の 設 定 を 行 う 1 [ホーム]タブ [ 段 落 ]グループの を 2 [ 段 落 ]ダイアログボックスの 中 の[ 体 裁 ] クリックする タブをクリックし [オプション]をクリック する

More information

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

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

More information

InternetExplorer 9 影響調査R&D (ダイジェスト版)

InternetExplorer 9 影響調査R&D (ダイジェスト版) Internet Explorer 9 影 響 調 査 R&D(ダイジェスト 版 ) 2011 年 3 月 31 日 情 報 技 術 本 部 共 通 基 盤 推 進 部 本 書 のご 利 用 にあたって 本 書 またはこれに 関 連 して 株 式 会 社 野 村 総 合 研 究 所 ( 以 下 NRI といいます)から 提 供 されるいかなる 情 報 も 本 書 の 利 用 者 ( 以 下 利 用

More information

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

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

More information

0720

0720 DRM SNS WP WP UG Width of the Flash tag cloud Height of the Flash tag cloud Color of the tags 000000 Background color FFFFFF Use compatibility mode? WEB - HTML Color Names http://www.joomler.net/download/131-wordpress/890-wordpress-wp-cumulus-49kb.html

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

インターネット白書2015

インターネット白書2015 - Web HTML と関連技術の動向 黒澤 剛志 株式会社ミツエーリンクス 0 年 0 月に HTML が勧告に Web アクセシビリティやユーザー 操作の抽象化 オフライン Web アプリケーション Extensible Web の実装や標準化が進む HTML 仕様の勧告 0 年 0 月 WC World 標準化することを検討している Wide Web Consortium は HTML 仕様を勧告として公開

More information

Ajax-ch00

Ajax-ch00 vi vii viii ix C O N T E N T S..................................................... iii.......................................................... iv........................................................

More information

目 次 1. 1 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 2ページ 2. 2 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 6ページ 3. 3 級 ウェブデザイン 技 能 検

目 次 1. 1 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 2ページ 2. 2 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 6ページ 3. 3 級 ウェブデザイン 技 能 検 技 能 検 定 ウェブデザイン の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 特 定 非 営 利 活 動 法 人 インターネットスキル 認 定 普 及 協 会 目 次 1. 1 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲 ならびにその 細 目 2ページ 2. 2 級 ウェブデザイン 技 能 検 定 試 験 の 試 験 科 目 及 びその 範 囲

More information

2.1 TransUI ウェブクライアント ウェブクライアントはネットワークカメラの 映 像 を 表 示 し, 映 像 内 のオブジェクトの 上 に, 映 像 に 重 ねるかたちでアイコンを 表 示 する.ユーザはアイコンをクリックすることで 動 作 対 象 (オブジェクト)を 選 択 し,プルダウ

2.1 TransUI ウェブクライアント ウェブクライアントはネットワークカメラの 映 像 を 表 示 し, 映 像 内 のオブジェクトの 上 に, 映 像 に 重 ねるかたちでアイコンを 表 示 する.ユーザはアイコンをクリックすることで 動 作 対 象 (オブジェクト)を 選 択 し,プルダウ ユビキタス 環 境 技 術 を 用 いた 超 越 体 験 メディアの 開 発 1. 背 景 及 び 目 的 近 年,ネットワークカメラが 普 及 し, 防 犯, 監 視 に 加 えて, 幼 稚 園 に 設 置 して 保 護 者 が 子 供 を 見 守 るなど, 様 々な 用 途 で 用 いられている.ネットワークカメラを 用 いると,ユーザは 現 地 の 情 報 を 取 得 することができるが, 現

More information

08encode part 2

08encode part 2 A - - #8 bit, Byte, Yutaka Yasuda 1/2 0/1 CD 9 1 0 0 or 1 1/9 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 4,3,4,7,7,8,8,5,3,2,2 CD/CD-R CD / CD-R - 1 bit data (7bit) P 0 1 1 0 1

More information

0序文‐1章.indd

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

More information

目 次 1 性 能 要 求 条 件 の 概 要...4 1.1 性 能 評 価 の 範 囲...4 1.2 評 価 の 方 針...5 2 適 合 要 件 の 分 類 と 性 能 評 価...6 3 解 像 度...7 3.1 小 密 度 型...7 3.2 中 密 度 型...7 3.3 高 密

目 次 1 性 能 要 求 条 件 の 概 要...4 1.1 性 能 評 価 の 範 囲...4 1.2 評 価 の 方 針...5 2 適 合 要 件 の 分 類 と 性 能 評 価...6 3 解 像 度...7 3.1 小 密 度 型...7 3.2 中 密 度 型...7 3.3 高 密 Web-based Signage 端 末 性 能 要 件 Release Candidate Rev. 2016 年 3 月 11 日 作 成 : Web プラットフォーム 性 能 ベンチマーク 検 討 会 発 行 : 慶 應 義 塾 大 学 SFC 研 究 所 先 端 ウェブアーキテクチャ ラボ 1 目 次 1 性 能 要 求 条 件 の 概 要...4 1.1 性 能 評 価 の 範 囲...4

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

Microsoft Word - 【最新】IT研修10・11・12月.doc

Microsoft Word - 【最新】IT研修10・11・12月.doc Study Time ソフトピアジャパンIT 研 修 のご 案 内 2012 年 10 月 11 月 12 月 スケジュール 講 座 名 開 催 日 締 切 日 受 講 料 Photoshop でスマートフォンアプリ 開 発 体 験! ~Kwik を 使 って iphone&android アプリを 作 ろう~ 10 月 2 日 ( 火 ) 9 日 ( 火 ) 16 日 ( 火 ) 23 日 ( 火

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

地域と文化資産

地域と文化資産 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

期 待 できる HTML UI Design Patterns の 位 置 づけを 図 1 に 示 す Designing Interfaces [1]は Web というメディアに 限 らない 汎 用 的 な UI を 網 羅 したデザイン パターンである Web で 使 用 される UI パターン

期 待 できる HTML UI Design Patterns の 位 置 づけを 図 1 に 示 す Designing Interfaces [1]は Web というメディアに 限 らない 汎 用 的 な UI を 網 羅 したデザイン パターンである Web で 使 用 される UI パターン UI 設 計 のための HTML デザイン パターン 日 野 克 哉 株 式 会 社 東 芝 ソフトウェア 技 術 センター 鷲 崎 弘 宜 早 稲 田 大 学 基 幹 理 工 学 研 究 科 情 報 理 工 学 専 攻 HTML は 本 来 文 書 を 記 述 するための 言 語 であり 現 在 の Web アプリケー ションやサイトに 見 られるような 高 度 なインタラクションを 伴 う UI

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

Copyright(c) 2011, Oracle. All rights reserved. 2 / 28

Copyright(c) 2011, Oracle. All rights reserved. 2 / 28 Oracle Application Express 4.0 を 使 用 した データベース オブジェクトの 操 作 Copyright(c) 2011, Oracle. All rights reserved. Copyright(c) 2011, Oracle. All rights reserved. 2 / 28 Oracle Application Express 4.0 を 使 用 した

More information

第48回 技能五輪全国大会

第48回 技能五輪全国大会 第 50 回 技 能 五 輪 全 国 大 会 ウェブデザイン 職 種 競 技 課 題 The 50th National Skills Competition Web Design Competition Test Project ( 事 前 公 表 ) 2012 年 10 月 9 日 1 1. MODULE 1 課 題 モジュール 1 制 限 時 間 6.5 時 間 ( 競 技 1 2 日 目 )

More information

Flash基礎Chapter1_3稿.indd

Flash基礎Chapter1_3稿.indd Chapter 1 Flashの 概 要 PREPARATION Chapter1 で 使 用 するフォルダー 本 講 座 で 使 用 するデータは 映 像 教 材 ページからダウンロードしてください ダウンロードしたデータは 展 開 し デスクトップに 用 意 してください Flas hの 概 要 Chapter 1 1-1 Flashとは Flash は アニメーションや RIA を 作 成 することができるアプリケーションです

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

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

目 次 準 備 事 項 ( 前 日 までに 行 っていただきたいこと) 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

<4D6963726F736F667420576F7264202D208C8A968482DF96E291E88DEC90AC2E646F6378>

<4D6963726F736F667420576F7264202D208C8A968482DF96E291E88DEC90AC2E646F6378> Moodle 2 の 穴 埋 めテスト 問 題 変 換 ツー ール Quiz Translator CLOZE の 使 い 方 1. QuizTranslator_CLOZE の 起 動 1. QuizTranslator_CLOZE をダブルクリックして 起 動 させます 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

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)

More information

株 式 会 社 ワールドの 紹 介 (1) 本 社 : 兵 庫 県 尼 崎 市 御 園 町 24 尼 崎 第 一 ビル6F 主 な 営 業 エリア: 近 畿 中 国 四 国 中 部 北 陸 主 な 営 業 品 目 測 量 ( 航 空 写 真 測 量 GIS 地 上 測 量 文 化 財 測 量 ) 建

株 式 会 社 ワールドの 紹 介 (1) 本 社 : 兵 庫 県 尼 崎 市 御 園 町 24 尼 崎 第 一 ビル6F 主 な 営 業 エリア: 近 畿 中 国 四 国 中 部 北 陸 主 な 営 業 品 目 測 量 ( 航 空 写 真 測 量 GIS 地 上 測 量 文 化 財 測 量 ) 建 WebGIS 導 入 事 例 Ajaxによるノンプラグイン 型 WebGISのさらなる 飛 躍 平 成 18 年 7 月 ワールド 株 式 会 社 ワールドの 紹 介 (1) 本 社 : 兵 庫 県 尼 崎 市 御 園 町 24 尼 崎 第 一 ビル6F 主 な 営 業 エリア: 近 畿 中 国 四 国 中 部 北 陸 主 な 営 業 品 目 測 量 ( 航 空 写 真 測 量 GIS 地 上 測

More information

2

2 2 485 1300 1 6 17 18 3 18 18 3 17 () 6 1 2 3 4 1 18 11 27 10001200 705 2 18 12 27 10001230 705 3 19 2 5 10001140 302 5 () 6 280 2 7 ACCESS WEB 8 9 10 11 12 13 14 3 A B C D E 1 Data 13 12 Data 15 9 18 2

More information

GRIDY SFA カスタム 項 目 操 作 ガイド 用 本 書 はに 必 要 な 操 作 を 解 説 しております は GRIDY SFA ののことです GRIDY SFA へ 申 し 込 み 最 初 に 登 録 を 行 った 方 がそのままとなります カスタム 項 目 はの 方 のみ 操 作 可

GRIDY SFA カスタム 項 目 操 作 ガイド 用 本 書 はに 必 要 な 操 作 を 解 説 しております は GRIDY SFA ののことです GRIDY SFA へ 申 し 込 み 最 初 に 登 録 を 行 った 方 がそのままとなります カスタム 項 目 はの 方 のみ 操 作 可 GRIDY SFA カスタム 項 目 操 作 ガイド 2016 年 1 月 20 日 ナレッジスイート 株 式 会 社 1 GRIDY SFA カスタム 項 目 操 作 ガイド 用 本 書 はに 必 要 な 操 作 を 解 説 しております は GRIDY SFA ののことです GRIDY SFA へ 申 し 込 み 最 初 に 登 録 を 行 った 方 がそのままとなります カスタム 項 目 はの

More information

<4D6963726F736F667420506F776572506F696E74202D20938A8D65837D836A83858341838B8162918A926B82CB82C182C6944692E846508354834383672E70707478>

<4D6963726F736F667420506F776572506F696E74202D20938A8D65837D836A83858341838B8162918A926B82CB82C182C6944692E846508354834383672E70707478> サイトURLの 末 尾 に wp-login.php を 付 けるとログインURLに 移 動 します URL 例 http://wiselife.biz/fp/sample/wp-login.php (!) ユーザー 名 とパスワードは 別 配 布 資 料 参 照 管 理 バー クイック 統 計 欄 は サイトのアクセス 数 が 分 かります サポート 連 絡 先 マニュアルや 依 頼 方 法 など

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