第 7 回の内容 動的な Web サイト フォーム Web システムの構成

Size: px
Start display at page:

Download "第 7 回の内容 動的な Web サイト フォーム Web システムの構成"

Transcription

1 第 7 回の内容 動的な Web サイト フォーム Web システムの構成

2 動的な Web サイト

3 静的なリソース ファイルシステムのパス / URI のパス a 公開ディレクトリ / b b GET /b HTTP/1.1 c c e d /a/b を送り返す d e

4 静的なリソース ファイルシステムのパス / / URI のパス f b c e GET /g/e HTTP/1.1 d /f/e を送り返す g b c e d

5 動的なリソース 商品を紹介するページに データベースに格納されている在庫情報も表示する ユーザーから送られてきた検索キーワードにマッチする情報の一覧を表示する

6 動的なリソースの生成 1 随時変化するWebサーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報

7 動的なリソースの生成 1 随時変化するWebサーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報 データベースに記録されているデータ サーバの負荷 処理を行った日時

8 動的なリソースの生成 1 随時変化するWebサーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報 コンテントネゴシエーション用のヘッダ User-Agentヘッダ Refererヘッダ

9 動的なリソースの生成 1 随時変化するWebサーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報

10 動的なリソースの生成 1 随時変化するWebサーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報 リクエストを処理するプログラム そのプログラムに渡す情報

11 動的なリソースの生成 1 随時変化する Web サーバ上の情報 2 メッセージヘッダで渡される情報 3 クエリやメッセージボディで渡される情報 3 クエリとして渡された情報を元に 1 データベースを検索した結果を 2 コンテントネゴシエーションにより希望された PNG 画像として提供する

12 フォーム

13 フォームの例

14 フォームの例

15 フォーム ユーザーが情報を入力して送信 コントロール 情報を入力する部品 フォームが指定するURIに遷移 GETメソッドとPOSTメソッドが利用可

16 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

17 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

18 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

19 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール コントロール ラベル

20 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

21 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

22 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

23 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

24 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

25 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

26 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

27 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

28 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

29 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

30 コントロール コントロールボタンチェックボックスラジオボタンメニューテキスト入力ファイル選択隠しコントロール

31 form 要素 <form action="./buy" method="post"> <!-- ここにコントロールや その他の HTML 要素を配置 --> </form>

32 form 要素 <form action="./buy" method="post"> <!-- ここにコントロールや その他の HTML 要素を配置 --> </form> 属性名 action 属性値 フォームデータの送信先 URI

33 form 要素 <form action="./buy" method="post"> <!-- ここにコントロールや その他の HTML 要素を配置 --> </form> 属性名 action method 属性値 フォームデータの送信先 URI フォームデータの送信に用いられるメソッド

34 form 要素 <form action="./buy" method="post"> <!-- ここにコントロールや その他の HTML 要素を配置 --> </form> 属性名 action method enctype 属性値 フォームデータの送信先 URI フォームデータの送信に用いられるメソッド 送信されるフォームデータのメディアタイプ既定値は application/x-www-form-urlencoded

35 フォームの送信 1 送信するデータの特定 2 フォームデータの加工 3 フォームデータの送信

36 送信するデータの特定 送信するデータに含める 送信するデータに含めない

37 フォームの送信 1 送信するデータの特定 2 フォームデータの加工 3 フォームデータの送信

38 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> <br> 会員種別 : <select name="member"> <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form>

39 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> <br> 会員種別 : <select name="member"> <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form>

40 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> テキスト入力 <br> 会員種別 : <select name="member"> <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form>

41 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> テキスト入力 <br> 会員種別 : <select name="member"> メニュー <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form>

42 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> テキスト入力 <br> 会員種別 : <select name="member"> メニュー <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> チェックボックス </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form>

43 フォームの例 <form action="/e" method="post"> <p> 名前 :<input type="text" name="name" value=""> <br> 会員種別 : <select name="member"> <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select> <br> <label><input type="checkbox" name="forum" value="yes"> フォーラム参加 </label> <label><input type="checkbox" name="party" value="yes"> 懇親会参加 </label> <br> <button type="submit"> 送信 </button> <button type="reset"> リセット </button> </p> </form> テキスト入力 メニュー チェックボックス ボタン

44 フォームの例

45 フォームの例

46 フォームへの入力

47 送信するデータの特定

48 フォームデータの加工 名前 name 値 放送太郎 <input type="text" name="name" value="">

49 フォームデータの加工 名前 name 名前 member 値放送太郎値 s <select name="member"> <option value="g"> 一般会員 </option> <option value="s"> 学生会員 </option> <option value="n" selected> 非会員 </option> </select>

50 フォームデータの加工 名前 name 名前 member 名前 forum 値放送太郎値 s 値 yes <input type="checkbox" name="forum" value="yes">

51 フォームデータの加工 名前 name 名前 member 名前 forum 値放送太郎値 s 値 yes

52 フォームデータの加工 1. スペースを + に変換英数字と一部の記号を除いた文字を %XX の形式に変換 2. エスケープした名前と値を = でつなぐ 3. 名前と値のペアを & でつなぐ 名前 name 名前 member 名前 forum 値放送太郎値 s 値 yes

53 フォームデータの加工 1. スペースを + に変換英数字と一部の記号を除いた文字を %XX の形式に変換 2. エスケープした名前と値を = でつなぐ 3. 名前と値のペアを & でつなぐ 放 送 名前 name 名前 member 名前 forum 太 値放送太郎値 s 値 yes 郎 放送太郎 %E6%94%BE%E9%80%81+%E5%A4%AA%E9%83%8E スペース

54 フォームデータの加工 1. スペースを + に変換英数字と一部の記号を除いた文字を %XX の形式に変換 2. エスケープした名前と値を = でつなぐ 3. 名前と値のペアを & でつなぐ 名前 name 名前 member 名前 forum 値放送太郎値 s 値 yes name=%e6%94%be%e9%80%81+%e5%a4%aa%e9%83%8e member=s forum=yes

55 フォームデータの加工 1. スペースを + に変換英数字と一部の記号を除いた文字を %XX の形式に変換 2. エスケープした名前と値を = でつなぐ 3. 名前と値のペアを & でつなぐ 名前 name 名前 member 名前 forum 値放送太郎値 s 値 yes name=%e6%94%be%e9%80%81+%e5%a4%aa%e9%83%8e&member=s&forum=yes

56 フォームの送信 1 送信するデータの特定 2 フォームデータの加工 3 フォームデータの送信

57 フォームデータの送信 form 要素の action 属性値で指定された URI に method 属性値で指定されたメソッドを使ってリクエストを発行 GET メソッド URI のクエリにする POST メソッド メッセージボディに入れて送信

58 GET メソッドによる送信 <form action="/e" method="get"> <button type="submit"> 送信 </button> </form> リクエスト GET /e?name=%e6%94%be%e9%80%81+%e5%a4%aa%e9%83%8e&member=s&fo rum=yes HTTP/1.1

59 POST メソッドによる送信 <form action="/e" method="post"> <button type="submit"> 送信 </button> </form> リクエスト POST /e HTTP/1.1 Content-Type: application/x-www-form-urlencoded Content-Length: 61 name=%e6%94%be%e9%80%81+%e5%a4%aa%e9%83%8e&member=s&forum=yes

60 GET と POST の使い分け GET メソッドはリソースの取得 検索を行い その結果を得る 掲示板への投稿

61 フォームの例

62 GET と POST の使い分け GET メソッドはリソースの取得 検索を行い その結果を得る 掲示板への投稿 データサイズが大きい場合は POST メソッド データを知られにくくするには POST メソッド

