Microsoft PowerPoint _2b-DOM.pptx

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Microsoft PowerPoint - 2016_2b-DOM.pptx"

Transcription

1 < 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード 参 照 (ノード 間 の 親 子 兄 弟 関 係 ) タグ 名 による 要 素 リストの 取 得 id 属 性 によるノード 参 照 DOMノードの 生 成 テキストノードの 生 成 要 素 ノードの 生 成 以 下 の 説 明 では 特 に 断 らない 限 りDOMツリーの 空 白 ノード は 考 えないものとする DOMツリーへのノード 追 加 DOMツリーからのノード 削 除 JavaScriptのメソッドとプロパティ オブジェクト: 文 書 中 に 含 まれる( 存 在 する) もの DOMノード(ドキュメント, 要 素, 属 性,テキストなど) ドキュメントノードは 変 数 document によっていつでも 参 照 可 能 メソッド: オブジェクトに 対 して 利 用 可 能 な 操 作 getelementbyid, getelementsbytagname など 例 : document.getelementsbytagname('') オブジェクト 名.メソッド() プロパティ: オブジェクトが 保 持 するデータ firstchild, lastchild, nextsibng など 例 : node.firstchild オブジェクト 名.プロパティ 相 対 位 置 によるノード 参 照 オブジェクト node1 オブジェクト 名.プロパティ node1.firstchild ( 先 頭 の 子 ノード) D E ( 直 前 の 兄 弟 ノード) node2.previoussibng node1.parentnode ( 親 ノード) A B F node2 G C node1.lastchild ( 末 尾 の 子 ノード) ( 直 後 の 兄 弟 ノード) node2.nextsibng 19 20

2 < 練 習 2-12> 相 対 位 置 によるノード 参 照 タグ 名 による 要 素 リストの 取 得 [3_getElementsByTagName] ノードF(node1)からノードCを 参 照 する 式 を (a) (b) 2 通 りの 経 路 で 示 しなさい タグ 名 に 該 当 する 要 素 ノードの 集 合 を 取 得 document.getelementsbytagname( タグ 名 ) 'Elements' ( 複 数 形 ) であることに 注 意 A (b) ul この 例 では,4つの 要 素 が 取 得 される オブジェクト 名.メソッド() document.getelementsbytagname('') D E B F (a) G C 取 得 された 要 素 のうち3 番 目 を 選 択 する(0 から 数 えるので, itemの 引 数 は2となる) node1 document.getelementsbytagname('').item(2) 21 タグ 名 で 要 素 を 取 得 すると, 該 当 する 要 素 が 複 数 存 在 する 場 合 があるので,itemメソッドで 個 別 の 要 素 を 指 定 する 必 要 がある 22 JavaScriptコンソール: DOM API を 実 行 可 能 DOM APIの 実 行 例 (1) Console タブを 選 択 ここに DOM API (JavaScriptの 実 行 文 )を 入 力 すると, 次 の 行 に 実 行 結 果 が 表 示 される 変 数 document を 入 力 するとDOM ツリーが 出 力 される 23 <html> <head> </head> <>Webブラウザ</> <ul> <>Firefox</> <>Opera</> <>Safari</> <>Chrome</> </ul> 24

