soturon2013

Size: px
Start display at page:

Download "soturon2013"

Transcription

1 4.4. CGI, CGI Web. UNIX, UNIX Windows. UNIX CGI. i ( ). mi (mi- ),mi-, Shift-JIS,CGI UTF-8. 63

2 #!/usr/bin/perl #!/usr/local/bin/perl #while (($key, $val) = each %ENV) { print "$key = $val<br> n"; #open(debug,">>/tmp/ugawa_debug_file_please_erase_anytime.txt"); $CurrentURL=$ENV{'REQUEST_URI'; ($WorkDir=$ENV{'SCRIPT_FILENAME')=~s/[^ /]*$/data/; $Remote=$ENV{'REMOTE_ADDR'; print << END_of_HEAD ; Content-type: text/html; charset=utf-8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,"> <title> </title> </head> <body> <link rel="shortcut icon" href="/suika.ico" /> END_of_HEAD $Query_string=$ENV{'QUERY_STRING'; #print DEBUG "QS -$Query_string- n"; 64

3 #print "$_<BR> n"; s/%0d%0a/--k-a-i-g-y-o--/g; s/ +/ /g; s/%([a-fa-f0-9][a-fa-f0-9])/pack('h2',$1)/ge; #print "$_<BR> n"; if(/name=(.*)/ && length($1)>0){$name=$1; if(/comment=(.*)/ && length($1)>0){$comment=$1; if(/button.*=(.*)/ && length($1)>0){$dousa=$1; if(/submit=(.*)/ && length($1)>0){$submit=1; $Dousa=$Comment; if(/query=(.*)/ && length($1)>0){$query=$1; $Dousa=$Query; if(length($dousa)>0){ $Query=$Dousa; if(($query=~/http: / //i) ($Query=~/ <a.*href =/i)){exit;; #if($query=~/ <a.*href =/i){exit;; $Query=~s/&/ /ge; #& $Query=~s/ "/ /ge; #" $Query=~s/ '/ /ge; #&apos; $Query=~s/</ /ge; #< $Query=~s/>/ /ge; #> $Query=~s/--k-a-i-g-y-o--/<br>/g; if(length($name)==0){ $Name=' '. $$; $T=time(); open(out,">$workdir/$remote.$t.c.txt"); print OUT "$Query t$name n"; close(out); print << End_of_HTML ; 65

4 <FORM ACTION="wari.cgi" METHOD=POST> <table width="443" border="0"> <tr><td> <input name="name" value="$name" size="10" type="text"> <input name="comment" value="$query" size="13" type="text"> <input name="submit" value=" " type="submit"></td> </tr> </table> <table width="200" border="0" cellpadding="5"> <tr> <td align="center" valign="middle"><input type="submit" name="button7" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button6" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button1" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button8" value=" " /></td> </tr> <tr> <td align="center" valign="middle"><input type="submit" name="button10" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button16" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button9" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button10" value=" " /></td> </tr> <tr> <td align="center" valign="middle"><input type="submit" name="button12" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button13" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button5" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button11" value=" " /></td> </tr> </table> <table width="444" border="0" cellpadding="5"> <tr> <td width="94" height="28" align="center" valign="middle"><div align="center"> 66

5 <input type="submit" name="button14" value=" " /> </div></td> <td width="104" align="center" valign="middle"><input type="submit" name="button15" value=" " /></td> <td width="91" align="center" valign="middle"><input type="submit" name="button14" value=" (T_T)" /></td> <td width="105" align="center" valign="middle"><input type="submit" name="button14" value="(^^)" /></td> </tr> </table> <table width="443" border="0" align="left" cellpadding="5"> <tr> <td width="139" align="center" valign="middle"><div align="center"> <input type="submit" name="button4" value=" " /> </div></td> <td width="143" align="center" valign="middle"><input type="submit" name="button3" value=" " /></td> <td width="123" align="center" valign="middle"><input type="submit" name="button2" value=" " /></td> </tr> </table> </FORM><br /><br /> <p>$query</p> <br /> <hr /> <br /> <img src=" /> </body> </html> End_of_HTML exit(0); END <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes,"/> 67

