約 5,433,188 件
https://w.atwiki.jp/naobe/pages/78.html
ネットワークに戻る RFC2616概要 HTTP/1.1 RFC6265概要 HTTP状態管理機構 パーセントエンコーディング（URLエンコード） URLで意味を持つコードと混同する日本語などのバイナリや特殊記号を16進形式にして、先頭に%を付加した文字に変換する。正確に言うと、非予約文字、予約文字以外を変換する。 項目 説明 非予約文字 ASCIIのコード範囲内の英字（大文字・小文字）、数字、ハイフン “-”、ピリオド “.”、アンダースコア “_”、チルダ “~” 予約文字 URIを表す符号。ASCIIのコード範囲内のコロン “ ”、スラッシュ “/”、疑問符 “?”、シャープ “#”、角括弧 “[”、“]”、単価記号 “@”、感嘆符 “!”、ドル記号・ペソ記号 “$”、アンパサンド “ ”、アポストロフィー・シングルクオート “ ”、丸括弧 “(”、“)”、アスタリスク “*”、正符号・加算記号 “+”、コンマ “,”、セミコロン “;”、等号 “=” name=%E8%8F%85%E7%9B%B4%E4%BA%BA UTF-8で、%E8%8F%85：菅, %E7%9B%B4 直, %E4%BA%BA 人 x-www-form-urlencoded(URLエンコード) POSTのフォームデータをエンコードする。%を付加する方式は、パーセントエンコーディングと同じ。パーセントエンコーディングの予約文字も変換している スペースは"+"に変換。Javaのソースを見ると、英数字、"-","_", ".","*"以外を変換する BASE64 Wikipediaより データを64種類の印字可能な英数字のみを用いて、それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うためのエンコード方式 7ビットのデータしか扱うことの出来ない電子メールにて広く利用されている A–Z, a–z, 0–9 までの62文字と、記号2つ (+ , /) 、さらにパディング（余った部分を詰める）のための記号として = が用いられる 76文字ごとに改行コードが入る Cookie Wikipediaより クッキーを設定する際、どの要求に対してクッキー情報を送り返すのか、URLの範囲を指定する。 規定値は、クッキーを設定したサーバに対するすべての要求であり、対象を広げることも狭めることもできる。ただし広げる場合でも、トップレベルドメインより狭い範囲でなければならない。 またクッキーの有効期限は、通常はブラウザを終了するまでだが、指定した期限まではブラウザを再度起動しても保持されるように設定することができる。有効期限の情報も、サーバからブラウザにクッキー情報を送信する段階で付加される。 無期限という設定は出来ない。 詳細： http //www.studyinghttp.net/cookies リクエスト 全てテキスト。行(CRLF)で区切られる。 フォーマット リクエストラインは１行。ヘッダは複数行。 大項目 小項目 説明 リクエストライン メソッド GET,POST,PUTなどのどれか。 リクエストURL リクエストを処理するURI プロトコルバージョン HTTPのバージョン。【例】HTTP/1.1 ヘッダ HOST リクエスト先のホスト名。必須項目 空行 POSTのときにヘッダの終了を示すために挿入される メッセージボディ POSTのときにリクエストデータを出力する 【例】 GET http //example.jp/31/31-001.php HTTP/1.1 リクエストライン Host example.jp --+ User-Agent Mozilla/5.0 (Windows NT 5.1; rv 2.0.1) Gecko/20100101 Firefox/4.0.1 | Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 +-- ヘッダ Accept-Language ja,en-us;q=0.7,en;q=0.3 | Accept-Encoding gzip, deflate | Accept-Charset Shift_JIS,utf-8;q=0.7,*;q=0.7 | Keep-Alive 115 | Connection keep-alive | Referer http //example.jp/31/ --+ Accept-CharsetでShift-JISの品質係数が１であるため、サーバは、Shift-JISでエンコードしたメッセージを返す。 POST http //example.jp/31/31-003.php HTTP/1.1 リクエストライン Accept image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/vnd.ms-excel ヘッダ Referer http //example.jp/31/31-002.php Accept-Language ja User-Agent Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; Inf oPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Content-Type application/x-www-form-urlencoded Accept-Encoding gzip, deflate Host example.jp Content-Length 65 Connection Keep-Alive Pragma no-cache name=%E8%8F%85%E7%9B%B4%E4%BA%BA mail=kan@aaa.jp gender=%E7%94%B7 メッセージボディ Hostヘッダ HTTP1.1では必須。POST/GETでのURIにHOSTを指定していなかった場合、Virtualホストを特定できない。そのためHostヘッダにHOST名を指定する。URIにホスト名があって、Hostヘッダにもホスト名がある場合はURIを優先する。URIにホスト名を指定することを強制すれば良いような気がするが。 Referer ヘッダの一種。リンク元のURLを示す。あるWebページのリンクをクリックして別のページに移動したときの、リンク元のページのこと。 改変、削除される場合があるので正しくリンクを示しているとは限らない。 セキュリティ上、問題となるのは、URLが秘密情報を含んでいる場合。たとえば、URLがセッションIDを含んでいる場合。なりすましに使われる可能性がある。 【例】 GET http //example.jp/31/31-002.php HTTP/1.1 Accept image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/vnd.ms-excel, application/vnd.ms-powerpoint, appl ication/msword, application/x-shockwave-flash, application/x-ms-application, application/x-ms-xbap, application/vnd.ms -xpsdocument, application/xaml+xml, */* Referer http //example.jp/31/ Accept-Language ja User-Agent Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; Inf oPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Accept-Encoding gzip, deflate Host example.jp Connection Keep-Alive http //example.jp/31/のHTMLのaタグからリクエストが発生したため、Refererヘッダがつく。 レスポンス 全てテキスト。行で区切られる。 フォーマット ステータスラインは１行。ヘッダ、ボディは複数行。 大項目 小項目 説明 ステータスライン プロトコルバージョン ステータスコード 1XX 処理継続、2XX 正常終了、3XX リダイレクト、4XX クライアントエラー、5XX サーバエラー テキストフレーズ レスポンスヘッダ Content-Length ボディのバイト数 Content-Type MIMEタイプ; charset=エンコーディング 空行 ヘッダの終わりを示す ボディ 【例】 HTTP/1.1 200 OK Date Wed, 04 May 2011 04 51 51 GMT Server Apache/2.2.14 (Ubuntu) X-Powered-By PHP/5.3.2-1ubuntu4.2 Vary Accept-Encoding Content-Length 20 Keep-Alive timeout=15, max=100 Connection Keep-Alive Content-Type text/html; charset=UTF-8 body 13 51 /body Content-type メディアタイプを示すエンティティヘッダ（メッセージボディに対する付随情報）。type "/" subtype *( ";" parameter )であらわされる。text/html; charset=utf-8など。charsetを追加すると出力の文字コードを示す。HTML文書にapplication/octet-streamを付けると、 多くの場合、Webブラウザはそれをダウンロードするか否か問い合わせるようになる。 Apacheの場合は、httpd.confの以下の設定でcharsetを指定する。 AddDefaultCharset UTF-8 Tomcatでは、JSPのpageディレクティブで設定する。 %@ page language="java" contentType="text/html; charset=Windows-31J" pageEncoding="Windows-31J" % http //www.atmarkit.co.jp/fjava/rensai3/mojibake01/mojibake01.html 参照
https://w.atwiki.jp/testlink/pages/35.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head !--20070421 - franciscom - using basehref smarty var to build right URLs BUGID 93 - 20050910 - fm--- meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Content /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body {assign var="dummy" value="lib/general/show_help.php?locale=$locale help="}{assign var="help_launcher" value="$basehref$dummy"} h1 Help 目次 /h1 div id="menu" a href="javascript window.close();" class="tlButton" 閉じる /a a href="javascript history.back();" class="tlButton" 戻る /a /div ul li a href="{$help_launcher}glosary" 用語集 /a /li li a href="{$help_launcher}testproject" テストプロジェクト /a /li li a href="{$help_launcher}metrics" 結果とメトリクス /a /li li a href="{$help_launcher}shortcuts" ショートカット /a /li li a href="{$help_launcher}execMain" テスト実行 /a /li li a href="{$help_launcher}execFilter" テスト実行 - フィルター /a /li li a href="{$help_launcher}printFilter" テスト仕様フィルター /a /li li a href="{$help_launcher}testPlan" テスト計画 /a /li li a href="{$help_launcher}userRights" ユーザ権限 /a /li /ul h1 Instruction pages /h1 ul li a href="{$help_launcher}keywordsAssign" キーワード割り当て /a /li li a href="{$help_launcher}executeTest" テスト実行 /a /li li a href="{$help_launcher}planTesters" テスト計画 - テスター追加 /a /li li a href="{$help_launcher}planAddTC" テスト計画 - テストスイートにテストケース追加 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 優先度 /a /li li a href="{$help_launcher}testSetRemove" テスト計画 - テストスイートからテストケース削除 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 所有権 /a /li li a href="{$help_launcher}browseResults" テストレポートとメトリクス /a /li li a href="{$help_launcher}tcEdit" テスト仕様 - 編集 /a /li li a href="{$help_launcher}tcPrint" テスト仕様 - 印刷 /a /li li a href="{$help_launcher}tcSearch" テスト仕様 - 検索 /a /li /ul /body /html
https://w.atwiki.jp/jasagiri/pages/68.html
RFC：http //www5d.biglobe.ne.jp/~stssk/rfcjlist.html 規格対応エレメント表 http //meiert.com/en/indices/html-elements/ html5 http //www.html5.jp/ URI-Templates http //bitworking.org/projects/URI-Templates/ http //builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/ StatusCode http //www.studyinghttp.net/status_code http //thoughtpad.net/alan-dean/http-headers-status.html http //d.hatena.ne.jp/IwamotoTakashi/20090429/p1 REST 何がRESTを良くするか：http //www.infoq.com/jp/news/2008/11/rest-api RESTfullなアプリケーションを記述する：http //www.infoq.com/jp/articles/subbu-allamaraju-rest REST API デザイン http //www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx OpenID：http //code.google.com/p/openidengine/ ：http //www.atmarkit.co.jp/fsecurity/rensai/openid01/openid01.html ：http //www.goodpic.com/mt/archives2/2008/01/openid_oauth.html ：http //d.hatena.ne.jp/lyokato/20080816/1218866900 OAuth：http //www.atmarkit.co.jp/fsecurity/special/106oauth/oauth01.html
https://w.atwiki.jp/yoshida2/pages/115.html
telnetでブラウズ(HTTP) このページでは、インターネットでホームページなどをブラウジングするときに利用するHTTPプロトコルについて説明しています。 概要 HTTPプロトコルとは、Hypertext Transfer Protocolの略で、インターネットでホームページなどをブラウジングするときに利用しているプロトコルです。 HTTPプロトコルは、TCP/IP上のプロトコルで、通常80番ポートを使ってアクセスします。 詳細な定義は、以下のRFCで定義されています。 RFC-1945 HTTP/1.0 RFC-2068 HTTP/1.1 基本的に、メッセージを要求(リクエスト)し、その応答結果(レスポンス)を表示するだけです。 HTTPのアクセスログ ApacheなどのWebサーバのログを見ると、リクエストとレスポンスが、以下の形式で出力されます。 アクセスログの書式 アクセス元 - - [アクセス時間] メソッド名 URL名 プロトコルバージョン レスポンスコード 例： 10.0.1.20 - - [01/Jul/1999 23 22 46 +0900] GET /usr/joe/index.html HTTP/1.0 200 2060 メソッドの種類には、GETやPOSTなどがあります。 GETメソッドは、HTMLデータや画像データなどを取得する場合に使用します。 GETメソッドで要求すると、ヘッダ情報とHTMLデータが返却されます。 GETメソッドでCGIを呼び出すこともできます。 パラメータを渡す場合は、URLの後に ?name1=データ1 name2=データ2 という形式で指定します。 HEADメソッドは、ファイルサイズや更新日時を調べる場合に利用します。 HEADメソッドを利用すると、ヘッダ情報だけが返却されます。 POSTメソッドは、CGIなどにデータを渡す場合に使用します。 パラメータなどのデータは、環境変数などによって、CGIに渡ります。 以下に、HTTPのバージョンとメソッドの種類を示します。 メソッドの種類 HTTP/1.0 GET, HEAD, PUT, POST, DELETE, LINK, UNLINK HTTP/1.1 OPTIONS, TRACE, PATCH 以下に、レスポンスコードの一覧を示します。 100番台は通信エラー、200番台は正常終了、300番台はリダイレクト、400番台はクライアントエラー、500番台はサーバエラーを表しています。 リダイレクトとは、クライアントの指定したURLに移動した場合などに返却されます。 レスポンスコード コード 内容 コード 内容 100 Continue 101 Switching Protocols 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information 204 No Content 205 Reset Content 206 Partial Content 300 Multiple Choices 301 Moved Permanently 302 Moved Temporarily 303 See Other 304 Not Modified 305 Use Proxy 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Time-out 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Request Entity Too Large 414 Request-URI Too Large 415 Unsupported Media Type 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Time-out 505 HTTP Version not supported レスポンスコードは、ログファイルなどに出力されますので、知っていると役に立つと思います。 telnetでブラウジング では、実際にtelnetでブラウジングしてみましょう。 telnetコマンドで、WWWサーバ名と、80番ポートを指定します。 Linux# telnet ash.jp 80 そこで、環境変数をすべて表示するCGI(env.cgi)を起動してみます。 まず、GETコマンドで、取得したいURLと、HTTPのバージョンを指定します。 GET /~joe/prog/cgi/env01.cgi HTTP/1.0 ここで、リターンのみを入力しても表示されますが、以下のオプションも入力してみます。 指定したオプションは、環境変数としてCGIに渡ります。 User-Agent Telnet [ja] (Linux) Host www.ash.jp リターンのみを入力すると、レスポンスと、HTMLが表示されます。 当然、HTMLのソースが表示されるだけですから、頭の中でHTMLを解析し画面イメージを想像する必要があります。 以下に実行結果を示します。 Linux# telnet ash.jp 80 Trying 210.154.87.18... Connected to ash.jp. Escape character is ^] . GET /~joe/prog/cgi/env01.cgi HTTP/1.0 User-Agent Telnet [ja] (Linux) Host ash.jp HTTP/1.1 200 OK DeleGate-Ver 5.8.8 (delay=7) Date Fri, 02 Jul 1999 09 56 24 GMT Server Apache/1.3.3 (Unix) Content-Type text/html Via 1.0 210.154.87.18 80 (DeleGate/5.8.8) Content-Length 954 html body h1 ＣＧＩでの環境変数一覧 /h1 hr h3 環境変数の表示 /h3 DOCUMENT_ROOT = /usr/local/share/apache/htm br GATEWAY_INTERFACE = CGI/1.1 br HTTP_FORWARDED = by http //210.154.87.18 80/ (DeleGate/5.8.8) for sv01.lo.ash.or .jp br HTTP_HOST = ash.jp br HTTP_USER_AGENT = Telnet [ja] (Linux) br HTTP_VIA = 1.0 210.154.87.18 80 (DeleGate/5.8.8) br PATH = /usr/local/sbin /usr/local/bin /sbin /usr/sbin /bin /usr/bin br QUERY_STRING = br REMOTE_ADDR = 10.0.1.254 br REMOTE_PORT = 12621 br REQUEST_METHOD = GET br REQUEST_URI = /~joe/prog/cgi/env01.cgi br SCRIPT_FILENAME = /home/joe/public_html/prog/cgi/env01.cgi br SCRIPT_NAME = /~joe/prog/cgi/env01.cgi br SERVER_ADMIN = info@ash.jp br SERVER_NAME = ash.jp br SERVER_PORT = 80 br SERVER_PROTOCOL = HTTP/1.0 br SERVER_SIGNATURE = ADDRESS Apache/1.3.3 Server at ash.jp Port 80 /ADDRESS br SERVER_SOFTWARE = Apache/1.3.3 (Unix) br hr br このＣＧＩのソース： a href=env01.txt env01.cgi /a br /body /html Connection closed by foreign host. 最初の、HTTP/1.1 200 OKは、HTTPプロトコルで、正常に転送したことを表します。 その後にヘッダ情報が転送され、最後にHTMLのソースが転送されます。 環境変数として、以下の値が追加設定されているのが確認できます。 HTTP_HOST = ash.jp HTTP_USER_AGENT = Telnet [ja] (Linux) このように、HTTPプロトコルは、要求（リクエスト）に対して、応答（レスポンス）が返却されるだけのシンプルなプロトコルです。 余談ですが、HTTPプロトコルという呼び方は、Hyper Text Transfer Protocol プロトコルになって、プロトコルが2重になってしまい、おかしいです。 でも、この方がわかりやすいので、私はよく使います。
https://w.atwiki.jp/gokuu/pages/12.html
!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" lang="ja" xml lang="ja" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="Content-Style-Type" content="text/css; charset=UTF-8" / meta http-equiv="content-script-type" content="text/javascript" / title tesssttttttttttttttttt - トップページ /title link rel="start" href="/gokuu/" / link rel="stylesheet" type="text/css" href="http //www39.atwiki.jp/_skin/base_021mandarin.css" media="all" / link rel="alternate" href="/gokuu/rss10.xml" type="application/rss+xml" title="RSS" / style type="text/css" media="screen" !-- body,html { margin 0 !important; padding 0 !important; } .box { zoom 100%; } .box after { clear both; content "."; display block; height 0; visibility hidden; } .hidden { display none; } .disableLink { color #777 !important; cursor default !important; display block !important; line-height 1.2 !important; margin 0 !important; padding 3px 1em !important; white-space nowrap !important; } div.headBar { background-color #e8e8e8 !important; border 2px solid !important; border-color #f0f0f0 #c8c8c8 #c8c8c8 #f0f0f0 !important; color #000000 !important; font-family "MS Sans Serif", Arial, sans-serif !important; font-size 13px !important; font-style normal !important; font-weight normal !important; line-height 1.2 !important; margin 0 !important; padding 4px 2px 4px 2px !important; text-align left !important; text-decoration none !important; } div.headBar a { background transparent none repeat scroll 0% !important; font-weight normal !important; line-height 1.2 !important; text-align left !important; text-decoration none !important; } div.headBar a.headmenuButton { border 1px solid #e8e8e8 !important; color #000000 !important; color #000000 !important; cursor default !important; font-family "MS Sans Serif", Arial, sans-serif !important; font-size 13px !important; font-style normal !important; font-weight normal !important; left 0px; line-height 1.2 !important; margin 1px !important; padding 2px 6px 2px 6px !important; position relative !important; text-align left !important; text-decoration none !important; top 0px; z-index 30; } div.headBar a.headmenuButton hover, div.headBar ul li a.haeder_ul hover { background-color transparent !important; border-color #f0f0f0 #909090 #909090 #f0f0f0 !important; color #000000 !important; } div.headBar a.headmenuButtonActive, div.headBar a.headmenuButtonActive hover { background-color #2c8bec !important; border-color #a6a6a6 #f0f0f0 #f0f0f0 #a6a6a6 !important; color #ffffff !important; left 1px; top 1px; } div.headmenu { background-color #e8e8e8 !important; border 2px solid !important; border-color #f0f0f0 #c8c8c8 #c8c8c8 #f0f0f0 !important; color #000000 !important; font-family "MS Sans Serif", Arial, sans-serif !important; font-size 13px !important; font-style normal !important; font-weight normal !important; left 0px; line-height 1.2 !important; margin 0 !important; padding 0px 1px 1px 0px !important; position absolute; text-align left !important; text-decoration none !important; top 0px; visibility hidden; z-index 31; } div.headmenu a.headmenuItem { color #000000 !important; color #000000 !important; cursor default !important; display block; font-family "MS Sans Serif", Arial, sans-serif !important; font-size 13px !important; font-style normal !important; font-weight normal !important; line-height 1.2 !important; margin 0 !important; padding 3px 1em !important; text-decoration none !important; white-space nowrap !important; } div.headmenu a.headmenuItem img{ display inline !important; vertical-align middle !important; border 0 !important; padding 0 !important; margin 0 .5em 0 0 !important; } div.headmenu a.headmenuItem span.headmenuItemArrow{ margin-right -.75em !important; } div.headmenu a.headmenuItem span.headmenuItemText { margin-right -.75em !important; margin-left 0 !important; padding-left 0 !important; } div.headmenu a.headmenuItem hover, div.headmenu a.headmenuItemHighlight { background-color #2c8bec !important; color #ffffff !important; } div.headmenu div.headmenuItemSep { border-bottom 1px solid #f0f0f0 !important; border-top 1px solid #909090 !important; margin 4px 2px !important; padding 0 !important; } div.headBar ul { line-height 26px !important; list-style-image none !important; list-style-position outside !important; list-style-type none !important; margin 0 !important; padding 0pt !important; position absolute !important; right 0pt !important; top 0px !important; } * html div.headBar ul li a.haeder_ul { top 6px !important; } div.headBar ul li { background-image none !important; background-position 0 !important; background-repeat no-repeat !important; float left !important; line-height 26px !important; list-style-image none !important; list-style-type none !important; margin 0pt !important; padding 0pt !important; position relative !important; } div.headBar ul li a.haeder_ul { border 1px solid #e8e8e8 !important; color #000000 !important; color #000000 !important; cursor default !important; font-size 13px !important; font-style normal !important; font-weight normal !important; left 0px; margin 1px !important; padding 2px 6px 2px 6px !important; position relative !important; top 0px; z-index 30; } div.headBar ul li a.haeder_ul active { background-color #2c8bec !important; color #ffffff !important; } div.headBar ul li a.mooter_link { margin-right .2em !important; } div.headBar ul li a.mooter_link img{ vertical-align middle !important; } div.headBar ul li form { display inline !important; line-height 25px !important; margin 0pt !important; padding 0pt !important; } div.headBar ul li input { display inline !important; font-size 13px !important; margin 0 !important; padding 0 !important; margin-right .2em !important; } div.headBar ul li input.submit { background ButtonFace !important; border 2px outset ButtonFace !important; color ButtonTex !importantt; cursor default !important; font-weight normal !important; line-height normal !important; padding 0px 3px !important; text-align center !important; white-space pre !important; } div#headBarWrapper{ display block !important; margin 0 !important; padding 0 !important; } -- /style link rel="alternate" type="application/x-wiki" title="トップページ を編集する" href="http //www39.atwiki.jp/gokuu/editx/1.html" / style type="text/css" media="screen" !-- #ads{visibility visible !important; display block !important;}#ad{visibility visible !important; display block !important;} -- /style link rel="alternate" href="http //www39.atwiki.jp/gokuu/rss10_new.xml" type="application/rss+xml" title="新規作成ページRSS" / /head body id="atwiki-jp" a id="atwiki-jp-top" name="atwiki-jp-top" style="display inline;line-height 0;border none;margin 0;padding 0;" /a !-- google_ad_section_start(weight=ignore) -- !-- Head Bar -- script src="/_js/headBar.js" type="text/javascript" !-- -- /script div class="box" id="headBarWrapper" div class="headBar" style="height 16px !important;-moz-box-sizing content-box ! important;" a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_fileMenu );" onmouseover="headmenuButtonMouseover(event, hb_fileMenu );" @wikiメニュー /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_editMenu );" onmouseover="headmenuButtonMouseover(event, hb_editMenu );" 編集 /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_viewMenu );" onmouseover="headmenuButtonMouseover(event, hb_viewMenu );" 表示 /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_toolsMenu );" onmouseover="headmenuButtonMouseover(event, hb_toolsMenu );" ツール /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_helpMenu );" onmouseover="headmenuButtonMouseover(event, hb_helpMenu );" ヘルプ /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_socialMenu );" onmouseover="headmenuButtonMouseover(event, hb_socialMenu );" ブックマーク登録 /a a class="headmenuButton" href="javascript void(0);" onclick="return headmenuButtonClick(event, hb_rssMenu );" onmouseover="headmenuButtonMouseover(event, hb_rssMenu );" RSS登録 /a div style="position absolute;top 6px;right 2px;" a href="http //www39.atwiki.jp/gokuu/mypage" title="設定" class="headmenuButton" 設定 /a a href="http //www39.atwiki.jp/gokuu/logout/1.html" title="ログアウト (gokuu)" class="headmenuButton" ログアウト (gokuu) /a /div /div /div !-- -- !-- -- div id="hb_fileMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/new/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8" 新規ページ作成 /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/copy/" すでにあるページをコピーして新規ページを作成 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/bbsquote/" スレッドフロート型掲示板から引用して新規ページ作成(α版) /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/rssquote/" ブログの内容から引用して新規ページ作成(α版) /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/upmake/" ファイルをアップロードして新規ページ作成(α版) /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/webquote/" 他のホームページから引用して新規ページ作成(α版) /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //atpages.jp/" [PR] 無料ホームページ @PAGES /a a class="headmenuItem" href="http //atpne.jp/" [PR] 無料SNSレンタル @PNE /a a class="headmenuItem" href="http //atbb.jp/" [PR] 無料フォーラム型掲示板レンタル @BB /a a class="headmenuItem" href="http //atbbs.jp/" [PR] 選べる無料掲示板 @BBS /a a class="headmenuItem" href="http //atchs.jp/" [PR] 2ch型無料レンタル掲示板 @chs /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //atwiki.jp/l/" @wikiで新規wikiを作成 /a /div !-- -- div id="hb_editMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/editx/1.html" このページを編集 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/editxx/1.html" このページを編集(メニュー非表示編集;α) /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/copy2/1.html" このページをコピーして新規ページを作成 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/renamex/1.html" このページのページ名を変更 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/chkind/1.html" このページの編集モードを変更 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/chmod/1.html" このページの閲覧/編集権限の変更 /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/upload/1.html" このページにファイルをアップロード /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //atwiki.jp/ftp/" target="_blank" このウィキにファイルをアップロード（FTP機能/管理者のみ利用可） /a div class="headmenuItemSep" /div a class="headmenuItem" href="/gokuu/edit/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC flag=onlymain" メニューを編集(メニュー部分は非表示で編集) /a /div !-- -- div id="hb_viewMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/diffx/1.html" このページの最新版変更点 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/backupx/1/list.html" このページの編集履歴（バックアップ） /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/ref/1.html" このページへのリンク元 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/trackback/1.html" このページへのトラックバック /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/pages/1.pdf" このページをPDFで表示（α版） /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/list" このwikiのページ一覧 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/?cmd=backup amp;action=list" 編集履歴(バックアップ)のあるページ一覧 /a a class="headmenuItem" href="http //www39.atwiki.jp/gokuu/tag" このwikiのタグ一覧 /a a class="headmenuItem" href="/gokuu/rss10.xml" img src="http //img.atwiki.jp/_skin/h/feed.png" alt="このwikiの更新情報RSS" / このwikiの更新情報RSS /a a class="headmenuItem" href="/gokuu/rss10_new.xml" img src="http //img.atwiki.jp/_skin/h/feed.png" alt="このwikiの新着ページRSS" / このwikiの新着ページRSS /a /div !-- -- div id="hb_toolsMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="/gokuu/search" このwiki内を検索 /a a class="headmenuItem" href="#" onclick="return false;" onmouseover="headmenuItemMouseover(event, hb_toolsMenu2 );" span class="headmenuItemText" @wikiパーツ /span span class="headmenuItemArrow" #x25B6; nbsp; /span /a a class="headmenuItem" href="#" onclick="return false;" onmouseover="headmenuItemMouseover(event, hb_toolsMenu3 );" span class="headmenuItemText" @wiki便利ツール /span span class="headmenuItemArrow" #x25B6; nbsp; /span /a a class="headmenuItem" href="/gokuu/contact" このwikiの管理者に連絡 /a /div !-- -- div id="hb_helpMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="http //sns.atfb.jp/view_community2.php?no=112" @wiki助け合いコミュニティ /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //atwiki.jp/l/" wiki(ウィキ)って何？ /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www33.atwiki.jp/atwikibeginner" 初心者ガイド /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //www1.atwiki.jp/guide/" ご利用ガイド /a a class="headmenuItem" href="http //www1.atwiki.jp/guide/pages/21.html" 良くある質問 /a a class="headmenuItem" href="http //www1.atwiki.jp/guide/pages/32.html" プラグイン一覧 /a a class="headmenuItem" href="http //www1.atwiki.jp/guide/pages/20.html" 編集モードの違いについて /a a class="headmenuItem" href="http //www1.atwiki.jp/guide/pages/18.html" 不具合や障害を見つけたら /a a class="headmenuItem" href="http //www1.atwiki.jp/guide/pages/36.html" 管理・設定マニュアル /a /div !-- -- div id="hb_socialMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="#" onclick="onw( http //b.hatena.ne.jp/append?http //www39.atwiki.jp/gokuu/pages/1.html );" はてなブックマークする /a a class="headmenuItem" href="#" onclick="onw( http //bookmark.fc2.com/user/post?url=http //www39.atwiki.jp/gokuu/pages/1.html amp;title=tesssttttttttttttttttt%20-%20%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8 );" FC2ブックマークに追加 /a a class="headmenuItem" href="#" onclick="onw( http //clip.livedoor.com/clip/add?link=http //www39.atwiki.jp/gokuu/pages/1.html amp;title=tesssttttttttttttttttt%20-%20%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8 );" Livedoor クリップに追加 /a a class="headmenuItem" href="#" onclick="onw( http //bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=tesssttttttttttttttttt%20-%20%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8 amp;u=http //www39.atwiki.jp/gokuu/pages/1.html amp;opener=bm amp;ei=UTF-8 );" Yahoo!ブックマークに登録 /a a class="headmenuItem" href="#" onclick="onw( http //del.icio.us/post?url=http //www39.atwiki.jp/gokuu/pages/1.html amp;title=tesssttttttttttttttttt%20-%20%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8 );" del.icio.usに追加 /a /div !-- -- div id="hb_rssMenu" class="headmenu" onmouseover="headmenuMouseover(event)" a class="headmenuItem" href="#" onclick="onw( http //r.hatena.ne.jp/append/http //www39.atwiki.jp/gokuu/rss10.xml );" はてなRSSに追加 /a a class="headmenuItem" href="#" onclick="onw( http //reader.livedoor.com/subscribe/http //www39.atwiki.jp/gokuu/rss10.xml );" livedoor ReaderにRSSフィードを登録 /a a class="headmenuItem" href="#" onclick="onw( http //e.my.yahoo.co.jp/config/jp_promo_content?.module=jp_rss amp;.url=http //www39.atwiki.jp/gokuu/rss10.xml );" Yahoo!にRSSフィードを登録 /a a class="headmenuItem" href="#" onclick="onw( http //www.bloglines.com/sub/http //www39.atwiki.jp/gokuu/rss10.xml );" BloglinesにRSSフィードを登録 /a a class="headmenuItem" href="#" onclick="onw( http //www.newsgator.com/ngs/subscriber/subext.aspx?url=http //www39.atwiki.jp/gokuu/rss10.xml );" NewsGator OnlineにRSSフィードを登録 /a a class="headmenuItem" href="#" onclick="onw( http //fusion.google.com/add?feedurl=http //www39.atwiki.jp/gokuu/rss10.xml );" GoogleパーソナライズドホームページにRSSを追加 /a /div !-- -- !-- -- !-- Submenus. -- div id="hb_toolsMenu2" class="headmenu" a class="headmenuItem" href="/gokuu/jsparts" @wikiパーツ：あなたのサイトにWikiデータを簡単表示！ /a div class="headmenuItemSep" /div a class="headmenuItem" href="/gokuu/jsparts/recent" 最近更新したページの一覧を表示する /a a class="headmenuItem" href="/gokuu/jsparts/newcreate" 最近作成したページの一覧を表示する /a a class="headmenuItem" href="/gokuu/jsparts/search" このwiki内を検索するフォームを表示する /a a class="headmenuItem" href="/gokuu/jsparts/tagcloud" このwikiのタグクラウドを表示する /a a class="headmenuItem" href="/gokuu/jsparts/autolink" 自動リンク辞書を利用する /a /div !-- -- div id="hb_toolsMenu3" class="headmenu" a class="headmenuItem" href="http //atwiki.jp/tools/" target="_blank" @wiki便利ツール：トップページ /a div class="headmenuItemSep" /div a class="headmenuItem" href="http //atwiki.jp/tools/rssmaker.html" target="_blank" RSSかんたん作成 /a a class="headmenuItem" href="http //atwiki.jp/tools/rssnavimaker.html" target="_blank" 興味キーワードをチェック！！(RSSナビ) /a a class="headmenuItem" href="http //atwiki.jp/tools/blogrssmaker.html" target="_blank" いろんなblogのRSSかんたん作成ページ /a a class="headmenuItem" href="http //atwiki.jp/tools/a.php" target="_blank" アマゾン商品検索（簡単アフィリエイト） /a a class="headmenuItem" href="http //atwiki.jp/tools/quote.html" target="_blank" wikiに株式情報(日本)を表示 /a a class="headmenuItem" href="http //atwiki.jp/tools/quote2.html" target="_blank" wikiに株式情報(中国)を表示 /a a class="headmenuItem" href="http //atwiki.jp/tools/html.html" target="_blank" かんたんHTML直接入力 /a a class="headmenuItem" href="http //atwiki.jp/tools/qa.html" target="_blank" Q amp;Aサイトかんたん連携作成 /a a class="headmenuItem" href="http //atwiki.jp/tools/kawase.html" target="_blank" wikiに為替情報を表示 /a a class="headmenuItem" href="http //atwiki.jp/tools/hatena.html" target="_blank" はてなアンテナと簡単連携 /a /div !-- -- !-- -- !-- /Head Bar -- !-- google_ad_section_end -- div id="atwiki-jp-bg2" div id="container" div id="banner" div id="bannerLeft" div id="atwiki-jp-bg1" /div /div div id="bannerRight" h1 class="sitename" a href="/gokuu/" title="tesssttttttttttttttttt" tesssttttttttttttttttt /a /h1 h2 class="title" a href="http //www39.atwiki.jp/gokuu/pages/1.html" title="トップページ (1m)" トップページ /a /h2 /div /div div id="content" div id="leftColumn" div id="leftColumnTop" div id="menu" !--@@@@@-- div |- a href="http //www39.atwiki.jp/gokuu/pages/1.html" title="トップページ (5m)" トップページ /a br / |- a href="http //www39.atwiki.jp/gokuu/pages/8.html" title="プラグイン (15h)" プラグイン紹介 /a br / |- a href="http //www39.atwiki.jp/gokuu/pages/11.html" title="css (1m)" css /a br / |- a href="http //www39.atwiki.jp/gokuu/?page=html" html /a br / |- a href="http //www39.atwiki.jp/gokuu/?page=a" a /a br / |- a href="http //www39.atwiki.jp/gokuu/?page=b" b /a br / |- a href="http //www39.atwiki.jp/gokuu/?page=c" c /a br / |- a href="http //www39.atwiki.jp/gokuu/pages/2.html" title="メニュー (0s)" メニュー /a br / |- a href="http //www39.atwiki.jp/gokuu/?page=%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC2" メニュー2 /a br / /div hr / /div /div div id="leftColumnBottom" /div /div !-- BEGIN CONTENT AREA -- div id="rightColumn" !--- h3 class="title" a href="http //www39.atwiki.jp/gokuu/pages/1.html" title="トップページ (1m)" トップページ /a /h3 -- div class="text" div id="body" !--@@@@@-- div togasidead br / /div /div div class="ads" br / [ スポンサード リンク ] br style="display inline; " / script type="text/javascript" !-- ad_client = 72376; ad_start_count = 1; ad_end_count = 4; ad_total = 4; ad_format = "v336x66"; ad_width = 336; ad_height = 264; color_border = "FFFFFF"; color_bg = "FFFFFF"; color_link = "3D81EE"; color_url = "3D81EE"; color_text = "7F7F7F"; //-- /script script type="text/javascript" src="http //ad.pitattomatch.com/js/advertise.js" /script /div div id="body_footer" /div div id="menuarea" hr / a href="http //www39.atwiki.jp/gokuu/editx/1.html" title="このページを編集する" このページを編集する /a nbsp; nbsp; a href="http //www39.atwiki.jp/gokuu/trackback/1.html" title="トラックバック" トラックバック(0) /a nbsp; nbsp; a href="http //www39.atwiki.jp/gokuu/ref/1.html" title="リンク元" リンク元(0) /a /div div id="editmenu" !-- 編集用メニュー -- !-- google_ad_section_start(weight=ignore) -- | a href="http //www39.atwiki.jp/gokuu/new/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8" title="新しいページ" 新しいページ /a | a href="http //www39.atwiki.jp/gokuu/search" title="検索" 検索 /a | a href="http //www39.atwiki.jp/gokuu/list" title="ページ一覧" ページ一覧 /a | a href="http //www39.atwiki.jp/gokuu/rss" title="RSS" RSS /a | a href="http //atwiki.jp/guide/" title="@ウィキご利用ガイド" @ウィキご利用ガイド /a | a href="http //www39.atwiki.jp/gokuu/contact" title="管理者にお問合せ" 管理者にお問合せ /a !-- google_ad_section_end -- br / !-- google_ad_section_start(weight=ignore) -- | a href="http //www39.atwiki.jp/gokuu/mypage" title="設定" 設定 /a |ログイン済み ( gokuu ) | a href="http //www39.atwiki.jp/gokuu/logout/1.html" title="ログアウト" ログアウト /a | !-- google_ad_section_end -- !-- 編集メニューリストフォーム -- !-- google_ad_section_start(weight=ignore) -- select onchange="location.href=this.options[this.selectedIndex].value" option 以下から選択してください /option option value="" ------------------------- /option option value="http //www39.atwiki.jp/gokuu/editx/1.html" このページを編集 /option option value="http //www39.atwiki.jp/gokuu/renamex/1.html" ページ名変更 /option option value="http //www39.atwiki.jp/gokuu/diffx/1.html" 差分 /option option value="http //www39.atwiki.jp/gokuu/backupx/1/list.html" 編集履歴 /option option value="http //www39.atwiki.jp/gokuu/upload/1.html" アップロード /option option value="" ------------------------- /option option value="http //www39.atwiki.jp/gokuu/new/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8" 新しいページ /option option value="http //www39.atwiki.jp/gokuu/list" ページ一覧 /option option value="http //www39.atwiki.jp/gokuu/jsparts" @wikiパーツ /option option value="http //www39.atwiki.jp/gokuu/search" 検索 /option option value="" ------------------------- /option option value="http //www39.atwiki.jp/gokuu/mypage" 設定 /option /select !-- google_ad_section_end -- /div div class="attach" /div div class="footnote" /div /div /div !--end of rightColumn-- !-- END CONTENT AREA -- div id="clear" /div /div !-- end of content -- /div !-- end of container-- div class="footer" hr / div id="recommend" !-- google_ad_section_start(weight=ignore) -- div style="font-size 8px;" おすすめリンク | a href="http //employment.en-japan.com/" 転職ならen /a | a href="http //consultant.en-japan.com/" 転職ならエン /a | a href="http //haken.en-japan.com/" 派遣ならen /a | a href="http //honkibaito.en-japan.com/" アルバイトならen /a | a href="http //gakusei.enjapan.com/" 就職ならen /a | a href="http //www.fotofoo.com/" デジカメプリント /a | a href="http //www.fotofoo.com/oper/post_nenga/" 年賀状 /a | a href="http //www.fotofoo.com/square/square.html" ましかくプリント /a | a href="http //atpedia.jp" 辞書 /a | br / | a href="http //atchs.jp/" 2ch風無料掲示板 /a | a href="http //atword.jp/" 無料ブログ作成 /a | a href="http //sns.atfb.jp/" ソーシャルプロフィール /a | a href="http //atbbs.jp/" 無料掲示板 /a | a href="http //atbb.jp/" 高機能無料掲示板 /a | a href="http //atpages.jp/" 無料ホームページ /a | a href="http //atpne.jp/" 無料SNS /a | a href="http //php.atpedia.jp/" php /a | a href="http //atpocket.jp/" ポイント /a | /div !-- google_ad_section_end -- /div !-- google_ad_section_start(weight=ignore) -- a id="atwiki-jp-bottom" name="atwiki-jp-bottom" href="http //atwiki.jp/" title="@wiki - 無料レンタルウィキサービス" @wiki - 無料レンタルウィキサービス /a | a href="http //atwiki.jp/policy.html" title="@wikiのプライバシーポリシー" プライバシーポリシー /a !-- google_ad_section_end -- div style="font-size 9px;" Originally Designed by a href="http //www.gorotron.com" gorotron /a /div /div /div div id="extraDiv1" span /span /div div id="extraDiv2" span /span /div div id="extraDiv3" span /span /div div id="extraDiv4" span /span /div div id="extraDiv5" span /span /div div id="extraDiv6" span /span /div /body /html
https://w.atwiki.jp/extensivereading/pages/4.html
Project Gutenberg以外のものもあります。 あしながおじさん Daddy-Long-Legs by Jean Webster http //www.gutenberg.org/etext/157 audio book http //librivox.org/daddy-long-legs-by-jean-webster/ 赤毛のアン Anne of Green Gables by L. M. Montgomery http //www.gutenberg.org/etext/45 アンデルセン Andersenの童話 http //www.gutenberg.org/browse/authors/a#a2298 探しやすくまとめているサイト http //www.surlalunefairytales.com/authors/andersen.html アルプスの少女ハイジ Heidi by Johanna Spyri http //www.gutenberg.org/etext/1448 章別 http //www.yeoldelibrary.com/text/SpyriJ/heidi/index.htm オズの魔法使い The Wonderful Wizard of Oz http //www.gutenberg.org/etext/55 鏡の国のアリス Through the Looking-Glass by Lewis Carroll http //www.gutenberg.org/etext/12 イラスト入り http //xahlee.org/p/alice/alice.html グリム兄弟 Grimm s Fairy Tales by Jacob Grimm and Wilhelm Grimm http //www.gutenberg.org/etext/2591 Household Tales by Brothers Grimm by Jacob Grimm and Wilhelm Grimm http //www.gutenberg.org/etext/5314 小公女セーラ A Little Princess; being the whole story of Sara Crewe now told for the first ti http //www.gutenberg.org/etext/146 Free audiobook http //librivox.org/a-little-princess-by-frances-hodgson-burnett/ シンデレラ Pentamerone. English by Giambattista Basile http //www.gutenberg.org/etext/2198 宝島 Treasure Island by Robert Louis Stevenson http //www.gutenberg.org/etext/120 HTML版 http //www.deadmentellnotales.com/onlinetexts/treasure/island1.shtml ちびくろサンボ Little Black Sambo by Helen Bannerman http //www.gutenberg.org/etext/17824 The Story of Little Black Sambo by Helen Bannerman http //www.gutenberg.org/etext/11162 The Story of Little Black Mingo by Helen Bannerman http //www.gutenberg.org/etext/1330 トム・ソーヤーの冒険 The Adventures of Tom Sawyer by Mark Twain http //www.gutenberg.org/etext/74 チャプター別にしているサイト http //www.mtwain.com/Adventures_Of_Tom_Sawyer/index.html ドリトル先生 The Story of Doctor Dolittle, by Hugh Lofting http //www.gutenberg.org/etext/501 ピーターパン Peter Pan http //www.gutenberg.org/etext/16 ピーターラビット The Tale of Peter Rabbit by Beatrix Potter http //www.gutenberg.org/etext/14304 ピノッキオの冒険 Adventures of Pinocchio http //www.gutenberg.org/etext/500 秘密の花園 The Secret Garden by Frances Hodgson Burnett http //www.gutenberg.org/etext/113 audio book http //librivox.org/the-secret-garden-by-frances-hodgson-burnett/ 不思議の国のアリス Alice s Adventures in Wonderland http //www.gutenberg.org/etext/11 フランダースの犬 A Dog of Flanders by Ouida http //www.gutenberg.org/etext/7766 マザーグース The Tales of Mother Goose by Charles Perrault http //www.gutenberg.org/etext/17208 The Real Mother Goose http //www.gutenberg.org/etext/10607 The Only True Mother Goose Melodies by Anonymous http //www.gutenberg.org/etext/4901 Mother Goose in Prose by L. Frank Baum http //www.gutenberg.org/etext/5312 若草物語 Little Women by Louisa May Alcott http //www.gutenberg.org/etext/514 見やすくしているサイト http //www.yeoldelibrary.com/text/AlcottLM/lwomen/index.htm
https://w.atwiki.jp/0x0b/pages/89.html
ハイパーテキスト転送プロトコル RFC 2616 WebブラウザとWebサーバの間でHTMLなどのコンテンツの送受信に用いられる通信プロトコル リクエスト-レスポンス型 トランスポート・プロトコルとして通常TCPを使用 基本的な考え方は非常に単純であり「何を」「どうして」ほしいのかを相手に要求する。「何を」に当たるのがURL、「どうして」がメソッドにあたる。 World Wide WebにおけるWebページなどのリソースは、Uniform Resource Identifierによって指定される。 ポート番号80をデフォルトとして使用する（送信時は8080）。 TLSで暗号化され、セキュリティを確保したHTTPは、HTTPSと呼ばれる（httpsは実際にはURIスキームの1つであり、実際のプロトコルにはHTTP over SSL/TLSが用いられる）。 HTTP は基本的にサーバが状態を保持しない (stateless) プロトコルだが、データベースなどを使用するWebアプリケーションにおいては状態保持が必要だったため、そのためにいわゆる Cookie とよばれる機構が Netscape Communications Corporation によって導入された。Cookie を使用することによって状態を管理し、"セッション" を維持することが可能になる。 HTTPの拡張プロトコルとしてWebDAVがある。 UPnPでは、HTTPをUDP上で使用するHTTPUや、マルチキャストで使用するHTTPMUが規定された。 HTTP/0.9 URLのみの簡単なやりとり HTTP/1.0 NNTPやSMTPのような各種ヘッダが定義 HTTP_Cookieなどの利用 HTTP/1.1 複数データを転送するためのキープアライブ（keep-alive）機能やプロキシなどの利用も想定された仕様 バーチャルホストをサポートした。インターネット人気に伴い多くの企業がWebサイトを持ち始めたが、当時ではまだまだ企業が自前のWebサーバを運用するのは人員、効率の問題で難しかったためISPのサーバでホスティングをしていた。当時はまだ一社ごとに専用サーバを用意するほどのことでもないため一台のサーバで複数のWebサイトを運用していた。 しかしバーチャルホストには問題がある。例えばある1台のサーバに foo.example.com と bar.example.com という二つの仮想Webサーバがあるとする。ここではクライアントは http //foo.example.com/index.html にアクセスしたいとする。そのためにはまず foo.example.com をIPアドレスに解決するためDNSサーバに問い合わせ、そのサーバにアクセスし GET index.html を要求する。しかしサーバ側のIPアドレスは foo.example.com と bar.example.com 共におなじIPアドレスである。もし foo.example.com にも bar.example.com にも index.html というファイルが存在すればクライアントはどちらのサーバにアクセスしたのかわかるすべがない。 これを解決するにはそれぞれにIPアドレスを付与することで解決できるが、IPv4の資源を無駄にすることになる。 HTTP/1.1ではこれを解決するためにHostヘッダを追加した。 HTTP/1.0のヘッダ GET /index.html HTTP/1.0 HTTP/1.1のヘッダ GET /index.html HTTP/1.1 Host foo.example.com 動作 通信の開始 他のプロトコル同様クライアント側とサーバ側ではHTTPの役割が大きく異なる。HTTP通信を開始できるのはクライアント側のみである。 クライアント側はサーバにリクエストを送り、サーバはクライアントにレスポンスを返すのが最も典型的なHTTPのやりとりである。 接続 システム間でメッセージをやりとりするにはTCP接続を確立させる必要がある。 HTTP/0.9ではクライアントのリクエストごとにTCP接続を確立させる必要があったが、これは当時のWebサイトがシンプルなテキストベースであることが多かったためである。近年ではJavaScriptやアニメーション画像など、多数のオブジェクトが埋め込まれたWebサイトが一般的となってきているが、これら全てのオブジェクトを取得するたびにTCP接続を確立するのはサーバやネットワークに大きな負担を強いるため、HTTP/1.1では持続的接続がサポートされることとなった。ただしこの機能が利用できるのはサーバ側がその要求を許可した場合のみである。 パイプライン クライアントは前のリクエストに対するサーバの応答を待たずに別のリクエストを発行できる。 メソッド HTTPでは8つのメソッドが定義されている。ただし実際のHTTP通信ではGETとPOSTメソッドだけで殆どを占める。 HTTPメソッドの一覧 メソッド HTTP/0.9 HTTP/1.0 HTTP/1.1 GET ○ ○ ○ POST ○ ○ PUT △ ○ HEAD ○ ○ DELETE △ ○ OPTION ○ TRACE ○ CONNECT ○ GET 指定されたURIのリソースを取り出す。HTTPの最も基本的な動作で、HTTP/0.9では唯一のメソッド。 POST GETとは反対にクライアントがサーバにデータを送信するメソッドである。Webフォームや電子掲示板、Wikiなどに投稿する。GETの場合と同じくサーバはクライアントにデータを返すことができる。 PUT 指定したURIにリソースを保存する。URIが指し示すリソースが存在しない場合は、サーバはそのURIにリソースを作成する。画像のアップロードなどが代表的。 DELETE 指定したURIのリソースを削除する。 OPTION サーバを調査するメソッド。例えばサーバがサポートしているHTTPのバージョンなどを調査できる。 HEAD GETと似ているがサーバはHTTPヘッダのみ返す。クライアントはWebページを取得せずともそのWebページが存在するかどうかを知ることが出来る。例えばWebページのリンク先が生きているか検証するときなどにリンク先のデータを全て取得することなく調査することが出来る。 TRACE サーバまでのネットワーク経路をチェックできる。サーバは受け取ったメッセージのそれ自体をレスポンスのデータにコピーして応答する。WindowsのTracertやUNIXのTracerouteとよく似た動作。 CONNECT 暗号化したメッセージをプロキシで転送する際に用いる。 サーバの連携 バーチャルホスト リダイレクト 301 MovedというステータスコードとURIを受け取りクライアントはこの受け取ったURIに再度GETを送る。 クッキー(HTTP_Cookie) HTTPメッセージ クライアントからのHTTPリクエストは3つの要素から構成される。それぞれメソッド、URI、HTTPのバージョンでありスペースで区切られている。 下にもっとも単純な、クライアントとサーバ(www.google.co.jp 80)とのHTTPプロトコルのやり取りの例を挙げる。 クライアントのリクエスト GET / HTTP/1.0 GETがメソッド、URIは / 、バージョンはHTTP/1.0であることを示す。 URIは/でルートリソースを対象にしたリクエストであることを示している。TRACEなど特定のサーバを対象としないリクエストの場合には*が表示される。 サーバのレスポンス HTTP/1.0 200 OK Cache-Control private Content-Type text/html Set-Cookie PREF=ID=72c1ca72230dea65 LD=ja TM=1113132863 LM=111 3132863 S=nNO7MIp W2o7Cqeu_; expires=Sun, 17-Jan-2038 19 14 07 GMT; path=/; domain=.google.co.jp Server GWS/2.1 Date Sun, 10 Apr 2005 11 34 23 GMT Connection Close html head meta http-equiv="content-type" content="text/html; charset=Shift_JI S" title Google /title style !-- ・・・以下省略 上のリクエストのGETにあたる部分をメソッドといい、 HTTP/1.0では、GET, HEAD, PUT, POST, DELETE, LINK, UNLINK、 HTTP/1.1ではさらに、OPTIONS, TRACEがある。 GETメソッドのレスポンスにはヘッダ情報のあとに改行が挟まれ、コンテンツ本体が送られる。 HEADメソッドのレスポンスにはコンテンツサイズや更新日時などの情報を含むヘッダのみが送られる。 また、リクエストの2行目以降はヘッダを送る。 HTTPヘッダフィールド ヘッダの各要素は フィールド名 内容 のペアで構成される。 ブラウザの情報を表すUser-Agent、使用候補言語を表すAccept-Language、他ページへのリンクを辿った場合にそのリンク元ページのURLを表すRefererなどが代表的なフィールドである。 なお、リクエスト時のHostヘッダはHTTP/1.1では必須であるが、HTTP/1.0では無くても良い。 但し、サーバがバーチャルホストを利用している場合は、Hostヘッダが無いとリソース取得に失敗するので、たとえHTTP/1.0を使用していてもHostヘッダを付加しなければならない。 HTTPヘッダフィールドの一覧 リクエストヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Acceptクライアントの受け入れ可能コンテンツタイプを示す○○ Accept-Charsetクライアントの受け入れ可能文字セットを示す○○ Accept-Encodingクライアントの受け入れ可能文字エンコーディングを示す○○ Accept-Languageクライアントの受け入れ可能言語を示す○○ Authorizationクライアントの認証情報を示す○○ Cookieクライアントの状態管理情報をサーバに返す Cookie2HTTP/1.1のSet-Cookie2ヘッダの受け入れ可能をサーバに知らせる Expectクライアントがサーバに期待する動作を示す○ Fromリクエスト発行者個人の情報を示す。一般的に電子メールアドレスを使用する○○ Host要求しているオブジェクトがあるホストを示す○ If-Matchif文を用い条件が真の場合のみリクエストを処理するようサーバに要求する○ If-Modified-Since指定日及び指定時刻以降にオブジェクトが変更されている場合のみリクエストを処理するよう要求する○○ If-None-MatchIf-Matchの逆で条件が真でない場合のみリクエストを処理する要求○ If-Range条件が真の場合のみ指定したオブジェクトの範囲を返すようサーバに要求する○ If-Unmodified-SinceIf-Modified-Sinceの逆で真でないときのみ実行する○ Max-Forwardsリクエストの中間システム経由数を最大いくつまでかを指定する○ Proxy-Authorizationクライアントがプロキシサーバに対して自身の認証を行う○ Rangeオブジェクト全体でなくリソースの一部を要求する○ Refererリクエストの出所を示す。一般的にはユーザの辿ったWebページのURLが用いられる。○○ TEレスポンスの受け入れ可能転送エンコーディングを示す○ レスポンスヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Accept-Rangesオブジェクトの一部に対するリクエストをサーバが受け入れ可能か示す○ Ageオブジェクトの経過時間を秒単位で返す○ AllowオブジェクトがサポートするHTTPメソッドを示す○○ ETagオブジェクトのエンティティタグ値を示す○ Locationオブジェクトの場所を示す○○ Proxy-Authenticateプロキシサーバがクライアントに認証を要求するときに用いる○ Retry-Afterリクエストの再試行をいつ行うかをクライアントに通知する○○ Serverサーバのベンダー名、バージョン番号を占めす○○ Set-Cookie2サーバがクライアントにCookieを送信するときに用いる Varyサーバのレスポンス内容を決定する際にリクエストURI以外に使用したHTTPヘッダのリストを示す○ WWW-Authenticateクライアントに対してリクエストの再発行を要求する。認証情報も含まれる○○ 一般ヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Cache-Controlメッセージの経由する中間キャッシュの動作を指示する○ Connection中間システムが転送すべきでないヘッダのリストを示す○○ Dateメッセージの作成日時を示す○○ Pragmaメッセージに関する追加情報を示す○○ Trailerメッセージボディの後に追加のヘッダーが表れることを示す○ Transfer-Encodingクライアントの転送を目的としたオブジェクトのエンコーディングを示す○ Upgrade通信相手に別のプロトコルにアップデートするよう要求する○ User-AgentクライアントのWebブラウザなどの情報を示す○○ Warningメッセージに関する追加情報を示す。通常はキャッシュの問題を警告するときに使われる○ エンティティヘッダ ヘッダ概要HTTP/0.9HTTP/1.0HTTP/1.1 Content-Encodingオブジェクトのエンコーディングを示す○○ Content-Languageオブジェクトの言語（人間の言語）を示す○○ Content-Lengthオブジェクトのサイズをバイト単位で示す○○ Content-Locationオブジェクトの場所を示す○ Content-MD5オブジェクトのメッセージダイジェストを運ぶ○ Content-Rangeメッセージボディで運ばれるオブジェクトの範囲を示す○ Content-Typeオブジェクトのタイプを示す○○ Expiresオブジェクトの有効期限の日時を示す○○ Last-Modifiedオブジェクトが最後に変更された日時を示す○○ Accept サーバのレスポンスに含まれるメッセージボディで受け入れることが出来るコンテンツタイプと各コンテンツタイプの相対的な優先度を指定するリクエストヘッダ。指定できるコンテンツタイプはIANAによって定義されている。 Accept text/plain; q=0.5, text/html, text/x-dvi; q=0.8, text/x-c 上記のようにAcceptヘッダには行をわけて複数のコンテンツタイプを指定できる。上記の例はいずれの4のコンテンツタイプのいずれも受け入れ可能であることを示す。0.5や0.8といった数字は品質係数で0～1の範囲の数値である。数値の指定がなければ1.0となる。 text/plain; q=0.5 text/html text/x-dvi; q=0.8 text/x-c Accept-Charset レスポンスで返されるメッセージボディの文字コードを指定するリクエストヘッダ。Acceptと同じく複数指定でき品質係数も設定できる。定義済み文字セットはIANAが管理している。 Accept-Charset unicode, *; q=0.8 この例だとクライアントはUnicode文字セットを優先的に希望しているが他の文字セットとの相対優先度0.8で受け入れている。ただしサーバからのレスポンスのHTTPヘッダそのものの文字コードは常にISO-8859-1である。 Accept-Encoding Accept-Language レスポンスの言語（人間の言語）に対する優先度を指定する。言語コードはISO-639の2文字の省略コードを用いる。書き方は他のAccept-群と変わらず。 Accept-Language en-gb, en; q=0.8 上記の例はまずイギリス英語を要求し、利用できない場合はその他の英語を要求する。 Accept-Ranges Acceptで始まる他のヘッダフィールドと違いレスポンスヘッダーである。現在の仕様では2つの指定方法しかない。 Age リソースの推定経過時間を表示するレスポンスヘッダ。キャッシュサーバーはAgeヘッダの値からキャッシュしたリソースが有効かどうかを判定する。 Allow Authentication-info ユーザ認証のやりとりの最後で用いられる、成功したレスポンスのサーバが含めることの出来るレスポンスヘッダー。 Authorization サーバに対するクライアント自身の認証を行うことが出来る。 Cache-Control キャッシングの動作を指定するためのマスターヘッダ。 Connection Content-Encoding Content-Language リソースを英語などの自然言語で示すのに使われる。言語の指定はAccept-Languageヘッダと同じ。 Content-Length Content-Location Content-MD5 メッセージボディが変更されず宛先に届くことを保証する。MD5アルゴリズムを実行する。ただし悪意の改ざんに対しては当然MD5も改ざんされるのであまり機能はしない。どちらかといえば偶発的な変更の保証をしている。 Content-Range ダウンロードの再開に用いられる。 Content-Type メッセージボディに含まれるオブジェクトタイプを示す。次の例はリソースがテキストファイル、文字セットはISO-8859-4を使用していることを示している。 Content-Type text/plain; Charset=ISO-8859-4 Cookie クライアントがHTTP状態管理を望む場合にサーバから受け取ったクッキーを以後のリクエストに次の例のようなヘッダーを付加する。 Cookie $Version="1"; NAME="VALUE"; $Path="/shopping"; $domain="www.shop.com"+ $Port="80" $VersionはHTTPのバージョン、NAMEはクッキーの名前である。$から始まるクッキー名は使用が禁止されている。 Cookie2 基本的にCookieヘッダーとCookie2ヘッダーは別物である。 Date サーバがメッセージを生成した日時を示す。リソースの時間を示すLast-Modifiedヘッダーとは区別する必要がある。 HTTP/1.1では次のような形式を用いるようRFC1123で定義されている。 Date Sun, 06, Nov 1994 08 49 37 GMT HTTP仕様ではレスポンスにDateヘッダーを含めることを求めている。ただしレスポンスのステータスがサーバエラーの場合にはDateヘッダーは返らない。 ETag 主にキャッシングのパフォーマンスを向上する目的で使われる。 Expect サーバに対して特定の動作の期待を知らせる。用途としてはクライアントがサーバに対して100 Continueステータスを返すことを期待する場合に使われる。 Expect 100-continue サーバが期待に応じれない場合は417 Expectation Failedを返す。クライアントがいくつかのプロキシ経由で通信している場合、各プロキシサーバはExpectヘッダの一切の修正を許されない。 Expires オブジェクトの有効期限を示す。このヘッダで指定された日時までキャッシュはレスポンスのコピーを保持し、リクエストに対するレスポンスとして返すことが出来る。サーバがオブジェクトのキャッシュを望まない場合にはExpiresヘッダに過去の日時を設定することが多い。また、HTTP仕様では1年以上先の日時は設定できない。 Expires Thu, 28 Aug 2010 16 00 00 GMT Cache-Controlヘッダのmax-ageディレクティブはExpiresヘッダより優先されるため注意が必要である。 From リクエストを発行したユーザを特定することが出来る。1990年代では電子メールアドレスを設定することが多かったが、迷惑メールの問題もあり現在では殆ど使われていない。 From hoge@hogehoge.com Host 主にレンタルサーバのサポートを目的としてHTTP/1.1で導入された。現在ではHostヘッダを利用できない場合レンタルサーバのウェブサイトとまともな通信が出来ないと言ってよい（詳細はHTTP#歴史を参照）。 If-Match クライアントのリクエストを条件付きのリクエストにするために使われる。サーバは一定の条件が真であった場合のみリクエストを受け入れることが出来る。例えばウィキペディアを編集する際、記事のソースを取得し、書き換える際の間に別のユーザが既に編集していないかを判断するときなどに用いられる。 「if文」も参照 利用者：HogeがHTTPの記事を取得。ETagは1234 利用者：HageがHTTPの記事を取得。ETagは1234 利用者：HogeがHTTPのETagを再度取得。先ほど取得したETag 1234と現在のETag 1234が一致。 利用者：HogeがHTTPの記事を編集。ETagは1256になる。 利用者：HageがHTTPのETagを再度取得。先ほど取得したETagと現在のETagはマッチせず。 サーバは利用者：Hageの書き込みを拒否。 If-Modified-Since このヘッダーで指定された日時以降にオブジェクトが変更されている場合のみリクエストに応答するようサーバに要求する。リソースの削減に効果がある。 If-None-Match If-Matchと逆で条件が真でない場合のみリクエストを処理するよう要求する。 If-Range クライアントがキャッシュにオブジェクトの一部分を持っている場合にパフォーマンスを向上できる。 If-Unmodified-Since If-Modified-Sinceの逆の働きをする Last-Modified サーバオブジェクトの最終更新日時を示す。クライアントはこのヘッダを利用しIf-Modified-Sinceヘッダ等と組み合わせることによって効果を発揮する。 Location サーバがクライアントにリダイレクト先URLを知らせる際に用いられる。一般的にステータスコードが3xx代のレスポンスと共に使われるが201 Createdのレスポンスでも使うことが出来る。Content-Locationヘッダと名前が似ているが全く関係のない別のヘッダであるため注意。 Max-Forwards プロキシサーバ等を経由する際の最大ホップ数を指定する。二重ループなどでサーバから応答が得られない場合の問題解決の際、OPTIONメソッドやTRACEメソッドと共に用いられる。 HTTPステータスコード ステータスコードはクライアントのリクエストが成功したかどうかを示した上で追加情報を提供するいずれも3桁の数字から成る。具体的には100-199が情報提供、200-299が成功を示す。300-399はリダイレクト、400-499はエラーを示す。 セキュリティ技術 Basic認証 HTTP/1.1でBasic認証が定義されており最も単純なセキュリティ技術である。しかし仕様書を読むと定義を書いた著者自身が認証技術に疎いことがよくわかる。『HTTPプロトコル セキュア＆スケーラブルなWeb開発』の著者は「基本認証を用いるくらいならなにも使わない方がまし」と著書に書いている。通常サーバは401ステータスコードで応答する。 行末文字はWindowsと同じCRLF。 RFC 2818 - HTTP Over TLS RFC 2817 - Upgrading to TLS Within HTTP/1.1 RFC 2616 - HTTP/1.1 ハイパーテキスト転送プロトコル -- HTTP/1.1 RFC 2068 - HTTP/1.1（初版，RFC 2616 によって obsolete） TS X 0085 2004 - ハイパテキスト転送プロトコル HTTP/1.1 標準仕様書(TS) RFC 1945 - HTTP/1.0 HttpTea Freeware HTTP Logger Studying HTTP
https://w.atwiki.jp/mynote/pages/77.html
LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです latex2htmlのインストール方法（Mac） Nikos Drakosが作ってRoss Moore がプロジェクトを進めているらしいLaTeX2HTML、Perlで書かれているので多くの環境で動くはず、日本語パッチを当てればすごく便利。 http //saftsack.fs.uni-bayreuth.de/~latex2ht http //en.wikipedia.org/wiki/LaTeX2HTML http //takeno.iee.niit.ac.jp/~shige/TeX/latex2html/ltx2html.html Copyright © 1993, 1994, 1995, 1996, Nikos Drakos, Computer Based Learning Unit, University of Leeds. Copyright © 1997, 1998, 1999, Ross Moore, Mathematics Department, Macquarie University, Sydney. latex2htmlのインストール方法（Mac） 端末（ターミナル）でMacport sudo port search latex2html latex2html @2008 (print) Convert LaTeX into HTML. sudo port install latex2html これでインストール出来なければセルフビルド（ソースコードを持ってきて自分でインストールしなければならない） セルフビルド（ログは下記においておきます） http //www20.atwiki.jp/mynote/pages/78.html ./configure make sudo make install
https://w.atwiki.jp/katsuhiro/pages/26.html
HTTPメソッド GET情報取得メソッド POST PUT DELETEリソース削除メソッド HTTPリクエスト ポストデータ HTMLのPOST指定のformから送信されるデータ JSPのrequestオブジェクトから下記のメソッドで情報を取得できるgetParameter getParameterValues リクエストボディのセットされて送信される クエリ情報 URLの末尾の"?"以降に「キー＝値」のセットで付加される簡易な情報 複数のセットがある場合は" "で連結される URLに直接指定するほか、HTMLのGET指定のformから送信されるデータ formのmethod属性が省略された場合もクエリ情報として送信される JSPのrequestオブジェクトから下記のメソッドで情報を取得できるgetParameter クエリ情報に特殊文字が含まれる場合は、あらかじめエンコードしておく必要がある（form経由の場合はエンコード不要） URLに使用可能な文字数を超えて送信できない(2,083文字)FireFoxの場合は制限が無いが、動作が遅くなる場合もあるらしい データがアドレス欄に露出してしまう ヘッダ情報 「名前： 値」形式 種類一般ヘッダ（要求／応答時双方で利用） エンティティヘッダ（コンテンツに関する情報） リクエスト（要求）ヘッダ（クライアントに関する情報） レスポンス（応答）ヘッダ（その他） JSPのrequestオブジェクトから下記のメソッドで情報を取得できるgetHeaderNames ただし、情報取得専用メソッドが存在するヘッダについてはそちらを使う ■ヘッダ例 種類 ヘッダ名 概要 一般 Cache-Control キャッシュルールを規定する Connection プロキシ（中間）サーバで削除すべきHTTPヘッダを指定 Date コンテンツ生成日時 Pragma キャッシングを利用するか（下位互換用のヘッダ） Transfer-Encoding コンテンツの転送エンコーディング方式 リクエスト Accept クライアント対応コンテンツの種類（優先順） Accept-Language クライアント対応言語（優先順） Authorization 認証情報 Cookie クライアントに保存されたクッキーデータを送信 Host 要求先ホスト名 If-Modified-Since 指定日時以降にコンテンツが更新されている場合にのみ、サーバはデータを送信 Proxy-Authorization プロキシサーバ用の認証情報 Range 要求リソース範囲 Referer リンク元URI User-Agent クライアントの種類 レスポンス ETag リソースを一意に特定するためのキー情報（コンテンツが更新されていないかどうかを特定する場合などに使用） Location クライアントに新しいURIに移動するように促す Server サーバの種類 Set-Cookie クライアントにクッキーを送信 WWW-Authenticate クライアントに認証を要求 エンティティ Content-Encoding コンテンツのエンコーディング方式 Content-Length コンテンツサイズ Content-Type コンテンツの種類 Expires コンテンツの有効期限 Last-Modified コンテンツの最終更新年月日 クッキー サーバがクライアントに対して自由に読み書きできるテキスト クッキーの有効期限負数をセットした場合、ブラウザの終了時に削除される ０をセットした場合、その場で削除される １以上をセットすると、その秒数分保持される クッキーのデメリットクライアント側でクッキーを受け入れないように設定することが可能 クライアント側でクッキーの改竄や削除が可能 実データがネットワーク上を流れてしまう クッキーの制約1つのホスト、ドメイン当たりの最大個数は20個（総数では300個以内） クッキー1つあたりの最大サイズは4096バイト セッション情報 長期間にわたって情報を保持するには不向き ユーザがブラウザを開いている間だけアプリケーション内で情報を受け渡しする場合にはクッキーより手軽でセキュアな仕組み sessionJSPの暗黙オブジェクトの１つ 下記のメソッドを使って読み書きするgetAttribute setAttribute @pageディレクティブのsession属性がfalseの場合は使えない sessionが不要の場合はsession属性をfalseにしておく（サーバリソースの節約） sessionを使うと… クライアントからサーバにリクエスト送信 サーバからのレスポンスにSet-Cookieヘッダの値としてセッションIDが付加される(JSESSIONID) クライアントからサーバに2回目以降のリクエスト送信時、Cookieヘッダの値として、受け取ったJSESSIONIDを付加して送る サーバをそのセッションIDに該当するセッションを使って処理をし、レスポンスを返す セッションの破棄方法明示的な破棄(session.invalidate()) 有効期限を設定する(session.setMaxInactiveInteval()) web.xmlにセッションの有効期限を設定する session-config session-timeout セッションの寿命明示的に破棄されるか有効期限を過ぎない限り、クライアントを閉じてもサーバ上で生き続ける ieHTTPHeaders http //www.blunck.info/iehttpheaders/iehttpheaders.html ⇒IE上でHTTPによる通信内容をトレースするツール
https://w.atwiki.jp/water28/pages/79.html
HTML5基本構造 HTML5の基礎組み立て DOCTYPE 宣言（DOCTYPE スイッチ） HTML5基本構造 参考サイト：http //www.htmq.com/html5/002.shtml より明確に文書構造を示すことができる フォームの入力補助やチェック機能を属性で指定できる 動画や音声データをHTMLからシンプルに扱える APIの追加により、ウェブアプリケーションが構築しやすくなる HTML5で追加される予定の要素（タグ） HTML5で廃止される予定の要素（タグ） HTML5の基礎組み立て !DOCTYPE html html lang="ja" head title TAG Design /title !-- 文字コード -- meta http-equiv="Content-Type" content="text/html; charset=utf-8" !-- 検索キーワード -- meta name="keywords" content="keyword1,keyword2" !-- サイト説明文 -- meta name="description" content="This is test page !" !-- 作者情報 -- meta name="author" content="miyoshi" !-- 著作権情報 -- meta name="copyright" content="miyoshi" !-- css外部参照 -- link rel="stylesheet" type="text/css" href="../css/style.css" !-- google api - jquery -- script type="text/javascript" src="https //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" /script /head body div id="wrapper" header h1 TAG Design /h1 h2 ~ tag design ~ /h2 /header div id="main" ul li class="about" a href="#" About Us /a /li /ul /div footer li a href="#" 個人情報の取り扱いについて /a /li li a href="#" サイトマップ /a /li p Copyright copy; 2012 TAG Design /p /footer /div /body /html DOCTYPE 宣言（DOCTYPE スイッチ） 参考サイト：http //2xup.org/log/2007/07/27-2111 各ブラウザの DOCTYPE スイッチ対応表：http //spreadsheets.google.com/pub?key=pbrvd2wQKc03fJ5QWgYr-Cw gid=3 HTML5はDTDがいらない：http //withd.jp/web/tips/standard/3947.html?page=2 DTDwiki：http //ja.wikipedia.org/wiki/Document_Type_Definition オンの状態 standards mode (標準準拠モード) 仕様に準拠した厳格な表示モード オフの状態 quirks mode (後方 (過去) 互換モード) 仕様に準拠していない古いブラウザとの互換 css3フォーマット @import url(http //fonts.googleapis.com/css?family=Fredericka+the+Great); body, header, nav, article, aside, footer, div, ul, li, h1, h2, p { margin 0; padding 0; } body { text-align center; line-height 1.5; min-width 800px; background-color #f5f5f1; color #666666; font-family Fredericka the Great , cursive; font-size 62.5%; }