3 id 属 性 ページ 内 の 要 素 を 一 意 に 識 別 する ページ 内 の 異 なる 要 素 のid 属 性 に 対 して, 同 一 の 属 性 値 を 用 いることはできない( 文 法 的 に 誤 り) id 属 性 によるノード 参 照 [4_getElementById] 識 別 子 (id 属 性 の 値 )から 要 素 を 参 照 document.getelementbyid( 識 別 子 ) 'Element'( 単 数 形 ) であることに 注 意 document.getelementbyid('sa') 例 : <>Webブラウザ</> <ul> < id= Fi">Firefox</> < id= Op">Opera</> < id= Sa">Safari</> < id= Ch">Chrome</> </ul> id 属 性 の 値 によって, 各 要 素 を 一 意 に 区 別 することができる id="fi" Firefox id="op" ul id="sa" id="ch" Opera Safari Chrome 指 定 されたid 属 性 の 値 を 持 つ 要 素 を 取 得 する テキストノードは 先 頭 の 子 ノード (firstchild) 25 document.getelementbyid('sa').firstchild 26 DOM APIの 実 行 例 (2) < 練 習 2-13> DOMノードの 参 照 <html> <head> </head> <>Webブラウザ</> <ul> < id= Fi >Firefox</> < id= Op >Opera</> < id= Sa >Safari</> < id= Ch >Chrome</> </ul> 右 のHTML 文 書 中 の 該 当 する 要 素 を, 対 応 するid 属 性 の 値 で 答 えなさい.ただし, 空 白 ノードは 考 えないものとする. (a) 深 さ5の 位 置 にある 要 素 の 親 要 素 (b) 文 書 順 で 走 査 したとき 要 素 の 次 に 訪 問 される 要 素 (c) document.getelementsbytagname('title').item(0) によって 参 照 される 要 素 (d) document.getelementbyid('7').parentnode によって 参 照 される 要 素 (e) document.getelementbyid('4').firstchild.lastchild によって 参 照 される 要 素 <html id="0"> <head id="1"> <title id="2">q2-13</title> </head> < id="3"> <div id="4"> <div id="5"></div> <div id="6"> <div id="7"></div> </div></div> 27 28

