目 次 第 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 日 本 語 リファレンス 親 要 素 を 選 択 する 関 数 ある 要 素 を 包 含 する 親 要 素 を 選 択 したい 場 合 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 日 本 語 リファレンス 要 素 を 別 のタグで 囲 ってみよう

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 日 本 語 リファレンス 要 素 を 囲 んでいるタグを 除 去 してみよう 要 素 をラップしている 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 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 または [email protected] までお 気 軽 にお 問 い 合 わせください

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>

<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63> 商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面

More information

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以

More information

研究者情報データベース

研究者情報データベース 研 究 者 情 報 管 理 システム 研 究 者 向 けデータ 一 括 登 録 機 能 操 作 マニュアル 2013 年 6 月 4 日 目 次 1. はじめに... 1 1.1 本 マニュアルの 注 意 事 項... 1 2. 操 作 手 順... 2 2.1 データ 登 録 手 順... 2 2.2 データ 読 み 込 みエラー 時 の 対 応 手 順... 13 3. 登 録 データ 一 覧...

More information

POWER EGG V2.01 ユーザーズマニュアル ファイル管理編

POWER EGG V2.01 ユーザーズマニュアル ファイル管理編 POWER EGG V2.0 ユーザーズマニュアル ファイル 管 理 編 Copyright 2009 D-CIRCLE,INC. All Rights Reserved 2009.4 はじめに 本 書 では POWER EGG 利 用 者 向 けに 以 下 の POWER EGG のファイル 管 理 機 能 に 関 する 操 作 を 説 明 しま す なお 当 マニュアルでは ファイル 管 理 機

More information

スライド 0

スライド 0 SkyOnDemandオンラインセミナー ~ 第 2 回 : 基 本 編 ~ さわってみよう1 取 引 先 データをSalesforceにファイル 連 携 2014 年 6 月 19 日 ( 木 ) 事 前 確 認 音 声 や 映 像 が 遅 延 している 場 合 は こちらをクリックして ください ご 質 問 や 音 声 が 途 切 れたなどござい ましたら こちらよりコメントください 本 日 のテーマ

More information

目 次 目 次 1 ログイン ログアウト...1 1.1 ログインする...1 ログイン 画 面 が 表 示 されないときは?... 1 初 めてログインするときのパスワードは?... 2 初 期 パスワードを 忘 れてしまったときは?... 2 変 更 したパスワードを 忘 れてしまったときは?.

目 次 目 次 1 ログイン ログアウト...1 1.1 ログインする...1 ログイン 画 面 が 表 示 されないときは?... 1 初 めてログインするときのパスワードは?... 2 初 期 パスワードを 忘 れてしまったときは?... 2 変 更 したパスワードを 忘 れてしまったときは?. よこしん 外 為 インターネットバンキング 基 本 操 作 編 最 終 更 新 日 :2014 年 12 月 25 日 目 次 目 次 1 ログイン ログアウト...1 1.1 ログインする...1 ログイン 画 面 が 表 示 されないときは?... 1 初 めてログインするときのパスワードは?... 2 初 期 パスワードを 忘 れてしまったときは?... 2 変 更 したパスワードを 忘 れてしまったときは?...

More information

