<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>おさんぽさんぽ</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/" />
   <link rel="self" type="application/atom+xml" href="http://hpbuilder.net/weblog/atom.xml" />
   <id>tag:hpbuilder.net,2008:/weblog//1</id>
   <updated>2008-08-30T11:56:24Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>EeePC 4Gをゲットした</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/30201312.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2587</id>
   
   <published>2008-08-30T11:13:12Z</published>
   <updated>2008-08-30T11:56:24Z</updated>
   
   <summary>先日、東京に行ってきた折に、上野のヨドバシカメラで、EMMOBILEの2年契約と...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Mobile" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Windows" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[先日、東京に行ってきた折に、上野のヨドバシカメラで、EMMOBILEの2年契約とセットで100円にてゲット。
色は白です。
人気の高い機種らしくて、私が行った折にはもう白と黒しかなかったです。

EeePCの魅力というのは、小ささと重さですね。この2点はモバイルノートとして重要なところだと思います。<br />私、日常使っている鞄を選定する基準はA4の書類がそのまま入るかどうかなのですが、EeePCなら余裕で入りますよ！！
ビジネスウーマンたるモノ、外でのビジネスシーンではA4の書類がそのままはいる鞄が必要です。<br />学生じゃあるまいし、取っ手のある書類ケースで代用しているなんてあり得ない。

無線LANも備えているし、モバイルゲートにも加入したので、無線LANスポットでの活躍期待できる！
EMMOBILEは最小限にしか使わないよ。非常用と割り切ります。お布施として割り切ります。

Windows XPsp2ということで、思ったより空きが少ない・・・8GBのSDをゲットしたらHDD化をして本格的な利用にも耐えられるようにせねば。
初期状態では、Office系ソフトもぶち込めないので辛い。

当座は、使うとすると、ブラウザと、プレゼン時の資料を見せるとかですけどね。
モバイルノートを購入するきっかけの一つというのは、UAI研究会の時に渡邊先生のノートPCをお借りしたのですが・・・やっぱり他人のノートパソコンは操作しづらい。で、これからプレゼンすることも増えてくるので、プレゼンの度にノートパソコン借りるのも嫌だし。
そこに、EMMOBILEとセットとはいえ、100円でゲットできると言うことで、半ば、衝動買いっぽいけど(^^;

後、お金に余裕ができたら、外付けのDVDドライブを購入ですかね。

ということで、我が家にWindowsパソコンが1台増えました。<br />再び4台のパソコン持ちとなりました。
ノートパソコンが2台ありますが、IBM Thinkpad A20pという超重量級とEeePCという両極端なノートパソコンですね。]]>
      
   </content>
</entry>
<entry>
   <title>Webアクセシビリティ検証サイト「HAREL」</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/30111645.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2586</id>
   
   <published>2008-08-30T02:16:45Z</published>
   <updated>2008-08-30T02:28:55Z</updated>
   
   <summary>昨日だったかな？NTTデータからリリースされた、Webアクセシビリティ検証サイト...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Webアクセシビリティ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[昨日だったかな？NTTデータからリリースされた、Webアクセシビリティ検証サイト「<a href="http://harel.nttdata.co.jp/">HAREL</a>」なんだけど、リリース時期としては非常にまずい時期だったと思う。

というのは、
・WCAG2.0の改定が近い（年末の予定）
・これにあわせてJIS X 8341-3も改定される（来年の6月ごろ）

これを考えると、今公開するよりかは、WCAG2.0とJIS X 8341-3の改定を待つという選択肢を取った方がよかったのではないかと。

それと、チェックの対象としてWCAG1.0とJIS X 8341-3を使っているというのは、チェック後ではなくて、チェック前にもわかるようにして欲しいなと。<br />勝手な自社基準でやっているかと最初思っていた。]]>
      
   </content>
</entry>
<entry>
   <title>UAI研究会で発表してきました</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/27200927.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2585</id>
   
   <published>2008-08-27T11:09:27Z</published>
   <updated>2008-08-27T12:47:07Z</updated>
   
   <summary>8月23日に行われた「第28回UAI研究会」で発表してきました。 タイトルは、「...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Webアクセシビリティ" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="その他のツール" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="ホームページ・ビルダー" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[8月23日に行われた「<a href="http://www.comm.twcu.ac.jp/~nabe/UAI/">第28回UAI研究会</a>」で発表してきました。

タイトルは、「簡易型WYGIWYGオーサリングツールの問題点」。<br />要するに、ホームページ・ビルダー・クイックとホームページZEROのアクセシビリティ上の問題点を認識してもらいましょうと言うことで。

