情報サイト WIZ

ズクダスブログ案

2005-08-08T11:51:30+09:00

ズクダスブログ案

ダメダスブログ

会社でコンピュータ・システムを使っている人、必読のブログ

これからシステムを注文しようとしている人、必読のブログ

ちょっと待て、ハンコを押す前に、これだけは読んでおけ！

システム開発の裏側、開発者はこんなことを考えている

システムエンジニアとしての経験と実感をもとに、

日常生活の事例と対比して

システム開発の問題点、改善点、課題を浮き彫りにするブログ

１．車とシステム　←　誰にでも使えるシステムは存在するか？

２．家とシステム　←　出来上がってからでは遅過ぎます

３．医者とシステム　←　どこかおかしいんですが・・・・

４．寿司とシステム　←　時価の恐怖、時は金なり

５．役所とシステム　←　分業と責任の間

６．アスリートとシステム　←　記録が命です

７．家電とシステム　←　使う人と作る人

８．ＯＳとシステム　←　砂上の楼閣

９．プログラマとシステム　←　それは仕様です

参考サイト

■どのブログを使うか迷ったら

無料ブログ比較なら　まあ待て、ブログを借りる前にここを読め　http://ebn.livedoor.biz/

■ブログに何を書こうか迷ったら

人気ビジネスブログの作り方　http://www.blogtowa.jp/

アクセシビリティJIS規格抜粋

2005-06-10T11:38:50+09:00

資料　JIS　X8341－3抜粋

JISX8341-3

規格番号 JISX8341-3
規格名称　「高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ」

以下、開発及び制作に関する個別要件

■規格及び仕様: 5.1 a（文法）ウェブコンテンツは、関連する技術の規格及び仕様に則り、かつそれらの文法の従って作成しなければならない。
■構造及び表示スタイル: 5.2 a（構造化）ウェブコンテンツは、見出し、段落、リストなどの要素を用いて文書の構造を規定しなければならない。; 5.2 b（スタイル）ウェッブコンテンツの表示スタイルは、文書の構造と分離して、書体、サイズ、色、行間、背景色などをスタイルシートを用いて記述することが望ましい。ただし、利用者がスタイルシートを使用できない場合、又は意図的に使用しないときにおいても、ウェブコンテンツの閲覧および理解に支障が生じてはならない。; 5.2 c（表）表は、分かりやすい表題を明示し、できる限り単純な構造にして、適切なマーク付けによってその構造を明示しなければならない。; 5.2 d（表とレイアウト）表組みの要素をレイアウトのために使わないことが望ましい。（音声ブラウザなどでは意図しない順序で読み上げる可能性がある）; 5.2 e（ページタイトル）ページのタイトルには、利用者がページの内容を識別できる名称を付けなければならない。; 5.2 f（フレーム）フレームは必要以上に用いないことが望ましい。使用するときは、各フレームの役割が明確になるように配慮しなければならない。; 5.2.g（パンくずリスト）閲覧しているページがウェッブサイトの構造のどこに位置しているか把握できるように、階層などの構造を示した情報を提供することが望ましい。
■操作及び入力: 5.3 a（キーボード）ウェブコンテンツは、特定の単一のデバイスによる操作に依存せず、少なくともキーボードによってすべての操

お役立ちリンク集

2005-08-23T12:04:47+09:00

Webお役立ちリンク

Webサイトの構築やSEO対策に役立つリンク集をつくりました

ズクダス座談会で話しに出たサイトをまとめてあります。佐藤の能書きはいいから、役に立つツールを見たいという方はこちらをご利用ください。

■キーワードを選択する

キーワードを指定すると、前月の検索エンジンでの検索数が表示されます。どのキーワードがよく検索されているかが分かります。

ちなみに　長野　VS　信州　では、長野=38173　信州=12058　で長野の勝ちでした。（2005年4月の検索結果）

　→　http://inventory.overture.com/d/searchinventory/suggestion/?mkt=jp

■キーワードを絞り込む、関連キーワードを探す

こちらは件数は出ません
関連キーワードの選定や、絞込みに有効です。 例　飴　に関連するキーワードは？ テキストエリアにキーワードを入力して、 「一致するキーワードをその類語を表示」ボタンをクリックすると より限定的なキーワード　と　類似キーワードが表示されます。 →　https://adwords.google.co.jp/select/KeywordSandbox

■ポジションを確認する

キーワードとURLを指定すると、各検索エンジンでの指定したサイトの順位が表示されます

