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

Size: px
Start display at page:

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

Transcription

1 GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31

2 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは? jquery とは? jquery オブジェクトを 作 ってみよう jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう GC スクリプトで 要 素 を 出 力 してみよう タイトルタグを 連 動 させてみよう... 8 第 3 章 GC スクリプトタグ 内 で 使 える 関 数 たち...10 第 4 章 代 表 的 な jquery セレクタ 要 素 セレクタ クラスセレクタ ID セレクタ 子 孫 セレクタ 隣 接 セレクタ 属 性 セレクタ...12 第 5 章 要 素 の 選 択 をしよう 子 孫 要 素 を 選 択 する 関 数 兄 弟 要 素 を 選 択 する 関 数 親 要 素 を 選 択 する 関 数...17 第 6 章 要 素 に 属 性 を 付 加 してみよう クラス 属 性 を 付 け 外 ししてみよう 属 性 の 値 を 取 得 変 更 してみよう...21 第 7 章 要 素 を 操 作 してみよう 要 素 にコンテンツを 追 加 してみよう 要 素 を 削 除 してみよう 要 素 を 複 製 してみよう 要 素 を 別 のタグで 囲 ってみよう 要 素 を 囲 んでいるタグを 除 去 してみよう DOM 要 素 の HTML コードを 取 得 してみよう DOM 要 素 の HTML を 変 更 してみよう 任 意 の 箇 所 に 改 行 タグを 挿 入 してみよう 繰 り 返 しの 要 素 を 出 力 してみよう...33 第 8 章 参 考 文 献 サイト...35

3 改 訂 履 歴 版 数 発 行 日 改 訂 内 容 第 1 版 2016 年 3 月 31 日 初 版 発 行

4 第 1 章 GC スクリプトとは? GC スクリプトは GENECODE 上 (サーバ 側 )で 動 作 するスクリプト 言 語 で PHP や JSP のように HTML ソ ースコード 中 に GC スクリプトタグを 使 って 埋 め 込 むことができます GC スクリプト 内 では PC コンテンツの DOM を 自 由 に 編 集 して テンプレート 変 換 後 の HTML として 出 力 することができます 表 の 組 み 換 え 画 像 の Alt 属 性 変 更 やリンク 先 の 変 更 要 素 の 順 序 変 更 削 除 や 複 製 などを 柔 軟 に 記 述 することが 可 能 です で GC スクリプトを 使 う 場 合 タグの 中 に 書 きます GENECODE IDE の 使 い 方 については ユーザーマニュアルをご 参 照 ください GeneCode Developer Connection IDE ユーザーマニュアル 1. GENECODE IDE の Firefox で 変 換 したいページを 開 く 2. GENECODE IDE を 起 動 する 3. サーバー 変 換 ステージへ 切 り 替 える 4. 新 規 を 開 く 5. エディターにコードを 記 述 したりパーツを 配 置 する 6. 保 存 して 右 ペインのコンバージョンビューで 確 認 する 上 記 マニュアルの サーバー 変 換 ステージ 以 降 に 詳 細 な 手 順 が 説 明 されています この GC スクリプトリファレンスでは 上 の 図 に 従 い 1. 変 換 元 PC ページ のステップで 解 説 をしています それでは 早 速 を 見 てみましょう の 例

5 // ここに GC スクリプトを 書 きます // スラッシュふたつの 行 はコメントとして 扱 われ 実 行 されません /* 複 数 行 のコメントはこのようにスラッシュとアスタリスクで */ // 例 ) 変 換 元 のページから id が foo の 要 素 を 探 し 変 換 結 果 に 出 力 する 例 です gcutil.tohtml($('#foo'));

6 第 2 章 JavaScript と GC スクリプトの 違 いは? JavaScript は ブラウザ 上 (クライアント 側 )で 動 作 するプログラミング 言 語 のひとつです GC スクリプトは GENECODE サーバ 上 で 動 作 する V8 上 で 動 作 する JavaScript のことを 指 します 一 般 的 な JavaScript 構 文 に 加 え jquery や GENECODE 独 自 のライブラリと 合 わせて 利 用 します 2-1 jquery とは? jquery は JavaScript をより 簡 単 に 使 えるようにするためのライブラリです GC スクリプトタグ 内 でも jquery を 記 述 して 簡 単 に 変 換 元 の DOM 構 造 に 手 を 加 えることができます 2-2 jquery オブジェクトを 作 ってみよう jquery ではオブジェクトという HTML の 要 素 を 単 位 に 処 理 を 記 述 します ファーストステップとして jquery オブジェクトを 生 成 してみましょう $subtext = $( <p>こんにちは!</p> ); これで $subtext と 定 義 された jquery オブジェクトに <p>こんにちは!</p> という HTML 要 素 が 格 納 されました ただしこのままではオブジェクトが 作 られただけで 変 換 後 のページには 表 示 されませ ん 次 節 で 追 加 方 法 を 説 明 します 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう 前 述 の 方 法 で 作 ったオブジェクトは そのままではページに 反 映 されません

7 そこで 既 存 の 要 素 に 対 して 追 加 する 操 作 をしてみましょう 変 換 元 PC ページ <div id = box1 > <h1> 見 出 しです</h1> この DOM の 見 出 し div#box1 の 次 に 前 節 で 作 成 した $subtext オブジェクトを 追 加 する GC スクリ プト を 書 いてみましょう $subtext = $( <p>こんにちは!</p> ); $( div#box1 ).append($subtext); <div id = box1 > <h1> 見 出 しです</h1> <p>こんにちは!</p>