発表時の資料（HTMLソース、パワーポイント資料）は、<a href="http://hpbuilder.net/uai28_demo/">http://hpbuilder.net/uai28_demo/</a> から参照可能です。

ホームページ・ビルダー・クイックでの作成時の流れスクリーンショット
<ol>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb1.png">http://hpbuilder.net/uai28_demo/image/hpb1.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb2.png">http://hpbuilder.net/uai28_demo/image/hpb2.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb3.png">http://hpbuilder.net/uai28_demo/image/hpb3.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb4.png">http://hpbuilder.net/uai28_demo/image/hpb4.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb5.png">http://hpbuilder.net/uai28_demo/image/hpb5.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/hpb6.png">http://hpbuilder.net/uai28_demo/image/hpb6.png</a></li>
</ol>
ホームページZEROでの制作の流れスクリーンショット
<ol>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero1.png">http://hpbuilder.net/uai28_demo/image/zero1.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero2.png">http://hpbuilder.net/uai28_demo/image/zero2.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero3.png">http://hpbuilder.net/uai28_demo/image/zero3.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero4.png">http://hpbuilder.net/uai28_demo/image/zero4.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero5.png">http://hpbuilder.net/uai28_demo/image/zero5.png</a></li>
<li><a href="http://hpbuilder.net/uai28_demo/image/zero6.png">http://hpbuilder.net/uai28_demo/image/zero6.png</a></li>
</ol>

どちらのソフトもWebサイト制作初心者というのがターゲットだし、個人ユースではもちろん、サイト作成に予算がかけられない団体とか中小企業でも使われるという現実があるんですよ。
だから、テーマとして取り上げたのです。

特にホームページ・ビルダー・クイックは、現状の仕様では話ならないな・・・タイトルとかフッタが画像化されて適切なalt属性が挿入できていないし、JavaScript無効環境だとメニューが消えるんですよね。

「使うな」と言うだけなら簡単ですけど、改善すべき点はメーカーに届く形でフィードバックしなければいけないと痛感しました。
特に私の場合、ホームページ・ビルダーのユーザーですし、Yahoo!のカテゴリ掲載されているサイトまで運営しているのですから、責任というのは大きいと思います。

UAI研究会のサイトで、思いっきり本名を晒されているのですが、まあこの際だからよしとします。
資料内とかでも、今勤務している会社の名前は出していません。<br />12月から独立するし、UAI研究会のMLには私個人として参加しているからです。

今回、UAI研究会で発表しようと思ったのは、ちょうど夏休みの日程とあって、上京できたからです。（その代わり、お盆は働いていました）
また機会があればネタの提供をしたいと思います。]]>
      
   </content>
</entry>
<entry>
   <title>相変わらず使いにくいフォームが多いな</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/17144309.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2584</id>
   
   <published>2008-08-17T05:43:09Z</published>
   <updated>2008-08-17T06:50:33Z</updated>
   
   <summary>前のエントリーでは、モバイルでのフォームの使いづらさを書きましたが、今回はPCで...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Usability" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="WebDesign" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Webアクセシビリティ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[前のエントリーでは、モバイルでのフォームの使いづらさを書きましたが、今回はPCでのフォームの使いづらさを書きます。

<h3>必須項目を色もしくは記号のみで示している</h3>
「赤色の文字は必須項目です」「※の部分は必須項目です」とか注意文に書いてあるだけのもの。
ユーザビリティ・アクセシビリティいずれの面から見ても論外。

<h3>長ったらしいプルダウン</h3>
生年月日とかの選択で、年の選択とか。
数字入力で上書きできるのならいいのですが、プルダウンしか選択肢がないと嫌気さします。
実は、西暦/和暦同時表示されているのがうざったい・・・気を利かせているようで、気が利いていない気がします。
DB格納のコトを考えると西暦入力が楽なのは当然。今、和暦が求められているシチュエーションって本当に限られていると思います。

<h3>入力例がない</h3>
1つの入力ボックスで処理するなら、電話番号とか郵便番号とかって、ハイフンを入れるべきかそうでないのかを示すべき。<br />どう入れたらいいのか迷うのですよ。

<h3>入力例後出し</h3>
音声環境で問題になります。<br />なぜなら、音声環境では、Webページがリニアライズされた状態になるからです。後で入力例を出されると、入力をやり直す羽目になりがちです。<br />入力例を出すのなら、入力ボックスの前に出しましょう。

<h3>文字種の指定が細かいモノ</h3>
ひらがな／カタカナ、全角／半角ぐらいは、サーバーサイドで変換してDBに格納できないモノなんでしょうかね？