6 #!/usr/bin/perl $Long_time=60*3; #3 $MaxDisplayCount=20; $Current_URL=$ENV{'REQUEST_URI'; $Current_URL=~s/?.*$//; #QUERY_STRING # CGI data ($WorkDir=$ENV{'SCRIPT_FILENAME')=~s/[^ /]*$/data/; $Archive="$WorkDir/archive.txt"; open(archive,">>$archive"); # print << END_of_HEAD ; Content-type: text/html; charset=utf-8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <meta http-equiv="refresh" content="1;url=$current_url"> <title> </title> </head> <body> <b> END_of_HEAD # open(files,"ls -lt $WorkDir "); while(<files>){ chomp; if((/ ([^ ]+).( d+).c.txt$/)){ 68

7 $file="$workdir/$1.$2.c.txt"; $passed=time-(stat($file))[9]; if($passed>$long_time){ open(file,"$file"); while(<file>){ print ARCHIVE "$2 t$1 t$_"; #Time,IP,, close FILE; unlink("$file");# next; open(file,"$file"); while(<file>){ if(m!([^ t]+) t(.*)!){ $Text=$1;$Name=$2; $Line="$Name $Text"; # close(file); close(files); # $filecount=0; foreach $Line (@DISPLAY){ $DC=@DuplicatedCount{$Line; $AP=@AlrearyPrinted{$Line; if($dc >1 && $AP==0){ # $AP=@AlrearyPrinted{$Line++; 69

8 print "$Line &nbsp ( $DC )<br> n"; # $filecount++; elsif($ap==0){ # $AP=@AlrearyPrinted{$Line++; print "$Line<br> n"; # $filecount++; if($filecount>$maxdisplaycount){last; #$MaxDisplayCount. $Remain=$Long_time-$passed; # if($passed==0){ $Remain=time-(stat("$Archive"))[9]; print << END_of_FOOT ; </b> <hr /> <font size=1> $Remain <br> <a href="/cgi-bin/wari.cgi" target="_blank" /> </a> <br> <a href="/cgi-bin/watch.cgi" onclick="window.open(this.href, 'w2', 'menubar=no, toolbar=no'); return false;"> </a> <br> </font> </body> </html> END_of_FOOT exit(0); END 70

9 CGI UTF-8 LF(UNIX), ( ) 68,, (mi ), wari.cgi watch.cgi.cgi CGI CGI-Excutable(, ) Macintosh HD Web Server CGI-Executabl 69 CGI 70 CGI (Finder) 71

10 CGI CGI,, chmod 755, CGI Finder &. chmod 755 /Library/WebServer/CGI-Executables/watch.cgi return CGI ( ). 71 CGI ( ) 72

11 Data cd /Library/WebServer/CGI-Executables,return,mkdir data,return data CGI-Executables (, ). 72 data ( ) 73 data (Finder) 73

12 chmod 777 cd /Library/WebServer/CGI-Executables/data return data ( ). 74 data ( ) IP ( ),IP ( ). 75 ( ) 74

13 76 IP ( ) IP Web. URL IP /cgi-bin/wari.cgi( ) IP /cgi-bin/watch.cgi( ) ( ). 77 IP CGI (Macintosh) Macintosh CGI. 75

14 Windows Apache,Perl,. Apache Apache HTTP SERVER PROJECT Apache HTTP Server is also available Win32 Source:httpd win32-src.zip zip ( ) 78 Apache zip 76

15 . ( ), ( ). 79 ( ) (Apache) 80 (Apache) 77

16 Perl ActiveState ActivePerl Download Now Download ( ). 81 (Perl), ( ). 82 (Perl), :C Perl ( ). 83 Perl ( ) 78

17 MKEditor for Windows MKEditor for Windows ( ). 84 MKEditor Suika Apache, :C ProgramFiles Apache Group Files. Apache Group Apache2 cgi-bin,cgi-bin suika ( ). CGI, suika 85 CGI (Windows) 79

18 CGI 86 MKEditor ( ), Shift-JIS,CGI UTF-8. 80

19 #!c:/perl/bin/perl.exe #!/usr/local/bin/perl #!/usr/local/bin/perl #while (($key, $val) = each %ENV) { print "$key = $val<br> n"; #open(debug,">>/tmp/ugawa_debug_file_please_erase_anytime.txt"); $CurrentURL=$ENV{'REQUEST_URI'; ($WorkDir=$ENV{'SCRIPT_FILENAME')=~s/[^ /]*$/data/; $Remote=$ENV{'REMOTE_ADDR'; print << END_of_HEAD ; Content-type: text/html; charset=utf-8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,"> <title> </title> </head> <body> <link rel="shortcut icon" href="/suika.ico" /> END_of_HEAD $Query_string=$ENV{'QUERY_STRING'; 81

20 #print DEBUG "QS -$Query_string- n"; #print "$_<BR> n"; s/%0d%0a/--k-a-i-g-y-o--/g; s/ +/ /g; s/%([a-fa-f0-9][a-fa-f0-9])/pack('h2',$1)/ge; #print "$_<BR> n"; if(/name=(.*)/ && length($1)>0){$name=$1; if(/comment=(.*)/ && length($1)>0){$comment=$1; if(/button.*=(.*)/ && length($1)>0){$dousa=$1; if(/submit=(.*)/ && length($1)>0){$submit=1; $Dousa=$Comment; if(/query=(.*)/ && length($1)>0){$query=$1; $Dousa=$Query; if(length($dousa)>0){ $Query=$Dousa; if(($query=~/http: / //i) ($Query=~/ <a.*href =/i)){exit;; #if($query=~/ <a.*href =/i){exit;; $Query=~s/&/ /ge; #& $Query=~s/ "/ /ge; #" $Query=~s/ '/ /ge; #&apos; $Query=~s/</ /ge; #< $Query=~s/>/ /ge; #> $Query=~s/--k-a-i-g-y-o--/<br>/g; if(length($name)==0){ $Name=' '. $$; $T=time(); open(out,">$workdir/$remote.$t.c.txt"); print OUT "$Query t$name n"; close(out); print << End_of_HTML ; 82

21 <FORM ACTION="wari.cgi" METHOD=POST> <table width="443" border="0"> <tr><td> <input name="name" value="$name" size="10" type="text"> <input name="comment" value="$query" size="13" type="text"> <input name="submit" value=" " type="submit"></td> </tr> </table> <table width="200" border="0" cellpadding="5"> <tr> <td align="center" valign="middle"><input type="submit" name="button7" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button6" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button1" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button8" value=" " /></td> </tr> <tr> <td align="center" valign="middle"><input type="submit" name="button10" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button16" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button9" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button10" value=" " /></td> </tr> <tr> 83

22 <td align="center" valign="middle"><input type="submit" name="button12" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button13" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button5" value=" " /></td> <td align="center" valign="middle"><input type="submit" name="button11" value=" " /></td> </tr> </table> <table width="444" border="0" cellpadding="5"> <tr> <td width="94" height="28" align="center" valign="middle"><div align="center"> <input type="submit" name="button14" value=" " /> </div></td> <td width="104" align="center" valign="middle"><input type="submit" name="button15" value=" " /></td> <td width="91" align="center" valign="middle"><input type="submit" name="button14" value=" (T_T)" /></td> <td width="105" align="center" valign="middle"><input type="submit" name="button14" value="(^^)" /></td> </tr> </table> <table width="443" border="0" align="left" cellpadding="5"> <tr> <td width="139" align="center" valign="middle"><div align="center"> <input type="submit" name="button4" value=" " /> </div></td> <td width="143" align="center" valign="middle"><input type="submit" name="button3" value=" " /></td> <td width="123" align="center" valign="middle"><input type="submit" name="button2" value=" " /></td> 84

23 </tr> </table> </FORM><br /><br /> <p>$query</p> <br /> <hr /> <br /> <img src=" /> </body> </html> End_of_HTML exit(0); END #!c:/perl/bin/perl.exe #!/usr/local/bin/perl $Long_time=60*3; #3 $MaxDisplayCount=20; $Current_URL=$ENV{'REQUEST_URI'; $Current_URL=~s/?.*$//; #QUERY_STRING # CGI data ($WorkDir=$ENV{'SCRIPT_FILENAME')=~s/[^ /]*$/data/; $Archive="$WorkDir/archive.txt"; open(archive,">>$archive"); # print << END_of_HEAD ; Content-type: text/html; charset=utf-8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " 85

24 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <meta http-equiv="refresh" content="1;url=$current_url"> <title> </title> </head> <body> <b> END_of_HEAD # #open(files,"ls -lt $WorkDir "); chdir foreach(@files){######################################### #print"$_<br> n"; if((/([^ ]+).( d+).c.txt$/)){ =reverse foreach(@srfiles){ #print"$_<br> n"; chomp; if((/ d+ t([^ ]+).( d+).c.txt$/)){################## $file="$workdir $1.$2.c.txt"; $passed=time-(stat($file))[9]; if($passed>$long_time){ 86

25 open(file,"$file"); while(<file>){ print ARCHIVE "$2 t$1 t$_"; #Time,IP,, close FILE; unlink("$file");# next; open(file,"$file"); while(<file>){ if(m!([^ t]+) t(.*)!){ $Text=$1;$Name=$2; $Line="$Name $Text"; # close(file); close(files); # $filecount=0; foreach $Line (@DISPLAY){ $DC=@DuplicatedCount{$Line; $AP=@AlrearyPrinted{$Line; if($dc >1 && $AP==0){ # $AP=@AlrearyPrinted{$Line++; print "$Line &nbsp ( $DC )<br> n"; # $filecount++; elsif($ap==0){ # 87

26 print "$Line<br> n"; # $filecount++; if($filecount>$maxdisplaycount){last; #$MaxDisplayCount. $Remain=$Long_time-$passed; # if($passed==0){ $Remain=time-(stat("$Archive"))[9]; print << END_of_FOOT ; </b> <hr /> <font size=1> $Remain <br> <a href="/cgi-binvlwari.cgi" target="_blank" /> </a> <br> <a href="/cgi-bin/suika/watch.cgi" onclick="window.open(this.href, 'w2', 'menubar=no, toolbar=no'); return false;"> </a> <br> </font> </body> </html> END_of_FOOT exit(0); END 88

27 CGI. wari.cgi, watch.cgi. ( ), UTF-8N(BOM )( ) CR+LF( ). ( ApacheGroup suika ( :C )) 87 CGI 88 CGI 89

28 89 CGI Archive Data,. archive.txt *.txt,cgi suika ( ). 90 archive.txt suika., ( ). data. CGI. 91 data 90

29 IP, (, ) cmd ( ). 92 ipcomfig /all ( ) 93, IP... IP ( ). 91

30 94 IP (Windows) IP web IP Web URL IP /cgi-bin/wari.cgi( ) IP /cgi-bin/watch.cgi( ) ( ) 95 IP CGI web (Windows) Windows CGI. 92

演習室の 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

10/ / /30 3. ( ) 11/ 6 4. UNIX + C socket 11/13 5. ( ) C 11/20 6. http, CGI Perl 11/27 7. ( ) Perl 12/ 4 8. Windows Winsock 12/11 9. JAV

10/ / /30 3. ( ) 11/ 6 4. UNIX + C socket 11/13 5. ( ) C 11/20 6. http, CGI Perl 11/27 7. ( ) Perl 12/ 4 8. Windows Winsock 12/11 9. JAV tutimura@mist.i.u-tokyo.ac.jp kaneko@ipl.t.u-tokyo.ac.jp http://www.misojiro.t.u-tokyo.ac.jp/ tutimura/sem3/ 2002 11 20 p.1/34 10/16 1. 10/23 2. 10/30 3. ( ) 11/ 6 4. UNIX + C socket 11/13 5. ( ) C 11/20

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

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

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

インターネットマガジン2003年3月号―INTERNET magazine No.98 1 http://www.cpan.org/ http://search.cpan.org/ http://www.cpan.org/ open(input,'in-file'); while(){ push (input,$_); } close(input); @output = sort @input; open(output,'>out-file'); forearch $i

More information

hands_on_4.PDF

hands_on_4.PDF PHPMySQL 4 PC LAN 2 () () SQLDBMS DBMS DataBase Management System mysql DBMS SQL Structured Query Language SQL DBMS 3 DBMS DataBase Management System B Table 3 Table 2 Table 1 a 1 a 2 a 3 A SQLStructured

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web HTML 1 Web 1 Web Web 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML XHTML(XHTML 1.0 Transitional)

More information

54 5 PHP Web hellow.php 1:<?php 2: echo "Hellow, PHP!Y=n"; 3:?> echo PHP C 2: printf("hellow, PHP!Y=n"); PHP (php) $ php hellow.php Hellow, PHP! 5.1.2

54 5 PHP Web hellow.php 1:<?php 2: echo Hellow, PHP!Y=n; 3:?> echo PHP C 2: printf(hellow, PHP!Y=n); PHP (php) $ php hellow.php Hellow, PHP! 5.1.2 53 5 PHP Web Web 1 Web OS (Web) HTML Web Web Web 5.1 PHP Web PHP ( ) 5.1.1 hellow.php ( ) Hellow, PHP! PHP hellow.php PHP HTML PHP 54 5 PHP Web hellow.php 1:

More information

untitled

untitled Perl2 Web2 PerlCGI Web IT2006 2 Perl Perl Perl Perl Perl Perl OS CGIWeb IT2006 4 1. FTP CD-ROM 2. IT2006 5 3. +Lhaca C: Program Files asperl C: Programs 4. IT2006 6 +Lhaca /Archives +Lhaca / local Lhaca075.EXE

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

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

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

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++

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

_IMv2.key

_IMv2.key 飯島基 文 customb2b@me.com $ ssh ladmin@im.example.com $ cd /Library/Server/Web/Data/Sites/Default/ $ git clone https://github.com/msyk/inter-mediator.git

More information

CONTENTS 0 /JSP 13 0.1 Web 14 1 HTML Web 21 1.1 Web HTML 22 1.2 HTML 27 1.3 Web 33 1.4 HTML 43 1.5 46 1.6 47 1.7 48 2 Web 51 2.1 Web 52 2.2 Web 54 2.3 Web 59 2.4 65 2.5 68 2.6 75 2.7 76 2.8 77 3 81 3.1

More information

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

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

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

C G I 入 門 講 座

C G I 入 門 講 座 Apache VsftpdPerl tsuyoshi@t-ohhashi JAPET NTT Linux 1 FTP CGI VSFTP Apache Perl Perl CGI Apache CGI CGI Perl CGI CGI PHP CGI CGI 2 Windows CGI EUC Windows Windows CGI 64KB Windows CGI ( ) Windows TeraPad

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

3 Powered by mod_perl, Apache & MySQL use Item; my $item = Item->new( id => 1, name => ' ', price => 1200,

3 Powered by mod_perl, Apache & MySQL use Item; my $item = Item->new( id => 1, name => ' ', price => 1200, WEB DB PRESS Vol.1 79 3 Powered by mod_perl, Apache & MySQL use Item; my $item = Item->new( id => 1, name => ' ', price => 1200, http://www.postgresql.org/http://www.jp.postgresql.org/ 80 WEB DB PRESS

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

■新聞記事

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

More information

2009 Web B012-1

2009 Web B012-1 2009 Web 2010 2 1 5108B012-1 1 4 1.1....................................... 4 1.2................................... 4 2 Web 5 2.1 Web............................... 5 2.2 Web.................................

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

PowerPoint Presentation

PowerPoint Presentation 上級プログラミング 2( 第 1 回 ) 工学部情報工学科 木村昌臣 今日のテーマ 入出力に関わるプログラムの作り方 ネットワークプログラミングの続き TCP の場合のプログラム 先週のプログラムの詳細な説明 URLクラス サーバープログラムの例 データ入出力プログラミングの復習 テキストの読み込み関係のクラス テキストからデータを読み込むときには 通常 三段構えで行う バイナリデータとして読み出し

More information

ISコースプロジェクト実習 前期(第1回 ガイダンス)

ISコースプロジェクト実習 前期(第1回 ガイダンス) プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,

More information

スライド タイトルなし

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

More information

WEB DB PRESS Vol.1 65

WEB DB PRESS Vol.1 65 http://www.fastcgi.com/ http://perl.apache.org/ 64 WEB DB PRESS Vol.1 WEB DB PRESS Vol.1 65 Powered by mod_perl, Apache & MySQL my $input; my %form; read STDIN, $input, $ENV{'CONTENT_LENGTH'}; foreach

More information

ÉvÉçPM_02

ÉvÉçPM_02 2 JavaScript 2JavaScript JavaScript 2-11hello1.html hello

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

untitled

untitled Web Web Web Web 1. Web Web Web http://www.9610.com/ Web http://www.font.com.cn/default.html/ Web (http://www.shxw.com/) Web Web Web Web Web Web Web ASP PHP JSP ASP.NET Web Web Web Web Web Web 2 Web 3 4

More information

内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成

内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成 情報処理演習 WWW とホームページ 内容 WWWとは ブラウザ 検索エンジン HTML 自分のホームページ作成 WWW の生い立ち CERN : Conseil Europeen pour la Recherche Nucleaire 加速器を使った研究成果としてのデータを世界中で共用する仕組みが必要 1990 年頃に提案 実装 (NeXT) 1990 年中頃から急速に普及 WWW の特徴 使い易いので

More information

ohp.mgp

ohp.mgp 2019/06/11 A/B -- HTML/WWW(World Wide Web -- (TA:, [ 1 ] !!? Web Page http://edu-gw2.math.cst.nihon-u.ac.jp/~kurino VNC Server Address : 10.9.209.159 Password : vnc-2019 (2019/06/04 : : * * / / : (cf.

More information

II 2 p.2 2 GET POST form action URL Aisatsu 2.1 Servlet GET GET : Query String QueryStringTest.java 1 import java.io.ioexception; 2 import java.io.pri

II 2 p.2 2 GET POST form action URL Aisatsu 2.1 Servlet GET GET : Query String QueryStringTest.java 1 import java.io.ioexception; 2 import java.io.pri II 2 p.1 2 GET POST Servlet Servlet Servlet CGI/Servlet GET POST 2 GET URL? FORM GET : http://maps.google.co.jp/maps?hl=ja&ll=34.292821,134.063587&z=15 POST HTML HTML : Aisatsu.html HTML 1

More information

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

untitled

untitled 2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp

More information

1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...

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

<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

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

untitled

untitled Ajax Web Ajax http://www.openspc2.org/javascript/ajax/ajax_stu dy/index.html Life is beautiful Ajax http://satoshi.blogs.com/life/2005/06/ajax.html Ajax Ajax Asynchronous JavaScript + XML JavaScript XML

More information

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い

SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い 10 ( SVG 10 ( Ajax Ajax I(SVG) 2017/6/27 10 ( Ajax 10 ( Ajax 100 10 HTML 1 2 3 4 5 6

More information

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

More information

untitled

untitled FONT FACE=" " /FONT hp11.html FONT FACE=" " /FONT FONT FACE=" " HTML HP10.html HTML HTML HTML html head title /title font face=" " size="5" /fontbr font face=" " size="5" /fontbr font size="5" /fontbr

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

携帯電話でGoogle Mapsを使う

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

More information

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

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

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

More information

インターネット社会の発展

インターネット社会の発展 インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト

More information

# データファイル サーバパス $cf{logfile = "$cf{logdir/log.cgi"; # データ No ファイル サーバパス $cf{numfile = "$cf{logdir/num.dat"; # カウンタリセット用データ サーバパス $cf{resfile = "$cf{lo

# データファイル サーバパス $cf{logfile = $cf{logdir/log.cgi; # データ No ファイル サーバパス $cf{numfile = $cf{logdir/num.dat; # カウンタリセット用データ サーバパス $cf{resfile = $cf{lo # モジュール宣言 / 変数初期化 use strict; my %cf; # # Cosmo Navigator : init.cgi - 2012/03/13 # Copyright (c) KentWeb # http://www.kent-web.com/ # $cf{version = 'CosmoNavi v5.1'; # # [ 注意事項 ] # 1. このスクリプトはフリーソフトです

More information

サーブレット (Servlet) とは Web サーバ側で動作する Java プログラム 通常はapache 等のバックグラウンドで動作する Servletコンテナ上にアプリケーションを配置 代表的な Servlet コンテナ Apache Tomcat WebLogic WebSphere Gla

サーブレット (Servlet) とは Web サーバ側で動作する Java プログラム 通常はapache 等のバックグラウンドで動作する Servletコンテナ上にアプリケーションを配置 代表的な Servlet コンテナ Apache Tomcat WebLogic WebSphere Gla サーブレット 1 オブジェクト指向プログラミング特論 サーブレット (Servlet) とは Web サーバ側で動作する Java プログラム 通常はapache 等のバックグラウンドで動作する Servletコンテナ上にアプリケーションを配置 代表的な Servlet コンテナ Apache Tomcat WebLogic WebSphere GlassFish 2 オブジェクト指向プログラミング特論

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

SmartBrowser_document_build30_update.pptx

SmartBrowser_document_build30_update.pptx SmartBrowser Update for ios / Version 1.3.1 build30 2017 年 8 月 株式会社ブルーテック 更新内容 - 概要 ios Version 1.3.1 build28 の更新内容について 1. 設定をQRから読み込み更新する機能 2.URLをQRから読み込み画面遷移する機能 3.WEBページのローカルファイル保存と外部インテントからの起動 4.JQuery-LoadImageライブラリの組み込み

More information

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18

Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18 Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 1/18 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111221

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

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

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

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

Oracle HTML DBのテンプレート・カスタマイズ

Oracle HTML DBのテンプレート・カスタマイズ Oracle HTML DB 2003 10 Oracle HTML DB... 3... 3... 5... 5 1:... 6 2:... 6 3: 2... 7... 8... 8... 8 CSS JavaScript... 10 HTML DB... 11... 11 Oracle HTML DB 2 Oracle Corporation Customizing Templates in

More information

9 Bootstrap Font Awesome 52 + gem 'bootstrap', '4.0.0.alpha6' 53 + gem 'tether-rails' Gem bootstrap tether-rails Bootstrap JavaScript Tether Ctrl-C Ra

9 Bootstrap Font Awesome 52 + gem 'bootstrap', '4.0.0.alpha6' 53 + gem 'tether-rails' Gem bootstrap tether-rails Bootstrap JavaScript Tether Ctrl-C Ra 9 Bootstrap Font Awesome Bootstrap Font Awesome Simple- Greeter 9.1 Bootstrap CSS/JavaScript Bootstrap PC Web SimpleGreeter Bootstrap Bootstrap 4 Bootstrap 4 2017 1 Bootstrap 4 Gemfile Gemfile 49 gem 'spring-watcher-listen',

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

橡Pascal-Tの挙動を調べる

橡Pascal-Tの挙動を調べる PROGRAM SAMPLE01(INPUT, OUTPUT); BEGIN END. PROGRAM SAMPLE02(INPUT, OUTPUT); VAR X, Y, Z : INTEGER; BEGIN X := 1; Y := 2; Z := X + Y; WRITELN(Z); END. #!/usr/local/bin/perl #PASCAL-T OBJECT MAC FILE

More information

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

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習 Web データ管理 JavaScript (4) (4 章 ) 2012/1/11( 水 ) 1/22 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20120111 演習

More information

時間

時間 LAMP 2007/9/27 1 LAMP LinuxApacheMySQLPHP Linux Linux 1964 Multics OS MITGEAT&T http://ja.wikipedia.org/wiki/multics 1969 UNIX http://ja.wikipedia.org/wiki/unix UNIX MSDOS Windows Windows MS-DOS UNIX http://ja.wikipedia.org/wiki/msdos

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

</ul> (XXX ) 15 ( )15 35 (XXX ) 15 ( ) [4] HTML HTML HTML HTML 1. <!--- CONTENTS_TITLE_TABLE ---> <b><font size=+1>xxx </font></b> <sm

</ul> (XXX ) 15 ( )15 35 (XXX ) 15 ( ) [4] HTML HTML HTML HTML 1. <!--- CONTENTS_TITLE_TABLE ---> <b><font size=+1>xxx </font></b> <sm 1. 1 2006 9 5 AWK HTML 2 1 [4] AWK Yahoo! : http://headlines.yahoo.co.jp/hl HTML HTML [4] HTML HTML ( ) HTML 3 2 Yahoo! Yahoo! ( ) (XXX ) - 15 ( )15 35

More information

SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000

More information

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5

Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5 Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)

More information

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

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

More information

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボックス名 : t1 関数名 : MM() test-a.htm function MM(){ a=document.f1.t1.value;

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information

̤Äê

̤Äê SNS 1, IT.,.,.,., SNS,,,..,,.,,,.,.,,. 2 1 6 1.1................................................ 6 1.2................................................ 6 1.3...............................................

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

Moshimo Challenge Report

Moshimo Challenge Report このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ界 No.1 とも言われているデザイナー ナムー が WEB ページ作成の コツを解説していきます 少し技術的な内容も含まれていますが 分からない ことは積極的に調べて 1 つ 1 つスキルアップをしていきましょうね! マリー HTML CSS のプロフェッショナル うさぎだけど好きなブラウザは Fire Fox ナムー

More information

2003年度 情報処理概論

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

More information

JavaScript の使い方

JavaScript の使い方 JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static

More information

Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/

Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/ Web プログラミング 1 JavaScript (3) (4 章 ) 2013/7/3( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

立ち読みページ

立ち読みページ 6 6 46. 47. 48. 49. 50. 51. 52. 53. 146 148 150 152 154 158 160 162 6 46 Web ( ) table tr td th >> HTML

More information

LAPP/LAMP (SQL + cgi)

LAPP/LAMP (SQL + cgi) LAPP/LAMP (SQL + cgi) 2013 12 9 OA E-Learning Web LAMP (Linux + Apache + MySQL + PHP or Perl) LAPP (Linux + Apache + PostgreSQL + PHP or Perl) Linux OS Web Apache MySQL PostgreSQL Web cgi-bin PHP Perl

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

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

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka

1-3 Perl 1 Perl ( 1) ( ) ( 2) Perl 1 Perl Perl CGI Web Web Perl /usr/bin/perl #! -- ( 2 ) ( 2) ( 2) 2 ( ) Windows http://multilingual-editor.sugutsuka ( Ver. 1.2) 2013 12 http://email-form.sugutsukaeru.jp/ Copyright(c) 2013 Sugutsukaeru Inc. All rights reserved. 1 1-1 Web http://email-form.sugutsukaeru.jp/ 1-2 README.pdf ( ) document.pdf ( ) admin/ CGI

More information

9iAS_DEV.PDF

9iAS_DEV.PDF Oracle9i Application Server for Windows NT 1.0.2.0.0 2001.2.1 1 1 PL/SQL...3 1.1...3 1.2 PL/SQL Web Toolkit...5 1.3 Database Access Descriptor...6 1.4 PL/SQL...8 1.5 PL/SQL...10 1.6 PL/SQL...12 2 SERVLET...13

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

第3学年    学習指導案

第3学年    学習指導案 Web Page 2 -1- myhome.htm html head title my home page /title /head body Welcome to Sasaki's Home page /body /html myhom e.htm html /htmlhead /headtitle /title body /body myhome.htm -2- myhome.htm body

More information

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

! #$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML ! "#$%&'()*+,-. /0123456789:;?@ABCDEFGHIJKLMNOPQR STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ

More information

PHP と Postgresql を用いた 図書館管理システムの構築 裘彬濱 Qiu Binbin 南山大学 情報理工学部

PHP と Postgresql を用いた 図書館管理システムの構築 裘彬濱 Qiu Binbin 南山大学 情報理工学部 PHP と Postgresql を用いた 図書館管理システムの構築 裘彬濱 Qiu Binbin 南山大学 情報理工学部 1: 要求分析 要求として 以下の 3 つを挙げる PHP と postgresql を用いた図書管理システムを構築したい 本の追加 削除 貸出 返却 未返却会員情報検索といった5つの機能を欲しいこの 3 つの点から データベースとウエブ 2 つの面に分けて考える [1] データベースに対する要求分析

More information

ブログ制作教材

ブログ制作教材 ブログ作成 2 3 id integer unique primary key not null auto_increment koshinbi integer title varchar(100) honbun text category_id interger ( 以下前と同じ ) id kiji_id koshinbi name com_honbun

More information

インターネットマガジン2001年9月号―INTERNET magazine No.80

インターネットマガジン2001年9月号―INTERNET magazine No.80 +CD-ROM Å 5 M0.9. A N S W E R function calc () { t = ocument.getelementbyi("tboy"); for(i = 0; i < t.rows.length; i++) { win = Number(t.rows[i].cells[3].firstChil.noeValue); lost = Number(t.rows[i].cells[].firstChil.noeValue);

More information

第3回_416.ppt

第3回_416.ppt 3 3 2010 4 IPA Web http://www.ipa.go.jp/security/awareness/vendor/programming Copyright 2010 IPA 1 3-1 3-1-1 SQL #1 3-1-2 SQL #2 3-1-3 3-1-4 3-2 3-2-1 #2 3-2-2 #1 3-2-3 HTTP 3-3 3-3-1 3-3-2 Copyright 2010

More information

XMLアクセス機能説明書

XMLアクセス機能説明書 SolarisTM Solaris Microsoft Windows NT Server network operating system Version 4.0 Windows NT Microsoft Windows 2000 Server operating systemmicrosoft Windows 2000 Advanced Server operating system Windows

More information

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

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

More information