8 2-4 GC スクリプトで 要 素 を 出 力 してみよう 以 下 のページに 対 し gcutil.tohtml($('#foo')) を 実 行 してみましょう 変 換 元 PC ページ <p id = foo > この 要 素 が 出 力 されます </p> <p> この 要 素 は 出 力 されません </p> // 例 ) 変 換 元 のページから id が foo の 要 素 を 探 し 変 換 結 果 に 出 力 する 例 です gcutil.tohtml($('#foo')); <p id = foo > この 要 素 が 出 力 されます </p> GENECODE で 変 換 した 結 果 は 上 記 の 通 りとなります 2-5 タイトルタグを 連 動 させてみよう

9 変 換 元 PC ページ <head><title>サイトのタイトル - SYMMETRIC</title></head> <p id = foo > 本 文 です </p> <head> //ページのタイトルを 連 動 させます gcutil.tohtml($('title')); </head> gcutil.tohtml($('#foo')); <head> <title>サイトのタイトル - SYMMETRIC</title> </head> <p id = foo > 本 文 です </p> GENECODE で 変 換 した 結 果 は 上 記 の 通 りとなります

10 第 3 章 GC スクリプトタグ 内 で 使 える 関 数 たち GC スクリプトは 基 本 的 に 通 常 の JavaScript と 同 じですが 入 出 力 やロギングなどについて 独 自 の API を 使 用 することができます その 他 の 関 数 については JavaScript API リファレンス をご 参 照 ください JavaScript API リファレンス - GeneCode Developer Connection

11 第 4 章 代 表 的 な jquery セレクタ 4-1 要 素 セレクタ p や div など 要 素 名 を 直 接 書 くと その 要 素 すべてが 対 象 となります また セレクタを h1, h2, h3 のようにカンマ 区 切 りで 複 数 指 定 することができます $( h1, h2, h3 ).remove(); 4-2 クラスセレクタ クラス 属 性 を 持 っている 要 素 は. (ドット)を 付 けて 選 択 します $( div.wrapper ).remove(); 4-3 ID セレクタ ID 属 性 を 持 っている 要 素 は # (シャープ)を 付 けて 選 択 します $( div#box1 ).remove(); 4-4 子 孫 セレクタ 要 素 の 包 含 関 係 が 親 子 に 該 当 するときに 使 うセレクタです 半 角 スペース 記 号 を 用 いると 孫 以 降 の 要 素 にもマッチし > 記 号 を 用 いた 場 合 は 直 接 の 子 要 素 のみ がマッチします $( div.mgn10 p > span ) がマッチする 要 素 の 例 です <div class = mgn10 > <p> p タグの 中 身 です <span>この 要 素 にマッチします</span></p> <span>この span タグにはマッチしません</span>

12 4-5 隣 接 セレクタ 兄 弟 セレクタとも 呼 ばれます ある 要 素 と 同 じ 階 層 にある 次 の 要 素 を 指 すときに 使 います $( h1 + span ) というセレクタがマッチする 要 素 の 例 です <h1>タイトルです</h1> <span>この 要 素 にマッチします</span> 4-6 属 性 セレクタ 属 性 や 属 性 値 の 有 無 を 使 用 して 要 素 を 選 択 します input タグの 形 式 によって 処 理 対 象 を 限 定 したい 場 合 などによく 用 います $( input[type= text ] ) というセレクタがマッチする 要 素 の 例 です 黄 色 のハイライトの 行 が 該 当 します イコール 記 号 以 外 に 前 方 一 致 や 後 方 一 致 部 分 一 致 などが 使 えます <form action="form.php" method="post"> <input type= text /> <input type= submit value= 送 信 する /> </form> jquery では 基 本 的 に CSS セレクタと 同 様 のものが 使 用 できます 詳 細 は 公 式 のリファレンスなどを 参 考 にしてください セレクタ - jquery 日 本 語 リファレンス