<h3>自宅の電話番号と携帯の電話番号、どっちも必須なの？</h3>
NTTの電話を休止してから、無性に嫌なのが両方必須になっているタイプ。
個人情報の確認により確実性（銀行系・クレジットカード系）が求められるのなら我慢しますが、普通の物販サイトではどちらかあれば十分なはず。
それと、今はケータイ・PHSしか持っていないという人の方が多いのだからその点にも配慮してください。エンジニア側には、PCしか持っていないという人がちらほら見受けられるのですが・・・

<h3>IDまでもランダムに発行される</h3>
人間の記憶容量って限られているんです。
ですので、IDまでランダム発行なんて愚かなことはしないように。
そういうサイトは、リマインダー機能（ID/パスワード再発行）の利用率が高いです。

<h3>逆にあるとうれしい機能</h3>
郵便番号から検索して、住所の途中まで入れてくれる機能。
今は、市町村統合も落ち着いていますし、積極的に導入して欲しい機能です。
3年ぐらい前だと、市町村統合が多すぎてメンテナンスに時間が取られる機能だったので、導入に消極的だったところも多かったと思います。
ただ、この機能を使う場合には、残りの部分（番地）をちゃんと入れてくれるようにしないと、後で困るのはサイトオーナーなので気をつけてくださいね。]]>
      
   </content>
</entry>
<entry>
   <title>携帯電話のフォーム入力で困ること</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/16081410.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2583</id>
   
   <published>2008-08-15T23:14:10Z</published>
   <updated>2008-08-15T23:41:48Z</updated>
   
   <summary>入力モードの指定ミス 番地を入れるときに、IMEの入力モードで「数字のみ」を指定...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Mobile" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Usability" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="WebDesign" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[<h3>入力モードの指定ミス</h3>
番地を入れるときに、IMEの入力モードで「数字のみ」を指定するのはやめてくれー。文字種変えるのが面倒。番地の場合はハイフンが入るので、istyle="3"（Docomo,au向き）、mode=“alphabet”（Softbank向き）の指定にしてください。

<h3>やたらと長ったらしいプルダウン</h3>
PCでも問題となるけど、ケータイではその傾向が顕著に出る。
お願いだから生年月日ぐらいは、一気に入力できるようにしてください。（私の場合だと19720109）
優秀なプログラマーなら一気に入力された値から、年月日を分割することぐらい簡単でしょう。特に生年月日の年をプルダウンで入力となったらホント嫌になります。

<h3>メールアドレスのドメイン選択プルダウンはいらない</h3>
ケータイのメールアドレスって、ちゃんと覚えていますか？
覚えていない場合って「プロフィール」から入れることもできるのですが、メールアドレスのドメイン選択プルダウンがあると、わざわざ消さないといけないのですよ。
激しく面倒なのでやめて欲しいとしか言いようがないです。
ドメイン部分の確認も、ケータイに限定すれば一定のパターンしかあり得ないのですから、それぐらいの正規表現書きましょうよ。]]>
      
   </content>
</entry>
<entry>
   <title>攻めることの大切さ</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/08/09192025.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2582</id>
   
   <published>2008-08-09T10:20:25Z</published>
   <updated>2008-08-09T11:05:24Z</updated>
   
   <summary>たった、今、谷亮子の準決勝敗退を見た。 組み手を嫌がっての反則を取られての負け。...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="murmur" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      たった、今、谷亮子の準決勝敗退を見た。

組み手を嫌がっての反則を取られての負け。谷亮子だけに反則を取られた時間帯（残り30秒ぐらい）も痛かったけど。

技で負けたのではないのだけど、組まないというのは、柔道においては攻める姿勢がないと見なされてしまう。
お互い相手の様子をうかがいあって、結果ほとんど組まないというのはつまんない試合だった。

強引すぎる攻めもアレだけど、相手の様子をうかがいすぎて攻められないというのはホント良くないなって思った。
生きるというのもそういうモノなんだろうって思う。

私は11月末で今の会社を辞めて、12月から独立する予定だ。（独立に至る経緯までは、残念ですがこの場では語れません）
その時に「攻める」心を見せられるのか。
それが問われると思う。

（追記）
アルゼンチンのパレート選手の敗者復活戦の最終と3位決定戦を見たが、攻めの姿勢を終始見せ続けてくれた。残り10秒での逆転勝ちだった。技は荒削りだったけど、攻める姿勢を忘れなかったのが良かったのだと思う。