　→　http://www.seoseo.net

■HTML文法チェッカ

WebページのHTML

WEB原理主義の掟

2005-06-08T16:10:39+09:00

BODY部の書き方

2005-06-08T16:06:21+09:00

HTMLの書き方 BODY

構造から書いて行け！

HTMLの構造

HTMLの規約によれば、BODY部は段落の集まりです。HTMLの文はいずれかの段落の中に入っていなければなりません。
普通は、段落の集まりを章とし、章ごとに見出しをつけます。
つまり、BODY部の構造は　ページ　＞　章　＞　段落　＞　文　となります。

構造は内容に優先する

WEB原理主義の第一教義は「構造はHTMLで！」となっています。
構造とは文書の構造＝コンテクストのことです。個々の文も大事ではありますが、WEBのようにさまざまな種類の文書が混在する世界では、内容以上にその文書がどのような構造で組み立てられているのかが重要です。ページを理解するには、文を最初から読んでいくのではなく、ページ全体の構成を把握することが肝心です。HTMLとはWEB上の文書の構造を記述する言語なのです。
始めに文から書き始め、後でその文がどの章の、どの段落に所属しているかを考える　などという書き方はHTMLの書法ではありません。まず文書の構造を考え、章の構成を考え、章見出しをつけ、段落の概要を決め、最後に文を書き出します。

構造を書く

標準的なBODY部のソース

WEB原理主義にもとづいて書かれたBODY部のサンプルです。

<body>
<h1>ページタイトル</h1>
<h2>第１章　　見出し</h2>
<h3>第１段落　見出し</h3>
<p>
第１段落
</p>
<h3>第２段落　見出し</h3>
<p>
第２段落
</p>
<h2>第２章　　見出し</h2>
<h3>第１段落　見出し</h3>
<p>
第１段落
</p>

HEAD部の書き方

2005-06-08T16:04:52+09:00

HTMLの書き方 HEAD

ドキュメントタイプを明記する

なぜドキュメントタイプが必要なのか？

HTMLは、「タグ」と呼ばれる記号を付けて文章の構成を決めた言語である　SGMLの一つであり、HTML自身もバージョンによりさまざまな「タグ」が存在している。WEBページを正確に表示するためには使用するドキュメントタイプを明記して、これから使う「タグ」の種類を宣言する必要がある。

書き方

ドキュメントタイプの指定方法　３種類

HTML4.01に完全に従っている場合
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML4.01に厳格に従った場合、現時点では対応できないブラウザがある。互換性を考慮すると、将来無効になるとされたタグもやむを得ず使用しなければならない。

互換性を考慮し、一部推奨されていないタグを使った場合
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

フレームを使用している場合
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Update! 2001/12/4
XHTML1.0を先取りして、DOCTYPEの後ろのHTMLを小文字のhtmlに変更した

HTML: Hyper Text

スタイルシートの利用

2005-06-10T13:31:49+09:00

スタイルシートの利用

構造と表現の分離

HTML4の考え方

HTML4(HTML4.0およびHTML4.01)では、構造＝コンテクストの記述　と表現＝ビジュアルデザインの記述　を分離することが推奨されています。
HTMLはコンテクスト、つまりコンテンツの構造を記述するものだとする原理主義の教義にのっとったものです。

fontタグが使えない！

この考え方によれば下のようなHTMLは誤り(言い過ぎ？推奨されない)となります。

<fontsize=5 color=red>fontタグが使えないなんて！</font>

将来的に無効になるタグの例

font	テキストのフォント、サイズ、色等を指定
applet	Javaアプレットの呼び出し
center	センター揃え
sおよびstrike	取り消し
u	アンダーライン

将来的に無効になる属性の例

Web原理主義宣言

2005-06-08T17:57:16+09:00

WEB原理主義宣言

WEB原理主義　目次

WEB原理主義宣言

あなたはHTMLが書けますか？,WEBの歴史,WEB原理主義とは何か？,原理主義の四大教義

スタイルシートの利用

利用方法,スタイルシートの設定（文字、段落、余白）,標準スタイルシート

HEAD部の書き方

ドキュメントタイプ宣言,正しいタイトルのつけ方,検索エンジン対策,文字化けしないために

BODY部の書き方

構造から書いて行け,文書も設計せよ,リンクと画像の情報,改行

WEB原理主義の掟

WEB原理主義第一回宗教会議で決定された、実際にHTMLを書いていくときに守らなければならない掟の数々

