r9.dvi

Size: px
Start display at page:

Download "r9.dvi"

Transcription

1 11 3 /Web (script) ( Windows/MS-DOS ) 1 GUI 100? 100?? 100 1,000? 10,000?? script 1:? ( 1) 1 1 GUI Unix 1

2 Perl( / ) PHP(Web ) JavaScript(Web ) Unix ( ) Unix ( ) if while bash % for i in * > do > echo $i $i > done temp temp test.txt test.txt 2 % 1 1 (AWK 2) Lisp ML AWK Schme Tcl Perl Ruby Python PHP JavaScript OCaml 2: 1988 Larry Wall Perl Perl 1 Unix + Perl 2

3 Perl Tcl 1990 C C++ Java Perl Perl5 Perl Python Ruby( ) WWW JavaScript JavaScript ( PC ) Lisp Scheme ML Ocaml (light language) 2 Perl 2.1 CPU (COBOL ) 77 Fortran ( ) / Perl Perl 2.2 OPTION ( ) : 3

4 x y z ABC + DE = ABC DE 6chars 6chars 12chars x y z 3 ABC 2 DE 5 ABCDE 3: (mapping) ( ) (?) Pascal Fortran COBOL ( 3) x y 3 2 ABC DE z 5 ABCDE x 3 ABC 2 DE 5 ABCDE y z Heap Area 4: (?) ( ) ( ) ( 4)