そして、谷亮子の3位決定戦での払い腰は見事だった。
本人や周囲にすれば、複雑な気持ちかも知れない。もちろん「金」を期待されていたのだから。
それでも最後に彼女本来の柔道で銅メダルを得たのだから。少々悔いは残るだろうけど、攻めずにメダルを取れなかったよりは遙かに良かったと思う。
      
   </content>
</entry>
<entry>
   <title>CSS Nite in HIROSHIMA開催に向けて</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/07/30193722.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2581</id>
   
   <published>2008-07-30T10:37:22Z</published>
   <updated>2008-07-30T10:56:46Z</updated>
   
   <summary>僭越ながら、開催に向けて私もお手伝いさせていただくことになりました。 声を上げて...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="murmur" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[僭越ながら、開催に向けて私もお手伝いさせていただくことになりました。
声を上げてくれたのは、<a href="http://souiti2008.blog43.fc2.com/blog-date-200806.html">「いろんな勉強会の企画をしている熱い漢の日記」</a>を書いている宗一郎さんです。

CSS Niteについて改めて説明するのは面倒なので、公式サイト見てください。<br /><a href="http://cssnite.jp/">http://cssnite.jp/</a>

先日、準備委員の名刺も作成していただきました。<br />残念ながら、本名で作ってもらっているので、ここのBlogでは晒せません。

私が広島に舞い戻ったとき(2003年）には、goccoというWeb関係者の集まりがあったのですが、なんだかんだと消滅してしまい、広島からWeb系の横のつながりというのが消えてしまいました。

今年の3月にWeb制作業界に戻ってきたわけですが、広島での横のつながりがほとんどないという事実に気づいて、反省しております。<br />何をするにしても、人脈というのは大事だと思う今日この頃です。

牡蠣のおいしいシーズンに、広島のWeb制作業界も熱いってことを皆に知って欲しいです。それ以上に、広島近辺で横のつながりを求める人たちの架け橋となるイベントにしたいと思います。]]>
      
   </content>
</entry>
<entry>
   <title>他人にモノを教えることで己の未熟さを知る</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/07/29190821.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2580</id>
   
   <published>2008-07-29T10:08:21Z</published>
   <updated>2008-07-29T10:46:16Z</updated>
   
   <summary>「理解しているつもり」と「理解している」の違いは・・・他人に物事を教えることでわ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="murmur" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      「理解しているつもり」と「理解している」の違いは・・・他人に物事を教えることでわかってしまう。

そして、教わった相手は、教えた側の理解度を見抜いてしまう。
もし、「教わる価値なし」と判断されれば、もう二度と質問なんてされないのだから恐ろしい。

今は社員だから聞かれる方の立場が多いけど、今年2月までは派遣だったから、質問する側・される側両方の心理っていうのがわかる。

質問されたときに、一番やってはいけないことは、専門用語連発したあげくに、再質問する余地すら与えないって答え方。これやるぐらいなら、最初から、「ごめん、わからん。」と自分の無知を認めた方がいい。

教えた後で、気づくこともいっぱいあるのよ。
「ああ、こうやって言えばよかったのかな」とか、言い忘れてしまったこととか。

ネット上で、他人様の質問に答える時というのも非常に気を遣います。
こう見えても、私はmixiで「ホームページ・ビルダー」コミュニティの管理人をやってるのですが・・・別コミュにも出張っているのですが。
文章からどんな風に困っているのかを見抜かなければいけないので、電話サポートとはまた別の難しさがあったりします。

人に教える度に自分の未熟さを思い知るのですが、自分がまだ未熟だと思うからこそ学ぼうという力にもなるわけで。

最近、こっちへのアウトプットをさぼっていたのを反省。
      
   </content>
</entry>
<entry>
   <title>Thunderbirdに入れておきたい3+2の拡張</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/07/19170837.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2579</id>
   
   <published>2008-07-19T08:08:37Z</published>
   <updated>2008-07-19T08:52:05Z</updated>
   
   <summary>私の場合、自宅も会社もメールクライアントはThunderbirdを使っています。...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Linux" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Mac" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Windows" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[私の場合、自宅も会社もメールクライアントはThunderbirdを使っています。

自宅では複数のメールアカウントをPOPで受信しますし、会社ではメールアカウント1個ですが相手によって署名の内容を変えないといけません。

ということで、個人的におすすめなThunderbird拡張を紹介します。
3+2にしたのは、シングルアカウントでも有効な拡張とマルチアカウントを使っている場合のみ有効な拡張があるからです。

<h4>Signature Switch</h4>
署名を追加・削除したり、新たに作成した署名を選択できるようにするための拡張。
自宅では、使っているメールアカウントごとに変更するのに利用。
会社では、送り先が社内か社外かで利用しています。
メール作成画面でツールバーを右クリックして「カスタマイズ」を選択するとボタンを追加できます。 