63 ブックマーク <form action=" method="get"> </form> %E5%A4%AA%E9%83%8E&member=s&forum=yes

64 Web システムの構成

65 Web サーバソフトウェア リクエストを待ち受け URI で要求されるリソースを返却 コンテントネゴシエーション HTTP 認証 (Basic 認証 Digest 認証 )

66 Common Gateway Interface (CGI) Web サーバ プロセス 1 HTTP リクエスト 2 CGI リクエスト Web ブラウザ Web サーバソフトウェア CGI スクリプト 4 HTTP レスポンス 3 CGI レスポンス HTTP の取り決め範囲 CGI の取り決め範囲

67 同一プロセス内でのリソース生成 リソース生成プログラム Web ブラウザ Web サーバソフトウェア

68 アプリケーションサーバの利用 リソース生成プログラム Web ブラウザ Web サーバソフトウェア アプリケーションサーバ

69 ハードウェアの構成 CL Web AP DB CL Web AP DB CL Web AP DB CL Web AP クライアント (Web ブラウザ ) Web サーバソフトウェア アプリケーションサーバ CL Web AP AP DB DB データベース管理システム

70 第 7 回の内容 動的な Web サイト フォーム Web システムの構成

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 出席確認 受講管理システム AMUSE を使って 本日の出席登録をせよ 学籍番号とパスワードを入力するだけでよい : http://davinci.cc.matsuyama-u.ac.jp/~dan/amuse/

More information

Webデザイン論

Webデザイン論 2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 出席確認 受講管理システム AMUSE を使って 本日の出席登録をせよ 学籍番号とパスワードを入力するだけでよい : http://davinci.cc.matsuyama-u.ac.jp/~dan/amuse/

More information

C:\Apache Software Foundation\Apache2.2\htdocs\sample\login.html サンプルプログラム passworddisc.php <head><title> ログイン </title></head> $user=$_post['user']; $

C:\Apache Software Foundation\Apache2.2\htdocs\sample\login.html サンプルプログラム passworddisc.php <head><title> ログイン </title></head> $user=$_post['user']; $ PHP を利用すると 動的に Web ページを生成することが出来る 予め HTML ファイルを準備しておき その内で必要に応じてスクリプトを記載することで Web アプリケーションを容易に開発することが出来る Java に比べて 比較的にサーバーの設定などが 簡単である ホームページから PHP 応用演習ソースプログラム をダウンロードして C:\Apache Software Foundation\Apache2.2\htdocs\sample\

More information

メディプロ1 Javaサーブレット補足資料.ppt

メディプロ1 Javaサーブレット補足資料.ppt メディアプロジェクト演習 1 Java サーブレット補足資料 CGI の基本 CGI と Java サーブレットの違い Java サーブレットの基本 インタラクティブな Web サイトとは Interactive q 対話 または 双方向 q クライアントとシステムが画面を通して対話を行う形式で操作を行っていく仕組み 利用用途 Web サイト, シミュレーションシステム, ゲームなど WWW = インタラクティブなメディア

More information

2

2 storetool 2 3 4 1 storetool 1-1 6 1-2 1 7 8 1-3 1 9 1-4 10 1 11 1-5 12 1-6 1 13 14 2 storetool 2-1 16 2 17 2-2 1. 2. 3. 4. 5. 18 6. 7. 2 19 20 3 storetool 3-1-1 22 1. 3 2. 1. 2. 23 1. 2. 24 3 25 1. 2.

More information

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

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

More information

実験 5 CGI プログラミング 1 目的 動的にWebページを作成する手法の一つであるCGIについてプログラミングを通じて基本的な仕組みを学ぶ 2 実験 実験 1 Webサーバの設定確認と起動 (1)/etc/httpd/conf にある httpd.conf ファイルの cgi-bin に関する

実験 5 CGI プログラミング 1 目的 動的にWebページを作成する手法の一つであるCGIについてプログラミングを通じて基本的な仕組みを学ぶ 2 実験 実験 1 Webサーバの設定確認と起動 (1)/etc/httpd/conf にある httpd.conf ファイルの cgi-bin に関する 実験 5 CGI プログラミング 1 目的 動的にWebページを作成する手法の一つであるCGIについてプログラミングを通じて基本的な仕組みを学ぶ 2 実験 実験 1 Webサーバの設定確認と起動 (1)/etc/httpd/conf にある httpd.conf ファイルの cgi-bin に関する次の項目を調べよ このとき CGIプログラムを置く場所 ( CGI 実行ディレクトリ) と そこに置いたCGIプログラムが呼び出されるURLを確認せよ

More information

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学 九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送 インターネット クライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

More information

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1)

More information

<48746D6C8AEE91628D758DC02E786C73>

<48746D6C8AEE91628D758DC02E786C73> HTML 基礎講座 目次 1.HTML 紹介 1-1 HTMLとは 1-2 HTMLの基本的な構成 1-3 HTMLのソースの表示方法 2.HTMLタグ紹介 2-1 リンクする 2-2 改行 水平罫線 2-3 段落 2-4 見出し ~, ~ 2-5 画像 2-6 テーブル 2-7 フォーム 2009.10.16

More information

1/5 ページ 戻る ( ) サンプルと特長 このシステムは WEB 上からメール送信することのできる メールフォーム です サンプルは以下にあります PostMail PostMail の機能的な特長は以下のとおりです 1. WEB 上からメール送信することができます 2. サーバメールプログラムには sendmail (UNIX) と BlatJ (WinNT) に対応しています 3. 送信前に内容を

More information

2003年度 情報処理概論

2003年度 情報処理概論 提出課題 課題 1( 提出課題 ): 利用者の情報を入力し 登録 ボタンを押すと, 入力されたデータで利用者 (user) テーブルにレコードを新規登録する Web ページを作りましょう. 手順 1:HTML のファイル ( 利用者情報の入力 Web ページ ) を input_regist_user.html という名前で作業フォルダに作成する. 手順 2:DB に登録処理を行う PHP プログラムのファイルを

More information

Microsoft Word - PHP演習資料.doc

Microsoft Word - PHP演習資料.doc PHP 概要ホームページは 毎回同じ画面しか表示する事が出来ない 従って ログインごとにパスワード認証をしたり 現在の時刻を表示したりするためには プログラムで HTML の構文を動的に作成する必要がある 一般的には Java や C# が使われるが それらは多少大がかりな仕掛けが必要になる 従ってプロバイダのレンタルサーバ等で 利用できるプログラムは 基本的には Pearl や PHP しか無い

More information

5-5_arai_JPNICSecSemi_XssCsrf_CM_ PDF

5-5_arai_JPNICSecSemi_XssCsrf_CM_ PDF XSS + CSRF JPNIC JPCERT/CC 2005 Web 2005 10 6 IS Copyright 2005 SECOM Co., Ltd. All rights reserved. 1 XSS + CSRF Web Web Web (Web, DB, ) Copyright 2005 SECOM Co., Ltd. All rights reserved. 2 SQL XSS Copyright

More information

Webプログラミング演習

Webプログラミング演習 Web プログラミング演習 特別編 いいね ボタンの実装 いいね ボタン ( 英語では Like) Facebook で, 他の人のコンテンツ ( コメント 写真など ) の支持を表明するためのボタン クリックすると, 自分の Facebook のタイムラインに支持したことが記録される ( コメントを同時投稿することも可能 ) 友達のニュースフィードに表示 コンテンツ毎にクリックしたユーザ数がカウントされる

More information

内容 ( 演習 1) 脆弱性の原理解説 基礎知識 脆弱性の発見方法 演習 1: 意図しない命令の実行 演習解説 2

