posh-ja - Revision history

KitaitiMakoto: sync: english: 2010-04-27T02:25:53

2010-04-29T07:57:48Z

sync: english: 2010-04-27T02:25:53

← Older revision		Revision as of 07:57, 29 April 2010
Line 1:		Line 1:
	<!-- english: 05:~~14, 29 Jun 2007~~ -->		<!-- english: 2010-04-27T02:25:53 -->
			<div style="float:right;margin-left:1em">__TOC__</div>
	<h1>Plain Old Semantic HTML (POSH)</h1>		<h1>Plain Old Semantic HTML (POSH)</h1>

	<abbr title="Plain Old Semantic HTML">POSH</abbr>のホームページ（日本語版）へようこそ。（[[posh\|英語版]]）		<abbr title="Plain Old Semantic HTML">POSH</abbr>のホームページ（日本語版）へようこそ。（[[posh\|英語版]]）

	~~__TOC__~~

	== 起源 ==		== 起源 ==
Line 111:		Line 110:
	* [http://www.w3schools.com/ W3Schools Online Web Tutorials]		* [http://www.w3schools.com/ W3Schools Online Web Tutorials]
	* [http://dev.opera.com/ Dev.Opera]		* [http://dev.opera.com/ Dev.Opera]
			* [http://phpforms.net/tutorial/tutorial.html/ php tutorials] - online web tutorials for beginners.

	=== POSH Bling for your Blog ===		=== POSH Bling for your Blog ===

IwaiMasaharu: /* POSHとは？ */ リンク先を日本語ページに。

2007-07-25T09:17:21Z

POSHとは？: リンク先を日本語ページに。

← Older revision		Revision as of 09:17, 25 July 2007
Line 13:		Line 13:

	== POSHとは？ ==		== POSHとは？ ==
	POSHとは、Webページを作成する際に[[semantic-html-ja\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[presentational\|表現的]]''ではなく''[[semantic\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。		POSHとは、Webページを作成する際に[[semantic-html-ja\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[presentational-ja\|表現的]]''ではなく''[[semantic-ja\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。

	== POSHプロセス ==		== POSHプロセス ==

IwaiMasaharu: /* 理由 */ 日本語表現の更新

2007-07-25T09:15:17Z

理由: 日本語表現の更新

← Older revision		Revision as of 09:15, 25 July 2007
Line 10:		Line 10:

	== 理由 ==		== 理由 ==
	[[semantic-html-ja\|意味的（セマンティック）なHTML]]という用語はやや仰々しく、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、いずれもうまく伝えられていません。私たちは、そのコンセプトの本質をうまく表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。		[[semantic-html-ja\|意味的（セマンティック）なHTML]]という用語はやや仰々しいため、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、うまく伝えられていません。私たちは、そのコンセプトの本質を的確に表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。

	== POSHとは？ ==		== POSHとは？ ==

IwaiMasaharu: /* 起源 */ plain-old-semantic-htmlのリンク先を日本語ページに。

2007-07-25T08:35:02Z

起源: plain-old-semantic-htmlのリンク先を日本語ページに。

← Older revision		Revision as of 08:35, 25 July 2007
Line 7:		Line 7:

	== 起源 ==		== 起源 ==
	'''POSH'''という用語は、[http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 2007年4月6日にmicroformatsのIRCチャネルにおいて]、<kwijibo>によって考案されました。POSHとは、[[plain-old-semantic-html]]の頭文字を取った略語です。John Allsopp、Tantek Çelik、Jeremy Keith、Chris Messinaらが[[events/2007-04-18-web-2-expo-dinner\|2007年4月18日のWeb 2.0 Expo後に行われたMicroformats Dinner]]で交わした議論を通して、microformatsのよりどころでありそれが正しいサブセットともなっているPOSHの発想と、そのより幅広い目標を広めることの重要性があらためて注目されました。詳しくは[[posh#History\|POSHの歴史]]を参照してください。		'''POSH'''という用語は、[http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 2007年4月6日にmicroformatsのIRCチャネルにおいて]、<kwijibo>によって考案されました。POSHとは、[[plain-old-semantic-html-ja\|plain-old-semantic-html]]の頭文字を取った略語です。John Allsopp、Tantek Çelik、Jeremy Keith、Chris Messinaらが[[events/2007-04-18-web-2-expo-dinner\|2007年4月18日のWeb 2.0 Expo後に行われたMicroformats Dinner]]で交わした議論を通して、microformatsのよりどころでありそれが正しいサブセットともなっているPOSHの発想と、そのより幅広い目標を広めることの重要性があらためて注目されました。詳しくは[[posh#History\|POSHの歴史]]を参照してください。

	== 理由 ==		== 理由 ==

IwaiMasaharu: semantic-htmlのリンク先を日本語訳へ

2007-07-21T19:21:33Z

semantic-htmlのリンク先を日本語訳へ

← Older revision		Revision as of 19:21, 21 July 2007
Line 10:		Line 10:

	== 理由 ==		== 理由 ==
	[[semantic-html\|意味的（セマンティック）なHTML]]という用語はやや仰々しく、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、いずれもうまく伝えられていません。私たちは、そのコンセプトの本質をうまく表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。		[[semantic-html-ja\|意味的（セマンティック）なHTML]]という用語はやや仰々しく、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、いずれもうまく伝えられていません。私たちは、そのコンセプトの本質をうまく表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。

	== POSHとは？ ==		== POSHとは？ ==
	POSHとは、Webページを作成する際に[[semantic-html\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[presentational\|表現的]]''ではなく''[[semantic\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。		POSHとは、Webページを作成する際に[[semantic-html-ja\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[presentational\|表現的]]''ではなく''[[semantic\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。

	== POSHプロセス ==		== POSHプロセス ==
	あなたがPOSHであるために、そしてあなたのウェブサイトをPOSHなものにするためには、何ができるでしょうか？		あなたがPOSHであるために、そしてあなたのウェブサイトをPOSHなものにするためには、何ができるでしょうか？

	# POSHなコンテンツを公開する。[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]に目を通し、あなたのウェブサイトでvalidな[[semantic-html\|~~semantic~~ (X)HTML]]を公開し、それに伴って[[semantic-class-names]]を使用するように心がけましょう。		# POSHなコンテンツを公開する。[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]に目を通し、あなたのウェブサイトでvalidな[[semantic-html-ja\|意味的な(X)HTML]]を公開し、それに伴って[[semantic-class-names]]を使用するように心がけましょう。
	# POSHを広める。このページへのリンクを貼って、他の人たちもPOSHになるように、そしてウェブサイトをPOSH対応させる（POSHify）ように勧めてみましょう。		# POSHを広める。このページへのリンクを貼って、他の人たちもPOSHになるように、そしてウェブサイトをPOSH対応させる（POSHify）ように勧めてみましょう。
	# POSHを改善する。より多くの人が手軽にウェブサイトをPOSH対応させられるように、POSHリソースの収集をお手伝いください。		# POSHを改善する。より多くの人が手軽にウェブサイトをPOSH対応させられるように、POSHリソースの収集をお手伝いください。

IwaiMasaharu: sync: english: 05:14, 29 Jun 2007

2007-07-21T19:15:31Z

sync: english: 05:14, 29 Jun 2007

← Older revision		Revision as of 19:15, 21 July 2007
Line 1:		Line 1:
			<!-- english: 05:14, 29 Jun 2007 -->
	<h1>Plain Old Semantic HTML (POSH)</h1>		<h1>Plain Old Semantic HTML (POSH)</h1>

Line 24:		Line 25:
	* POSHの最初のルールとして、まずあなたのPOSHを必ず[http://validator.w3.org 検証]しましょう。		* POSHの最初のルールとして、まずあなたのPOSHを必ず[http://validator.w3.org 検証]しましょう。
	* 次に、単なる表現上の目的で使われているTABLEや、スペーサーGIF画像、いわゆる[[presentational-html\|表現的なHTML]]を取り除きましょう。		* 次に、単なる表現上の目的で使われているTABLEや、スペーサーGIF画像、いわゆる[[presentational-html\|表現的なHTML]]を取り除きましょう。
	* さらに、（BタグやBRタグの濫用を典型とする）[http://tantek.com/log/2002/10.html#L20021022t1432 ~~その場しのぎ（Bed~~ and ~~BReakfast）~~]のマークアップを修正しましょう。		* さらに、（BタグやBRタグの濫用を典型とする）[http://tantek.com/log/2002/10.html#L20021022t1432 その場しのぎ（'''B'''ed and '''BR'''eakfast）]のマークアップを修正しましょう。
	* [http://tantek.com/log/2002/11.html#L20021128t1352 空っぽアンカー（Anorexic Anchors）]を取り除きましょう。		* [http://tantek.com/log/2002/11.html#L20021128t1352 空っぽアンカー（Anorexic Anchors）]を取り除きましょう。
	* よい[[semantic-class-names\|意味的なクラス名]]を使いましょう。		* よい[[semantic-class-names\|意味的なクラス名]]を使いましょう。
Line 38:		Line 39:
	=== POSH関連ブックマーク ===		=== POSH関連ブックマーク ===
	* Ma.gnoliaの[http://ma.gnolia.com/groups/posh POSHグループ]をチェックしてみてください。		* Ma.gnoliaの[http://ma.gnolia.com/groups/posh POSHグループ]をチェックしてみてください。
			* See pages tagged both [http://del.icio.us/tag/posh+microformats POSH and microformats] on del.icio.us.

	=== POSH関連プレゼンテーション ===		=== POSH関連プレゼンテーション ===
Line 74:		Line 76:
	Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. This list is ''incomplete''. We know there are lots more blog posts out there that fit the aforementioned description - please add them! If/when this section gets too big, we can move it to [[posh-blog-posts]].		Blog posts that provide specific, modern, guidance, techniques and tips for using more and better semantic HTML. This list is ''incomplete''. We know there are lots more blog posts out there that fit the aforementioned description - please add them! If/when this section gets too big, we can move it to [[posh-blog-posts]].

			* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html The Sandbox theme for WordPress readme.html] discusses what POSH is and how the theme helps users use it.
	* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.		* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - avoiding nonsemantic uses of <nowiki><b>old and <br>eak</nowiki> tags and using <nowiki><h3>adings and <p>aragraphs</nowiki> instead.
	* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.		* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - use the "id" attribute on existing elements instead of adding empty <code><nowiki><a name="foo"></a></nowiki></code> elements. Use [[rel-bookmark]] for post permalinks within the document.
Line 96:		Line 99:
	* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15		* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] by Nate Koechley, 2006-12-15
	* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22		* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22
			* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site by Richard Leland (2006-07-31)
	* ...		* ...

IwaiMasaharu: /* POSHとは？ */ リンク先の間違いを修正

2007-07-21T18:44:18Z

POSHとは？: リンク先の間違いを修正

← Older revision		Revision as of 18:44, 21 July 2007
Line 12:		Line 12:

	== POSHとは？ ==		== POSHとは？ ==
	POSHとは、Webページを作成する際に[[semantic-html\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[~~semantic~~\|表現的]]''ではなく''[[~~presentational~~\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。		POSHとは、Webページを作成する際に[[semantic-html\|意味的なHTML]]を用いることのベストプラクティスを簡潔にあらわしたものです。意味的なHTMLとは、HTML 4.01（またはXHTML 1.0）にある要素と属性のなかで、''[[presentational\|表現的]]''ではなく''[[semantic\|意味的]]''なものから成るサブセットのこと。POSHを習い理解する最も良い方法は、実践することです。あなたのWebサイトからいちページを選び、[[posh-ja#POSH.E3.83.81.E3.82.A7.E3.83.83.E3.82.AF.E3.83.AA.E3.82.B9.E3.83.88\|POSHチェックリスト]]を適用してください。[[posh-ja#POSH.E3.83.97.E3.83.AD.E3.82.BB.E3.82.B9\|POSHプロセス]]に則り、そのまま続けてください。POSHについてより詳しく学ぶには、[[posh-ja#POSH.E3.83.AA.E3.82.BD.E3.83.BC.E3.82.B9\|POSHリソース]]をお読みください。

	== POSHプロセス ==		== POSHプロセス ==

Noriyo: /* POSH関連ブックマーク */

2007-05-31T07:05:28Z

POSH関連ブックマーク

← Older revision		Revision as of 07:05, 31 May 2007
Line 37:		Line 37:

	=== POSH関連ブックマーク ===		=== POSH関連ブックマーク ===
	* ~~Check out the~~ Ma.~~gnolia~~ [http://ma.gnolia.com/groups/posh ~~POSH Group~~]		* Ma.gnoliaの[http://ma.gnolia.com/groups/posh POSHグループ]をチェックしてみてください。

	=== POSH関連プレゼンテーション ===		=== POSH関連プレゼンテーション ===

Noriyo: /* POSHチェックリスト */

2007-05-31T07:01:53Z

POSHチェックリスト

← Older revision		Revision as of 07:01, 31 May 2007
Line 22:		Line 22:

	== POSHチェックリスト ==		== POSHチェックリスト ==
	* ~~The first rule of POSH is that you must~~ [http://validator.w3.org ~~validate~~] ~~your POSH.~~		* POSHの最初のルールとして、まずあなたのPOSHを必ず[http://validator.w3.org 検証]しましょう。
	* ~~Second, drop the use of TABLEs for purely presentational purposes, spacer GIFs, and~~ [[presentational-html]] ~~in general.~~		* 次に、単なる表現上の目的で使われているTABLEや、スペーサーGIF画像、いわゆる[[presentational-html\|表現的なHTML]]を取り除きましょう。
	* ~~Next, fix your~~ [http://tantek.com/log/2002/10.html#L20021022t1432 ~~Bed~~ and ~~Breakfast~~] ~~markup.~~		* さらに、（BタグやBRタグの濫用を典型とする）[http://tantek.com/log/2002/10.html#L20021022t1432 その場しのぎ（Bed and BReakfast）]のマークアップを修正しましょう。
	* ~~Eliminate~~ [http://tantek.com/log/2002/11.html#L20021128t1352 ~~Anorexic Anchors~~].		* [http://tantek.com/log/2002/11.html#L20021128t1352 空っぽアンカー（Anorexic Anchors）]を取り除きましょう。
	* ~~Use good~~ [[semantic-class-names]].		* よい[[semantic-class-names\|意味的なクラス名]]を使いましょう。
	* ...		* ...

Noriyo: /* 理由 */

2007-05-29T09:01:18Z

理由

← Older revision		Revision as of 09:01, 29 May 2007
Line 9:		Line 9:

	== 理由 ==		== 理由 ==
	[[semantic-html\|~~意味的（セマンティック）HTML~~]]という用語はやや仰々しく、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、いずれもうまく伝えられていません。私たちは、そのコンセプトの本質をうまく表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。		[[semantic-html\|意味的（セマンティック）なHTML]]という用語はやや仰々しく、それがどれほどシンプルなものであり昨今のウェブデザイナーたちの間でいかに確固たる支持を受けているかということも、意味的なマークアップを用いてウェブを真っ当に作ることだけにとどまらない大きなメリットをもたらすということも、いずれもうまく伝えられていません。私たちは、そのコンセプトの本質をうまく表現でき、簡単に動詞にも応用できるような（たとえば「to posh」「poshify」「poshed up」などという使い方ができるような）、覚えやすい用語を必要としていたのです。

	== POSHとは？ ==		== POSHとは？ ==