<h4>View Headers Toggle Button</h4>
メッセージヘッダをすべて表示するボタンをツールバーに追加するための拡張。
自宅・会社とも怪しげなメールのヘッダ確認に有効。
Web系開発者としては、メール送信系のスクリプトを書くときにヘッダの設定が正しいかを確認しやすくなるメリットがあります。
ツールバーを右クリックして「カスタマイズ」を選択するとボタンを追加できます。 

<h4>Quote Colors</h4>
引用のレベルに応じて文字色と背景色をカスタマイズできるようにするための拡張。
メールの往復で引用が多くなりがちな職場では特に重宝します。

<h4>Get all mails</h4>
すべてのアカウントのメッセージを受信するためのボタンを提供するための拡張。
ツールバーを右クリックして「カスタマイズ」を選択するとボタンを追加できます。 
複数アカウント使わないという人には不要ですが、複数アカウントを使う人には逆に必須。

<h4>Xpunge</h4>
複数アカウントのゴミ箱を空にして、フォルダを最適化するための拡張。
ツールバーを右クリックして「カスタマイズ」を選択するとボタンを追加できます。 
これも複数アカウント使わないという人には不要ですが、複数アカウントを使う人には有用な拡張です。

Windows限定になりますが、MinimizeToTrayも入れておきたい拡張。でも3+2に入れなかったのは、Thunderbirdがマルチプラットフォームで動作しているからという理由です。

Outlook代わりにさせたいのなら、ReminderFoxがいいんじゃないかなと思います。

Windowsの場合、拡張をインストールするには、拡張をダウンロード（ダウンロード先はデスクトップとかマイドキュメントとかお好きにどうぞ）してから、メニューの「ツール」→「アドオン」で「インストール」のボタンをクリックして、拡張ファイルを選択します。
インストールが終わったら、ダウンロードした拡張ファイル（.xpi）は不要になるので、ゴミ箱に入れていいです。]]>
      
   </content>
</entry>
<entry>
   <title>相変わらず外部CSSは消されるけど（ホームページZERO1.0.5）</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/07/07200605.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2578</id>
   
   <published>2008-07-07T11:06:05Z</published>
   <updated>2008-07-07T12:03:14Z</updated>
   
   <summary>いやはや、ソースネクスト社対応の早さは一流だ。でも、なぜ最初からこの品質で出せな...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他のツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[<p>いやはや、ソースネクスト社対応の早さは一流だ。<br />でも、なぜ最初からこの品質で出せなかったのかが悔やまれるところだろう。<br />おそらく、バージョン1.0.2の時点で人柱になった面々により、クソカスツールであるレビューが書き立てられ、もはや無料更新など意味なしというところまでいきかけてたからだ。</p>

<p>私が、ホームページZEROをダウンロードして<a href="http://hpbuilder.net/weblog/2008/05/21204051.html">インストールした直後の日記</a>では、さんざん書いていた。</p>
<blockquote><p>中途半端ハイブリッドレイアウトという印象。まあ、スタイリッシュエフェクトだのホームページ・ビルダー・クイックだのも同様だからいいわ。HTMLがInvalidなのも簡単サイト作成ソフトだからなーって感じ。</p><p>当然のお約束なのか、Generator吐きありますよ。しかも困ったことに設定で吐き出さないようにできない。</p><p>&lt;META name="GENERATOR" content="ソースネクスト　ホームページZERO"&gt;</p><p>タグの大文字小文字の変更とかもできないし。設定が細かくできないのは困る。</p></blockquote>
<p>で、月日が2ヶ月弱流れ、バージョンが1.0.5とさらに3つマイナーバージョンアップした。<br />そこでかなり進化していることに気づいた。</p>
<ul>
<li>Generator吐き出しをしないようにできるようになった</li>
<li>HTMLがValidになった</li>
<li>XHTMLにも対応するようになった（しかもIE6対応/非対応選べる）</li>
<li>タグの小文字吐き出しの制御ができるようになった</li>
</ul>

<p>HTMLソースは以下の3パターン用意してみた。</p>
<ul>
<li><a href="http://hpbuilder.net/zero/hpz105/HTML/">HTML4.01（Generator吐きなし）</a></li>
<li><a href="http://hpbuilder.net/zero/hpz105/HTML/hpz-xhtml6.html">XHTML1.0（IE6互換）</a></li>
<li><a href="http://hpbuilder.net/zero/hpz105/HTML/hpz-xhtml.html">XHTML1.0（IE6非互換）</a></li>
</ul>
<p>デフォルトは、HTML4.01 Transitional DTD（識別子あり）でGenerator吐きがある。<br />XHTMLにした場合は、IE6互換がデフォルトとなり、XML宣言がない。</p>

<p>体験版がないと言うのも解消されて、14日間限定で利用できる。→<a href="http://www.sourcenext.com/titles/hob/92010/free.html">DL用URL</a></p>

<p>しかし、やっぱりなんか微妙に使いづらいところはあったりするのよ。<br />サイトごとでHTML出力を制御できるようにしたツケなのか、設定する画面がわかりづらい。<br /><img src="http://hpbuilder.net/zero/hpz105/zero-html-settting.png" alt="サイト設定画面" /><br />サイト編集タブを出している状態でメニューの「ファイル」→「サイトの設定」→「HTML出力」を選ぶと、HTML出力の制御ができる。<br />環境設定→HTML編集というメニューもあるのでややこしい。これは、ソフト全体に適用される設定。ややこしいったらありゃしない。</p>

<p>相変わらず中途半端ハイブリッド仕様なので、読み上げ環境とかモバイル環境といったリニアライズされるのには弱い。</p>

<p>そして、Web制作を生業とする人間泣かせである、外部CSSが消されるというのも相変わらず仕様だ。<br />クライアントから「更新にホームページZEROを使いたいのですが……」なんて言われた日には、「お、お客様、それだけはご勘弁ください……」と言わざる得ない。</p>

<p>自分でサイトの更新し続けられる自信がある人のみホームページZEROは使えと言うことか。個人ユースではいいだろうが、法人で使うのはやめたほうが無難。</p>]]>
      
   </content>
