Archive for 2月, 2012

  1. Hello, ASP World!

    Posted on 2月 9th, 2012 by cx20

    ASP

    ASP（Active Server Pages）は、マイクロソフトの Web サーバー（IIS）でプログラムを動作させる技術の一つである。既定の言語として VBScript が用いられるが、JScript や Active Scripting に対応した他の言語でも記述が可能である。現在は、後継技術の ASP.NET が登場しており、ASP（レガシー ASP）はあまり使われることは無くなってきている。
    ASP の類似技術としては、Java Servlet、JSP（JavaServer Pages）、PHP 等がある。

    OS IIS 4.0 IIS 5.0 IIS 5.1 IIS 6.0 IIS 7.0 IIS 7.5
    Windows NT 4.0 ○ － － － － －
    Windows 2000 － ○ － － － －
    Windows XP － － ○ － － －
    Windows 2003 － － － ○ － －
    Windows Vista － － － － ○ －
    Windows 2008 － － － － ○ －
    Windows 7 － － － － － ○
    Windows 2008 R2 － － － － － ○

    ソースコード（VBScript）

    hello.asp
    raw download
    <%@ Language="VBScript" %>
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p><% Response.Write "Hello, ASP World!" %></p>
  </body>
</html>

    ソースコード（JScript）

    hello.asp
    raw download
    <%@ Language="JScript" %>
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p><% Response.Write( "Hello, ASP World!" ); %></p>
  </body>
</html>

    実行方法

    1. IIS の公開フォルダ に配置
2. ブラウザで表示
   http://localhost/doc/hello.asp

    実行結果

    Hello, ASP World!

  2. Hello, PHP World!

    Posted on 2月 8th, 2012 by cx20

    PHP

    PHP は Web サーバー上で動作するサーバーサイドスクリプト言語である。
    CGI 版およびモジュール版（Apache や IIS の拡張モジュールとして動作）が存在する。
    PHP の類似技術としては、ASP、ASP.NET、Java Servlet、JSP（JavaServer Pages） 等がある。

    ソースコード（CGI 版）

    hello.php
    raw download
    #!/usr/bin/php
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p><?php echo "Hello, PHP World!"; ?></p>
  </body>
</html>

    ソースコード（モジュール版）

    hello.php
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p><?php echo "Hello, PHP World!"; ?></p>
  </body>
</html>

    実行方法（CGI 版）

    1. CGI用フォルダ（cgi-bin等）に配置
2. 実行権限の付与
   $ chmod +x hello.php
3. ブラウザで表示
   http://localhost/cgi-bin/hello.php

    実行方法（モジュール版）

    1. Web 公開フォルダ に配置
2. ブラウザで表示
   http://localhost/doc/hello.php

    実行結果

    Hello, PHP World!

  3. Hello, CGI World!

    Posted on 2月 7th, 2012 by cx20

    CGI

    CGI（Common Gateway Interface）は、Web サーバー上でプログラムを動作させる為の仕様の一つである。
    言語としては、C言語 や Perl が主に使われるが、他の言語でも HTTP ヘッダ “Content-Type: text/html¥n¥n” を出力することで、CGI プログラムとして動作させることが可能である。
    CGI 以外の実行方式としてはモジュール形式（Apache や IIS の拡張モジュールとして動作）や FastCGI 形式がある。

    ソースコード（C言語）

    hello.c
    raw download
    #include <stdio.h>
 
int main( int argc, char* argv[] )
{
    printf( "Content-type: text/htmlnn" );
    printf( "<html>n" );
    printf( "  <head>n" );
    printf( "    <title>Hello, World</title>n" );
    printf( "  </head>n" );
    printf( "  <body>n" );
    printf( "    <p>Hello, CGI World!</p>n" );
    printf( "  </body>n" );
    printf( "</html>n" );
    return 0;
}

    ソースコード（Perl）

    hello.pl
    raw download
    #!/usr/bin/perl