内容 ( 演習 1) 脆弱性の原理解説 基礎知識 脆弱性の発見方法 演習 1: 意図しない命令の実行 演習解説 2 AppGoat を利用した集合教育補助資料 - クロスサイトリクエストフォージェリ編 - 独立行政法人情報処理推進機構 (IPA) 技術本部セキュリティセンター 内容 ( 演習 1) 脆弱性の原理解説 基礎知識 脆弱性の発見方法 演習 1: 意図しない命令の実行 演習解説 2 クロスサイト リクエスト フォージェリ (CSRF) とは? CSRF(Cross Site Request Forgeries)=

More information

WEBシステムのセキュリティ技術

WEBシステムのセキュリティ技術 WEB システムの セキュリティ技術 棚橋沙弥香 目次 今回は 開発者が気をつけるべきセキュリティ対策として 以下の内容について まとめました SQLインジェクション クロスサイトスクリプティング OSコマンドインジェクション ディレクトリ トラバーサル HTTPヘッダ インジェクション メールヘッダ インジェクション SQL インジェクションとは 1 データベースと連動した Web サイトで データベースへの問い合わせや操作を行うプログラムにパラメータとして

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション データベースを活用した動画投稿大型キャンペーン 必要な契約エビリー様と契約 SPIRAL 基本契約 SPIRALAPI オプション ( 分間 10 件以上動画の投稿が想定される場合 ) 必要なスキル HTML Javascript PHP 作業工数 1 営業日 1 手順 1. 必要な契約の準備 2.SPIRAL の設定 (1)SPIRAL API 発行 (2) 動画管理 DB 発行 (3) 動画投稿フォーム発行

More information

第7回 Javascript入門

第7回 Javascript入門 Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 9 回 JavaScript 入門 (2) 萩野達也 (hagino@sfc.keio.ac.jp) 1 JavaScript 入門 ( 前回 ) オブジェクト指向について JavaScriptの誕生プロトタイプベースのオブジェクト指向 言語 構文および制御構造 代入条件文繰り返し関数

More information

JavaScript 演習 2 1

JavaScript 演習 2 1 JavaScript 演習 2 1 本日の内容 演習問題 1の解答例 前回の続き document.getelementbyid 関数 演習問題 4 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習問題 5 演習問題 1 prompt メソッドと document.write メソッドを用いて, ユーザから入力されたテキストと文字の色に応じて, 表示内容を変化させる JavaScript

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 問題 次の画面写真を参考にソースを組みなさい 画像素材は次のサイトにある http://www.kyouzai.com/kenshu/index.htm トップ 大学 専門学校授業 10 月 31 日画像素材 ファイル名 :index.htm( フレーム定義ファイル ) menu.htm( 左フレーム表示 メニューページ ) top.htm( 右フレーム表示 似顔絵イラスト表示ページ ) touroku.htm(

More information

Taro php.jtdc

Taro php.jtdc 4-5 PHP 演習問題 演習 1 フォルダ \data\dbserver\php のPHPスクリプト randamu.php を使い, データベース testdb のテーブル table1 を取り込み, ランダムにデータを表示させるWebサーバを構築し, クライアント( Windows 側 ) のブラウザURL epc**.cen.hic.ac.jp/randamu.php を入力し, 確認する

More information

第7回 Javascript入門