</entry>
<entry>
   <title>Firefox3にしてからCSSの確認しづらくなった</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/06/19193442.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2577</id>
   
   <published>2008-06-19T10:34:42Z</published>
   <updated>2008-06-19T10:53:26Z</updated>
   
   <summary>Web developerという、Web制作者には欠かせない拡張がある。 日本語...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Windows" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[Web developerという、Web制作者には欠かせない拡張がある。

日本語版もFirefox3対応になっているので、導入しているのだけど、「CSS」→「スタイル情報を表示する」で、border系プロパティを含むセレクタの確認が非常にしづらくなった。

<h3>Firefox3.0+Web developer1.1.6日本語版</h3>
<pre>#edit-entry .field-wrapper, 
#edit-template .field-wrapper
 (ライン 2141)
{
width: 573px;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #8faebe;
border-right-color-value: #8faebe;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #8faebe;
border-left-color-value: #8faebe;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
padding-left: 9px;
background-color: #eaf2ff;
}</pre>

<h3>Firefox2.0.0.14+Web developer1.1.6日本語版</h3>
<pre>#edit-entry .field-wrapper, 
#edit-template .field-wrapper 
(ライン 2141)
{
width: 573px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #8faebe;
border-right-color: #8faebe;
border-bottom-color: #8faebe;
border-left-color: #8faebe;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
padding-left: 9px;
background-color: #eaf2ff;
}</pre>

Firefox3でいかに無駄な情報を出しているのか分かるよな・・・拡張の問題なのか、Firefox3の問題なのかの切り分けできないけどね。
Firefox2のメンテナンスが終わっても、CSSの確認にはFirefox2の方が便利だから使い続けかねないよ・・・

ちなみに今はプロファイルを分けて、WindowsXPsp2でFirefox2とFirefox3同居中。
近日、マザーボードの入れ替えをするので、そのときにOSとアプリの再インストールをまたしないといかんのですが。]]>
      
   </content>
</entry>
<entry>
   <title>仕事マッチングサイトで困る3つのこと（from受注側）</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/06/09193546.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2576</id>
   
   <published>2008-06-09T10:35:46Z</published>
   <updated>2008-06-09T11:40:20Z</updated>
   
   <summary>「楽天ビジネス」とか「さぶみっと！ホームページ制作マッチング」とか見ていて思うこ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Program" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="WebDesign" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="murmur" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[「楽天ビジネス」とか「さぶみっと！ホームページ制作マッチング」とか見ていて思うことです。

こっちは提案・見積もりする側で最終側には発注者からご指名が来ないと仕事引き受けられないのですが・・・、受ける側にもそれなりの言い分というのがあるモノでして。