あなたはHTMLが書けますか？

いやしくも情報戦略研究所の一員であれば、HTMLが書けないなどという人は一人もいないとは思います。
しかし、あなたは本当にHTMLが書けますか？
どこかのサイトを参考に、見よう見まねでテキストの間にタグを散りばめて、それでHTMLが書けると思っているのでしょうか？　あるいはワードで書いた文章をHTML出力し、自分もHTMLが書けるとおもっているのでしょうか？
あなたの書いたHTMLは、あなた以外の人にも、あなたと同じに見えているのでしょうか？　あなたの書いたHTMLは、数年後にも今と同じように見えるという保証があるのでしょうか？

まさかフォントタグ(font)は使ってはいないでしょうね？
fontは将来

ビジネスのためのWebサイトの作り方

2005-06-10T11:36:12+09:00

ビジネスのためのWEBサイト

企業は何のためにWEBサイトを作るのか？

広報活動、求人、知名度アップ　から　取引増・売上増・収益増　へ
「我が社は○○な技術・製品を持った会社です。○○のことなら我が社にお任せください。」

→見てもらえなければ意味がない

見てもらうために必要なこと

2003年10月 Yahoo!Japan　「第14回　ウェッブ・ユーザ・アンケート」結果
　Q.サイトを訪れるきっかけは？　A.検索エンジン　82%

→検索エンジンの上位にランクされることが最重要

検索エンジン対策として何をすればよいのか？　

キーワードを決める

ユーザはどんなキーワードで検索するのか？

キーワードを決める「長野」か「信州」か？　「Web」か「インターネット」か？

キーワードをページに記述する

さりげなくキーワードをページにちりばめる

キーワードが決まったら、ページに埋め込む→作りこみが重要、後で打てる手は少ない。

重要な文は上部に持ってくる

HTMLの上部ほどポイントが高い

一番おいしいところがJavaScriptやナビに占領されるのはもったいない！

検索エンジンは画像を無視する

画像の使い方にも工夫が必要

せっかくのキャッチコピーも画像では検索エンジンには見てもらえない！

検索エンジンからどう見られているか？

Another-lint で確認できる

background	ページの背景
bgcolor	背景色
align	配置 top,middle,bottom etc
height	テーブルセルの高さ等
width	テーブルセルの幅・罫線の幅等

情報サイト WIZ

ズクダスブログ案

ズクダスブログ案

ダメダスブログ

会社でコンピュータ・システムを使っている人、必読のブログ

これからシステムを注文しようとしている人、必読のブログ

ちょっと待て、ハンコを押す前に、これだけは読んでおけ！

システム開発の裏側、開発者はこんなことを考えている

システムエンジニアとしての経験と実感をもとに、

日常生活の事例と対比して

システム開発の問題点、改善点、課題を浮き彫りにするブログ

アクセシビリティJIS規格抜粋

資料 JIS X8341－3抜粋

JISX8341-3

お役立ちリンク集

Webお役立ちリンク

WEB原理主義の掟

BODY部の書き方

HTMLの書き方 BODY

構造から書いて行け！

HTMLの構造

構造は内容に優先する

構造を書く

標準的なBODY部のソース

HEAD部の書き方

HTMLの書き方 HEAD

ドキュメントタイプを明記する

なぜドキュメントタイプが必要なのか？

書き方

スタイルシートの利用

スタイルシートの利用

構造と表現の分離

HTML4の考え方

fontタグが使えない！

将来的に無効になるタグの例

将来的に無効になる属性の例

Web原理主義宣言

WEB原理主義宣言

WEB原理主義 目次

WEB原理主義宣言

スタイルシートの利用

HEAD部の書き方

BODY部の書き方

WEB原理主義の掟

あなたはHTMLが書けますか？

ビジネスのためのWebサイトの作り方

ビジネスのためのWEBサイト

企業は何のためにWEBサイトを作るのか？

見てもらうために必要なこと

検索エンジン対策として何をすればよいのか？

キーワードを決める

ユーザはどんなキーワードで検索するのか？

キーワードをページに記述する

さりげなくキーワードをページにちりばめる

重要な文は上部に持ってくる

HTMLの上部ほどポイントが高い

検索エンジンは画像を無視する

画像の使い方にも工夫が必要

検索エンジンからどう見られているか？

資料　JIS　X8341－3抜粋

WEB原理主義　目次

検索エンジン対策として何をすればよいのか？　