第7回 Javascript入門 Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 9 回 JavaScript 入門 (2) 萩野達也 (hagino@sfc.keio.ac.jp) 1 JavaScript 入門 ( 前回 ) オブジェクト指向について JavaScriptの誕生プロトタイプベースのオブジェクト指向 言語 構文および制御構造 代入条件文繰り返し関数

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 5. 関数を駆使していろいろなFORMを攻略しちゃおう メソッド button checkbox radio select text textarea ボタン チェックボックス ラジオボタン セレクト テキスト テキストエリア blur blur blur blur blur blur click click click focus focus focus focus focus focus select

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 Web データ管理 CGI (3 章 ) 2011/11/30( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 CGI とは Common Gateway Interface の略 通常のページでは

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

Web のクライアントサーバモデル

Web のクライアントサーバモデル 第 2 回の内容 クライアントサーバモデル URI HTTP Web のクライアントサーバモデル クライアントサーバモデル ユーザークライアントサーバ 処理要求の入力 処理要求 結果の提示 処理結果 処理 Web のクライアントサーバモデル ユーザー Web ブラウザ Web サーバ URI の指示 HTTP リクエスト Web ページの描画 HTTP レスポンス URI Web ブラウザのアドレスバー

More information

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 CGI (3 章 ) 2012/6/12( 水 ) 講義で使うフォルダ 1/23 2/23 CGI とは Common Gateway Interface の略

More information

情報システム設計論II ユーザインタフェース(1)

情報システム設計論II ユーザインタフェース(1) 中村研究室ゼミ CGI と PHP 中村聡史 1 本日の内容 アクセスのたびに動作が変わるページの実現 CGI (Common Gateway Interface) PHP 2 3 動的なコンテンツ アクセスするたびに結果が変わったり, 問い合わせをするようなウェブページをどのようにして実現するか? ウェブ掲示板やウェブアンケート アクセスカウンター ウェブログ 検索サービスや物販サービス などなど

More information

■デザイン

■デザイン Joruri CMS 2.0.0 基本マニュアル (2013.7.23) デザイン デザインでは 各ページ内に構成されるパーツである ピース と それをページ内に配置し構成する レイアウト を作成できます また スタイルシート でピース レイアウトの HTML を制御し装飾する CSS を設定できます ピースデザイン > ピース ピース をクリックすると 現在登録されているピースが ピース ID のアルファベッ

More information

Microsoft PowerPoint - Lecture_2

Microsoft PowerPoint - Lecture_2 プログラミング Java III 第 2 回 :WebForm および サーブレット入門 Ivan Tanev 講義の構造 1. ダイナミックWebコンテンツとサーブレット 2.Webフォーム 3. 演習 2 1. ダイナミック Web コンテンツとサーブレット 3 1. ダイナミック Web コンテンツとサーブレット Internet Response: HTML テキスト ユーザー 4 1. ダイナミック

More information

Microsoft Word 基_シラバス.doc

Microsoft Word 基_シラバス.doc 4-5- 基 Web アプリケーション開発に関する知識 1 4-5- 基 Web アプリケーション開発に関する知識 スクリプト言語や Java 言語を利用して Ruby on Rails やその他 Web フレームワークを活用して HTML(4, 5) XHTML JavaScript DOM CSS といったマークアップ言語およびスクリプト言語を活用しながら Ⅰ. 概要ダイナミックなWebサービスを提供するアプリケーションを開発する際に

More information

DB STREET 設置マニュアル

DB STREET 設置マニュアル DB STREET 設置マニュアル イーマックス目黒光一 1/23 1 はじめに... 3 2 会員詳細ページへのログイン... 4 3 サイト情報の設定... 5 4 一覧ページ画面の設定...13 5 詳細ページ画面の設定...15 6 お問い合わせページの設定...16 7 検索項目の設定...21 8 テンプレートのダウンロード...23 9 CSVアップロード...23 10 その他...

More information

2019年度 Webシステムプログラミングa

2019年度 Webシステムプログラミングa 2019 年度 Web システムプログラミング a PHP の基礎 (2) 講義内容 前回の提出課題の解答例 復習 データを送信するための HTML ( フォーム ) PHP によるフォームデータの処理 2 ( 前回 ) 提出課題 課題 1: 1 から 100 までの乱数で作成した 2 つの整数の足し算を表示する Web ページを作成しましょう. 乱数を作成する関数 : rand( 範囲の最小値,

More information

J-Payment クレジットカード 決済システム接続仕様書

J-Payment クレジットカード 決済システム接続仕様書 クレジットカード決済 初期設定マニュアル (HTML リンク接続 ) 改訂履歴 項番 改定日時改訂者対象改訂内容 1 2015/10/15 梨本 Gateway SSL 暗号方式に関して 1 2016/5/6 中野 管理画面設定 5 6ページのイメージ画像修正 SSL 暗号方式に関するご案内の削除 2 目次 はじめに :HTML リンク方式について : ご契約後のフロー 管理画面の設定項目について

More information

1

1 1 2 3 4 確認しよう 今回のサンプルプログラムにアクセスしてみましょう 1. デスクトップ上のフォルダをクリックし /var/www/html に example1.html と example2.php ファイルがあることを確認します 2. ブラウザを起動し 次の URL にアクセスします http://localhost/example1.html 3. 自分の手を選択して じゃんけんぽん

More information

インターネットマガジン1996年3月号―INTERNET magazine No.14

インターネットマガジン1996年3月号―INTERNET magazine No.14 Common Gateway Interface +SSI j 164 INTERNET magazine 1996/3 INTERNET magazine 1996/3 165 Common Gateway Interface 5 2 3 1 2 3 4 1 4 j Common Gateway Interface j j j j 166 INTERNET magazine 1996/3 INTERNET

More information

Cisco CSS HTTP キープアライブと ColdFusion サーバの連携

Cisco CSS HTTP キープアライブと ColdFusion サーバの連携 Cisco CSS 11000 HTTP キープアライブと ColdFusion サーバの連携 目次 概要 HTTP ヘッダーについて HTTP HEAD メソッドと HTTP GET メソッドの違いについて ColdFusion サーバの HTTP キープアライブへの応答方法 CSS 11000 で認識される HTTP キープアライブ応答もう 1 つのキープアライブ URI と ColdFusion

More information

ビジネスサーバ設定マニュアル_Standard応用編

ビジネスサーバ設定マニュアル_Standard応用編 ビジネスサーバ シリーズ設定マニュアル ~Standard 応用編 ~ 本マニュアルの内容は サービスの各機能に関する解説資料としてご利用いただくことを目的としております 設定変更にあたっては 予め変更対象のファイル等のバックアップを取られることをお奨め致します ( 弊社側でのファイル復旧は出来ませんのでご注意ください ) 第 1.3 版 株式会社 NTT ぷらら 本ご案内に掲載している料金等は消費税相当額を含んでおりません

More information

アカウント管理者 操作ドキュメント

アカウント管理者 操作ドキュメント s シンプルメール アカウント管理者操作ドキュメント ver. 2.0 目次 ログイン ログアウト... 2 ログイン... 2 ログアウト... 2 アカウント... 3 アカウント利用状況の表示... 3 アカウント設定の表示... 4 アカウント設定の編集... 6 ドメイン... 7 ドメインの表示... 7 管理者... 8 アカウント管理者一覧の表示... 8 アカウント管理者の検索...

More information

ご利用のコンピュータを設定する方法 このラボの作業を行うには 事前設定された dcloud ラボを使用するか 自身のコンピュータをセットアップします 詳細については イベントの事前準備 [ 英語 ] とラボの設定 [ 英語 ] の両方のモジュールを参照してください Python を使用した Spar

ご利用のコンピュータを設定する方法 このラボの作業を行うには 事前設定された dcloud ラボを使用するか 自身のコンピュータをセットアップします 詳細については イベントの事前準備 [ 英語 ] とラボの設定 [ 英語 ] の両方のモジュールを参照してください Python を使用した Spar ご利用のコンピュータを設定する方法 このラボの作業を行うには 事前設定された dcloud ラボを使用するか 自身のコンピュータをセットアップします 詳細については イベントの事前準備 [ 英語 ] とラボの設定 [ 英語 ] の両方のモジュールを参照してください Python を使用した Spark API との通信 このラーニングモジュールでは Python を使用した Spark API とのインターフェイスを扱います

More information

Microsoft Word - CBSNet-It連携ガイドver8.2.doc

Microsoft Word - CBSNet-It連携ガイドver8.2.doc (Net-It Central 8.2) 本ガイドでは ConceptBase Search Lite.1.1 と Net-It Central 8.2 の連携手順について説明します 目次 1 はじめに...2 1.1 本書について...2 1.2 前提条件...2 1.3 システム構成...2 2 ConceptBase のインストール...3 2.1 インストールと初期設定...3 2.2 動作確認...3

More information

■新聞記事

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

More information

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す HTML/CSS 1 HTML について Hyper Text Markup Language( ハイパーテキストマークアップランゲージ ) 略記 略称:HTML( エイチティーエムエル ) とは ウェブ上のドキュメントを記述するためのマークアップ言語である Web 作成基本プログラミング用語であり C 言語のようなプログラミングとは違い 文章の中に記述することでさまざまな機能を記述設定することができる

More information

クイックマニュアル(利用者編)

クイックマニュアル(利用者編) クイックマニュアル エコノス株式会社 目次 1. 利用イメージ 2. ログイン画面 3. 検索画面 4. クロールサイト管理画面 5. ユーザ管理 6. 検索履歴確認 7. クロール結果確認 8. ダウンロードパスワード設定 9. URLチェック 2 1. ご利用イメージ (1/2) 基本的な機能のご利用について 1 サイトへアクセスしログイン関連ページ :2. ログイン画面 2 検索対象の URL

More information

WebOTXマニュアル

WebOTXマニュアル WebOTX アプリケーション開発ガイド WebOTX アプリケーション開発ガイドバージョン : 7.1 版数 : 第 2 版リリース : 2010 年 1 月 Copyright (C) 1998-2010 NEC Corporation. All rights reserved. 4-1-1 目次 4. J2EE WebOTX...3 4.1. Webアプリケーション...3 4.1.1. Webアプリケーションを作成する...3

More information

HTML のタグを使ったホームページ作成 第 1 章 HTML 文書の基本 1. タグの基本 HTML 文書は普通の文章とタグで構成される タグは半角英数字で書く 文字 のように開始タグ (< >) と終了タグ () で囲む オプションをつけることもできる 2. 基本構成 ( 下線のタグは必ず書きます ) タイトル

More information

ウェブサイト内検索機能マニュアル

ウェブサイト内検索機能マニュアル HeartCore ウェブサイト内検索機能マニュアル October2013 Ver1.1-1 - 改訂履歴 改訂日 改訂内容 Ver1.0 2013 年 07 月 マニュアル改訂 Ver1.1 2013 年 10 月 フォーマット改訂 - 2 - 目次 1. 本文書の目的と対象ライセンス... - 4-1.1 目的...- 4-1.2 対象ライセンス...- 4-2. 機能概要... - 4-2.1

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HPOP( HP オプション ) リンク作成方法 目次 1.HPOPの構造 2. 職種リンク 3. 職種カテゴリリンク 4. 業種リンク 5. 勤務地リンク 6. 選択肢リンク 7. 特定のJOBへのリンク 8. 特定の企業へのリンク 9. キーワードリンク 1 単独キーワード 2 複数キーワード 2 1.HPOP の構造 JOB 自動公開機能は以下の 3 画面 (2 階層 ) もしくは 2 画面

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 演習 9 入力した条件に従いデータベースからデータを抽出する 1 演習 9 製品情報を取得するサンプル パソコン製品情報が格納された表から 任意のメーカー IDを取得するプログラムの構造を検討する sample1.htm sample1.asp SDEV_MST_PRODUCT 2 データベース クライアント サーバー PC_KATABAN KOBAN MAKER_ID HD-0001 1 NED

More information

Microsoft Word - CBESNet-It連携ガイドver8.1.doc

Microsoft Word - CBESNet-It連携ガイドver8.1.doc (Net-It Central 8.1) 本ガイドでは ConceptBase Enterprise Search 1.3 と Net-It Central 8.1 の連携手順について説明します 目次 1 はじめに... 2 1.1 本書について... 2 1.2 前提条件... 2 1.3 システム構成... 2 2 ConceptBase Enterprise Search のインストール...

More information

Microsoft Word - PHP_SQLServer2012

Microsoft Word - PHP_SQLServer2012 PHP5.4+SQL Server 2012 1 表からデータを問い合わせる style.css table border-color:skyblue; border-style:solid; boder-widht:1px; width:300px;.hdrbackground-color:gainsboro 実行結果 1.1 ソース (Sample01.php)

More information

システム分析とデータベース設計

システム分析とデータベース設計 システム設計 1. 構造化システム設計 DFD からモジュール設計 2. プログラミング HTML,VBScript,ASP, データベース 3. プログラミング作法 レイアウト, プログラム 3 構造 4. プログラミング補題 ( 会員登録 ) システム設計技法 - 受注処理の DFD を例に 受注処理の DFD さらなるプロセスの詳細化 商品ファイル 在庫ファイル 会員 会員番号 商品番号 商品番号

More information

( 目次 ) 1. はじめに 開発環境の準備 仮想ディレクトリーの作成 ASP.NET のWeb アプリケーション開発環境準備 データベースの作成 データベースの追加 テーブルの作成

( 目次 ) 1. はじめに 開発環境の準備 仮想ディレクトリーの作成 ASP.NET のWeb アプリケーション開発環境準備 データベースの作成 データベースの追加 テーブルの作成 KDDI ホスティングサービス (G120, G200) ブック ASP.NET 利用ガイド ( ご参考資料 ) rev.1.0 KDDI 株式会社 1 ( 目次 ) 1. はじめに... 3 2. 開発環境の準備... 3 2.1 仮想ディレクトリーの作成... 3 2.2 ASP.NET のWeb アプリケーション開発環境準備... 7 3. データベースの作成...10 3.1 データベースの追加...10

More information

スライド タイトルなし

スライド タイトルなし 御中 ドキュメント種 : お得意様名 : システム名 : デモ説明資料資料 EditionFlex DEMO 第一版平成 22 年 11 月第二版平成 22 年 12 月 11 日 15 日 Page - 1 1 DEMO1 Edition Flex エディター ( 編集画面 ) の呼出 DEMO1 では RESOLOGIC の Web サーバー上のデモメニューから まったく別のクラウド上にある Flex

More information

はじめに インフォマート API の呼び出しには OAuth2.0 による認証を受ける必要があります OAuth2.0 を使うことで インフォマート API を利用するサービスは インフォマートプラットフォーム ID( 1 以下 PFID) とパスワードを保存したり処理したりすることなく PFID

はじめに インフォマート API の呼び出しには OAuth2.0 による認証を受ける必要があります OAuth2.0 を使うことで インフォマート API を利用するサービスは インフォマートプラットフォーム ID( 1 以下 PFID) とパスワードを保存したり処理したりすることなく PFID インフォマート API 利用における OAuth2.0 認証手順 作成日 2017 年 6 月 14 日 更新日 2017 年 9 月 27 日 株式会社インフォマート 1 はじめに インフォマート API の呼び出しには OAuth2.0 による認証を受ける必要があります OAuth2.0 を使うことで インフォマート API を利用するサービスは インフォマートプラットフォーム ID( 1 以下

More information

JavaScript演習

JavaScript演習 JavaScript 演習 2 1 本日の内容 prompt 関数 演習 1 演習 2 document.getelementbyid 関数 演習 3 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習 4 IE における JavaScript のデバッグ方法 1. ツール インターネットオプションメニューを実行 2. 詳細設定タブの スクリプトエラーごとに通知を表示する をチェック

More information

Sinatra と MongoDB 今回は Sinatra で MongoDB の操作を体験してみます 進捗に合わせて ドライバから Ruby で使える便利な ORM の紹介をします

Sinatra と MongoDB 今回は Sinatra で MongoDB の操作を体験してみます 進捗に合わせて ドライバから Ruby で使える便利な ORM の紹介をします Sinatra MongoDB Powered by Rabbit 2.1.2 and COZMIXNG Sinatra と MongoDB 今回は Sinatra で MongoDB の操作を体験してみます 進捗に合わせて ドライバから Ruby で使える便利な ORM の紹介をします Sinatra と MongoDB まずは初回なので Sinatra の基本からおさらいします Hello world

More information

ステップ 1:Cisco Spark にサインアップして試してみよう 1. Spark のホームページ ( で電子メールアドレスを入力し 指示に従って Spark アカウントを作成します 注 : 自身の電子メールアカウントにアクセスして Spar

ステップ 1:Cisco Spark にサインアップして試してみよう 1. Spark のホームページ (  で電子メールアドレスを入力し 指示に従って Spark アカウントを作成します 注 : 自身の電子メールアカウントにアクセスして Spar ご利用のコンピュータを設定する方法 事前設定された dcloud ラボを使用してこのラボに取り組む場合は イベントの事前準備 [ 英語 ] とラボの設定 [ 英語 ] の両モジュールを確認してください 自身のコンピュータでこのラボの作業を行うには Postman という Chrome http クライアントをインストールする必要があります また Spark アカウントも必要です Spark:Spark

More information

Web連携ガイド

Web連携ガイド B1WW-7031-01Z0(00) Microsoft Windows 98 Microsoft Windows 2000 Microsoft Windows Me Microsoft Windows XP Microsoft Windows NT Microsoft Windows Server 2003 NetCOBOL for Windows V8.0 Web 連携ガイド まえがき COBOL

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション スパイラル PHP 目次 1. スパイラル PHP 概要 2. ウェブ機能での PHP 利用 3 5 1)PHP が使用できるウェブ機能 2)SMP_DYNAMIC_PAGE について 3) スパイラルの PHP 実行順序について 4)PHP 実行エラー時の画面表示 5)PHP の実行エラー時の通知メール 6) 設定例 ~ 選択肢をマスタ DB から参照 ~ 3. カスタムプログラムでの PHP 利用