個人的に困る順からあげましょう。
<dl>
<dt>1.納期がタイトすぎる</dt>
<dd>納期の入力ミスかなと思われるモノもちらほらあります。見積もり締切日よりも納期が先なんて言うのはそういうケースかななんて思ったりします。こんなしょうもないミスで制作会社に敬遠されているとすれば非常にもったいない。<br />本当に納期がタイトすぎる案件は当然制作側としては困る訳で・・・。開発系なら最低でも2ヶ月、静的サイト作成・ショッピングモール構築系なら2週間ほしいのが現実。<br />特にシステム開発系の案件の場合、いくら要求定義したところで、最終的に実装できるところまで落とし込むのにはそれなりに時間が必要なのです。</dd>
<dt>2.予算が少なすぎる</dt>
<dd>やりたいことの相場に比べて、予算が少なすぎると言う場合も困ります。お互い商売なんですけども、制作側としては安請け合いすると後で困るのは制作側自身なので自らクビをしめるマネはしたくないモノです。<br />それに、それなりのモノを作るにはそれなりの金が必要だというのはご理解していただかないと。</dd>
<dt>3.丸投げ系</dt>
<dd>サイトにしても、システムにしても、「作ったら作りっぱなし」ではだめなのです。<br />モールに出店したから、リニューアルしたから、何もせずに商売繁盛っていうわけにいかない。サイト作ったから即お問い合わせが来て商売につながるなんていうのも難しい。<br />システムだって、使われずにメンテナンスもしていなかったら、結局死んだものになってしまう。<br />サイトにしてもシステムにしてもその先にはユーザーがいるはずだし、目標というのがあるはず。<br />制作側と発注側、お互いがよりよいパートナーシップを築いてこそ、よりよいモノができると思います。</dd>
</dl>

サイト構築にせよ、システム構築にせよ、制作側にできるのは、目標達成や困ったことを解決するための「お手伝い」「手助け」までなのです。<br />逆に言えば、制作側としては受注側のやりたいことを鵜呑みにするんじゃなくて、よりベターなモノを提案して実装できるかというのが、プロとして問われるところだと思います。]]>
      
   </content>
</entry>
<entry>
   <title>PC向けでは悪でもモバイル向けでは善なモノ</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/05/27071321.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2575</id>
   
   <published>2008-05-26T22:13:21Z</published>
   <updated>2008-05-26T22:40:57Z</updated>
   
   <summary>IMEのモード切替制御。 今回のエントリーを書くきっかけは、 btmさんの日記経...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Mobile" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="WebDesign" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[IMEのモード切替制御。

今回のエントリーを書くきっかけは、<br />
<a href="http://d.hatena.ne.jp/smellman/20080526/1211818374">btmさんの日記</a>経由で<a href="http://blogs.mozilla-japan.org/inside/entry/1980/">Firefox 3 の修正内容のご紹介 その2 — IE 独自拡張 CSS: ime-mode プロパティのサポート</a>という記事。

PC向けサイトでは、IEとFirefox3がIE独自拡張CSSプロパティであるime-modeというのが使えます。IMEのモードを制御するモノですね。
IME制御が自由にできなくなる結果、ユーザの操作に支障がでるといった弊害があるため、PC向けでは使うべきでないとされています。Firefoxの場合、プラットフォームが多岐にわたるためその弊害も大きいとのこと。

でも、モバイルでは入力項目に応じたIMEの制御をしてくれないと非常に困るのです。
携帯に不慣れなユーザならなおさらです。IMEの制御されていないサイト見ると、入力するのがイヤになるのですよ。
確かにエディタ画面でかな→半角英数とかできなくはないし、IMEのモードを変更できるのだけど、1回の操作でできるわけでもない。端末によるけど2ステップ程度の操作はふまないといけないので面倒。
数字で入力してほしいところは数字入力モード、半角英数字で入力してほしいところは半角英数字入力モードになっているとうれしい。
残念ながら、IME制御をするための属性値の書き方（HTML側に書く）が携帯3キャリアで異なります。<br />最新の端末では、i-modeはistyle、EZwebはformat、Softbankはmode。これが統一されていればって思うのだけど。]]>
      
   </content>
</entry>
<entry>
   <title>ホームページ・ビルダー製と見抜くポイント</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/05/24142445.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2574</id>
   
   <published>2008-05-24T05:24:45Z</published>
   <updated>2008-05-27T11:55:54Z</updated>
   
   <summary>これ、いかにもホームページ・ビルダー製？と見抜くためのポイントとしては、ロゴ周り...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="ホームページ・ビルダー" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[これ、いかにもホームページ・ビルダー製？と見抜くためのポイントとしては、ロゴ周りの処理をまずみるのがよい。<br />他のグラフィックソフトで作った場合よりも処理が粗い。それにいかにもホームページ・ビルダーっぽい効果が使われているかもポイント。

ロゴ周りの処理で見抜けない場合は、HTMLソースを見る。

<ul>
<li>GeneratorにIBM WebSphere Studio Homepage Builder Versionがある</li>
<li>HTMLソースにhpbの文字列がある</li>
<li>要素が大文字、属性が小文字</li>
<li>&lt;/li&gt;や&lt;/dt&gt;や&lt;/dd&gt;がない（HTML4.01限定）</li>
<li>html要素に、lang="ja" xml:lang="ja"がない（XHTML1.0限定）</li>
</ul>
これで、9割以上の確率で見抜くことが可能かと。]]>
      
   </content>