目 次 1. 大 学 情 報 データベースシステムの 使 用 方 法 について... 1 1.1.EXCEL 一 括 登 録... 1 1.2.EXCEL ダウンロード... 2 1.2.1. 検 索 条 件 の 指 定 プレビュー... 3 1.2.2.EXCEL ダウンロード(データ 抽 出 あ

目 次 1. 大 学 情 報 データベースシステムの 使 用 方 法 について... 1 1.1.EXCEL 一 括 登 録... 1 1.2.EXCEL ダウンロード... 2 1.2.1. 検 索 条 件 の 指 定 プレビュー... 3 1.2.2.EXCEL ダウンロード(データ 抽 出 あ 大 学 情 報 データベースシステム EXCEL 一 括 登 録 マニュアル 目 次 1. 大 学 情 報 データベースシステムの 使 用 方 法 について... 1 1.1.EXCEL 一 括 登 録... 1 1.2.EXCEL ダウンロード... 2 1.2.1. 検 索 条 件 の 指 定 プレビュー... 3 1.2.2.EXCEL ダウンロード(データ 抽 出 あり)... 5 1.2.3.EXCEL

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

More information

1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7

1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7 1. アーカイブデータベースを 検 索 / 閲 覧 する 1.1. データの 検 索 方 法 東 京 アーカイブ では 以 下 に 分 類 されるカテゴリの 画 像 データ 資 料 データを 閲 覧 できます 江 戸 城 浮 世 絵 双 六 和 漢 書 江 戸 東 京 の 災 害 記 録 絵 葉 書 写 真 帖 近 代 の 地 図 東 京 府 東 京 市 関 係 資 料 番 付 建 築 図 面 書

More information

01_07_01 データのインポート_エクスポート_1

01_07_01 データのインポート_エクスポート_1 データのインポート/エクスポートについて 概 要 スタッフエクスプレスでは 他 のソフトウェアで 作 成 されたスタッフデータ 得 意 先 データなどを 取 り 込 む(インポートする)ことができます また スタッフエクスプレスに 登 録 済 みのデータを Excel 形 式 CSV 形 式 で 出 力 (エクスポート)す ることができます 注 意 インポートできるデータは 次 の 条 件 を 満

More information

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合 TIPS 目 次 TIPS 項 目 棚 割 りを 開 始 するまで 商 品 画 像 の 追 加 方 法 商 品 情 報 の 一 括 更 新 登 録 方 法 棚 割 情 報 の 連 携 方 法 小 売 様 棚 割 ソフトとの 棚 割 情 報 連 携 について 他 棚 割 ソフトとの 棚 割 情 報 連 携 について 棚 割 情 報 のExcel 取 込 について 棚 板 設 定 の 詳 細 商 品 設

More information

<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>

<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378> 1. 基 本 事 項 1.1. システムで 行 えること デジタルライブラリー では データベース 上 に 登 録 されている 様 々なカテゴリのデータを 検 索 閲 覧 できます データを 検 索 する キーワード 検 索 全 データをフリーワードで 検 索 できます 簡 易 検 索 データの 共 通 項 目 に 条 件 を 指 定 し 全 データを 横 断 して 検 索 できます 詳 細 検 索

More information

以 下 に 手 順 の 流 れを 記 載 します 3ページ 以 降 で 各 項 目 の 手 順 を 説 明 します ( をクリックすると 該 当 ページにジャンプします ) また 4ページに 汎 用 データ 受 入 に 関 するよくあるお 問 い 合 わせをご 紹 介 しています Step (3ペー

以 下 に 手 順 の 流 れを 記 載 します 3ページ 以 降 で 各 項 目 の 手 順 を 説 明 します ( をクリックすると 該 当 ページにジャンプします ) また 4ページに 汎 用 データ 受 入 に 関 するよくあるお 問 い 合 わせをご 紹 介 しています Step (3ペー 人 事 奉 行 iシリーズ 汎 用 データ 受 入 の 手 順 書 汎 用 データの 作 成 方 法 を 知 りたい 汎 用 データのフォーマットがわからない 汎 用 データ 受 入 をしたら 受 入 エラーが 発 生 した について 社 員 情 報 データの 受 入 を 例 に 説 明 します 本 手 順 書 では OBC 受 入 形 式 ( ) の 汎 用 データの 受 入 を 受 入 フォーマットに

More information

活用ガイド-編集しよう

活用ガイド-編集しよう 編 集 しよう 本 書 では 取 り 込 んだ 映 像 の 結 合 タイトルや BGM を 加 えたり 必 要 なシーンを 抜 き 取 ったりするなどの 編 集 方 法 を 説 明 しています 1.はじめに 動 画 を 編 集 するには あらかじめ ImageMixer 3 SE Ver.5 Video Tools がインストールされている 必 要 があります インストールされていない 場 合 は

More information

MetaMoJi ClassRoom/ゼミナール 授業実施ガイド

MetaMoJi ClassRoom/ゼミナール 授業実施ガイド 本 書 では 管 理 者 向 けに MetaMoJi ClassRoom/ゼミナールで 年 度 更 新 を 実 施 する 手 順 について 説 明 して います 管 理 者 ガイドと 合 わせてご 覧 ください Excelは 米 国 Microsoft Corporationの 米 国 およびその 他 の 国 における 登 録 商 標 または 商 標 です Apache OpenOffice Apache

More information

購買ポータルサイトyOASIS簡易説明書 b

購買ポータルサイトyOASIS簡易説明書 b 購 買 ポータルサイト yoasis 簡 易 説 明 書 横 河 電 機 株 式 会 社 本 書 は 購 買 ポータルサイト yoasis の 簡 易 的 な 基 本 操 作 について 記 載 してあります 詳 細 な 操 作 方 法 については 別 冊 の 購 買 ポータルサイト yoasis 操 作 説 明 書 をご 覧 下 さい 本 書 の 内 容 は 性 能 / 機 能 の 向 上 などにより

More information

返還同意書作成支援 操作説明書

返還同意書作成支援 操作説明書 返 還 金 同 意 書 等 作 成 支 援 操 作 説 明 書 当 EXCELを 使 用 することにより 以 下 のものを 作 成 できます 返 還 同 意 書 保 険 者 別 返 還 金 額 一 覧 表 返 還 内 訳 表 返 還 集 計 表 1 返 還 金 同 意 書 等 作 成 支 援 (EXCEL 形 式 )を 開 きます 2 タイトル 画 面 が 数 秒 間 表 示 されますので 注 意

More information

V-CUBE One

V-CUBE One V-CUBE One Office 365 連 携 マニュアル ブイキューブ 2016/06/03 この 文 書 は V-CUBE One の Office 365 連 携 用 ご 利 用 マニュアルです 更 新 履 歴 更 新 日 内 容 2016/02/09 新 規 作 成 2016/03/11 Office 365 ID を 既 存 の One 利 用 者 と 紐 付 ける 機 能 に 関 する

More information

スライド 1

スライド 1 Android 版 目 視 録 運 用 操 作 マニュアル 作 成 2012/03/22 更 新 2014/09/26 目 視 録 とは 携 帯 またはパソコンで 施 工 写 真 を 登 録 確 認 できるシステムです ご 利 用 の 為 にはIDとパスワードが 必 要 です TEG ログインID ( ) パスワード ( ) https://teg.mokusiroku.com/

More information

2. 事 務 連 絡 者 用 メニュー (1) 登 録 変 更 申 請 委 員 会 メンバー メンバー 個 人 情 報 企 業 情 報 の 変 更 および JIRA 会 員 を 退 会 する 場 合 こ のメニューから 各 種 申 請 を 行 います 申 請 後 変 更 内 容 を JIRA 事 務

2. 事 務 連 絡 者 用 メニュー (1) 登 録 変 更 申 請 委 員 会 メンバー メンバー 個 人 情 報 企 業 情 報 の 変 更 および JIRA 会 員 を 退 会 する 場 合 こ のメニューから 各 種 申 請 を 行 います 申 請 後 変 更 内 容 を JIRA 事 務 事 務 連 絡 者 ポータルサイト ご 利 用 マニュアル 1. システムログイン (1) 下 記 URL にアクセス( 会 員 事 務 連 絡 者 ポータル 画 面 下 記 URL をクリックして 事 務 連 絡 者 ポータルサイトに 入 ることができます) https://member.jira-net.or.jp/membermanage/account/login (2) ログイン 画 面

More information

■コンテンツ

■コンテンツ Joruri CMS 2.0.0 基 本 マニュアル (2013.7.23) 2012.2.14 データ データでは 複 数 の 場 所 で 共 通 して 利 用 できる 情 報 (テキスト 形 式 ファイル 形 式 )を 作 成 登 録 管 理 できます テキスト データ>テキスト 作 成 されたテキストが 一 覧 表 示 されます 複 数 の 場 所 で 利 用 するテキスト( 住 所 TEL

More information

(Microsoft PowerPoint - Ver12\203o\201[\203W\203\207\203\223\203A\203b\203v\216\221\227\277.ppt)

(Microsoft PowerPoint - Ver12\203o\201[\203W\203\207\203\223\203A\203b\203v\216\221\227\277.ppt) ACAD-DENKI DENKI Ver.12 新 機 能 / 改 善 機 能 アルファテック 株 式 会 社 1 新 機 能 改 善 機 能 一 覧 ACAD-DENKI/EL Ver.12 新 機 能 と 改 善 機 能 新 メニュー/ 新 機 能 拡 張 プロジェクト 管 理 外 部 端 子 コネクタ 端 子 ネット 分 割 化 リアルタイム 線 番 挿 入 改 善 項 目 図 題 情 報 編

More information

目 次 1.はじめに 1-1. はじめに 2. 操 作 2-1. 概 要 2-2. 操 作 方 法 ( 調 査 依 頼 の 確 認 ) 2-3. 操 作 方 法 ( 回 答 登 録 ) 2-4. 操 作 方 法 (ワークシート 出 力 ) 2-5. 操 作 方 法 (ワークシート 取 込 ) 3.

目 次 1.はじめに 1-1. はじめに 2. 操 作 2-1. 概 要 2-2. 操 作 方 法 ( 調 査 依 頼 の 確 認 ) 2-3. 操 作 方 法 ( 回 答 登 録 ) 2-4. 操 作 方 法 (ワークシート 出 力 ) 2-5. 操 作 方 法 (ワークシート 取 込 ) 3. カシオグリーン 調 達 調 査 (ProChemist) カシオ 調 査 票 回 答 マニュアル Ver.20131116 カシオ 計 算 機 株 式 会 社 目 次 1.はじめに 1-1. はじめに 2. 操 作 2-1. 概 要 2-2. 操 作 方 法 ( 調 査 依 頼 の 確 認 ) 2-3. 操 作 方 法 ( 回 答 登 録 ) 2-4. 操 作 方 法 (ワークシート 出 力 ) 2-5.

More information

R4財務対応障害一覧

R4財務対応障害一覧 1 仕 訳 入 力 仕 訳 入 力 時 摘 要 欄 で. + Enter を 押 すと アプリケーションでエラーが 発 生 しまインデックスが 配 列 の 境 界 外 です が 出 る 場 合 がある 問 題 に 対 応 しま 2 仕 訳 入 力 仕 訳 入 力 主 科 目 と 補 助 科 目 を 固 定 にすると2 行 目 以 降 の 補 助 科 目 コピーが 動 作 しない 問 題 に 対 応

More information

サイボウズ リモートサービス ユーザーマニュアル

サイボウズ リモートサービス ユーザーマニュアル ユーザーマニュアル Copyright (C) 2011 Cybozu, Inc. 目 次 パソコンからのアクセス クライアント 証 明 書 の 登 録... 2 クライアント 証 明 書 を 登 録 する... 2 Internet Explorer 6.0/7.0/8.0(Windows)の 場 合... 2 Mozilla Firefox 3.5/3.6(Windows/Macintosh)の

More information

【試用版】AppStudioクイズアプリ作成手順

【試用版】AppStudioクイズアプリ作成手順 2014 年 08 月 18 日 最 終 更 新 クイズアプリをつくろう Dacoon, Inc. 目 次 1. APP STUDIO で 作 れるクイズについて... 3 2. クイズアプリを 作 ってみよう... 4 3. 画 像 の 設 定... 22 4. CSS 編 集 について... 25 5. パブリッシュについて... 27 2 1.App Studio で 作 れるクイズについて

More information

「1 所得税及び復興特別所得税の確定申告書データをお持ちの方」からの更正の請求書・修正申告書作成編

「1  所得税及び復興特別所得税の確定申告書データをお持ちの方」からの更正の請求書・修正申告書作成編 既 に 提 出 した 所 得 税 及 び 復 興 特 別 所 得 税 の 確 定 申 告 の 申 告 額 に 誤 り があった 場 合 で 納 める 税 金 が 多 すぎた 場 合 や 還 付 される 税 金 が 少 なす ぎた 場 合 に 提 出 する 更 正 の 請 求 書 や 申 告 をした 税 額 等 が 実 際 より 少 な すぎた 場 合 や 還 付 される 税 金 が 多 すぎた 場

More information

目 次 1. 論 理 関 数 IF... 1 2. IF の 概 要... 1 3. 論 理 式 の 種 類... 2 3.1.1. 等 号... 2 3.1.2. 不 等 号... 2 4. 具 体 的 な 使 い 方... 2 5. ネスト... 3 6. 複 数 の 条 件 を 記 述...

目 次 1. 論 理 関 数 IF... 1 2. IF の 概 要... 1 3. 論 理 式 の 種 類... 2 3.1.1. 等 号... 2 3.1.2. 不 等 号... 2 4. 具 体 的 な 使 い 方... 2 5. ネスト... 3 6. 複 数 の 条 件 を 記 述... 平 成 26 年 12 月 6 日 跡 見 学 園 女 子 大 学 公 開 講 座 パソコンセミナー Excel 入 門 第 1 回 応 用 編 文 学 部 現 代 文 化 表 現 学 科 准 教 授 伊 藤 穣 [email protected] http://www2.mmc.atomi.ac.jp/~j-ito/ 目 次 1. 論 理 関 数 IF... 1 2. IF の 概 要... 1

More information

<4D6963726F736F667420576F7264202D20819B93FC97CD835683588365838082CC91808DEC95FB964081693230313589FC92F994C5816A>

<4D6963726F736F667420576F7264202D20819B93FC97CD835683588365838082CC91808DEC95FB964081693230313589FC92F994C5816A> 岡 山 大 学 情 報 データベースシステムの 操 作 方 法 1 インターネットブラウザの 設 定 まず ご 利 用 のブラウザ 環 境 に 応 じて 以 下 URL に 記 載 されている 設 定 を 行 ってください この 設 定 をしていない 場 合 岡 山 大 学 情 報 データベースシステムを 利 用 できない 場 合 があります Windows の Internet Explorer7.0

More information

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (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)

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

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

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

More information

1

1 Excelファイルアクセス 1. 概 要 Excel ファイルアクセスコンポーネントは Microsoft Excel のファイルを 開 いてセルの 値 や 書 式 を 取 得 変 更 したり テーブル 全 体 を 新 しいファイルと して 保 存 したりするために 用 います Excel ファイルアクセスコンポーネントは アプリケーションビルダーのメニューから 以 下 のように 選 びます [コンポーネント

More information

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ 5-1 一 般 ユーザー 用 :メール お 使 いのブラウザ 上 でメールの 送 受 信 ができます メールはJobMagicのサーバーにて 管 理 されており いつでもどこでも 別 のマシーンでログインしても 同 じ 環 境 でご 利 用 いただけます 受 信 したメールを 読 む 1 受 信 したメールを 読 むには3 種 類 の 方 法 があります メニューからメールメニューをクリック 新 着

More information