More information

ホームページにパスワード認証を設定します 会員限定のページなどに利用できます 設定の手順 を設定するには 以下の手順で行います ユーザ登録 を設定したページにアクセスするためのユーザを登録します の設定 を設定するページ アクセスを許可するユーザを選択し 設定します 設定完了 を設定したページにアク

ホームページにパスワード認証を設定します 会員限定のページなどに利用できます 設定の手順 を設定するには 以下の手順で行います ユーザ登録 を設定したページにアクセスするためのユーザを登録します の設定 を設定するページ アクセスを許可するユーザを選択し 設定します 設定完了 を設定したページにアク FTP パスワードを変更する FTP パスワードを変更する ホームページのデータを更新する際のパスワードを変更します 1 管理者メニューを表示し FTP パスワード変更 をクリックします 管理者メニューの表示方法 管理者メニューにログインする (P.20) FTP パスワード変更画面が表示されます 2 必要事項を入力し 実行 ボタンをクリックします 新 FTP パスワード 新 FTP パスワードの確認入力

More information

リスト 1 1 <HTML> <HEAD> 3 <META http-equiv="content-type" content="text/html; charset=euc-jp"> 4 <TITLE> 住所の検索 </TITLE> 5 </HEAD> 6 <BODY> <FORM method=

リスト 1 1 <HTML> <HEAD> 3 <META http-equiv=content-type content=text/html; charset=euc-jp> 4 <TITLE> 住所の検索 </TITLE> 5 </HEAD> 6 <BODY> <FORM method= 第 4 章 セキュア Perl プログラミング [4-3.] Perl の Taint モード ( 汚染検出モード ) Perl のエンジンには Taint モード ( 汚染検出モード ) というものがある このモードで動作する Perl エンジンは, 外部から与えられた警戒すべきデータを汚染データとしてマーキングし, それが処理の過程でどの変数に伝搬していくかを追跡してくれる これは, セキュア