</entry>
<entry>
   <title>ホームページZERO使ってみた</title>
   <link rel="alternate" type="text/html" href="http://hpbuilder.net/weblog/2008/05/21204051.html" />
   <id>tag:hpbuilder.net,2008:/weblog//1.2573</id>
   
   <published>2008-05-21T11:40:51Z</published>
   <updated>2008-05-21T12:38:15Z</updated>
   
   <summary>ホームページZEROのダウンロード用ページの案内が来ていたので、帰宅後DLしてイ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他のツール" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="ホームページ・ビルダー" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://hpbuilder.net/weblog/">
      <![CDATA[ホームページZEROのダウンロード用ページの案内が来ていたので、帰宅後DLしてインストール。
私はホームページ・ビルダーユーザなので、当然乗り換え版を購入。
インストール時に音声ガイドが流れたりしたな。

ユーザ登録がかなり面倒。名前とかシリアル入れるのはいいとしても、メールアドレスとパスワード2回入力させられる。
ユーザ登録後、早速バージョンアップしていて、インストール時点では、v1.0.2だった。ということは、2回もすでにマイナーバージョンアップか。ユーザ登録しないとバージョンアップとか一切できないという点にも注意。

印象としては、ホームページ・ビルダー・クイックよりかはましという感じ。ホームページ・ビルダーと比較なんてするもんじゃない。

私の中では、「ホームページ・ビルダー・クイック」と「ホームページ・ビルダー」は別のソフトだと認識しているし。「ホームページ・ビルダー・クイック」についてこれまでほとんど書いていないのは、大人の事情と言うことで。

ホームページ・ビルダー・クイックは、ヘッダとかフッタとかまで画像化されてしまうんで。しかもJavaScriptを切っているとナビゲーションが役立たずになるし。HTMLソース編集できないのが痛い。

DOCTYPEは、
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;

見本ページは、<a href="http://hpbuilder.net/zero/">http://hpbuilder.net/zero/</a>
ちなみに、ホームページ・ビルダー・クイックの見本は、<a href="http://hpbuilder.net/v12_hpbquick/">http://hpbuilder.net/v12_hpbquick/</a>

中途半端ハイブリッドレイアウトという印象。まあ、スタイリッシュエフェクトだのホームページ・ビルダー・クイックだのも同様だからいいわ。HTMLがInvalidなのも簡単サイト作成ソフトだからなーって感じ。

当然のお約束なのか、Generator吐きありますよ。しかも困ったことに設定で吐き出さないようにできない。
&lt;META name="GENERATOR" content="ソースネクスト　ホームページZERO"&gt;
タグの大文字小文字の変更とかもできないし。設定が細かくできないのは困る。

あと、ファイルの保存場所をマイドキュメントにされるのが辛い。デフォルトだとマイドキュメントのホームページZEROデータ\サイト名な感じになる。まあ、変更が全くきかないホームページ・ビルダー・クイック（マイドキュメントの\hpbqsite\mysite1）よりかは数百倍ましだけど。
どっちにしても同じように困るのが、ファイルの種類ごとにフォルダの分類ができないこと。HTMLも画像もCSSも全部同じフォルダ。

ファイルの読み込みに対応していると言っても、外部CSSファイルへのリンクが消されるという超困った仕様だし。

正直、最初のサイト作成だけ業者に頼んで、更新をホームページZEROでしたいのですけどと言われたら白旗あげてもいいと思う。<br />私自身がホームページ・ビルダー使いなのを差し引いても、どうにもできない。ホームページ・ビルダーで更新といわれる方が遙かにいい。<br />ホームページ・ビルダーなら設定でなんとかカバーできるけど、ホームページ・ビルダーZEROでは設定でカバーする余地がない。

ということで、Web制作を生業としている人間にとっては迷惑なソフトがまた１つ増えたという感じですか。

それにしても、人柱にふさわしすぎたな・・・。＜ホームページZERO
間違っても、人に勧めたらいかんやろ。体験版もないし、恐ろしすぎる。]]>
      
   </content>
</entry>

</feed>