13 第 5 章 要 素 の 選 択 をしよう 5-1 子 孫 要 素 を 選 択 する 関 数 jquery で 取 得 したオブジェクトから さらに 子 要 素 などを 取 得 することができます children, find は 代 表 的 な 関 数 です 変 換 元 PC ページ <div id = box1 > <p>こんにちは <br /> <span class= text >シンメトリックです!</span> </p> var $target = $( div#box1 ).children(); gcutil.tohtml($target);

14 <p>こんにちは <br /><span class= text >シンメトリックです!</span></p> となります children 関 数 の 場 合 は 子 孫 要 素 すべてが 対 象 です それに 対 し find 関 数 は 引 数 としてセレクタを 与 えることで 取 得 する 対 象 を 絞 り 込 むことができます 操 作 対 象 の 要 素 を 探 す 際 に 便 利 です 前 例 と 同 じ 変 換 元 PC サイトに 以 下 を 適 用 してみましょう var $target = $( div#box1 ).find( span.text ); gcutil.tohtml($target); <span class= text >シンメトリックです!</span> span.text 要 素 のみが 出 力 されています find での 検 索 では 子 孫 要 素 すべてが 対 象 になります children - jquery 日 本 語 リファレンス find - jquery 日 本 語 リファレンス

15 5-2 兄 弟 要 素 を 選 択 する 関 数 変 換 元 PC ページ <div id = box1 > <p>おはようございます シンメトリックです!</p> <div id = box2 > <p>こんにちは シンメトリックです!</p> <div id = box3 > <p>こんばんは シンメトリックです!</p> div#box1 を 起 点 として ひとつ 次 の 要 素 div#box2 を 出 力 してみましょう var $target = $( div#box1 ).next(); gcutil.tohtml($target); <head>

16 <title>サイトのタイトル - SYMMETRIC</title> </head> <div id = box2 > <p>こんにちは シンメトリックです!</p> では 次 に div#box3 を 起 点 として ひとつ 前 の 要 素 div#box2 を 出 力 してみましょう var $target = $( div#box3 ).prev(); gcutil.tohtml($target); <div id = box2 > <p>こんにちは シンメトリックです!</p> 詳 細 は jquery の API リファレンスをご 参 照 ください next - jquery 日 本 語 リファレンス

17 prev - jquery 日 本 語 リファレンス 5-3 親 要 素 を 選 択 する 関 数 ある 要 素 を 包 含 する 親 要 素 を 選 択 したい 場 合 closest, parent, parents などの 関 数 を 用 います 変 換 元 PC ページ <div class = wrapper > <div id = box1 > <p id = message1 >おはようございます シンメトリックです!</p> <div id = box2 > <p id = message2 >こんにちは シンメトリックです!</p> <div id = box3 > <p id = message3 >こんばんは シンメトリックです!</p> まずは 変 換 元 PC ページに 対 して parent 関 数 を 実 行 してみましょう $target = $( #message1 ).parent(); gcutil.tohtml($target);

18 このコードでは 直 近 の 親 要 素 である div#box1 が 選 択 出 力 されます <div id = box1 > <p id = message1 >おはようございます シンメトリックです!</p> parent 関 数 では 直 接 の 親 要 素 しか 選 択 できませんが parents 関 数 では 親 要 素 をさらにさかのぼって 親 の 親 のように DOM を 選 択 することができます parent - jquery 日 本 語 リファレンス parents - jquery 日 本 語 リファレンス 前 例 と 同 じ 変 換 元 PC ページに 対 して closest 関 数 を 実 行 してみましょう $target = $( #message1 ).closest( #wrapper ); gcutil.tohtml($target);

19 このコードでは closest 関 数 にセレクタで wrapper という ID を 指 定 しています 指 定 されたセレクタに マッチするまで 親 をさかのぼり 最 初 にマッチした 要 素 が 選 択 されます div#wrapper は body 要 素 直 下 にありますので 上 記 テンプレートでは PC ページと 同 じタグ 構 造 のまま 出 力 されることになります <div class = wrapper > <div id = box1 > <p id = message1 >おはようございます シンメトリックです!</p> <div id = box2 > <p id = message2 >こんにちは シンメトリックです!</p> <div id = box3 > <p id = message3 >こんばんは シンメトリックです!</p> 用 途 に 応 じて 使 い 分 けましょう closest - jquery 日 本 語 リファレンス

20 第 6 章 要 素 に 属 性 を 付 加 してみよう 6-1 クラス 属 性 を 付 け 外 ししてみよう 以 下 のソースコードにクラス 属 性 を 付 加 してみましょう 変 換 元 PC ページ <div id = box1 > <p>こんにちは <br /> <span class= text >シンメトリックです!</span> </p> $target = $( #box1 ).addclass( mgn10 ); gcutil.tohtml($target);

21 <div id = box1 class= mgn10 > <p>こんにちは <br /> <span class= text >シンメトリックです!</span> </p> 続 いて クラス 属 性 を 除 去 してみましょう $target = $( #box1 > p > span ).removeclass( text ); gcutil.tohtml($target); <div id = box1 class= mgn10 > <p>こんにちは <br /> <span>シンメトリックです!</span> </p> span タグに 設 定 されていた text クラス 属 性 が 取 り 除 かれています 6-2 属 性 の 値 を 取 得 変 更 してみよう

22 attr 関 数 に 属 性 名 を 渡 すと 要 素 に 設 定 されたその 属 性 値 を 取 得 することができます 変 換 元 PC ページ <div id = box1 > <input type="number" name="phone" id= tel /> に 対 して 下 記 を 適 用 してみましょう var value = $( #tel ).attr( type ); を 実 行 すると value という 変 数 には number という 値 が 代 入 されます また attr 関 数 に 属 性 名 と 値 を 渡 すと その 属 性 に 値 をセットすることができます 前 例 と 同 じ 変 換 元 PC ページに 次 のテンプレ ートを 適 用 してみましょう $( #tel ).attr( name, mobile );

23 を 実 行 すると 以 下 のように 属 性 がセットされます <input type="number" name="mobile" id= tel /> attr の 第 1 引 数 に 属 性 名 を 第 2 引 数 に 値 を 渡 すことで さまざまな 属 性 を 設 定 することができます

24 第 7 章 要 素 を 操 作 してみよう 7-1 要 素 にコンテンツを 追 加 してみよう 既 存 DOM に 要 素 を 追 加 する 関 数 はいくつもありますが 代 表 的 なものを 挙 げて 紹 介 します 基 本 となるのは append, prepend, after, before の 4 種 類 です box1 という ID を 持 つ div 要 素 に $subtext という jquery オブジェクトに 含 まれる DOM 要 素 を 追 加 する 例 です

25 7-2 要 素 を 削 除 してみよう DOM ツリーから 要 素 を 削 除 するときは remove 関 数 を 使 います たとえば p タグの 直 下 にある 改 行 タグを 削 除 する GC スクリプト は 下 記 のようになります 変 換 元 PC ページ <div id = box1 > <h1> 見 出 しです</h1> <p>こんにちは!<br />シンメトリックです!<br />GC スクリプトです </p>

26 $( div#box1 > p > br ).remove(); ブラウザでの 表 示 結 果 : 変 換 元 PC ページ 見 出 しです こんにちは! シンメトリックです! GC スクリプトです 見 出 しです こんにちは!シンメトリックです!GC スクリプトです 7-3 要 素 を 複 製 してみよう 要 素 を DOM ごと 複 製 したい 場 合 は clone 関 数 を 使 います たとえば p タグ 以 下 を 丸 ごと 複 製 し div#box1 の 末 尾 に 追 加 する GC スクリプト は 下 記 のようになります 変 換 元 PC ページ <div id = box1 > <h1> 見 出 しです</h1>

27 <p>こんにちは!<br />シンメトリックです!<br />GC スクリプトです </p> $( div#box1 ).append($( div#box1 > p ).clone()); gcutil.tohtml($('div#box1')); <div id = box1 > <h1> 見 出 しです</h1> <p>こんにちは!<br />シンメトリックです!<br />GC スクリプトです </p> <p>こんにちは!<br />シンメトリックです!<br />GC スクリプトです </p> ID 属 性 を 持 つ 要 素 を 複 製 する 場 合 は 複 製 後 に 重 複 しない ID に 変 更 しないと 意 図 せぬ 動 作 を 引 き 起 こすことがあります ご 注 意 ください clone - jquery 日 本 語 リファレンス 7-4 要 素 を 別 のタグで 囲 ってみよう

28 要 素 を 新 しくタグで 囲 みたいときは wrap 関 数 を 用 います 以 下 の 要 素 を div タグで 囲 ってみましょう 変 換 元 PC ページ <span class = text >この 要 素 がラップされます<span> <head> gcutil.tohtml($('title')); </head> $( span.text ).wrap( <div class = wrapper /> ); <div class = wrapper > <span class = text >この 要 素 がラップされます<span> となります

29 wrap 関 数 にはいくつか 種 類 があり wrap, wrapall, wrapinner など 用 途 に 応 じて 使 い 分 けます 詳 しくは jquery の API リファレンスをご 参 照 ください wrap - jquery 日 本 語 リファレンス wrapinner - jquery 日 本 語 リファレンス wrapall - jquery 日 本 語 リファレンス 7-5 要 素 を 囲 んでいるタグを 除 去 してみよう 要 素 をラップしている div タグが 不 要 な 場 合 を 想 定 してみましょう 変 換 元 PC ページ <div class = wrapper > <span class = text >この 要 素 が unwrap されます<span> に 対 し 下 記 を 適 用 します $( span.text ).unwrap();

30 <span class = text >この 要 素 が unwrap されます<span> span タグを 囲 っていた div タグが 除 去 されました.unwrap jquery 1.9 日 本 語 リファレンス js STUDIO 7-6 DOM 要 素 の HTML コードを 取 得 してみよう html 関 数 は 任 意 の 要 素 の HTML コードそのものを 取 得 したり 変 更 したりすることができます 変 換 元 PC ページ <div id = box1 > <h1> 見 出 しです</h1> <p>こんにちは!</p>

31 target = $( div#box1 ).html(); を 適 用 してみましょう target 変 数 には <h1> 見 出 しです</h1><p>こんにちは!</p> という DOM 要 素 が 格 納 されます 7-7 DOM 要 素 の HTML を 変 更 してみよう 続 いて 取 得 した DOM をページに 反 映 してみましょう html 関 数 に 引 数 を 渡 すことで 直 接 要 素 内 の HTML コードを 書 き 換 えることができます 前 述 の 変 換 元 PC ページに 以 下 のテンプレートを 適 用 して みます $( div#box1 ).html( <p>こんにちは シンメトリックです!</p> ); <div id = box1 > <p>こんにちは シンメトリックです!</p> h1 タグがなくなり 文 言 が 変 更 されました

32 7-8 任 意 の 箇 所 に 改 行 タグを 挿 入 してみよう では 同 じ 変 換 元 PC ページ の DOM を 操 作 し こんにちは のあとに 改 行 タグを 挿 入 してみましょ う $elem = $( #box1 > p ); html = $elem.html() ; $elem.html(html.replace(/(こんにちは )/g, $1<br /> )); <div id = box1 > <p>こんにちは <br />シンメトリックです!</p> 前 述 の 例 では replace という 関 数 を 使 って html 関 数 で 取 得 した 文 字 列 の 中 で こんにちは を 検 索 し その 後 ろに <br /> タグを 挿 入 しています replace 関 数 は 空 のオブジェクトに 対 して 実 行 するとエラーが 発 生 します 万 が 一 $( #box1 > p ) で 要 素 が 取 得 できなかった 場 合 次 に 実 行 される html 変 数 への 代 入 そのも のが 空 になってしまうのを 防 ぐため html = $elem.html() ; で 空 の 文 字 列 と or を 取 り 文 字 列 のオ ブジェクトそのものが 存 在 しないというエラーが 発 生 しないようにしています /(こんにちは )/g は 正 規 表 現 です $1 には 正 規 表 現 にマッチした 文 字 列 が 代 入 されます

33 7-9 繰 り 返 しの 要 素 を 出 力 してみよう 複 数 個 の 要 素 が 繰 り 返 し 表 示 されているページを 変 換 する 際 に ひとつずつ 要 素 を 出 力 する GC スク リプトを 書 いていくのは 大 変 です また 数 が 一 定 でない 場 合 に 対 応 できません そこで GENECODE で は セレクタにマッチした 要 素 の 個 数 分 ループして 出 力 を 行 うためのタグがあります それが gc-each タグです gc-each タグでは 終 了 タグまでに 記 述 されているテンプレート スクリプト パーツをセレクタ 属 性 で 指 定 したセレクタで 抽 出 された 要 素 の 数 だけ 繰 り 返 します では 実 際 に 下 記 ソースコードの div タグ 内 の h1, p タグのみを 要 素 の 順 番 そのままに 出 力 するテ ンプレートを 作 成 してみましょう 変 換 元 PC ページ <div id = box1 > <h1>タイトル 1</h1> <p>おはようございます シンメトリックです!</p> <div id = box2 > <h1>タイトル 2</h1> <p>こんにちは シンメトリックです!</p> <div id = box3 > <h1>タイトル 3</h1> <p>こんばんは シンメトリックです!</p>

34 <gc-each selector="div"> gcutil.tohtml($('h1').eq(gcidx)); gcutil.tohtml($('p').eq(gcidx)); </gc-each> 前 述 では gc-each タグ 内 で GC スクリプトを 使 用 しています GCIDX 変 数 を 使 うことで 何 番 目 の 要 素 といった 指 定 の 仕 方 ができます 例 では div タグの 個 数 だけループしながら h1 タグと p タグの GCIDX 番 目 を 出 力 しています <h1>タイトル 1</h1> <p>おはようございます シンメトリックです!</p> <h1>タイトル 2</h1> <p>こんにちは シンメトリックです!</p> <h1>タイトル 3</h1> <p>こんばんは シンメトリックです!</p>

35 第 8 章 参 考 文 献 サイト jquery 1.9 日 本 語 リファレンス js STUDIO GeneCode Developer Connection テンプレート 構 文 リファレンス GeneCode Developer Connection IDE ユーザーマニュアル 以 下 URL にてサポートをしております お 問 い 合 わせ - GeneCode Developer Connection https://genecode.jp/developer/contact または までお 気 軽 にお 問 い 合 わせください

目 次 第 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

複合検索機能マニュアル

複合検索機能マニュアル HeartCore 複 合 検 索 機 能 マニュアル October 2013 Ver2.1-1 - 改 訂 履 歴 改 訂 日 改 訂 内 容 Ver2.0 2011 年 10 月 一 部 改 訂 Ver2.1 2013 年 10 月 フォーマット 改 訂 - 2 - 目 次 1. 本 文 書 の 目 的 と 対 象 ライセンス... - 4-1.1. 目 的...- 4-1.2. 対 象 ライセンス...-

More information

CSSの基礎

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

More information

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

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

More information

アフィリエイターの為のHTML

アフィリエイターの為のHTML アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

More information

第9回

第9回 第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利

More information

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

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

More information

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

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

More information

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

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

More information

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

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

More information

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

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

HTML文章作成

HTML文章作成 HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう

More information

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc) スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕

More information

例 ) B&B Brighton House ( http://www.bbbrightonhouse.com/ ) このサイトは タブ 先 のページごとにヘッダー 部 に 使 用 する 写 真 を 変 化 させている 例 です またこのサイト では トップページには ModifiableWeb i

例 ) B&B Brighton House ( http://www.bbbrightonhouse.com/ ) このサイトは タブ 先 のページごとにヘッダー 部 に 使 用 する 写 真 を 変 化 させている 例 です またこのサイト では トップページには ModifiableWeb i ModifiableWeb レイアウトデザインガイド 1. 基 本 構 成 ModifiableWeb を 使 用 したWebサイトの 基 本 構 成 は 以 下 のようになっています ModifiableWeb iframe の 外 側 の Page Header Page Footer 及 び 全 体 の 背 景 は 普 通 のWebサ イト 同 様 自 由 にデザインすることができます ModifiableWeb

More information



 スタートアップガイド Ver. 3.0 管 理 者 編 株 式 会 社 アバンセシステム クラウド コンピューティング 事 業 部 JECC E-mail jecc_support@avancesys.co.jp URL http://www.avancesys.co.jp/ ANPIC スタートアップガイド 管 理 者 編 2 ごあいさつ このたびは 安 否 情 報 システム ANPIC をご 導

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

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます 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

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

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基 ( 別 紙 ) 志 摩 市 ホームページ 構 築 業 務 CMS 機 能 調 査 表 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1-1 1.システム 基 本 要 件

More information

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

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (8) (2011/07/06) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 POSTでデータが 送 信 されているかを 確 認 送 信 されていれば

More information

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー 1. 基 本 情 報 1-1 CMS 利 用 にあたって 各 職 員 のPC 端 末 に 特 別 なアプリケーションなどをインストールす る 必 要 が 無 いこと(ウェブブラウザから 利 用 できること) 1-2 各 職 員 PC 端 末 から InternetExplorerを 通 じ ID PASSWORD 認 証 にてログインできるこ 1-3 閲 覧 者 のパソコン 機 種 OS ブラウザ

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

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示..

目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示.. Cform カレンダー 予 約 システム 機 能 解 説 マニュアル 目 次 1. はじめに... 2 2. Cform をサーバーにアップロードする... 3 3. カレンダー 予 約 システムを 表 示 する... 6 直 接 表 示 の 場 合... 6 Javascript での 埋 め 込 み 表 示... 7 Iframe での 埋 め 込 み 表 示... 9 4. 予 約 申 込 管

More information

CMS操作手順書

CMS操作手順書 モーハワイ ブログ 操 作 マニュアル 目 次 No タイトル 1 フォルダ ファイル 構 成 2 Wordpress の 操 作 3 その 他 のページの 編 集 4 用 語 集 P1 1 フォルダ ファイル 構 成 この 項 ではウェブサイトを 構 成 するフォルダ ファイルについて 説 明 します 1.1 フォルダ 構 造 ファイル 名 フォルダ/ファイル 名 ページ 名 称 フォルダ 内 容

More information

変 更 履 歴 1.1 yahoo!ネットバンキング 受 け 取 り 後 決 済 サービスの 廃 止 1.2 入 札 者 認 証 制 限 の 追 加 1.3 悪 い 評 価 の 割 合 で 制 限 の 追 加 1.4 自 動 値 下 げ の 追 加 1.5 かんたん 取 引 対 応 フォーマット 追

変 更 履 歴 1.1 yahoo!ネットバンキング 受 け 取 り 後 決 済 サービスの 廃 止 1.2 入 札 者 認 証 制 限 の 追 加 1.3 悪 い 評 価 の 割 合 で 制 限 の 追 加 1.4 自 動 値 下 げ の 追 加 1.5 かんたん 取 引 対 応 フォーマット 追 一 括 出 品 ガイド Ver.1.5 変 更 履 歴 1.1 yahoo!ネットバンキング 受 け 取 り 後 決 済 サービスの 廃 止 1.2 入 札 者 認 証 制 限 の 追 加 1.3 悪 い 評 価 の 割 合 で 制 限 の 追 加 1.4 自 動 値 下 げ の 追 加 1.5 かんたん 取 引 対 応 フォーマット 追 加 1. CSV ファイルとは データをカンマ(,)で 区

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト

More information

Microsoft PowerPoint - manualtachiyomi.pptx

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

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

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

03 CMS機能審査表.xls

03 CMS機能審査表.xls 厚 真 町 ホームページ 構 築 業 務 CMS 機 能 調 査 表 ( 別 紙 ) 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1 1.システム 基 本 要 件 Windows

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.54 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

IM-Mobile Framework

IM-Mobile Framework IM-Mobile Framework Version 7.2.0 β リリース ノート 2011/08/12 第 1 版 1 はじめに 1. IM-Mobile Framework( 以 下 本 フレームワーク と 表 記 )は intra-mart WebPlatform/AppFramework のプラグインとし て 動 作 します 本 フレームワークを 使 用 するためには intra-mart

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.52 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (メルマガ) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 メルマガ( 一 斉 配 信 )とは?... 5 メルマガとシナリオの 関 係... 6 読 者 の 登

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション スマートフォン 最 適 化 Webサイト 開 発 運 用 支 援 ソリューション x-fit(クロスフィット) のご 紹 介 SCSK 株 式 会 社 ITエンジニアリング 事 業 部 ミドルウェアソリューション 部 2012 年 7 月 5 日 更 新 アジェンダ スマートフォンにおける 多 様 性 /コンテンツ 作 成 の 問 題 点 x-fitのご 紹 介 x-fit 導 入 のながれ Page

More information

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

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

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

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

Microsoft PowerPoint - webapp.ppt [互換モード] 一 般 的 なWebアクセス Webサーバ バ レスポンス HTML ファイル HTTPリクエスト 画 像 ファイル Webブラウザ あらかじめ 用 意 されたリソースしか 提 供 できない Webアプリケーション Webサーバ バ レスポンス HTTPリクエスト HTML Webブラウザ ページを 動 的 に 生 成 プログラム 実 行 データベース 操 作 Webアプリケーション 掲 示 板 検

More information

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc 生 物 学 技 研 報 告 ONLINE ガイドブック 基 礎 生 物 学 研 究 所 技 術 課 2010 年 2 月 第 1 版 1. 生 物 学 技 研 報 告 ONLINE へのアクセス URL 生 物 学 技 研 報 告 ONLINE は 基 生 研 技 術 課 Web サイト TechDivWeb(techdiv.nibb.ac.jp) のコンテンツです 上 記 よりリンクをたどるか 下

More information

HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック 可 能 です 出 来 ない 場 合 は 最 新 版 AdobeReader をダウンロードしてください ( 無 料 です) ht

HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック 可 能 です 出 来 ない 場 合 は 最 新 版 AdobeReader をダウンロードしてください ( 無 料 です) ht HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける HTML CSS 講 座 初 級 編 HTML セクション 4 時 限 目 HTML タグに 属 性 を 取 り 付 ける 著 :コスパ( 鈴 木 ) 1 HTML 講 座 1-4 HTML タグに 属 性 を 取 り 付 ける このマニュアルについて 推 薦 環 境 このレポート 上 に 書 かれている URL はクリック

More information

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年 Departmental Bulletin Paper / 紀 要 論 文 スタイルシートを 用 いたWebページの 運 用 太 田, 諭 之 ; 大 橋, 和 義 ; 後 藤, 克 嘉 ; 水 野, 保 則 技 術 職 員 による 技 術 報 告 集. 2009, 17, p. 24-27. http://hdl.handle.net/10076/10274 スタイルシートを 用 いた Web ページの

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

目 次 1. 提 案 依 頼 にあたって... 3 1.1. 本 件 の 目 的... 3 2. 岩 手 県 立 大 学 ウェブサイトリニューアルの 概 要... 3 2.1. 概 要... 3 2.2. スケジュールの 目 安... 3 2.3. 契 約 期 間... 3 2.4. 費 用...

目 次 1. 提 案 依 頼 にあたって... 3 1.1. 本 件 の 目 的... 3 2. 岩 手 県 立 大 学 ウェブサイトリニューアルの 概 要... 3 2.1. 概 要... 3 2.2. スケジュールの 目 安... 3 2.3. 契 約 期 間... 3 2.4. 費 用... 公 立 大 学 法 人 岩 手 県 立 大 学 岩 手 県 立 大 学 ウェブサイトリニューアル 業 務 に 係 る 提 案 仕 様 書 1 目 次 1. 提 案 依 頼 にあたって... 3 1.1. 本 件 の 目 的... 3 2. 岩 手 県 立 大 学 ウェブサイトリニューアルの 概 要... 3 2.1. 概 要... 3 2.2. スケジュールの 目 安... 3 2.3. 契 約 期

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

Microsoft Word - CMS操作説明会資料.docx

Microsoft Word - CMS操作説明会資料.docx 平 成 25 年 6 月 24 日 株 式 会 社 ネクストワン 1 今 回 の 操 作 説 明 会 では 次 のようなサンプル 記 事 を 作 成 してみたいと 思 います 2 管 理 画 面 にログインする 1. 九 重 町 役 場 ホームページにアクセスします 2.アドレスバーのホームページ URL の 後 ろに admin と 入 力 します http://www.town.kokonoe.oita.jp/admin/index.php

More information

Microsoft PowerPoint - 2016_2b-DOM.pptx

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

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

データ構造とアルゴリズム論

データ構造とアルゴリズム論 第 1 章.Web サーバとしての Tomcat の 機 能 学 習 のねらい 1 テキストファイルおよび HTML ファイルをブラウザに 表 示 させ Tomcat の Web サー バとしての 機 能 を 確 認 理 解 する 0.Web アプリケーションの 動 作 の 仕 組 み 講 義 で 説 明 基 礎 課 題 1-1 (Java サーブレットを 用 いた)Web アプリケーションの 動

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

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 お 問 い 合 わせフォーム L-TOOL Inquiry (ver 4.2) 取 扱 説 明 書 Little Net http://l-tool.net/ - 2015 年 7 月 22 日 版 - 目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 1. 概 要 この

More information

スライド 1

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

More information

平成25年第4回2級学科問題と解答

平成25年第4回2級学科問題と解答 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 関 連 の API について スマートフォンが 対 応 するウェブブラウザについては すべて 共 通 化 が 図 られて いるので ウェブブラウザや OS ごとの 違 いを 気 にする 必 要 はない 第 2 問 ウェブ 上 で 扱 う 動 画 のフレームレートは

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

Microsoft Word - chap5.doc

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

More information

データベースS 演習資料

データベースS 演習資料 2015/6/24 データベースS 演 習 資 料 第 3 回 PHP による Web インターフェース(2) 九 州 工 業 大 学 情 報 工 学 部 システム 創 成 情 報 工 学 科 講 義 担 当 : 尾 下 真 樹 1. フォームを 使 った 入 力 インターフェースの 開 発 前 回 の 演 習 に 引 き 続 き データベースをウェブから 利 用 するためのインターフェースの 開

More information

MovableType 更新作業マニュアル

MovableType 更新作業マニュアル ソフィアンの 広 場 ブログサイト 作 成 更 新 マニュアル 2011 年 10 月 20 日 上 智 大 学 ソフィア 会 COPYRIGHT 2011 Sophia Alumni Association. ALL RIGHTS RESERVED. 1/12 目 次 1 概 要 3 2 機 能 説 明 4 2.1 新 規 ブログ 記 事 の 作 成 4 2.1.1 新 規 作 成 - ブログ 記

More information

研究者総覧システム

研究者総覧システム 関 西 大 学 学 術 情 報 システム 操 作 マニュアル 検 索 用 第 1.5 版 2010/4/1 関 西 大 学 更 新 履 歴 版 数 作 成 日 内 容 1.0 2008/11/28 新 規 作 成 1.1 2009/04/08 画 像 の 変 更 ログイン 画 面 への 遷 移 を 追 加 キーワード 検 索 の 対 象 を 変 更 概 要 の 変 更 対 象 ブラウザの 追 加 1.2

More information

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時 1 1-1 サイト 全 般 デザイン 等 サイト 全 体 が 標 準 化 統 一 化 されたページデザインとすること ただし サイトで 異 なるデザインで 作 成 表 示 することができること 1-2 ヘッダー フッターは 原 則 すべてのページで 統 一 したデザインとすること 1-3 ロゴ イラスト バナーなどサイトに 応 じたデザインで 作 成 すること 1-4 スマートフォンやタブレット 端

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (ステップメール) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 ステップメールとは?... 5 読 者 の 登 録 方 法 を 選 ぼう... 6 その 1.フォームを

More information

カゴラボ管理画面マニュアル(3.商品管理)

カゴラボ管理画面マニュアル(3.商品管理) カゴラボ 管 理 画 面 操 作 設 定 マニュアル CHAPTER 3 商 品 管 理 編 カゴラボバージョン4.0 系 お 問 い 合 せはこちらまで カゴラボサポートセンター 0120-713-362 ( 携 帯 電 話 からは 0985-23-3362 ) E-mail : support@cagolab.jp 受 付 時 間 : 平 日 10:00~12:00/13:00~18:00 (

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

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

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

More information

2 / 44 図 公 開 までの 作 業 フロー

2 / 44 図 公 開 までの 作 業 フロー 別 紙 病 院 情 報 の 公 表 ページの 作 成 手 順 I. 概 要 1. 公 開 形 式 病 院 情 報 の 公 開 は Web ページで 行 うこと 指 標 公 開 ページにおいては 各 指 標 に 規 定 の 属 性 等 の 情 報 を 付 加 すること また 各 指 標 はテキストデータの 形 式 での 公 開 も 行 い そ のデータは 指 標 公 開 ページからダウンロードできること

More information

情報資源組織演習B:

情報資源組織演習B: 情 報 資 源 組 織 演 習 A( 書 誌 の 作 成 ) 第 12 回 書 誌 データ 管 理 検 索 システムの 構 築 2013 年 度 跡 見 学 園 女 子 大 学 文 学 部 准 教 授 福 田 博 同 書 誌 データ 管 理 検 索 システムの 構 築 第 9 回 で 書 誌 データベース 構 築 は 理 解 Web 検 索 では 以 下 の 様 な 方 法 が 取 られる A B

More information

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

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

More information

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc) Easy ページ 操 作 ガイド http://359ch.com ところチャンネル( 資 ) Easy ページサービス 操 作 ガイド 2009.1.8 版 1. はじめに Easy ページサービスとは パソコンからブラウザを 利 用 して 簡 単 にホームページを 公 開 更 新 できるサービス です Docomo や AU SoftBank 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを

More information

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

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

More information

訪問介護勤務スケジュール作成

訪問介護勤務スケジュール作成 訪 問 介 護 勤 務 スケジュール 作 成 勤 務 表 作 成 編 (Ver. 6.0.0) Microsoft Excel 2003 対 応 Microsoft Excel 2007 対 応 Microsoft Excel 2010 対 応 こんなことができます!! 登 録 者 情 報 のチェック ( 基 本 登 録 情 報 のチェック) 対 象 月 の 情 報 チェック 勤 務 表 作 成 勤

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

■新聞記事

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

More information

シラバスの作成と管理用Webシステムの開発

シラバスの作成と管理用Webシステムの開発 シラバスの 作 成 と 管 理 用 Web システムの 開 発 徳 永 秀 和 現 在,シラバスの 作 成 方 法 は,マイクロソフトの WORD の 罫 線 の 記 入 された 雛 形 を 用 い るか,EXCEL で 独 自 に 作 成 するかを 選 択 している.このため 複 数 ページとなる 場 合 には, 罫 線 の 処 理 に 苦 労 している.また,フォントなどの 書 式 までの 統

More information

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

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

More information

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

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

html_text

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

More information

もくじ

もくじ メルマガ 管 理 機 能 マニュアル 2016/7/4 株 式 会 社 ビズクリエイト 目 次 1. メルマガ 配 信 手 順... 3 2. メルマガ 作 成... 4 新 規 メルマガを 作 成 する... 4 3. メルマガ 一 覧... 8 作 成 したメルマガを 一 覧 で 確 認 する... 8 メルマガの 基 本 設 定 を 確 認 変 更 する... 9 メルマガの 基 本 設 定

More information

WebSurvey G2.1ユーザーズガイドデザインテンプレート編

WebSurvey G2.1ユーザーズガイドデザインテンプレート編 WebSurvey G2.1 ユーザーズガイド デザインテンプレート 編 2015/09/24 目 次 WebSurvey G2.1 ユーザーズガイドデザインテンプレート 編 2 目 次... 2 1. はじめに... 3 1.1 Websurvey G2.0 をご 利 用 頂 いていた 方 へ... 3 1.2 デザインテンプレートとは... 3 1.3 デザインテンプレート 一 覧 画 面...

More information

PowerPoint プレゼンテーション

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

More information

EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spread

EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spread Ver.0.8 2014/09/10 EPUB kobo Kindle Apple EPUB IDPF epubcheck Version 3.0.1 3 ver.1.1.2 http://www.ebpaj.jp/guide.html EPUB 2014.07.10 0.8 https://docs.google.com/spreadsheets/d/199c4pst4hszv- 1E2RdoJbnV0PdOS8Y86V1K_rQwFsLY/edit?usp=sharing

More information

PowerPoint プレゼンテーション

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

More information

Microsoft Word - 内容の入力.doc

Microsoft Word - 内容の入力.doc Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存 文 字 については 他 のパソコン 環 境 やブラウザにより 表 示 されません 記 事 の 保 存 時 にシステムでエラーが 出 るように 設 定 されています 利 用 しないようにお 願 いします 機 種 依 存 文 字 (

More information

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム 更 新 日 :2015 年 4 月 14 日 料 金 初 期 費 用 月 額 料 金 無 料 サーバーの 初 期 セットアップ 時 以 外 または 複 数 フォームメーラーを インストールする 場 合 には 別 途 費 用 が 必 要 となります 無 料 スペック 100 個 作 成 可 能 フォーム 数 一 般 投 票 注 文 フォームに 対 応 設 置 可 能 項 目 数 100 項 目 添 付

More information

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

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

More information

Blojsom におけるクロスサイトスクリプティングの脆弱性

Blojsom におけるクロスサイトスクリプティングの脆弱性 Japan Computer Emergency Response Team Coordination Center 電子署名者 Japan Computer Emergency Response Team Coordination Center DN c=jp, st=tokyo, l=chiyoda-ku, email=office@jpcert.or.jp, o=japan Computer

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 41 ヨロン 観 光 まちづくり 支 援 サービス マイホームページ 操 作 説 明 書 1 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の3つのステップ 1 ホームページの 設 定 (p3) 2 レイアウト デザインの 設 定

More information

Microsoft Word - 2009.06.doc

Microsoft Word - 2009.06.doc 情 報 基 礎 実 習 第 6 回 HTML の 仕 組 み 2009 年 5 月 28 29 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 する Word, Excel や 専 用 の Web ページ

More information

目 次 1. 制 作 動 機 価 値... 3 2. 開 発 環 境... 5 2-1.PHP とは... 5 2-2.Apache とは... 7 3. システムの 概 要 と 主 な 機 能... 8 3-1.ログイン 画 面... 8 3-1-1.ログイン 認 証 システム... 8 3-1-

目 次 1. 制 作 動 機 価 値... 3 2. 開 発 環 境... 5 2-1.PHP とは... 5 2-2.Apache とは... 7 3. システムの 概 要 と 主 な 機 能... 8 3-1.ログイン 画 面... 8 3-1-1.ログイン 認 証 システム... 8 3-1- 情 報 文 化 演 習 山 本 昌 弘 教 授 2010 年 1 月 29 日 ( 金 ) 国 際 文 化 学 部 国 際 文 化 学 科 06G0318 藤 嶋 恵 里 奈 卒 業 制 作 論 文 エクセルシオールカフェ 池 袋 2 丁 目 店 BBS 1 / 43 目 次 1. 制 作 動 機 価 値... 3 2. 開 発 環 境... 5 2-1.PHP とは... 5 2-2.Apache

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

~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン ログアウト 方 法 3 4. 予 備 登 録 ( 定 員 設 定 科 目 の 履 修 ) (1) 予 備 登 録 5 (2) 予 備 登 録 状 況

~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン ログアウト 方 法 3 4. 予 備 登 録 ( 定 員 設 定 科 目 の 履 修 ) (1) 予 備 登 録 5 (2) 予 備 登 録 状 況 Web 履 修 登 録 マニュアル 問 い 合 わせ 先 履 修 方 法 や 授 業 に 関 すること 学 部 事 務 課 ( 本 館 2 階 ) システムへのアクセスやパスワード 等 について 情 報 基 盤 センターオフィス(3 号 館 1 階 ) ~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン

More information

Web10.pptx

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

More information

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

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

More information