More information

TimeDocカード登録手順

TimeDocカード登録手順 マックス タイムレコーダー 通信仕様書 改訂履歴 Ver. 年月日適用 1.00 2016.5.13 初版 Ver1.00 マックスタイムレコーダー通信仕様書 本書は マックスタイムレコーダーとサーバ間の通信に関する仕様書です 1. 概要 マックスタイムレコーダーは選択された勤怠種別 + かざされた非接触 IC カードの情報を本体メモリに 保存し 指定された時刻に HTTP/HTTPS を使用してサーバへまとめて送信します

More information

前ページからの続き // テキストボックス02 id 属性で取得 // id 属性で取得する場合は一意に決まるので 何番目かの指定は不要 var textbox02elem = document.getelementbyid("text_box02_id"); if ("001" == statee

前ページからの続き // テキストボックス02 id 属性で取得 // id 属性で取得する場合は一意に決まるので 何番目かの指定は不要 var textbox02elem = document.getelementbyid(text_box02_id); if (001 == statee 全体のヒント 1. テキストボックスの制御 1.1. 日付入力日付の入力ボックスは フォーカスが入った時にスラッショを消し フォーカスが他の項目等に移るとスラッシュが加わるようにする オンフォーカス 20100101 オフフォーカス 2010/01/01 1.1.1 オンフォーカス時にスラッシュを消す入力項目のスラッシュを消すには include/function.js ファイル内の var delslash

More information

目次 更新履歴... 1 画面設計書の目的... 3 必要な内容... 3 画面一覧... 4 必要な内容... 4 画面遷移... 5 画面レイアウト... 6 入力パラメータ... 7 必要な内容... 7 項目定義... 8 必要な内容... 8 部品の種類... 9 ( 参考 ) 部品指定と

目次 更新履歴... 1 画面設計書の目的... 3 必要な内容... 3 画面一覧... 4 必要な内容... 4 画面遷移... 5 画面レイアウト... 6 入力パラメータ... 7 必要な内容... 7 項目定義... 8 必要な内容... 8 部品の種類... 9 ( 参考 ) 部品指定と 画面設計書の作成 作成日 : 2015/06/30 作成者 : 西村 更新履歴 更新日 更新 作業者 2015/06/30 新規作成 ( 仮 ) 西村 2015/11/09 部品の種類 にカラーピッカーとグラフを追加 コンボボックスの HTML の説明の 西村 追加 2017/12/01 公開用の体裁調整 西村 1 目次 更新履歴... 1 画面設計書の目的... 3 必要な内容... 3 画面一覧...

More information

改訂履歴 項番版数作成日 / 改訂日変更箇所変更内容. 平成 28 年 5 月 3 日新規章構成の変更, 分冊化に伴い新規作成 (i)

改訂履歴 項番版数作成日 / 改訂日変更箇所変更内容. 平成 28 年 5 月 3 日新規章構成の変更, 分冊化に伴い新規作成 (i) 特許庁アーキテクチャ標準仕様書 ( 参考 ) 処理シーケンスサンプル集 第. 版 平成 28 年 6 月 特許庁 改訂履歴 項番版数作成日 / 改訂日変更箇所変更内容. 平成 28 年 5 月 3 日新規章構成の変更, 分冊化に伴い新規作成 (i) はじめに () 本書の位置づけ 本書は, 特許庁アーキテクチャ標準仕様書 に基づきシステムの動的な振る舞いを処理シーケンスとして定める際に参考とするサンプル集である

More information

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を

1. ログイン 1-1 管理画面へのログイン 施設の作成 編集 削除や承認 公開には その操作権限を持つアカウントでログイン します アカウントについての詳細は 管理者にお問い合わせください (1) [ ユーザー ID またはメールアドレス ] と [ パスワード ] を入力後 [ ログイン ] を 管理画面操作マニュアル 施設 目次 1. ログイン... 2 1-1 管理画面へのログイン... 2 2. 施設... 2 2-1 施設一覧... 3 2-2 施設の新規作成... 4 2-3 施設の編集... 9 2-4 施設の削除...10 2-5 ダウンロード... 11 2-6 インポート...12 3. 写真 地図...13 3-1 施設写真の登録...13 3-2 施設地図の登録...16

More information

<4D F736F F D FC8E448FEE95F1837C815B835E838B C8F92E88B608F912E646F63>

<4D F736F F D FC8E448FEE95F1837C815B835E838B C8F92E88B608F912E646F63> 公共調達検索ポータルサイト要件定義書 ( 抄 ) 平成 19 年 4 月 国土交通省 目次 1 はじめに...1 2 ポータルサイトの目的...2 2-1 入札参加希望者の検索効率向上...2 2-2 公共調達手続の透明化...2 2-3 競争性の向上...2 3 システム化の範囲...2 3-1 入札情報の作成...2 3-2 掲載情報の承認...2 3-3 入札情報の掲載...2 4 システム要件...3

More information

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2 第 8 回 WWW 動 的 コンテンツ グループ6 西 尾 優 山 本 風 歌 尾 立 誠 弥 宇 野 則 文 藤 原 敏 明 12/05/09 1 World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09

More information

Web連携ガイド

Web連携ガイド NetCOBOL Web 連携ガイド まえがき COBOL Web 連携機能は 以下に示すシステムで動作し Webサーバで動作するアプリケーションの開発環境および運用環境を提供します Solaris 8 オペレーティングシステム Solaris 9 オペレーティングシステム Solaris 10 オペレーティングシステム 製品の呼び名について本書に記載されている製品の名称を 以下のように略して表記します

More information

SOC Report

SOC Report Cookie Stolen via Attribute Poisoning N T T コ ミ ュ ニ ケ ー シ ョ ン ズ株式会社 ソリューションサービス部 第四エンジニアリング部門 セ キ ュ リ テ ィ オ ペ レ ー シ ョ ン担当 2012 年 05 月 22 日 Ver. 1.0 1. 調査概要... 3 1.1. 調査概要... 3 2. 実証テスト... 4 2.1. 対象...4

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション フォームからの申込時にクレジットカード決済を行うシステムを作る 必要な契約 GMOペイメント PGマルチペイメントサービス SPIRAL 基本契約 SPIRALAPIオプション ( 分間 10 件以上決済の発生が想定される場合 ) 必要なスキル HTML,CSS,PHP デザインにこだわらなければ不要 作業工数 3 営業日 1 手順 1. 必要な契約の準備決済サービスの契約も併せて承る事が可能です

More information

1 目次 1 目次 2 2 はじめに 3 3 ログイン 4 4 WEB ページ 5 5 ホームページ 6 6 スタイルシート 7 7 テンプレート 9 8 ナビゲーション 11 9 コンタクトフォーム 制限エリア 検索 その他の要素 23 Page 2 of 23