4 for 文 による 繰 り 返 し: 簡 単 な 例 継 続 条 件 が 真 (true)である 間, 処 理 を 繰 り 返 す 例 : for ( 初 期 化 式 ; 継 続 条 件 ; 再 処 理 式 ) { 繰 り 返 し 処 理 <script> var sum = 0; for ( var n=1 ; n<=10 ; n++ ) { sum = sum + n; alert( " 結 果 : " + sum ); </script> 繰 り 返 し 処 理 および 再 処 理 式 を 実 行 する 初 期 化 式 まず n の 値 を1とする 継 続 条 件 n の 値 が10 以 下 である 間, 次 の 処 理 を 繰 り 返 す: 繰 り 返 し 処 理 数 sum に n の 値 を 加 える 再 処 理 式 その 後 n に 1を 加 える(n++) 29 相 対 位 置 参 照 による DOMツリーの 走 査 [5_treeWalk2] node.firstchild child 1 B child.nextsibng A node <script> child 2 child 3 child var count = 0; 4 C D E treewalk2(document); 初 期 化 式 まず 変 数 child の 値 を nodeの 先 頭 の 子 ノードとする 継 続 条 件 変 数 child の 値 がnull でない 間, 以 下 の 処 理 を 繰 り 返 す: 繰 り 返 し 処 理 childに 対 して treewalk2 を 呼 び 出 す 再 処 理 式 その 後 childの 直 後 の 兄 弟 ノードを childとする function treewalk2(node) { count = count + 1; console.log( count + ". " + node.nodename); for( var child = node.firstchild; child!= null; child = child.nextsibng ) { treewalk2(child); </script> 30 DOMノードの 生 成 DOMツリーへのノード 追 加 要 素 ノードの 生 成 document.createelement( タグ 名 ) テキストノードの 生 成 document.createtextnode( テキスト ) 例 : パラグラフ(p) 要 素 とテキストの 生 成 生 成 されたノードは DOMツリーに 追 加 さ れなければブラウザ に 表 示 されない 新 しいノードを 末 尾 の 子 ノードとして 追 加 node.appendchild( 新 しいノード ) 例 : パラグラフ 要 素 とテキストノードの 追 加 html p 要 素 を 追 加 する 親 ノード( 要 素 )を 取 りだす (3) Node = document.getelementsbytagname('').item(0); <html> <head>... </head> <> 見 出 し</> <p> 本 文 </p> newnode = document.createelement( "p" ); (1) p テキストノードは, 子 ノード として 要 素 ノードに 追 加 さ 本 文 れなければならない textnode = document.createtextnode( " 本 文 " ); (2) 31 head Node textnode p 本 文 newnode Node.appendChild( newnode ); p 要 素 を 要 素 の 子 ノードとして 追 加 newnode.appendchild( textnode ); テキストノードをp 要 素 の 子 ノードとして 追 加 (4) (5) 32

5 DOMノードの 生 成 追 加 [6_appendChild] 開 発 ツールでの 表 示 [6_appendChild] <input type="button" value=" 追 加 " oncck="add()" /> <> 見 出 し</> 追 加 ボタンが <script type="text/javascript"> クリックされたら var count = 1; 関 数 add を 呼 出 す function add() { var newnode = document.createelement('p'); var textnode = document.createtextnode( ' 本 文 ' + (count++) ); newnode.appendchild(textnode); var Node = document.getelementsbytagname('').item(0); Node.appendChild(newNode); </script> 新 たに 追 加 生 成 された p 要 素 とテキストノード DOMツリーからのノード 削 除 [7_removeChild] DOMノードの 生 成 追 加 削 除 [8_createBox] nodeの 子 ノードから 指 定 されたノードを 削 除 node.removechild( ノード ) html 追 加 ボタン を3 回 クリック 例 : 要 素 から 要 素 を 削 除 する head html head Node 見 出 し Node.parentNode (2) (3) Node.parentNode.removeChild( Node ); (1) Node.parentNode ( 要 素 )の 子 ノードか ら Node を 削 除 する Node = document.getelementsbytagname('').item(0); 35 title input input p id="box" ボックス 追 加 ボックス 削 除 ボタンに 対 応 するinput 要 素 div (1) 追 加 div (2) 追 加 div (3) 追 加 script (4) 削 除 削 除 ボタン を1 回 クリック 36

6 ボックス(div 要 素 )の 削 除 [8_createBox] input input p id="box" script p 要 素 の 子 ノードである 複 数 のdiv 要 素 のうち, 末 尾 のdiv 要 素 を 削 除 する targetnode div div div id="box" であ る 要 素 の 末 尾 の 子 ノードを 取 得 var targetnode = document.getelementbyid("box").lastchild; if( targetnode!= null ) { targetnode.parentnode.removechild(targetnode); else { alert( "ボックスがありません" ); 取 得 したdiv 要 素 (targetnode)を 親 ノードから 削 除 37

目 次 はじめに... 2 本 書 の 対 象 読 者... 2 本 書 における 用 語... 3 1. DOM Based XSS の 概 要... 4 1.1. XSS の 種 類... 4 1.2. DOM とは... 6 2. IPA に 報 告 された DOM Based XSS の 脆

目 次 はじめに... 2 本 書 の 対 象 読 者... 2 本 書 における 用 語... 3 1. DOM Based XSS の 概 要... 4 1.1. XSS の 種 類... 4 1.2. DOM とは... 6 2. IPA に 報 告 された DOM Based XSS の 脆 IPA テクニカルウォッチ DOM Based XSS に 関 するレポート ~JavaScript で HTML を 操 作 するアプリは 要 注 意!~ 目 次 はじめに... 2 本 書 の 対 象 読 者... 2 本 書 における 用 語... 3 1. DOM Based XSS の 概 要... 4 1.1. XSS の 種 類... 4 1.2. DOM とは... 6 2. IPA

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プログラミング入門

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

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

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

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

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

JavaScript演習

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

More information

var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = ev

var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid(result).innerhtml = ev ########################### ###2つの 数 の 和 を 求 める ### ########################### 和 を 求 める function Add() var NUM1 = document.getelementbyid('param1').value; var NUM2 = document.getelementbyid('param2').value;

More information

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

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

More information

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...

More information

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

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

More information

2016年COM実験_JavaScript演習資料

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

More information

何かの宣言。必要。

<!DOCTYPE html> 何かの宣言。必要。 プロジェクトI/II テーマH( 担 当 : 日 紫 喜 光 良 ) 目 標 地 図 上 に 情 報 を 表 示 することが 解 決 に 役 立 つような 問 題 を 見 つけることができる 問 題 解 決 のために 必 要 な 情 報 をグループメンバーと 協 力 して 収 集 できる Google の 地 図 (Google Maps) 上 に 情 報 を 表 示 することができる 地 理 情

More information

スライド 1

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

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

4 chop($line); 5 $line =~ s/ r$//; 6 unshift(@output,$line); 7 } 8 print join(" n",@output); 1 行 目 は Perl インタープリターがあるディレクトリを 明 示 する インタープリターとは 書 かれたプロ

4 chop($line); 5 $line =~ s/ r$//; 6 unshift(@output,$line); 7 } 8 print join( n,@output); 1 行 目 は Perl インタープリターがあるディレクトリを 明 示 する インタープリターとは 書 かれたプロ 2014.6.17 医 療 者 のための 情 報 技 術 入 門 第 8 回 プログラムがはたらくしくみを 学 ぶ(1) 日 紫 喜 光 良 概 要 1.はじめに- 具 体 例 から- -------------ここまで-------------- 2. 足 りないものは 借 りてくる-Javascript のライブラリ 3. 仕 事 は 人 にやらせる-サーバーとブラウザの 役 割 分 担 1.はじめに-

More information

1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python..................

1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python.................. JavaScript 0648016 1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python.................. 3 2......................... 4 3..........................

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

携帯電話でGoogle Mapsを使う

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

More information

1 1 1............................ 1 2 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 - 051105-2.ppt

Microsoft PowerPoint - 051105-2.ppt 1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/ 1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm

More information

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

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

More information

サーバサイドスクリプトPHPを実感しよう

サーバサイドスクリプトPHPを実感しよう 第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても

More information

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

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

More information

(1) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

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

More information

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

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

More information

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション グーグル アナリティクス 操 作 設 定 ガイド Google Analytics 0 年 8 月 現 在 版 お 問 い 合 せはこちらまで カゴラボサポートセンター 00-7- ( 携 帯 電 話 からは 098-- ) E-mail : support@cagolab.jp 受 付 時 間 : 平 日 0:00~:00/:00~8:00 ( 祝 祭 日 及 び 弊 社 休 業 日 を 除 く)

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

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

Microsoft Word - Developer_Tools

Microsoft Word - Developer_Tools Developer Tools : Windows Internet Explorer 8 Beta 1 for Developers Web 作 業 の 操 作 性 を 向 上 2008 年 3 月 詳 細 の 問 い 合 わせ 先 ( 報 道 関 係 者 専 用 ) : Rapid Response Team Waggener Edstrom Worldwide (503) 443 7070 rrt@waggeneredstrom.com

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

1/2

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

More information

JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç

JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç JavaScript 2009 5 28 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

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 章 ドキュメントオブジェクトを 使 って JavaScriptで 文 字 を 表 示 させよう 第 1 節 JavaScriptって 何!? JavaScriptとはHTMLファイルに 埋 め 込 むスクリプト(プログラムよりは 若 干 難 易 度 が 低 いプログラムという 意 味 でよく 使 われる)である HTMLでは タグと 呼 ばれる 命 令 をプログラミングしていき レイアウトやデザイン

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

javascript key

javascript key Associate Professor Department of International Social Studies KYOAI GAKUEN UNIVERSITY Email: ogashiwa@c.kyoai.ac.jp, ogashiwa@wide.ad.jp sample

More information

report for biz 顧客分析レポートAPI ver 1.00 仕様書

report for biz 顧客分析レポートAPI ver 1.00 仕様書 report for biz API 仕 様 書 顧 客 分 析 レポート API ver1.00 技 研 商 事 インターナショナル 株 式 会 社 作 成 日 :2015/06/24 改 訂 履 歴 改 訂 履 歴 日 付 バージョン 更 新 内 容 2015/06/24 1.00 初 版 第 1 章 概 要... 4 1 本 サービスのコンセプト... 4 1-1 r4b(report 4 biz)とは...

More information

スライド 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.5 版 2010/4/1 関 西 大 学 更 新 履 歴 版 数 作 成 日 内 容 1.0 2008/11/28 新 規 作 成 1.1 2009/04/08 画 像 の 変 更 ログイン 画 面 への 遷 移 を 追 加 キーワード 検 索 の 対 象 を 変 更 概 要 の 変 更 対 象 ブラウザの 追 加 1.2

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

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

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

0序文‐1章.indd

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

More information

アスラテック株式会社 会社案内

アスラテック株式会社 会社案内 JavaScript SDK for V-Sido CONNECT 利 用 の 手 引 き Mac 編 アスラテック 株 式 会 社 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 構 成 と 開 発 イメージ p.5 2. 初 期 設 定 とVSidoConn4Macの 導 入 2-1. Bluetoothのペアリング

More information

Web2.0 LL Framework Ruby on Rails / TurboGears / CakePHP Atlas Web2.0 XML Selenium / JMeter 3 Ajax Web 2.0 UI... 1. Ruby on Rails Web 2. ASP.NET AJAX,

Web2.0 LL Framework Ruby on Rails / TurboGears / CakePHP Atlas Web2.0 XML Selenium / JMeter 3 Ajax Web 2.0 UI... 1. Ruby on Rails Web 2. ASP.NET AJAX, Web2.0 coopetitive Web2.0 LL Framework Ruby on Rails / TurboGears / CakePHP Atlas Web2.0 XML Selenium / JMeter 3 Ajax Web 2.0 UI... 1. Ruby on Rails Web 2. ASP.NET AJAX, jmaki UI 3. prototype.js JavaScript

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Web.Linkを 応 用 した 設 計 効 率 化 と XVLによる Pro/ENGINEERデータ 活 用 2011 年 12 月 06 日 カシオ 計 算 機 株 式 会 社 業 務 開 発 部 設 計 システムグループ 柏 熊 秀 雄 カシオについて カシオについて 3 概 要 社 名 本 社 所 在 地 カシオ 計 算 機 株 式 会 社 (CASIO COMPUTER CO.,LTD.)

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 履 修 履 歴 データベースの 仕 組 み 学 生 が 履 修 履 歴 を 登 録 して 企 業 へデータを 送 信 すると 企 業 担 当 者 が 履 修 履 歴 データを 見 られるようになります 不 特 定 の 企 業 に 履 修 履 歴 データが 閲 覧 されるわけではありません < 基 本 的 な 流 れ> A 社 データ ベース 応 募 企 業 へ データを 送 信 学 生 A 専

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

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

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

More information

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

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

More information

橡Taro9-生徒の活動.PDF

橡Taro9-生徒の活動.PDF 3 1 4 1 20 30 2 2 3-1- 1 2-2- -3- 18 1200 1 4-4- -5- 15 5 25 5-6- 1 4 2 1 10 20 2 3-7- 1 2 3 150 431 338-8- 2 3 100 4 5 6 7 1-9- 1291-10 - -11 - 10 1 35 2 3 1866 68 4 1871 1873 5 6-12 - 1 2 3 4 1 4-13

More information

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras 全 学 共 通 科 目 工 学 部 専 門 科 目 計 算 機 科 学 概 論 アルゴリズムとプログラミング その3 五 十 嵐 淳 igarashi@kuis.kyoto-u.ac.jp 大 学 院 情 報 学 研 究 科 通 信 情 報 システム 専 攻 担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて

More information

2

2 1 2 VICS G***** 3 4 5 http://****.yahooapis.jp/****?query=*** WebAPI HTTP 6 7 8 9 10 11 12 13 14 15 16 17 18 19 YOLP AppID hacku_test 20

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

4 ログインをクリックして 下 さい 2. ログイン 方 法 その2 1 右 上 の 人 型 マークをクリックして 下 さい 2 ログインをクリックして 下 さい 3 ご 自 身 の ID とパスワードを 入 力 して 下 さい 4 次 回 から ID 入 力 を 省 略 のチェックボックスをクリッ

4 ログインをクリックして 下 さい 2. ログイン 方 法 その2 1 右 上 の 人 型 マークをクリックして 下 さい 2 ログインをクリックして 下 さい 3 ご 自 身 の ID とパスワードを 入 力 して 下 さい 4 次 回 から ID 入 力 を 省 略 のチェックボックスをクリッ 韓 国 小 顔 骨 気 美 容 協 会 ウェブサイトのご 利 用 ガイド 1. ログイン 方 法 その1 1 右 上 のメニューバー ログイン にカーソルを 合 わせて ログイン をクリックして 下 さい 2 ご 自 身 の ID とパスワードを 入 力 して 下 さい 3 次 回 から ID 入 力 を 省 略 のチェックボックスをクリックすると がつきます すると 次 回 から ID の 最 初

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

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

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

More information

第 11 問 XML は Extensible Markup Language の 略 である 第 12 問 IPv6 で 定 義 可 能 な IP アドレスの 数 の 理 論 値 は 2 の 32 乗 である 第 13 問 Document Object Model (DOM) の 仕 様 は J

第 11 問 XML は Extensible Markup Language の 略 である 第 12 問 IPv6 で 定 義 可 能 な IP アドレスの 数 の 理 論 値 は 2 の 32 乗 である 第 13 問 Document Object Model (DOM) の 仕 様 は J 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 GIF 形 式 などで 用 いられるディザリングとは 限 られた 色 数 でより 多 くの 色 を 擬 似 的 に 表 現 する 手 法 である 第 2 問 HTML5 文 書 の 内 部 には SVG 要 素 を 直 接 書 き 込 むことができる 第 3 問 cookie

More information

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ レンタルショッピングカートマニュアル ~ Google Analy+cs 編 ~ Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネットショップ 運 営

More information

http://banso.cocolog-nifty.com/ 100 100 250 5 1 1 http://www.banso.com/ 2009 5 2 10 http://www.banso.com/ 2009 5 2 http://www.banso.com/ 2009 5 2 http://www.banso.com/ < /> < /> / http://www.banso.com/

More information

n=360 28.6% 34.4% 36.9% n=360 2.5% 17.8% 19.2% n=64 0.8% 0.3% n=69 1.7% 3.6% 0.6% 1.4% 1.9% < > n=218 1.4% 5.6% 3.1% 60.6% 0.6% 6.9% 10.8% 6.4% 10.3% 33.1% 1.4% 3.6% 1.1% 0.0% 3.1% n=360 0% 50%

More information

p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge

More information

bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ

bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ 操 作 マニュアル 04/04 株 式 会 社 インターアローズ bmobilized 操 作 マニュアル Ver.0404 目 次 ログインパスワードの 設 定 変 更... カスタマイズページへのログイン... ダッシュボード... 4 ツールの 基 本 操 作... 5 編 集 プラグイン... 6 電 話 をかける プラグイン... 6 編 集 コンテンツ 選 択... 8 編 集 デザイン...

More information

untitled

untitled FLIPPER3 Maker ~ FLIPPER Report ~ 09 -FL010052-04 4 2011 5 25 1.... 3 1.1 FLIPPER Report... 3 1.2 FLIPPER Report... 3 2.... 4 3. FLIPPER REPORT... 5 3.1... 5 3.2 FLIPPER Report... 5 3.3... 6 4. FLIPPER

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

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

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

More information

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ 界 No.1 とも 言 われているデザイナー ナムー が WEB ページ 作 成 の コツを 解 説 していきます 少 し 専 門 的 な 内 容 も 含 まれていますが 分 からない ことは 積 極 的 に 調 べて 1つ1つスキルアップをしていきましょう! マリー HTML CSS のプロフェッショナル うさぎだけど

More information

Microsoft Word - Excel2_Excel関数_2013.docx

Microsoft Word - Excel2_Excel関数_2013.docx 表 計 算 ソフト(Excel) 講 習 会 テキスト 関 数 編 明 治 大 学 教 育 の 情 報 化 推 進 本 部 目 次 1. 関 数 の 入 力... 3 1.1. 関 数 とは... 3 1.2. 関 数 の 基 本 構 造... 4 1.3. 関 数 の 入 力 方 法... 5 2. よく 使 う 関 数... 7 2.1. SUM 関 数... 7 2.2. AVERAGE 関

More information

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に

を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は

を 省 略 してもうまく 表 示 される ) この 例

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例 第 5 章 フォームと PHP プログラム PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプログラムのデバッグは 結 構 面 倒 になる というのは 入 力 や 出 力 がキーボードや 画 面 にならないため 簡 単 に 試 せない CGI 環 境 で 実 行 される

More information

Microsoft Word - chap5.doc

Microsoft Word - chap5.doc 第 5 章 フォームと PHP プログラム [1] PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプロ グラムのデバッグは 結 構 面 倒 になる と いうのは 単 独 のプログラム(つまり CGI ではなくて 普 通 の Java や C のプログラ ムと 同 じようにして)として

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

jQuery_004_012_mkj(02).indd

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

More information

スライド 0

スライド 0 Rtoaster 初 級 ガイドブック case study01 ~ 流 入 キーワードによるLPOのメインビジュアルの 切 り 替 え~ ルールベースレコメンド Big Brainwork Data, for Big your Innovation Success case study001 テーマ TOPページのメインビジュアルを 流 入 キーワードによって 関 連 するコンテンツを 表 示 させることによりクリック

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

本 プレゼンの 資 料 は 以 下 の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

Microsoft Word - NSマニュアル一般利用編110217.docx

Microsoft Word - NSマニュアル一般利用編110217.docx ナーシング スキル 本 版 www.nursingskills.jp ご 利 ガイド 般 利 編 ナーシング スキルについて 1. はじめに... 3 (1) ナーシング スキルとは... 3 2. 動 作 環 境... 4 3. ログイン... 5 4. パスワードとメールアドレスの 変 更... 8 5. ナーシング スキルをご 利 いただけるユーザーの 種 類 と 権 限... 9

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

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

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

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 - manualtachiyomi.pptx

Microsoft PowerPoint - manualtachiyomi.pptx ニックネームはここに 載 る!! マイページの 左 上 ブログのプロフィール 欄 メッセージを 送 った 相 の 受 信 箱 クリックしてもらえるような 興 味 を 引 く 名 前 にしましょう 記 事 を 編 集 削 除 する 下 書 き 保 存 されている= 公 開 されていない 公 開 されている リンクが 付 いていて クリックすると 公 開 されている 記 事 が 開 く 記 事 を 編

More information

untitled

untitled Excel Internet Explorer Excel Internet Explorer Excel Internet Explorer 1 Excel Excel 1.1 Excel Excel 2 1 1.1.1 Ctrl-C ( Sheet2) 2 OK 3 1.1.2 ( Sheet3) A1 =Sheet1!A1 Sheet1 A1 Sheet1 A1 Sheet3 A1 4 A1

More information

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

1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4 1 1 1.......................... 1 2........................ 2 2 3 1.................. 3 2.......................... 5 3........................... 6 4........................ 7 3 Ajax 8 1...........................

More information

BizDataBank とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について BizDataBank サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと

BizDataBank とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について BizDataBank サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと BizDataBank (Web ブラウザ 版 ) ユーザガイド Version 2.0.3 Lastupdate 2014.8.12 1 BizDataBank とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について BizDataBank サービスは マイナーバージョンアップ 等

More information

Microsoft Word - class_specification_guide_v60.doc

Microsoft Word - class_specification_guide_v60.doc IM-FormatCreator クラス 指 定 手 順 書 Ver 6.0 IM-FormatCreator i 1 はじめに 1 1.1 目 的 1 2 プログラムの 作 成 2 2.1 ファンクション コンテナ(.JS)の 作 成 2 2.2 プレゼンテーションページ(.HTML)の 作 成 3 3 クラス 指 定 項 目 の 設 定 5 3.1 クラス 指 定 設 定 画 面 5 3.2 クラスパス

More information

■新聞記事

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

More information

目 次 動 作 環 境 について... 2 土 砂 災 害 情 報 マップとは... 3 更 新 情 報 を 見 る... 4 熊 本 県 の 防 災 災 害 情 報 を 見 る... 5 関 連 サイトのリンク 情 報 を 見 る... 6 用 語 を 調 べる... 7 利 用 上 の 留 意

目 次 動 作 環 境 について... 2 土 砂 災 害 情 報 マップとは... 3 更 新 情 報 を 見 る... 4 熊 本 県 の 防 災 災 害 情 報 を 見 る... 5 関 連 サイトのリンク 情 報 を 見 る... 6 用 語 を 調 べる... 7 利 用 上 の 留 意 熊 本 県 土 砂 災 害 情 報 マップ 操 作 ガイド 平 成 27 年 3 月 目 次 動 作 環 境 について... 2 土 砂 災 害 情 報 マップとは... 3 更 新 情 報 を 見 る... 4 熊 本 県 の 防 災 災 害 情 報 を 見 る... 5 関 連 サイトのリンク 情 報 を 見 る... 6 用 語 を 調 べる... 7 利 用 上 の 留 意 事 項 を 確

More information

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

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

More information

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域 CMSKIT Ver.2.3 動 作 環 境 2015 年 10 月 20 日 株 式 会 社 ノア 本 書 は CMSKIT Ver.2.3 をサーバーに 導 入 して 実 行 させるとき お 客 様 にご 用 意 いただく 動 作 環 境 を 示 しています 動 作 環 境 とは 株 式 会 社 ノアが CMSKIT Ver.2.3 の 正 常 動 作 を 確 認 した 環 境 をいいます 本

More information

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます JavaScript サンプル function write(str) { document.write(str); } write('hello World!'); 上 例 のように

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように 情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello

More information

(Microsoft Word - Excel\223\374\226\3456\217\3150523.docx)

(Microsoft Word - Excel\223\374\226\3456\217\3150523.docx) この 章 では さまざまな 数 式 を 作 成 するときに 必 要 となるセルの 参 照 の 使 い 分 けと IF 関 数 IFERROR 関 数 について 学 習 します また 関 数 の 作 成 では [ 関 数 の 引 数 ]ダイアログボックスと 関 数 オートコンプリートの 使 い 方 を 学 習 します 1 セルの 参 照 数 式 が 入 力 されているセルを 移 動 したり コピーするときに

More information

Microsoft Word - 関数の資料_var100.doc

Microsoft Word - 関数の資料_var100.doc 関 数 教 科 書 P98~P108 関 数 の 考 え 方 関 数 とは 処 理 の 集 まり の 事 です new Date( ); や Math.random( );も あらかじめ 用 意 されている 関 数 から 呼 び 出 されています オリジナルの 関 数 を 作 ってみる 自 分 が 使 いたい 処 理 だけを 集 めたオリジナルの 関 数 を 作 ることもできます 自 分 オリジナルの

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

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

Science Journal of Kanagawa University 20(2): 133-136 (2009) 総 説 ( 永 松 礼 夫 研 究 室 ) 動 的 なソフトウェアの 更 新 についての 研 究 動 向 永 松 礼 夫 Research Overview of Dynamic

Science Journal of Kanagawa University 20(2): 133-136 (2009) 総 説 ( 永 松 礼 夫 研 究 室 ) 動 的 なソフトウェアの 更 新 についての 研 究 動 向 永 松 礼 夫 Research Overview of Dynamic \n Title 動 的 なソフトウェアの 更 新 についての 研 究 動 向 Author(s) 永 松, 礼 夫 ; Nagamatsu, Leo Science Journal of Kanagawa Univer Citation 133-136 Date 2009-10-20 Type Departmental Bulletin Paper Rights publisher KANAGAWA

More information