<?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>londoner25.net &#187; Web標準</title>
	<atom:link href="http://londoner25.net/tag/web-standerds/feed/" rel="self" type="application/rss+xml" />
	<link>http://londoner25.net</link>
	<description>londoner25の日記</description>
	<lastBuildDate>Sun, 22 Aug 2010 15:48:28 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://londoner25.net/tag/web-standerds/feed/" />
		<item>
		<title>Web標準を意識すれば意識するほど作れない</title>
		<link>http://londoner25.net/2009/03/08/web-standerds/</link>
		<comments>http://londoner25.net/2009/03/08/web-standerds/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 10:53:29 +0000</pubDate>
		<dc:creator>londoner25</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[MODx]]></category>
		<category><![CDATA[Web標準]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://londoner25.net/?p=66</guid>
		<description><![CDATA[最近Web制作の難しさを感じています。
Web標準、SEO…色々意識しないといけないことが多いです。
結局いいサイトというのは事前にどれだけしっかり設計できたかによります。]]></description>
			<content:encoded><![CDATA[<p>現在、このVicunaをベースにしたWordPressテーマとMODx用のテンプレートを制作中です。<br />
自分はマークアップエンジニア（もっとしっくりくる呼び方はないかな…）なので、デザイン力はないのですが、XHTMLとCSSを作る事に関してはこだわりをもってやりたいと思っています。</p>
<p><span id="more-66"></span></p>
<p>今まで前ページのサイトタイトルをh1でマークアップしていましたが、これからはトップページ以外はそのページのタイトルをh1でマークアップする方法でやろうと決めて作っていました。<br />
それだけだと大して問題にならないのですが、サイドバーのマークアップという問題が出てきました。<br />
今まではul liでマークアップしていました。そして、メニューの項目名をh2でマークアップしていたんです。現状、サイドバーは全て同じ内容にしようと考えています。<br />
そうなると、サイドバーのメニューの項目名もh1でマークアップしないといけなくなります。確かに、h1を1ページに何度も使ったとしても間違いではないけど、しっくりこない。</p>
<p>現在使っているVicunaというテーマではサイドバーはdl（定義リスト）でマークアップされています。<br />
自分が勉強不足かもしれませんがこの定義リストの扱い方もしっくりこないのです。<br />
定義リストは語句の説明をするためのタグです。自分も使ったことがありますが、更新情報のマークアップに使われたりもします。しかし、これってどうなの？という思いが最近芽生え始めました。<br />
例えばこのブログの更新情報を作るとしたら、「2009年3月8日」を用語と定義して、「Web標準を意識すれば意識するほど作れない」を説明文とするわけです。拡大解釈的に受け取ったら間違いではないかもしれませんが、日付の説明が記事名というのはやはりしっくりきません。<br />
同様にメニューの項目名を定義して、メニューの内容を説明するというのはおかしい気がします。<br />
最終的に至った結論はulでマークアップし、項目名はemで軽く強調するか、spanでマイクロフォーマット的にマークアップするかどちらかです。（最近自分の中でspanブーム）</p>
<p>あまり神経質になりすぎてもダメだし、SEOとかの絡みもあるし何がベストなマークアップかだんだんわからなくなってきました。<br />
今、思うことはWebサイトを作る場合、設計をしっかり行い、作ったデザインを元に作るのが一番困らない作り方ということです。<br />
自分はデザインができないので画像ソフトを使ってデザインを起こさず、そのままHTMLとCSSをいじって作ることが多いです。これはやはり効率が悪いなと感じるのですが、なかなか画像ソフトを使う気が起こらない。もっと勉強しないといけませんが。<br />
あと、会社でもディレクターという人はいますが、ディレクションを一切しないので自分一人でWebサイトの設計から制作までしないといけません。今まで、ディレクターがやってくれると思っていたけど、めんどくさいという理由で一切やる気がないというのがわかったのでもう諦めました。ただ、それからずーっとコーディング案件がないのですが…</p>
<p>自分のせっかちな性格も災いしているかも。Webサイトを早くリリースしたいという思いが強いので面倒な設計やデザインという作業をすっ飛ばします。急がば回れ その面倒な工程を経ることで逆に作業ははかどるのにね…</p>

	<h2>関連する投稿</h2>
	<ul class="st-related-posts">
	<li><a href="http://londoner25.net/2009/08/14/upgrade/" title="アップグレード (2009 年 8 月 14 日)">アップグレード</a> (2)</li>
	<li><a href="http://londoner25.net/2009/03/05/bookmarklet/" title="消えた投稿ブックマークレット (2009 年 3 月 5 日)">消えた投稿ブックマークレット</a> (0)</li>
	<li><a href="http://londoner25.net/2009/03/30/plugin-auto-update/" title="プラグインの自動アップデート (2009 年 3 月 30 日)">プラグインの自動アップデート</a> (0)</li>
	<li><a href="http://londoner25.net/2009/02/22/wp_costomise/" title="ブログをはじめるに当たってしたこと (2009 年 2 月 22 日)">ブログをはじめるに当たってしたこと</a> (0)</li>
	<li><a href="http://londoner25.net/2009/05/03/hi-performance-2/" title="パフォーマンス改善 (2009 年 5 月 3 日)">パフォーマンス改善</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://londoner25.net/2009/03/08/web-standerds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://londoner25.net/2009/03/08/web-standerds/" />
	</item>
	</channel>
</rss>