1 目次 1 目次 2 2 はじめに 3 3 ログイン 4 4 WEB ページ 5 5 ホームページ 6 6 スタイルシート 7 7 テンプレート 9 8 ナビゲーション 11 9 コンタクトフォーム 制限エリア 検索 その他の要素 23 Page 2 of 23 XyXon, Inc XyXon, Inc wwwxyxoncojp support@xyxoncojp HeartCore Web コンテンツ管理システム 簡易スタートガイド 簡単 安価に Web サイトを作成 公開 管理 2016 年 8 月 Version100 1 目次 1 目次 2 2 はじめに 3 3 ログイン 4 4 WEB ページ 5 5 ホームページ 6 6 スタイルシート 7 7

More information

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text Page 1 of 7 ホームページ 作 成 Note HOME HPビルダー HTML/CSS CGI/Perl ez-html WebDesign Link SiteMap HTML 入 力 フォーム WebブラウザにHTMLファイルを 表 示 させる 通 常 の 静 的 なページ に 対 し メールフォ ーム 掲 示 板 ブログなどのようにWebブラウザから 入 力 された 要 求 に 対 して

More information

の ご紹介

の ご紹介 ソーシャル連携もライブネス すべてはここから T2-1 ポータルを使ってノーツアプリを活性化! IBM Verse との SSO も実現! 2015/11/18 株式会社ライブネス 赤松康司 AGENDA ライブネスとは? Notesを使って困ること ポータルを使ってスッキリ! ノーツアプリを簡単 Web 化 シングルサインオン (SSO) を活用しよう! ライブネスとは? Notes をこよなく愛する集団です

More information

アンケートフォーム簡易作成機能マニュアル

アンケートフォーム簡易作成機能マニュアル HeartCore アンケートフォーム簡易作成機能マニュアル October 2013 Ver1.1-1 - 改訂履歴 改訂日 改訂内容 Ver1.0 2013 年 07 月 マニュアル改訂 Ver1.1 2013 年 10 月 行間の修正 不要外枠の削除 対象ライセンス項目の追加 - 2 - 目次 1. 本文書の目的と対象ライセンス... - 4-1.1. 目的...- 4-1.2. 対象ライセンス...-

More information

h1,..., h6: (heading) h1 h2 table: table tr (table row) tr td (table data) ol, ul: (ordered) (unordered) </tag1> </tag4> 1: HTML [1] html: Web HTML he

h1,..., h6: (heading) h1 h2 table: table tr (table row) tr td (table data) ol, ul: (ordered) (unordered) </tag1> </tag4> 1: HTML [1] html: Web HTML he HTML CGI 1 Web HTML (Hyper-Text Markup Language)[1] CGI (Common Gateway Interface)[2] HTML CGI Web Web 2 Web GUI CUI GUI OS GUI GUI Web GUI OS OS Web 3 HTML 3.1 HTML WWW (World Wide Web, Web) Web Web HTML

More information

「MT-3_2-ja

「MT-3_2-ja MT-3_2-ja.zip の解凍 Movable type 3.2 の設置方法 入手した MT-3_2-ja.zip を解凍します 解凍ソフトは zip 形式の解凍に対応したソフトをご利用ください 設定ファイル mt-config.cgi の編集 設定ファイル mt-config.cgi の編集作業は お客様の独自ドメインのサーバ上で MovableType を動かすために必要な作業です mt-config.cgi

More information

目次 第 1 章ホームページ作成 ホームページの作成 ホームページ作成にあたっての留意事項 アクセスカウンタの設置方法 メール送信フォームのご利 方法 メール送信フォームご利 に関する留意事項.

目次 第 1 章ホームページ作成 ホームページの作成 ホームページ作成にあたっての留意事項 アクセスカウンタの設置方法 メール送信フォームのご利 方法 メール送信フォームご利 に関する留意事項. 2018/6/20 Ver. 1.2 目次 第 1 章ホームページ作成... 1 1-1 ホームページの作成... 2 1-1-1 ホームページ作成にあたっての留意事項... 2 1-1-2 アクセスカウンタの設置方法... 3 1-1-3 メール送信フォームのご利 方法... 4 1-1-4 メール送信フォームご利 に関する留意事項... 6 1-1-5 CGI(Perl) プログラムご利 に関する留意事項...

More information

Oracle Web CacheによるOracle WebCenter Spacesパフォーマンスの向上

Oracle Web CacheによるOracle WebCenter Spacesパフォーマンスの向上 Oracle ホワイト ペーパー 2010 年 2 月 Oracle Web Cache による Oracle WebCenter Spaces パフォーマンスの向上 免責事項 以下の事項は 弊社の一般的な製品の方向性に関する概要を説明するものです また 情報提供を唯一の目的とするものであり いかなる契約にも組み込むことはできません 以下の事項は マテリアルやコード 機能を提供することをコミットメント

More information

PowerPoint Presentation

PowerPoint Presentation プログラミング Java III 第 4 回 : サーブレットの HTTP Request の処理 Ivan Tanev 講義の構造 1. サーブレットの HTTP Request の処理 2. 演習 2 第 3 回のまとめ Internet Explorer のアドレス バー : http://isd-si.doshisha.ac.jp/teaching/programming_3/xxxxxxxx/lecture3_form1.html

More information

共通フィルタの条件を設定する 迷惑メール検知 (SpamAssassin) の設定 迷惑メール検知 (SpamAssassin) とは.

共通フィルタの条件を設定する 迷惑メール検知 (SpamAssassin) の設定 迷惑メール検知 (SpamAssassin) とは. 目次 はじめに サービス内容............................................................ 8 基本サービス.......................................................... 8 オプションサービス....................................................

More information

ホームページ制作 基礎編 (HTML5 CSS3 コーディング )

ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 ホームページ制作 基礎編 目次 はじめに 5 はじめに... 5 本教材について 5 WEB サイト制作の概要... 5 Web サイト制作の流れ 5 サイト制作に必要なプログラミング言語 6 HTML 7 HTML について... 7 HTML について 7 HTML の記述方法 7 HTML の解説 8

More information

変更履歴 No 版数 更新日 変更箇所 変更内容 版 2017/6/26 - 新規作成 版 2018/3/ 法令 API 対象外の法令取得対象外となる法令データに係に関する事項る留意事項を追記 HTTP レスポンスコ 版 2018/3/

変更履歴 No 版数 更新日 変更箇所 変更内容 版 2017/6/26 - 新規作成 版 2018/3/ 法令 API 対象外の法令取得対象外となる法令データに係に関する事項る留意事項を追記 HTTP レスポンスコ 版 2018/3/ e-gov 法令 API 仕様書 (Version 1) 1.2 版 2018 年 3 月 29 日 変更履歴 No 版数 更新日 変更箇所 変更内容 1 1.0 版 2017/6/26 - 新規作成 2 1.1 版 2018/3/12 5.1. 法令 API 対象外の法令取得対象外となる法令データに係に関する事項る留意事項を追記 2.2.4. HTTP レスポンスコ 3 1.2 版 2018/3/29

More information

JAIRO Cloud 初級ユーザー向け手引書 1. ユーザーアカウント管理 JAIRO Cloud 事務局 協力 : オープンアクセスリポジトリ推進協会 (JPCOAR) JAIRO Cloud 運用作業部会 ver date 修正内容 /11 初版

JAIRO Cloud 初級ユーザー向け手引書 1. ユーザーアカウント管理 JAIRO Cloud 事務局 協力 : オープンアクセスリポジトリ推進協会 (JPCOAR) JAIRO Cloud 運用作業部会 ver date 修正内容 /11 初版 JAIRO Cloud 初級ユーザー向け手引書 1. ユーザーアカウント管理 JAIRO Cloud 事務局 協力 : オープンアクセスリポジトリ推進協会 (JPCOAR) JAIRO Cloud 運用作業部会 ver date 修正内容 1.0 2018/11 初版 JAIRO Cloud 初級ユーザー向け手引書 1. ユーザーアカウント管理 目次 1. このマニュアルについて... 3 2. 基本の操作...