print "Content-Type: text/htmlnn";
print "<html>n";
print "  <head>n";
print "    <title>Hello, World!</title>n";
print "  </head>n";
print "  <body>n";
print "    <p>Hello, CGI World!</p>n";
print "  </body>n";
print "</html>n";

    ソースコード（PHP）

    hello.php
    raw download
    #!/usr/bin/php
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p><?php echo "Hello, CGI World!"; ?></p>
  </body>
</html>

    実行方法（C言語）

    1. コンパイル
   $ cc -o hello.cgi hello.c
2. CGI用フォルダ（cgi-bin等）に配置
3. 実行権限の付与
   $ chmod +x hello.cgi
4. ブラウザで表示
   http://localhost/cgi-bin/hello.cgi

    実行方法（Perl）

    1. CGI用フォルダ（cgi-bin等）に配置
2. 実行権限の付与
   $ chmod +x hello.pl
3. ブラウザで表示
   http://localhost/cgi-bin/hello.pl

    実行方法（PHP）

    1. CGI用フォルダ（cgi-bin等）に配置
2. 実行権限の付与
   $ chmod +x hello.php
3. ブラウザで表示
   http://localhost/cgi-bin/hello.php

    実行結果

    Hello, CGI World!

  4. Hello, jQuery World!

    Posted on 2月 6th, 2012 by cx20

    jQuery

    jQuery は高い人気を誇る JavaScript ライブラリの１つである。マイクロソフトの ASP.NET のクライアントスクリプトライブラリにも採用されている。

    ソースコード

    Hello.html
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    <!--
      $(function() {
        $('#hello').html('<p>Hello, jQuery World!</p>');
      });
    //-->
    </script>
  </head>
  <body>
    <div id="hello"></div>
  </body>
</html>

    実行方法

    1. Web サーバーの公開フォルダへ配置
2. ブラウザで表示
   http://localhost/doc/hello.html

    実行結果

    Hello, jQuery World!

  5. Hello, prototype.js World!

    Posted on 2月 5th, 2012 by cx20

    prototype.js

    prototype.js は Ajax 対応の JavaScript ライブラリの一つ。Ruby on Rails に同梱されている。

    ソースコード

    Hello.html
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript">
    <!--
      Event.observe(window, 'load', function() {
        var elem = $('hello');
        elem.innerHTML = "<p>Hello, prototype.js World!</p>";
      });
    //-->
    </script>
  </head>
  <body>
    <div id="hello"></div>
  </body>
</html>

    実行方法

    1. Web サーバーの公開フォルダへ配置
2. ブラウザで表示
   http://localhost/doc/hello.html

    実行結果

    Hello, prototype.js World!

  6. Hello, JavaScript World!

    Posted on 2月 4th, 2012 by cx20

    JavaScript

    JavaScript は主に Web ブラウザ等のクライアントサイドで実行されるプロトタイプベースのオブジェクト指向言語である。
    Web ブラウザに搭載されている JavaScript エンジンの種類としては以下のようなものがある。

    ブラウザ JavaScript エンジン
    Internet Explorer Chakra
    Firefox SpiderMonkey
    Chrome V8
    Safari KJS
    Opera Carakan

    ソースコード（HTML のケース）

    hello.html
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <script type="text/javascript">
    <!--
      document.write("<p>Hello, JavaScript World!</p>");
    //-->
    </script>
  </body>
</html>

    ソースコード（HTML で DOM を使用したケース）

    hello.html
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
    <script type="text/javascript">
    <!--
      window.onload = function() {
        var elem = document.getElementById("hello");
        elem.innerHTML = "<p>Hello, JavaScript World!</p>";
      };
    //-->
    </script>
  </head>
  <body>
    <div id="hello"></div>
  </body>
