<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>北九州のホームページ制作チーム クレアトゥールのブログ &#187; HTML</title>
	<atom:link href="http://blog.web-kitakyushu.com/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.web-kitakyushu.com</link>
	<description>福岡、北九州のホームページ制作を中心に活動を展開するホームページ制作チームのブログです。</description>
	<lastBuildDate>Wed, 08 Feb 2012 04:49:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.web-kitakyushu.com/tag/html/feed" />
		<item>
		<title>紫川 ～HTMLとボクと、時々、CSS～</title>
		<link>http://blog.web-kitakyushu.com/tomoaki-horita/203</link>
		<comments>http://blog.web-kitakyushu.com/tomoaki-horita/203#comments</comments>
		<pubDate>Wed, 04 Jun 2008 14:15:23 +0000</pubDate>
		<dc:creator>Tomoaki Horita</dc:creator>
				<category><![CDATA[堀田智昭]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[ウェブサイト制作]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<category><![CDATA[北九州]]></category>
		<category><![CDATA[紫川]]></category>

		<guid isPermaLink="false">http://blog.web-kitakyushu.com/?p=203</guid>
		<description><![CDATA[ファミリーコンピュータのスイッチを入れた瞬間、ボクはデジタルが創造する世界で働くことを約束された。…… ―１８歳の大学生。片道１時間と４５分、北九州モノレールとＪＲ鹿児島本線快速、各駅停車の電車を乗り継いで辿り着いた教室 [...]]]></description>
			<content:encoded><![CDATA[<p>ファミリーコンピュータのスイッチを入れた瞬間、ボクはデジタルが創造する世界で働くことを約束された。……</p>
<p>―１８歳の大学生。片道１時間と４５分、北九州モノレールとＪＲ鹿児島本線快速、各駅停車の電車を乗り継いで辿り着いた教室には「ウィンドウズ９８」を載せたコンピュータがずらりと並んでいた。</p>
<p>マウスとモニターを扱うには、それほど時間はかからなかった。コントローラーとテレビが、マウスとモニターに化けただけの話なのだから。</p>
<p>自宅に帰ると早速、計画通りに１階から２階へ、２０メートルのモジュラーケーブルを這わせる。Livedoorは基本使用料金など無視して、通話料金だけでインターネットに繋がった。とにかく、ファクスの通信音が鳴り響いた直後に描画されるウェブサイトに一々感動していたのである。いつも新しい情報が流れていた。</p>
<p>ファミリーコンピュータには無かった機能である。</p>
<p>ボクは次に、大学の友人が開設していた愛車についてのウェブサイトを見て、驚いた。友人はそのウェブサイト上で、掲示板と呼ばれる機能を使い情報交換をしていたのだ！　ネット上だけの同士もいる！</p>
<p>ファミリーコンピュータには無かった機能である。</p>
<p>そしてボクは友人に、ウェブサイトの裏側を見せてもらったのである。それはHTMLと呼ばれているもので、何だかの記号が階段のように、美しく積み重ねられていた。とにかく、綺麗な書式だった。</p>
<p>それからは、やるべき事は決まっていたのである。HTML、HEAD、BODY……。本を片手にタグを記述。DOCTYPEにCHARSET……。掲示板で発表する―「これがボクのホームページ！」……。</p>
<p>―ファミリーコンピュータには、出来なかった事。</p>
<p>Googleの隆盛とともにウェブサイトのインデックス化が急速に進行し、SEOという謎の技術がもてはやされた。WEB標準に、XHTML。忍者TOOLSを使って、アクセス解析。検索結果の上位表示。頻繁に更新すれば、クロール率は高まる。ブログは自然に「引っかかる」。</p>
<p>当時、上位表示は簡単だった。個人サイトを運営しつつ、新設したのはホームページ「XHTMLの書き方」。</p>
<p>卒業研究などは相方にまかせて、とにかく書いていたのである。CSSに、META DESCRIPTION……。</p>
<p>―午前８時半。紫川を渡りつつ、頭の中でソース構築。ぼうっとしてたら、リバーウォーク北九州までコーディング出来そうだ。</p>
<p>ありがたき事実、そして、まさかの事実なのである。初めてソースを記述してから１１年が経過した今も、HTMLを書いているのである。META KEYWORDSに、A HREF……。</p>
<p>そして明日も書くことだろう。UL要素にH2……。</p>
<p class="lastphrase">
夢と未来を重ねるように。
</p>
<p>おまけ</p>
<div class="photo">
<a href='http://blog.web-kitakyushu.com/tomoaki-horita/%e7%b4%ab%e5%b7%9d-%ef%bd%9ehtml%e3%81%a8%e3%83%9c%e3%82%af%e3%81%a8%e3%80%81%e6%99%82%e3%80%85%e3%80%81css%ef%bd%9e.html/attachment/fanta/' rel="attachment wp-att-204" title="ファンタ ふるふるシェイカー オレンジの中身"><img src="http://blog.web-kitakyushu.com/wp-content/uploads/2008/06/fanta.jpg" alt="ファンタ ふるふるシェイカー オレンジ" title="ファンタ ふるふるシェイカー オレンジの中身" width="300" height="201" class="alignnone size-full wp-image-204" /></a>
<p class="photo-description">■ファンタ ふるふるシェイカー オレンジ</p>
</div>
<div class="photo">
<a href='http://blog.web-kitakyushu.com/tomoaki-horita/%e7%b4%ab%e5%b7%9d-%ef%bd%9ehtml%e3%81%a8%e3%83%9c%e3%82%af%e3%81%a8%e3%80%81%e6%99%82%e3%80%85%e3%80%81css%ef%bd%9e.html/attachment/nagoya-kohchin/' rel="attachment wp-att-205" title="名古屋コーチンの雛"><img src="http://blog.web-kitakyushu.com/wp-content/uploads/2008/06/nagoya-kohchin.jpg" alt="名古屋コーチンの雛" title="名古屋コーチンの雛" width="160" height="240" class="alignnone size-full wp-image-205" /></a>
<p class="photo-description">■名古屋コーチンの雛</p>
</div>
<p class="annotation">
【注釈】<br />
※大学時代「Me」というバージョンの謎のOSを買ってしまったのは私です。すぐに反省して「2000」にしたのは言うまでもありません。<br />
※大学時代にソースばかり書いていた訳ではありません。<br />
※ファミリーコンピュータは偉大です！</p>
<img src="http://blog.web-kitakyushu.com/?ak_action=api_record_view&id=203&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.web-kitakyushu.com/tomoaki-horita/203/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.web-kitakyushu.com/tomoaki-horita/203" />
	</item>
	</channel>
</rss>