More information

●コンテンツ「掲示板」

●コンテンツ「掲示板」 Joruri CMS 2.0.0 基本マニュアル (2013.7.16) コンテンツ 掲示板 レス返信式のシンプルな掲示板 画像認証 削除パスワードの使用が可能 IP 制限 禁止語句 URL 投稿禁止の設定が可能 上部タブ コンテンツ をクリックすると 現在 Joruri CMS 内の機能として提供されてい るコンテンツの一覧が表示されます コンテンツ種別 に 掲示板 と表示されている項目が 掲示板

More information

intra-mart Accel Platform — Slack連携モジュール 利用ガイド   初版  

intra-mart Accel Platform — Slack連携モジュール 利用ガイド   初版   Copyright 2018 NTT DATA INTRAMART CORPORATION 1 Top 目次 intra-mart Accel Platform Slack 連携モジュール利用ガイド初版 2018-12-01 1. 改訂情報 2. はじめに 3. システム要件 3.1. intra-mart Accel Platform 3.2. 検証済み環境 3.2.1. サーバ環境 3.2.2.

More information

ZOHO Sitesを用いたWebサイト構築の基本操作

ZOHO Sitesを用いたWebサイト構築の基本操作 Zoho Sites を用いた Web サイト構築 基本操作 中津山経営コンサルティング http://nakatsuyama.biz Copyright (C) 2015 Nakatsuyama Business Consulting 2015/2/9 1 本資料について 本資料は 通訳案内士向けホームページ制作セミナー入門編 からの抜粋です 内容は Zoho Sites の基本操作に限定し どのような事業にも応用していただけます

More information

プレポスト【問題】

プレポスト【問題】 コース名 : サーブレット /JSP/JDBC プログラミング ~Eclipse による開発 ~ 受講日 氏名 1 JDBC の説明として 間違っているものを 1 つ選びなさい 1. JDBC を使用してデータベースへアクセスするときには JDBC API が必要である 2. JDBC API は java.lang パッケージとして提供されている 3. JDBC には JDBC API JDBC

More information

PowerPoint Presentation

PowerPoint Presentation WAF によるセキュリティ対策の勘所 F5 ネットワークスジャパン株式会社 プリセールスコンサルタント 楠木健 なぜ WAF は難しいのか? たくさんのログが出力され 精査できない 個々のログが正しい検知なのか誤った検知なのか判断できない アプリケーションの変更に対して WAF のチューニングが追いつかない F5 Networks, Inc 2 原因 シグネチャ検知だけに頼った運用をしているため 汎用化が難しく

More information

第 8 回の内容 クライアントサイド処理 JavaScript の基礎

第 8 回の内容 クライアントサイド処理 JavaScript の基礎 第 8 回の内容 クライアントサイド処理 JavaScript の基礎 クライアントサイド処理 クライアントサイド / サーバサイド クライアントサイド サーバサイド Web ブラウザ Web サーバ 動的な Web ページ Web ブラウザ Web サーバ Web ブラウザ Web サーバ リソース生成 描画 描画 リソース生成 再描画 描画 再描画 描画 リソース生成 再描画 動的な Web ページとページ遷移

More information

SOC Report

SOC Report VBScript エスケープ法について N T T コミュニケーションズ株式会社 IT マネジメントサービス事業部セキュリティオペレーションセンタ 2009 年 05 月 26 日 Ver. 1.0 1. 調査概要... 3 2. HTML 上の JAVASCRIPT のエスケープ法... 3 3. HTML 上の VBSCRIPT のエスケープ法... 4 3.1. VBSCRIPT での文字列リテラルに対してのエスケープの基本...

More information

目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 複数フォームの設置 6. 外国語対応 7. 利用規定 8. 更新履歴

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

More information

Microsoft Word - manual

Microsoft Word - manual 2012/3/21 商品設定説明書 カートスタイルは買い物カート部分だけを担当する ASP( アプリケーション サービス プロバイ ダ ) です ご自身で用意したホームページに商品の説明などを記述し そこにカートに入れるボタンや リンクを入れることで利用可能です 基本的なボタンの作り方 フォームの文法は HTML 準拠です 1 つのフォーム (~) は 1 つの商品をカートに入

More information

WAP121 および WAP321 アクセス ポイントのダウンロード/バックアップ コンフィギュレーション ファイル

WAP121 および WAP321 アクセス ポイントのダウンロード/バックアップ コンフィギュレーション ファイル WAP121 および WAP321 アクセスポイントのダウンロード / バックアップコンフィギュレーションファイル 目標 この技術情報はどのようにバックアップと復元を WAP121 および WAP321 Access Points (AP) のコンフィギュレーションファイル安全に説明します / バックアップ設定 2 つのメソッドの使用によってダウンロードするためにできます : TFTP および HTTP/HTTPs

More information

1. 信頼済みサイトの設定 (1/3) この設定をしないとレイアウト ( 公報 ) ダウンロードなどの一部の機能が使えませんので 必ず設定してください 1 Internet Explorer を起動し [ ツール ]-[ インターネットオプション (O)] を選択します 2 [ セキュリティ ] の

1. 信頼済みサイトの設定 (1/3) この設定をしないとレイアウト ( 公報 ) ダウンロードなどの一部の機能が使えませんので 必ず設定してください 1 Internet Explorer を起動し [ ツール ]-[ インターネットオプション (O)] を選択します 2 [ セキュリティ ] の Internet Explorer の初期設定 信頼済みサイト の設定や ポップアップブロック の設定を確認する必要があります 以下の手順で設定してください 1. 信頼済みサイトの設定 2. タブブラウズの設定 3. セキュリティ設定の変更 4. ポップアップブロックの設定 5. 推奨する文字サイズの設定 6. 規定のブラウザに設定 7. 互換表示の無効の設定 8. ランキングやハイライトの印刷設定

More information

Microsoft PowerPoint - Lecture_3

Microsoft PowerPoint - Lecture_3 プログラミング III 第 3 回 : サーブレットリクエスト & サーブレットレスポンス処理入門 Ivan Tanev 講義の構造 1. サーブレットの構造 2. サーブレットリクエスト サーブレットレスポンスとは 3. 演習 2 Lecture2_Form.htm 第 2 回のまとめ Web サーバ Web 1 フォーム static 2 Internet サーブレ4 HTML 5 ットテキスト

More information

アクセス統計の確認 アクセス統計の確認 お客様のホームページへアクセスされた回数を確認します 統計データの保証期間 統計データの保証期間は 1 年 (12 ヶ月 ) です アクセス統計画面を表示する 1 管理者メニューを表示し アクセス統計 をクリックします 管理者メニューの表示方法 管理者メニュー

アクセス統計の確認 アクセス統計の確認 お客様のホームページへアクセスされた回数を確認します 統計データの保証期間 統計データの保証期間は 1 年 (12 ヶ月 ) です アクセス統計画面を表示する 1 管理者メニューを表示し アクセス統計 をクリックします 管理者メニューの表示方法 管理者メニュー この章では アクセスカウンタの設置やアクセス数の確認など 管理者の方が利用される Web サービスの機能についてご案内しています アクセス統計の確認 70 アクセスカウンタ 79 フォーム CGI 87 掲示板 97 新着情報の管理 106 FTP パスワードを変更する 112 アクセス制限 113 エラーページを設定する 125 携帯 URL の振り分けを設定する 128 ホームページの自動更新

More information