</html>

    ソースコード（XHTML のケース）

    XHTML の場合は、JavaScript は外部ファイルとして指定することが推奨されている。同一ファイル内に記述したい場合は、CDATA セクションの間に記述する必要がある。

    hello.html
    raw download
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <script type="text/javascript">
    //<![CDATA[
      document.write("<p>Hello, JavaScript World!</p>");
    //]]>
    </script>
  </body>
</html>

    実行方法

    1. Web サーバーの公開フォルダへ配置
2. ブラウザで表示
   http://localhost/doc/hello.html

    実行結果

    Hello, JavaScript World!

  7. Hello, XHTML World!

    Posted on 2月 3rd, 2012 by cx20

    XHTML

    XHTML（Extensible HyperText Markup Language）は、HTML を XML で再定義したマークアップ言語である。
    W3C により仕様策定を行っており、XHTML 1.0 は HTML 4.01 をベースとしている。
    XHTML の次期バージョンとして XHTML 2.0 が仕様策定中であったがニーズが少ないことと HTML5 へのリソース注力していくことを理由に 2009年に作業が打ち切られた。
    HTML5 のサブセットとして XHTML5 が策定される予定となっている。

    ソースコード

    hello.html
    raw download
    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p>Hello, XHTML World!</p>
  </body>
</html>

    実行方法

    1. Web サーバの公開フォルダ に配置
2. ブラウザで表示
   http://localhost/doc/hello.html

    実行結果

    Hello, XHTML World!

  8. Hello, XML World!

    Posted on 2月 2nd, 2012 by cx20

    XML

    XML（eXtensible Markup Language）は、文書やデータの構造を定義するマークアップ言語の一種である。HTML 同様、W3C が仕様策定を行っており 1998年に XML 1.0 が勧告された。
    また、XSLT（XML Stylesheet Language Transformation）は、XML 文書を他の形式に変換する為の変換言語である。XSLT を用いて XML を HTML や XHTML 形式に変換することにより、ブラウザで表示させることができる。

    ソースコード（XML）

    hello.xml
    raw download
    <?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="hello.xsl" type="text/xsl" ?>
<document>
  <title>Hello, World!</title>
  <paragraph>Hello, XML World!</paragraph>
</document>

    ソースコード（XSLT）

    hello.xsl
    raw download
    <?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> 
  <xsl:template match="document"> 
    <html>
      <head>
        <title><xsl:value-of select="title"/></title>
      </head>
      <body>
        <p><xsl:value-of select="paragraph"/></p>
      </body>
    </html>
  </xsl:template> 
</xsl:stylesheet>

    実行方法

    1. Web サーバの公開フォルダ に配置
2. ブラウザで表示
   http://localhost/doc/hello.xml

    実行結果

    Hello, XML World!

  9. Hello, HTML World!

    Posted on 2月 1st, 2012 by cx20

    HTML

    HTML（HyperText Markup Language）は、Web ページを記述するマークアップ言語である。1989年に CERN（欧州素粒子物理学研究所）のティム・バーナーズ・リーによって考案された。
    現在、W3C（World Wide Web Consortium）が標準化作業を行っており、1999年に HTML 4.01 が策定された。今後の予定としては HTML5 が 2014年に策定予定となっている。
    なお、HTML が W3C 標準に準拠しているかどうかは「W3C Markup Validation Service」で確認することが出来る。

    ソースコード（HTML）

    hello.html
    raw download
    <html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p>Hello, HTML World!</p>
  </body>
</html>

    ソースコード（HTML 4.01）

    hello.html
    raw download
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p>Hello, HTML World!</p>
  </body>
</html>

    ソースコード（HTML5）

    hello.html
    raw download
    <!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Hello, World!</title>
  </head>
  <body>
    <p>Hello, HTML World!</p>
  </body>
</html>

    実行方法

    1. Web サーバの公開フォルダ に配置
2. ブラウザで表示
   http://localhost/doc/hello.html

    実行結果

    Hello, HTML World!
Newer Entries »