5 ( 5 ) THE QUICK BROWN FOX JUMPED... QUICK x QUICK x QUICK x QUICK x QUICK o oo o o --OK comparison = 9 times AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB AAAAAAAAAB o o o o o.. o x AAAAAAAAAB o o o o o.. o x... comparison = 300times 5: 2 C 2 sed, grep, tr, sort, uniq 2.3 Perl Perl Larry Wall Perl $... "..." if for {... test1.pl for($i = 0; $i < 10; ++$i) { print " ", $i; print "\n"; perl 2 5

6 % perl test1.pl % Perl print "\n"( ) 2.4 Perl Perl Unix < > <> Unix cat while($line = <>) { print $line; ( test2.pl ) % cat t1 This is a pen. t1 % perl test2.pl t1 t1 t1 2 This is a pen. This is a pen. 2 % "\n" print open open(f, ">test.txt"); > print (, ) print F "this is a pen.\n"; close(f); 2.5 split :

7 $line chop($line); split : ($name, $d1, $d2, $d3) = split(/ +/, $line); / +/ 1 ( ) split 1 $name $d1 $d2 $d3 CSV /,/ : while($line = <>) { chop($line); ($name, $d1, $d2, $d3) = split(/ +/, $line); $avg = ($d1 + $d2 + $d3) / 3.0; print "$name $d1 $d2 $d3 $avg\n"; print "..." : perl test3.pl t.data Perl latex : print "\\documentclass[12pt,a4j]{jarticle\n"; print "\\usepackage{graphicx\n"; print "\\begin{document\n"; print "\\title{ \n"; print "\\maketitle\n"; print "\\begin{center\n"; print "\\begin{tabular{ c r r r c \n"; print "\\hline\n"; print " & 1970 & 1980 & 1990 & \\\\\n"; print "\\hline\n"; $num = 0; while($line = <>) { chop($line); ($name, $d1, $d2, $d3) = split(/ +/, $line); $avg = ($d1 + $d2 + $d3) / 3.0; print "$name & $d1 & $d2 & $d3 & $avg\\\\\n"; print "\\hline\n"; 7

8 print "\\end{tabular\n"; print "\\end{center\n"; print "\\end{document\n"; latex print & \ ( ) 1 2 perl test4.pl t.data >test.tex platex test.tex latex : PostScript PostScript #5 newpath X Y moveto (X,Y ) X Y lineto (X,Y ) stroke lineto W setlinewidth Wpt pt (1pt = 1 72 inch) 1 1 fig1.ps PostScript latex \includegraphics[scale= ]{ (. ): print "\\documentclass[12pt,a4j]{jarticle\n"; print "\\usepackage{graphicx\n"; print "\\begin{document\n"; print "\\title{ + \n"; print "\\maketitle\n"; print "\\begin{center\n"; print "\\begin{tabular{ c r r r c \n"; print "\\hline\n"; 8

9 print " & 1970 & 1980 & 1990 & \\\\\n"; print "\\hline\n"; $num = 0; while($line = <>) { chop($line); ($name, $d1, $d2, $d3) = split(/ +/, $line); $file = "fig". ++$num. ".ps"; open(f, ">".$file); print F "%!PS-Adobe-2.0\n"; print F "%%BoundingBox: \n"; print F "newpath moveto 0 0 lineto lineto stroke\n"; print F "3 setlinewidth\n"; print F "newpath 0 $d1 moveto 100 $d2 lineto 200 $d3 lineto stroke\n"; close(f); print "$name & $d1 & $d2 & $d3 &"; print "\\includegraphics[scale=0.333]{$file\\\\\n"; print "\\hline\n"; print "\\end{tabular\n"; print "\\end{center\n"; print "\\end{document\n"; $file PostScript open close latex includegraphics PostScript : PHP Web 3.1 PHP Web HTML CGI 9

10 CGI ( Ajax ) CGI(Common Gateway Interface) Web Web CGI WWW C Perl PHP(Hypertext Processor P Personal Home Page tools ) Web 1995 Rasmus Lerdorf 2004 PHP5 PHP HTML PHP MS ASP(Active Server Page) JSP(Java Server Page) 1 PHP ( ).php <html> <head>... <?php...?>... <html> PHP 6: PHP Web Apache PHP.php PHP.php PHP (PHP ) ( 6) PHP.php URI PHP action.php URI PHP ( ) PHP CGI Web 3.2 PHP Web PHP HTML ( ) 10

11 <?php PHP?> PHP C C++ Java (/*... */ // ( # ) 1 PHP HTTP (header() ) PHP header() PHP ( ): <?php header("content-type: text/html; charset=euc-jp"); /* */?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><title>title...</title> <style type="text/css"> /* CSS */ </style><head><body> <?php /* */?> </body></html> EUC Emacs Ctrl-X [RET] f euc-jp [RET] EUC E EUC PHP HTML ( 7) <php? header("content-type: text/html; charset=euc-jp");?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><title>php sample</title> <style type="text/css"> div.num { margin: 2px 20px; background: rgb(200,215,255) </style></head><body> <h1> </h1> <?php for($i = 0; $i < 10; ++$i) { echo "<div class= num > {$i </div>";?> </body></html> <?php 1 ( header() i div 10 echo (Perl ) {$ 11

12 7: PHP CSS div 3.3 PHP HTML form get $_GET[ ] post $_POST[ ] ( form name ) isset() ( 1 ) <?php if(isset($_get[ ]) { else {?>... <form action="#">... </form> <php? header("content-type: text/html; charset=euc-jp");?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><title>php sample</title> <style type="text/css"> div.num { margin: 2px 0px; background: rgb(200,215,255) form { padding: 1ex; background: rgb(200,185,220) </style></head><body> 12

13 8: PHP <h1> 2</h1> <div><form action="#"> <?php if(isset($_get[ init ])) { $i = $_GET[ init ]; $s = $_GET[ step ]; $m = $_GET[ max ]; else { $i = 0; $s = 1; $m = 10; echo " :<input type= text name= init size= 4 value= {$i >"; echo " :<input type= text name= step size= 4 value= {$s >"; echo " :<input type= text name= max size= 4 value= {$m >"; echo " <button> </button></form></div>"; for($k = $i; $k < $m; $k = $k + $s) { echo "<div class= num > {$k </div>";?> </body></html> text 3 text PHP value 3.4 PHP Web ( 9) PHP msg.txt Web ( ID nobody ) ( 1 ) 13

14 9: PHP % echo >msg.txt % chmod a+rw mgs.txt PHP (file() ) fopen(, ) ( ) r w a ( ) fclose( ) ( ) fwrite(, ) fread(, ) fsize( ) ( ) file( ) 1 1 <?php header("content-type: text/html; charset=euc-jp");?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><title>php sample</title> <style type="text/css"> div.msg { margin: 2px 0px; padding: 4px; background: rgb(200,215,255) form { padding: 1ex; background: rgb(200,185,220) </style></head><body> <h1> </h1> <?php if(isset($_post[ msg ])) { $fd = fopen( msg.txt, a ); fwrite($fd, "<div class= msg >{$_POST[ namae ]: {$_POST[ msg ]</div>\n"); 14

15 fclose($fd); $fd = fopen( msg.txt, r ); echo fread($fd, filesize( msg.txt )); fclose($fd);?> <div><form method="post" action="#"> : <input type="text" name="namae"><br> <textarea name="msg" rows="5" cols="40"></textarea> <button> </button> </div></form> </body></html> 10: ( 10) Web Web (a) (b) (c) (a) 1 ( 1 1 ) 15

16 (b) (c) ( ) 4 JavaScript Web 4.1 ( ) 3 Scheme Tcl VBA(Visual Basic for Applications) ( 11) 11:?? 4.2 JavaScript JavaScript HTML ( JavaScript JavaScript )? JavaScript 3 PHP Web 16

17 JavaScirpt Web ( ) JavaScript 1 (GUI ) ( ) document.write( ) HTML ( ) DOM innerhtml HTML CSS / GUI / ( ) 1 ( 12) 12: ( ) : 17

18 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head> <title>sample</title> <style type="text/css"> div { background: rgb(200,255,235); padding: 1em </style> <script type="text/javascript"> function chg(elt) { var c = elt.value.charat(0); var i = parsefloat(elt.value.substring(1)); if(c == F c == f ) { document.getelementbyid( s0 ).innerhtml = C + ((5/9)*(i - 32)); else { document.getelementbyid( s0 ).innerhtml = F + ((9/5)*i + 32); </script> </head><body> <h1> </h1> <div> F C <br><br> : <input type="text" name="it" value="f" onkeyup="chg(this)"><br><br> : <span id="s0">???</span> </div></body></html> form (input type="text") onkeyup this chg() this HTML (input) chg().value onkeyup 1 F C div id document.getelementbyid().innerhtml HTML JavaScript HTML XML ( ) DOM(Document Object Mdel) 1 ( 13): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head> <title>sample</title> <style type="text/css"> div { background: rgb(200,255,235); padding: 1em #d0 { background: rgb(10,200,190); position: absolute; top: 200px; left: 20px; width: 400px; height: 10px #s0 { color: red; position: absolute; top: 5x; left: 195px </style> 18

19 13: <script type="text/javascript"> function drag(ev) { var x = ev.clientx ev.pagex; x = x - 25; if(x < 0) x = 0; if(x > 400) x = 400; document.getelementbyid( s0 ).style.left = x + px ; var c = 0.5*x - 50, f = (9/5)*c + 32; document.getelementbyid( d1 ).innerhtml = = + c; document.getelementbyid( d2 ).innerhtml = = + f; </script> </head><body> <h1> </h1> <div id="d0" onmousemove="drag(event)"><span id="s0"> </span></div> <div id="d1">?</div><div id="d2">?</div></body></html> div span CSS (position: absolute) left top width hight HTML onmousemove drag().clientx.pagex( ) X HTML.style CSS JavaScript 4.3 Ajax OPTION Ajax(Asynchronous JavaScript And XML) 2006 JavaScirpt 1 Web 19

20 XMLHttpRequest() (IE 6.0 ) ( ) DOM innerhtml 14: Ajax Ajax ( 14) PHP bid.txt ( PHP ) 100 PHP bid.php <?php $fdata = file("bid.txt"); if(isset($_get[ user ]) && $fdata[1] < $_GET[ val ]) { $fd = fopen("bid.txt", "w"); fwrite($fd, $_GET[ user ]."\n".$_get[ val ]."\n"); fclose($fd); $fdata = file("bid.txt"); echo "user=".$fdata[0]." value=".$fdata[1];?> get user val 2 bid.txt val bid.txt <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head> 20

21 <title>sample</title> <style type="text/css"> div { margin: 1ex; padding: 2ex; background: rgb(200,255,240) </style> <script type="text/javascript"> var r = new XMLHttpRequest(); function recv() { if(r.readystate == 4) { document.getelementbyid( h0 ).innerhtml = r.responsetext; function update(uri) { r.onreadystatechange = recv; r.open( GET, uri, true); r.send(null); function send() { var u = document.getelementbyid( t0 ).value; var v = document.getelementbyid( t1 ).value; update( bid.php?user= + u + &val= + v); function watch() { update( bid.php ); </script> </head><body onload="setinterval(watch, 1000)"> <h1 id="h0"> :</h1> <div> : <input type="text" id="t0"><br><br> : <input type="text" id="t1"><br><br> <button onclick="send()"> </button></div> </body></html> r XMLHttpRequest recv() XMLHttpRequest (h1 ) update() URI get recv() send() 2 update() watch() update() body onload 1 watch() send() HTML 21

22 5 Perl Web PHP Web JavaScript 3 JavaScript Ajax 3-1. latex Perl ( ) 3-2. latex PostScript Perl PHP (a) (b) ( ) (c) 3-4. PHP (a) (b) (100 ) (c) 3-5. JavaScript Web 3-6. JavaScript PHP Web 22

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

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

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

More information

(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

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

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

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

More information

スライド 1

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

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

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

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

~モバイルを知る~ 日常生活とモバイルコンピューティング 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

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

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 Web 2.0 Web Web Web Web Web Web Web I II I ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web 2014 3 1. 1.1 Web... 1 1.1.1... 3 1.1.2... 3 1.1.3... 4 1.2... 4 I 2 5 2. HTMLCSS 2.1 HTML...

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

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

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

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

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

0序文‐1章.indd

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

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

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

PowerPoint プレゼンテーション

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

More information

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

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

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.

1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2. 1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................

More information

1 2 1.1................................ 2 1.2................................. 2 1.2.1............................... 3 1.2.2.........................

1 2 1.1................................ 2 1.2................................. 2 1.2.1............................... 3 1.2.2......................... 18 PHP Ajax 1 2 1.1................................ 2 1.2................................. 2 1.2.1............................... 3 1.2.2................................... 3 2 7 2.1.......................

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

すばやく小さくはじめられる HTML5 CSS3 JavaScriptで 青森のコンテンツをつくる 青森大学ソフトウェア情報学部 小久保 温(こくぼ あつし) alert('x=' + x); var styletable = { normal: "default", syncing: "syncing", failed:

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

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

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

More information

HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2

HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2 HTTP 6-1 HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2 HTTP ( ) ( ) (GET, POST ) (Host ) Tomcat Servlet Examples / Request Headers ( ) (200, 404 ) (Content-Type ) 6-3

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

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

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

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

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

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

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

More information

1" 3 3 4 5 9 15 16 17 18 20 22 22

1 3 3 4 5 9 15 16 17 18 20 22 22 - - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg

More information

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

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

More information

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

More information

Microsoft PowerPoint - 2015-asp-10-07-01-cgi.pptx

Microsoft PowerPoint - 2015-asp-10-07-01-cgi.pptx CGIの 作 成 プログラミング 演 習 演 習 開 始 前 の 確 認 事 項 1. パスワード 無 しでcstmsへログイン スライド 3 2. cstms 上 にウェブページを 作 成 スライド 4 3. CGI 作 業 のディレクトリを 作 る スライド 9 2 1. パスワード 無 しでcstmsへログイン 1. 順 2. $ hostname と 3. mv4b のような 端 末 名 が

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

1 1 1........................... 1 2.......................... 1 3.......................... 1 4...................... 2 5.............. 2 2 4 1 KWIC.

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

More information

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

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

More information

携帯電話でGoogle Mapsを使う

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

More information

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4..

1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4.. WWW 17 2 10 1 1 2 Unix 1 3 4 4 SVG 6 4.1 SVG................................... 6 4.2 SVG......................... 6 4.3 SVG.............................. 7 4.4................................. 8 4.5...........................

More information

HTML文書の作成

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

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

JavaScript演習

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

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

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

Page 2 of 7 フォーム 部 品 フォーム
内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の 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

1129

1129 20101129 Web 1 20101129 Web 2 20101129 Web 3 20101129 Web 4 20101129 Web 5 20101129 h1{color:#000;}] h1{color:#000} *{margin: 0; padding: 0;}.note{color: #fco;} p.note{color: #fco;} Web 6 20101129

More information

untitled

untitled JavaScript HP JavaScript JavaScript Web JavaScript Web JavaScript JavaScript JavaScript HTML HTML HTML JavaScript 1. JavaScript ON/OFF 2. JavaScript 3. 4. 5. 6. 7. 8. 9. 10. if 11. if 12. switch 13. 14.

More information

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

1 1 1.......................... 1 2.......................... 2 2 5 1........................... 5 2................... 7 3..................... 8 4.. CD 1 1 1.......................... 1 2.......................... 2 2 5 1........................... 5 2................... 7 3..................... 8 4......................... 13 5 CD.................

More information

1 1 1............................ 1 2............................ 1 3 Java........................ 2 4........................ 3 2 4 1................

1 1 1............................ 1 2............................ 1 3 Java........................ 2 4........................ 3 2 4 1................ Java 1 1 1............................ 1 2............................ 1 3 Java........................ 2 4........................ 3 2 4 1......................... 4 2.......................... 4 3....................

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

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

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

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

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (7) (2011/06/29) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 おみくじのプログラムを 参 考 にして 生 まれた 年 ( 西 暦 )を

More information

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環 1. 各 設 問 において 正 しいと 思 われるものは1を 間 違 っていると 思 われるものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザはユーザエージェントの 一 つである 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 JavaScript で 記 述 されたコードは ウェブブラウザに 内 臓 されている Java

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

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html 1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK

More information

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

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

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information