ウェブ職人道

ウェブ職人道 tag:web.delively.net,2008://9 2008-06-08T13:41:11Z ウェブ関連ネタ、その他日々のネタを気ままに書き連ねるブログです。 Movable Type 4.1 エレコムブックスタンド後編 tag:web.delively.net,2008://9.375 2008-06-08T13:33:04Z 2008-06-08T13:41:11Z

エレコムブックスタンドのレビューです。細かいところまで突っ込んで書いてます。

センゴク http://delively.net/ 一つのツールにどんだけ書くことあんねん、という話ですが、それだけ便利だという話なのです。（書かせて下さい）ブックスタンドの使い方と注意点 amazonで注文して商品が届き、開封したときにふと「？」というポイントがありました。「アホ」と思われてもしょうがないところなのですが、いきなり角度調整しようとして止め具を折りそうになったのです^^; 同じように引っかかった人はいないと思いますが、念のため写真で説明します。

最初は止め具が下に下りてますので、これをグイッと上に持ち上げます。何となく折れそうな感じがしなくもないので、力を入れながらゆっくりグイッとして下さい。

止め具がこうやって上に上がれば、後は自由にブックスタンドの角度が調整できます。

分厚い本の1ページ目は挟めるか

400ページ近くある分厚めの本は、ちょうどページ中盤あたりだとバランスよく立つんだろうなという推測はしやすいと思うのですが、中盤から読み始める本なんてありませんです。そこで「1ページ目とかの序盤のページはどうなの？」という疑問が浮びます。というか浮んだんです、買う前の僕は^^; そこまで疑問に思う前に試しに買ってみたらと自分でも思うんですが、気になりだしたら止まりません。というわけで、400ページ近くある「PHP基礎」の1ページを挟んでみました。

安定してるっぽくは見えませんが、ストップホルダーのおかげで外れることなく、意外と問題ないです。ちなみにページをめくるときはこんな感じです。

右のストッパーからページを外して左へという感じで、若干やりづらさはありますが、ストッパーを少し緩めてあげれば、そこまで苦にはなりません。元々僕の使用用途が「ページを固定したい」というものなので、ページめくりにはあんまりこだわってないのですが、イラッとくることはそこまでないと思います。ちなみにストッパーはこんな感じで動きます。・閉めた時～

・開いてる時～

他にどんな本が載せれるのか

本といっても色々ありますが、ブックスタンドが活躍しそうなシーンを想像すると、前述のようなPCを使うときや、後は料理のレシピみながら料理とか、楽譜を見ながら･･･というのもありそうです。お風呂はブックスタンド自体には問題ないですが、カバーがいると思うので要工夫といったところでしょうか。何はともあれ、こういうのって使いようだと思いますので、僕がやいやい言うこともないのですが、参考までにちっちゃい本とでっかい本を載せてみました。

※縦：19.5cm　横：14.5cm　厚さ：8mm webdesigning についていたCSS本でポケットリファレンスより小さいのですが、これも載ります。ただ小さいこともあって分厚い本の安定感はでませんが、ストッパーでちゃんと固定すれば問題ないです。コミックは厳しいかもですが、これはさすがに載せないでしょう^^; （大判タイプなら載ると思いますが）

※縦：29cm　横：23cm　厚さ：1.4cm 購読している「暮らしのデザイン」というインテリア系の雑誌です。結構大きいんですが、これも特に問題なく載っちゃいます。ガタガタもしません。寝転びながら雑誌を読んだりするときにもたまに使ってます。（あんまりやらないですけど、意外と使いどころ多しです）･･･とここまで説明しておきながらなんですが、大体の本が載るのではないかなと思います。「この本載るのかな･･･」と思った方は、例に挙げた本の寸法を参考にして下さい。ほぼこれで疑問が解消されるんじゃないでしょうか。ちなみに僕は一度角度を固定したら動かさない人なので、頻繁に止め具を動かしたりはしませんが、あんまり止め外しを繰り返すとどーなんだろというところもあるので、この辺りは少し慎重に操作した方がいいのかなと思います。以上、色々と書きましたが、本を置きながらのながら作業に悩んでいる人は絶対に買いです。あまり商品をゴリ押しでオススメするのって好きではないのですが、これは絶対買いであると断言できます。（使ってわかる、この快適さ♪）あ、ちなみに 「こういうのってもう少し見栄えのいいモノもあるんじゃないの？」 と誰もが考えると思いますが、だいぶ探しましたけど、なかったです。まぁ僕としては活躍してくれれば全然問題ないですし、むしろ買ってよかったなと思ってます^^ エレコムブックスタンド￥1397（税込）]]> エレコムブックスタンド前編 tag:web.delively.net,2008://9.374 2008-06-02T14:33:11Z 2008-06-04T14:49:41Z

「ながら作業」に最適なエレコムブックスタンドのレビューです。

センゴク http://delively.net/ 入門書を片手にタイピング＆マウス操作。でもこれがなかなか進まないのであります。（何よりイライラします）「ながら作業」にかかるストレスパソコンを使っていると、一度は入門書を片手にキーボードを打つという作業をやったことがあるかと思います。多分こういう状況でしょう。
屈辱の「左手抑え」

手で押さえながら、片手でタイピング。んー何ともストレスのたまる作業です。たまに肘で抑えようとするのですが、これまたうまくいきません。重いモノを片方のページに乗せたりするのですが、これまたしっくりこず、何とか両手を自由にしようと思いやるのが、必殺「足載せ」。

はい、我ながら名案だと思いしばらく続けていたのですが、ページ序盤では本が勝手にバタンと閉じてしまい、イライラ。ページ中盤までいくと、左右のバランスがとれ良い感じになるのですが、少し足を動かすとこれまた「バタン」です。（何てハラがたつのか）手で押さえるのも足でキープするのも、どっちも体に制約がかかるので、集中力はむしろ入門書を抑える方に行ってしまいがちで、視線も両手が自由になる足載せの場合は下にいきがちです。
元々根気がないワタクシはこういうのでモチベーションを八割裂かれ、二割を維持できず諦めることが多かったのです。というわけで、色々と探してみると、エエモン見つけました。（というか、多分有名）

エレコム　ブックスタンドに頼る

まぁ、何とも便利なものがあるもんです。値段は安いので迷うことはなかったんですが、失敗して一番痛いのが「意図通りに使えませんでした」となり、捨てるハメになることです。嫌ですよね、安くても失敗するのって。その分無駄ってことですし。ただ、僕としてはそれ以上にストレスの溜まる「ながら勉強」が嫌で、それによって勉強意欲がそがれるのが嫌、という嫌に嫌が重なり、どうしてもこの状況を打破したかったため、購入に至りました。（大げさですが、割と重要だったのです。）写真のとおりですが、いざ現物が届くとプラスチックのため、大変チープ。まぁ、これは事前に認識していたとおりです。レビューでもチャッチィとあったので、他に色々探してみましたが代わるものがなかったわけでして^^; しかし、要は入門書を両手を使わずに見れるようにしたい、という願望が叶えばすべてOKなので、早速このブックスタンドに分厚めの入門書「PHP基礎」を置いてみました。本（側面）→本（正面）→ブックスタンドに立てた本、の順にご覧下さい。

※本は縦23cm・横18cm・厚さ2.5cm（若干誤差ありますが、ほぼこれぐらいです）

何とまぁキレイに載りました。角度が調節できるので、グラグラすることもなく程よい安定感で、チープな外観が本で隠れるのでなんら問題ありません^^ （まぁ、チープすぎるわけでもないんですが）また、ブックスタンドに本を立てることで、視線がPCのディスプレイを見る高さに近づくので、視線の移動がほぼ左右のみで済むというのも個人的に大きなポイントです。もちろんグラつくことがないので、気を使うことなくタイピングにも集中できます。ここで気になるのが、「他にどんな本が置けるの？」というポイント。試しに背の高い雑誌（webdesigning）を置いてみました。ちょうどAjaxのリファレンスが載っていたので早速ブックスタンドに置きチェック。

　※本は縦27cm・横21cm・厚さ8mm　ですうーん、さすがです、エレコムブックスタンド。「こんくらい余裕で載るで」と言わんばかりの風貌です。もちろんグラツキはありません。カラーバリエーションがあればいいのになと思うところはさておき、次回はもう少し突っ込んでこのブックスタンドの細かいところを紹介します。]]> サイト設計備忘録 tag:web.delively.net,2008://9.368 2008-04-28T12:47:34Z 2008-04-28T12:51:53Z

前回は実装した機能をザクッと書きましたが、今回はレイアウト関連です。 ...

センゴク http://delively.net/ 前回は実装した機能をザクッと書きましたが、今回はレイアウト関連です。サイト設計元々バイクというアクション色の強いテーマにも関わらず、グリーンという安心を与えるといわれる色を使っていたので、攻撃的な赤にメインカラーを変更しました･･･が、赤と黒の組み合わせが好きな僕は、ついつい黒を使いすぎてしまいました。･･･まぁ、とりあえずメインは赤ってことで、自分の中のハードルをあげるために、より整ったページを探すと見つかりました。･･･というか必死で探してるときは見つからなくて、ふと別件で調査していたりする時に見つかりました（笑）・バイクGO!急急ドットコム・ライブ&ダイニングバー音楽室・フリー素材屋Hoshino 何ともまぁハイクオリティなサイトです。ハードルが高すぎてとても「参考にしました♪」なんて失礼すぎて言えません^^; 自分としては「粗さ」をだいぶ取り除いたと思っていたのですがまだまだですねー。さて、実際にテクニックを拝借したのは、yahooや価格コム、mixi で、yahooは検索窓の位置、価格コム・mixiはコメントの表示の仕方です。検索窓についてはこれまでも設置はしていましたが、設置位置の悪さから利用頻度も低く、価値が薄れていたので中央に移動。やっぱり真ん中にある方が見つけやすいし、ポインタの移動もスムーズかなと思います。コメントについては、これまでは枠線も特に引いていなかったことから、白地が視界を支配し、自分的には「どーも文字に集中しにくいな･･･」と印象を持っていたので、枠線をガサッと引いて、「枠内」に視線が収まるようにしてみました。コメントありきのブログからすれば、コメンターさんの意見もコンテンツの一部なので、読みやすくしないともったいないですよね。あと、見落としてた点はサイトの説明文です。これまでは一発でバイクのサイトとわかるようにイメージ先行で作ってましたが、「バイクの何のサイトなのか」というところがアピールできてませんでしたので、説明書きをトップに追加。あんまり工夫がないレイアウトですが、いい案が思いつかなかったのでテキストをそのまま追加しました^^;

CSSの使い分けと設置位置

これまではCSSをMTのテンプレート上で作成していたのですが、そこまで触る機会が少ないことと、毎度再構築するのが面倒なため、FTPで更新する方法に戻しました。それと、MT4は以前と比べてサーバへの負荷が大きくなっているので、迷惑かけないように、制限かけられないようにするために、ってのが裏の意図にあったりします。で、今回も色々とIEのバグに足を引っ張られたのですが、これは恒例として、別の問題で悩んだのが、インデックスページとアーカイブページでのレイアウトです。画面上ではほぼ一緒なのですが、使っているCSSプロパティが被ることにより、インデックスページでは問題なかったのが、アーカイブページだと具合が悪いってことが多々あったので、使用する CSSを下記のように振り分けました。・インデックスページに使うCSS import01.css - common.css , index.css ・アーカイブページに使うCSS import02.css - common.css , archive.css common.css は全ページ共通のプロパティを入れ、後はそれぞれ import**.css でcommon.cssとそれぞれのページで使うCSSをインポート。これでうまく帳尻が合いました。･･･が、追加で足さないといけないプロパティが後で色々と出てきたので、ちとソースがキタナイです^^; あと、毎回思うのがMac環境でどーなっているのかみたいなという点。前に会社のMAC（IE）でみたところ、特に問題がなかったので今回も大丈夫かなーと思いつつ、やや心配。安いmacがあれば操作感になれるのも含め、買ってみようかと思う今日この頃です。（メインPC買い替えのため、当面先の話ですが）前述しましたが、IEのCSS表現で今回は数え切れないほど悩まされ、時にはCSSをアップしなおせば直るものもあったりなど、ホント原因不明なものが多かったです。そういう時って大体ブラウザキャッシュだったりするんですが、キャッシュを参照させんようにしている時などは、かなり泣きそうになり、それを通り越して笑ってしまったりしてしまいます。（いや、これホントの話）ネタが多くてここには書ききれませんので、これも別途記事にして残しておこうと思います。あまり解決の手助けにはなってないんですけどね^^;]]> バイクスタイル・リニューアル tag:web.delively.net,2008://9.366 2008-04-22T17:34:24Z 2008-04-22T17:42:37Z

昨年から手をつけ始め、ダラダラとやり続けてきた「バイクスタイル」のリニューアル...

センゴク http://delively.net/ バイクスタイル」のリニューアル作業が完了しました。]]> Ajaxなメールフォームそろそろサイトが出来上がるかなと思った時に、これを機にMT4.0から4.1にアップグレードしたのですが、やり方が悪かったのか mailformのプラグインが動作しなくなったんです。（ついてにコメントフォームも･･･）多分必要なファイルを消しただけと思い、バックアップファイルを見てもどれがどうなんだかサッパシわからないので、、色々とスクリプトを探した結果、結局postmailに落ち着きました。しかしただ設置するだけなら簡単、何か一工夫したいと思って過去に買った Webdesiningという雑誌を再読すると、「ユーザの心に響くAjax」なる特集を再認識し、javascriptファイルをダウンロードし、CGIを呼び出すページに組み込み検証すると、これまたなかなかの仕上がりです。（今までよりは）果たしてユーザに優しいのかと言われれば、限りなくグレーなのですが、勉強を兼ねるため、自己満足のため、そこは追求せずでございます。ただ一つ残念なのは、Ajaxそのものは別に問題ないのですが、postmailの文字コードがShift_jisにつき、MTのテンプレートに組み込めない点。MTのデフォルト文字コードをUTF-8と設定しているため、metaでShift_jisを指定すると文字化けしてしまうのです。まぁ、何なりとやりようはあるのですが、重要度も低く意図しないところでトラブルに見舞われるとリニューアルが遅れて、悪循環を生みそうなのでここはスルーしました。

Ajaxなサイト内検索

Ajaxばっかりですが、重いMTのサイト内検索を使ってサーバ負荷→実行数制限・リソース制限などされると困るので、ここはjavascript に頼ります（笑）それまで使っていたのがgoogleのサイト内検索だったんですけど、何かもっと違うヤツがあるでしょうよと思い、色々探してみるとgoogle-coop に着地（結局googleから離れず）設置方法もシンプルでテストページでは問題なく動作していた･･･はずなのに、なぜか検索結果が指定のページに反映されずハマってしまいました。（こういうのもあって、時間がかかってしまったのです）ハマっている最中に、www watchさんの記事で紹介されていた暴想さんのblog_ajax_json_searchという検索機能を拝見。そのスクリプトを wwwwatch さんのとこで改良したものを拝借し、設置してみることにしました。正直、僕javascriptって全くわからないんですけど、どこが検索結果を出力するとこなのかぐらいはわかりましたので、設置しいざ検索をしてみると、一回目はやっぱり時間がかかるものの、二回目はすごい早いですね。やー、こういうの作る人ってホントすごいですね。サポートの仕事じゃ当然ですけど、トラブルシューティングはやっても何かを作るってのはやらないので、こういう発想ができる人ってマジで尊敬します。（そして感謝）

fetch_rssを使って他サイトの更新情報取得

バイクスタイルのコンテンツに、最新バイクニュースっていう項目があるんですが、手動でやっており段々メンドクサクなって更新しなくなりました。ゆえにリニューアル前に乗せているニュースは 2006年のものだったりしてました（我ながらヒドイ話です）せっかくメインページの拡張子を.phpにしているわけですから、 phpで自動取得する方法をググッて見ると、あっさり発見。 PHP で使える RSS パーサー。動作に必要なファイルをアップして動かすタイプのようで、ウチの環境で動くのかしらと思いながら試してみると、動作はするようなので第一段階クリア。あとは、特定の文字列だけ抽出したかったので、mb_strimwidthを使って難なく抽出。しかし、HONDA・SUZUKIのサイトはそれでうまくいきましたが、YAMAHAはバイク以外の情報もRSSに含まれており、 KAWASAKIにいたってはRSSなしと来たため、ここは泣く泣く手動で対処することに。 YAMAHAのケースは対処方法がありそうな気がするので、後々の宿題とし次に進みました。（宿題にしすぎている傾向も宿題とします）しかし、プログラムの設置となると100%近い確率でエラーが出るのに、今回はほとんどノーミスです。仕事でプログラムの設置とかをしまくったせいなのか、妙にサクサク進むなぁと思わずにいられませんでした。

FLASHアクセスカウンター

元々そこまでこだわりのなかったアクセスカウンター。というのも僕自身があまりカウンターの数値を気にしていないからなのですが、この際ビジュアル面で一躍かっていただこうと思い、見つけたのが FLASHカウンター。（eternity designさん提供）個人的には結構気に入っているのですが、ポインタを合わせると「ピッ」という音がなります。これ何とかしたいのですが、どうもよくわかりません･･･。ユーザさんがびっくりするんじゃないかとヒヤヒヤものです。あとその上に配置した「サイトのお値段」ですが、これも何となくビジュアルがよかったので設置しました。というか、前々からどこかにブログパーツを置きたいと思ってたんですよ^^; まぁ、SEO的に何らかの問題があれば即外しますけど（笑）（sitestock提供です。）･･･文章長くなりすぎたので、サイトデザインとかのメモは次の記事にて書きます。上記機能の設定についてはまた別途記事にします。]]> 職人道は険しい tag:web.delively.net,2007://9.344 2007-03-21T15:02:51Z 2007-03-22T14:06:49Z

よーわからんうちにホームページなど作り始めている今日この頃ですが、大した数を作...

センゴク http://delively.net/ よーわからんうちにホームページなど作り始めている今日この頃ですが、大した数を作っていないのに、大した数を作った気になっているのが怖いところです。

意図したデザインをしてみよう

ロジカルなものを作ってみよう

これまではHTML・CSSの技術的に「やってみよう」的なものが、そのままサイトに反映されてきましたから、特にデザイン的には何にも意図はないんですよ。例えば、横にはみ出る感じにしましょうだとか、背景にうっすらと写真を出してみましょうだとか。前述の通り、これは技術的なポイントなので自分の中では「デザイン」ではないのです。もちろん、ユーザビリティ等は毎回考慮するところではありますが、ちゃんとしたWEBサイトを作るのは次が初めてという気でいます。それゆえになかなか手が進まないのも困りモノですが･･･。ただ、上記どちらかのテーマを満たせばよいので、DBとかを組んでみて既存サイトにフィードバックさせるかもしれません^^;　（今のレンサバでは厳しいかも･･･）んー、職人への道は険しい。（でも楽しい）]]> MySQLのお勉強 tag:web.delively.net,2007://9.338 2007-02-06T13:51:55Z 2007-02-06T14:16:09Z

サーバ会社のサポート員たるもの、日々の勉強を欠かしていると置いてけぼりを食って...

センゴク http://delively.net/ サーバ会社のサポート員たるもの、日々の勉強を欠かしていると置いてけぼりを食ってしまいそうな感じがします。そんなわけで、今まで放置状態だったプログラミングの分野にようやく着手することにしました。というか、本ばっかりポンポコ揃えて全然やってなかったんです。買うのはカンタン、使うのは難しい、というか逃げてしまうんでしょうねぇ。今回の場合は、自サイト内で「こんなんあったら便利ダナ」というプログラムを作りたくなったのと本業でのお客さんからの問い合わせで、最近DB系の事を聞かれることが増えてきたのが重なって、CSS以来のお勉強をすることにしました。やるのは「MySQL」。PHPとの連携が欠かせないオープンソースのプログラムです。「プログラムやるならCGIからやんなさいよ」と言われそうですが、ここは何となくの精神でその辺はすっ飛ばします。というのもですね、とあるサイトのプログラムを見て「これってPHPとMySQLを使ってるのか？それならコレ勉強したい」と思ったのがきっかけで、作りたいものベースでやるのが一番なのかなと思ったからです。過去に何度かCGIでメールフォームを作ろうとしましたが、すでにMTのプラグインとかで事足りているわけで特に自作する必要もなく、CGIで作りたい（作れる）ものが見つけられず、勉強する気もうせてしまったわけなんです。今回は明確にコレ作ろうというものがあるので、結構モチベーションを維持しているかなとも思えます。なんだか初めてHTMLを勉強したときみたいな感覚です。ここから派生してCSSも覚えていったので、MySQLをベースとしてそれに必要なPHP プログラムもかじっていけばエエ感じかなとも思えるんですけど･･･。調子に乗って我が家に眠っていたPHPの本を見ると、めまいがしました。やはり MySQLを動かすPHPをまず覚えていくのが、一見無謀に見えますが自分にとっては一番エエのかなと思いました^^; 今の進捗状況は、ようやくPHPを使ってデータベースを検索するselect文を覚えはじめたところです。楽しみながらやれている自分を見てどこかホッとしてますが先は長いなと感じますね。とりあえずコツコツやっていこうと思います。 FP学習ガイド・リニューアル tag:web.delively.net,2006://9.323 2006-11-18T17:23:44Z 2006-11-18T18:03:48Z

かなり前からやろうと決めていた、FPサイトのリニューアル。ようやく完了しました...

センゴク http://delively.net/ かなり前からやろうと決めていた、FPサイトのリニューアル。ようやく完了しましたヨイ。（できたのは５日前なんですが。） XHTMLの正しいマークアップ今まであんまり意識していなかったのが間違いだったんですけど、今回は見だしにはhxタグ、リストにはulやli　と基本に忠実に記しました。ブログが検索エンジンに有利だというのは、見栄えを意識したHTML4.01 ではなく、文書構造を意識したXHTMLを使っているからというのが定説ですが、このXHTMLを使っているのに記述がムチャクチャでは話にならんわけです。 HTMLを打っている最中に、ついCSSも平行してさわりたくなるんですけど、ここをグッとガマンしてまずHTMLを終わらせました。すると、あとは適当にヘッダーやコンテンツ・サイドバー・フッダーをdivタグでくくって、CSSでイジっていけばいいので、ものすごくHTMLソースがスッキリ。何となくCSS本来の役割を活かせたような、そんな気がします。（気がするだけか？？）

ポジション relative absolute

今回CSSプロパティで初めて使ったのが、絶対位置・相対位置を決める positionプロパティ。ヘッダー部分に使っているんですが、変にボックスを作って左寄せ・右寄せをしたり、テーブルタグでレイアウトしなくていいのが便利です。（多用はしたくないので、ヘッダーとフッダーのみです）ただ、コレを使うには少し気を使わないといけなくて、いきなりabsolute指定をして、上から**px･･･という感じで決めてしまうと、ブラウザを基本要素としてしまうので、表示がバラけてしまいます。（ブラウザの上から**px･･･　という風になるからです。）なので、親ボックス（ヘッダー）に、まず position:relativeを指定しておいて、その中の要素（classやid）に　position:absolute　top:**px left:**px　と指定すれば、「ヘッダーボックスの上から**px 左から**px」　という表示になりますので、かなり使えるプロパティとなりえます。

制作後･･･

最近はサイトを作ったあとに燃え尽きてしまう傾向にあります。コンテンツありきなのは自分でもよくわかっているつもりなのですがねぇ。デザイン力や技術力も上げたいキモチがあるのですが、何よりも大切なのが文章です。結局自分が作った土台に文章が載らないと何もならないわけですからね。実は一つのページをデザインするよりも、一つの記事をガツッと書くほうが僕の場合はパワーが要ります。（このブログは別です。常時脱力です。）モノによっては構造を考えて書きますから、結構大変です。FPサイトはまだ作りかけのコンテンツがあるので、まずはそこを作んないとなぁ･･･。リニューアルしたとはいえ、まだまだ未完成なサイトでございますです。]]> 検証・InternetExplorer7 tag:web.delively.net,2006://9.317 2006-11-07T14:05:18Z 2006-11-07T14:09:39Z

最近リリースされたＩＥ７。特に興味は無かったのですが、ＣＳＳ等の兼ね合いもあっ...

センゴク http://delively.net/ 最近リリースされたＩＥ７。特に興味は無かったのですが、ＣＳＳ等の兼ね合いもあって、アップグレードしてみました。アンダースコアハックが適用外全く僕はタイミングの悪いオトコです。前回に「アンダースコアハックはエエ感じやね」と言い放った直後にコレです。既存サイトのリニューアルのために、最近CSSを触ることが多かったのですが、一部に使用していたアンダースコアハックが適用外となっています。まぁ元々 IEが_を読み取っているのはバグなので、修正といえるわけなんですけど･･･。はっきり言ってイランことしてくれました、ハイ。（文句の根拠は下記にて）

微妙に修正か？CSS

直っているっぽいのが、「margin-left」。IE6では指定した以上にmarginを取っていたので、ここにアンダースコアハックをかましていたのですが、ハックが適用外になったのでどーなんだろうと思い、確認。すると、見事に修正されていました。･･･ただ、今のところ直っているかなというのはコレしか確認できずです。インターフェイスは他のタブブラウザやGeckoエンジン（firefoxとか）に近づいているのに、従来の微妙な余白の差に変化が見られません。ちなみにフォントのMS sans-serif は微妙にカッコよくなってますが、半角カッコ()（←コレの事）の幅が微妙に大きくなっているような気がしなくもありません。さて、当然の話ですが、IEをベースとしたブラウザ（SleipnirやLunascape）はIE7にアップグレードすると、それに準じます。（動作に問題はありません）お察しの通り、CSSの表現も変わってしまいますので、やや面倒なことになります。現状ではまだまだIE6を使っている人が多いので、当面はそれにあわせるのがセオリー。なので、IE7メインでブラウザチェックをするのはやや勇み足かと思われます。念のため、僕が運営している既存サイトのログによると、IE6・もしくはIE6 を基準としたユーザが８割前後。その次にfirefox系、IE7は出たばっかりなのでむちゃくちゃ少数派でした。（けど、対応しないといけませんなぁ）今のところ、サクサクとIE7から6に戻すにはWindowsのシステムの復元以外手はないそうで、手動で戻すにはレジストリを触らないといけない噂です。レジストリに関しては定かではないのですが、現状ではシステムの復元が一番やりやすい方法ですので、IE7にした日を覚えておかないといけませんね。

IE7ユーザは増えるのか？

結局のところ、作り手としてはユーザに依存するところが大きいわけですが、おそらく徐々に浸透はするとは思います。しかし、WindowsアップデートのプログラムにIE7が入っているのかなと思いきや、念のために今日、自動更新プログラムを確認してみたところ、IE7は入っていませんでした。（僕の見間違いかもしれませんので、責任は持てませんが････）こういうところも考えると、急にユーザ数が爆発的に増えるとは考えにくいんですよね。しかしながら、対応もしていかないといけませんので、IE6用にハックをかまして、IE7にはGecko系のブラウザと帳尻を合わせる、といった具合でしょうか。なんにせよ、何かとやっかいなIE。今回もIE7用のバグ修正用ハックもそのうち見つかりそうですが、バージョンアップする度に使えなくなる可能性大なので、結局は応急処置的なものにすぎないのが現状というところでしょうか。ただ、IE6のユーザが多くI一方でE7のユーザも無視しづらいので当面はIE6と IE7両方でブラウザチェックしないといけませんので、どちらかをもう一方のPC に入れたり残したりするほうがいいんでしょうねぇ･･･。（二個もPCないっちゅうねん）なお、下記リンク先にてIE7とIE6を共存させる方法もあるようですが、あまりオススメはできません。リンク先の管理人さんもおっしゃっているように、 100%IEの挙動は保障できないという理由からです。レジストリがからむのでくれぐれも自己責任で行って下さいね。・IE7とIE6の共存？--IE7.0スタンド・アローン版を試す･･･何か間違っている記述があれば、コメント欄にてお知らせ下さいませ。（あんまり自信がありませんので^^;）]]> アンダースコアハック tag:web.delively.net,2006://9.316 2006-11-04T13:09:24Z 2006-11-04T13:35:23Z

ホームページを作る時って、僕の場合何もしていない時間が多かったりします。デザイ...

センゴク http://delively.net/ ホームページを作る時って、僕の場合何もしていない時間が多かったりします。デザイン的なモノもあるのですが、問題はそこではないんですよ。当初はかなり行き当たりバッタリで作っていたのですが、最近ではちゃんと fireworksでレイアウトを作って、そこからイメージを書き出してみたりなど割とちゃんとするようになりました。（まだまだでございますけどなぁ･･･）で、何に時間が裂かれるのかというと、タグです。HTMLを打ち込んでいると、途中でCSSを触りたくなる衝動に駆られることが多々あり、あっちにいってはこっちに行き、集中力が散漫になってしまうんですよね。ただ、今回はちゃんとガマンして先にマークアップを終わらせたので、これは問題外。主題はやはりブラウザによる見栄えの違いです。ヘタすれば一日中悩んでしまうこともあって、サラリーマンの僕にとっては死活問題です。なので、今回は最近学んだアンダースコアハックというものを使ってみることにしました。常々から言われているように、IEにはバグが多くあります。例えば、マージン。例えばCSSで margin-left:10px; と書いてもIEではそれより多くマージンを取ります。しかし、firefoxではちゃんと10px分取るので、ここで誤差が生じるというわけです。（悩みの種がまた一つ花咲くというわけですわいな。）ここで使うのがアンダースコア（いわゆる下線「_」です）。通常CSSでは margin-left:15px; という感じで、ちゃんとルール通りに書かないと、反映されないのは周知の通りですが、そのプロパティの前にアンダースコアを入れると、なぜかIEはこれを優先して読み込みます。（他のブラウザは読みません）というわけで、IEバグの帳尻を合わせるには以下のようなプロパティになります。 margin-left:15px; （他のブラウザ用プロパティ） _margin-left:15px; （IE専用のプロパティ）もちろんマージン以外のプロパティにも使えますので、大変オススメの方法です。まぁ･･･あんまり多用はしたくないので、ここぞという時にしか使いませんが、悩むぐらいなら応急処置的に使ってもOKかなと僕は思います。･･･しかし、IE７ではどうなっちゃうんでしょうね。中途半端に改良されていない事を祈るばかりです。（ガンバルな、マイクロソフト。） 26歳・遊びのスタイル tag:web.delively.net,2006://9.314 2006-10-27T17:21:46Z 2006-10-27T17:54:15Z

たまにはどーでもいいことを書いてみようと思います。･･･というか、毎回どうでも...

センゴク http://delively.net/ たまにはどーでもいいことを書いてみようと思います。･･･というか、毎回どうでもよかったりするんですが^^; 遊び、つまり休日やアフター５の過ごし方というものですが、十代の時は極めてワンパターンで、・家に帰ってはゲームをする・家に帰ってはマンガを読む・友達の家に行きゲームをする・友達と外に出かけるが結局インドアに落ち着くというもの。当時は特に何にも思うところもなかったわけですが、ごくまれに「大人になったらどんな遊び方をするのだろうか」と考えることがありました。で、以下が当時高校生だったワタクシの妄想です。・アフター５はカクテルと女性と共に夜をすごす・アフター５は職場の同僚とビジネスプランを模索する・休日はカジュアルな服装で車でドライブしてみるどうやらドラマの見すぎで頭がおかしくなっていたようです。しかし、上記一つも実行に移せていません。この妄想をふまえて、現在26歳のワタクシの遊びのスタイルはというと・アフター５は家に直帰し、座椅子に揺られて夢の世界に落ちる・アフター５は家に直帰し、PCをつけてブログを書く・休日はバイクに乗るが、遠出すると雨に打たれる・たまにボーリング、カラオケに行くと、不健康極まりない行動です。大人になって初めて気づいたのが、ドラマのようなアフター５をおくれるレールなどどこにも敷かれていないというもの。なかなか現実はキビしゅうございます。ちなみに、一年前はものすごくボーリングにはまってまして、スコアが毎回 200を超えるぐらいまでレベルアップし、アベレージは160。友人と週2回は通っていたぐらいですから、これぐらいは想定の範囲内かもしれませんが、ストライク・スペアをとってもニコリともせず、「今の球筋は問題やな」とか「ピンアクションが悪い」などと言う我々は、かなりキモチワルイ集団だったと思います。（最近行ったら、120しかでませんでした･･･）さてさて、26歳になっても妄想はとまりません。次なるターゲットは30代のアフター５・休日の過ごし方。現在の理想とも言える過ごし方は･･･。・アフター５は職場の同僚と仕事のスキルアップを図る・アフター５は部下とダーツバーに行き、軽く盛り上がってみる・休日は奥さんとコンサートや娯楽にいそしむ・休日はビッグバイクに乗ってツーリングメンバーとバイクを楽しむむむむ･･･。果たして妄想で終わるのか実現するのか自分でもわからないところですが、30代になってもブログは書いているのは確かでしょう。もしかして30代になってこのブログに僕はこう書いているかもしれません。・アフター５は上司に腕を引っ張られて居酒屋へ行く（最悪）・アフター５は相変わらずPC三昧である（最悪）・休日は狙っている女の子とデートを・・・したいと思っている（未婚）・休日は子供にスッカリ出っ張った腹を踏まれる（既婚）我ながらリアルに書いてしまいました。これだけは実現しないようにしなければ。とりあえず今できることは、腹筋ですね。（アヤウイ）サーバ職人の「見せ所」とは tag:web.delively.net,2006://9.312 2006-10-18T17:29:16Z 2006-10-18T17:35:18Z

十月上旬にサーバー会社への就職が決まりましたが、知っている知識と知らない知識が...

センゴク http://delively.net/ 十月上旬にサーバー会社への就職が決まりましたが、知っている知識と知らない知識が混ざりあって四苦八苦です。僕が配属されたのはカスタマーサポートなので、実際にサーバーを触ったりはしないんですが、FTPでログインしたりなどはするので意外と知らない事が多かったり、CGIやMySQLの事も学べるので非常に有意義だったりします。逆に知らないだらけだったら、もうすでに職場にはいないかもしれません（笑）まぁ、レンタルサーバーは借りた経験があるものの、それを提供する側というのはなかなか経験できないものです。（当たり前だ）前述の通りサーバーを直接触らないので、そこまでの専門知識は問われないんですが、人にモノを説明するのは難しいと感じる毎日でして。まだ実際のサポートはほとんどしていないのですが、周りの方々の話を聞いているとそう感じずにはいられないんですよね。で、そんな中社内で研修･･･というか、某WEB系専門学校へのサーバ講習を会社で行うということで、社内でテスト講習みたいなものがあり、それに参加してきました。内容は本当に初心者向けの内容で、知っている人には物足りない内容なんですが説明の仕方がわかりやすく、時間の無駄とは思えませんでした。講習後、講師の方がテスト講習ともあって質問を求められたのですが、いかんせん新人の僕は当初のビビリ気質もあってか挙手せず。「誰か質問せぇへんかなぁ･･･」と様子を伺っていると、一人の男性が手を挙げました。（サーバ職人っぽい人です）質問のポイントはサーバーの「多重性」について。「共有サーバは多数のユーザーと一緒に利用するので、安価なサーバ会社ほど１サーバに対してのユーザー数が多いから、ビジネスで使うなら多少値段が高くても多重性の低いところがエエですよ～」（にっこり）という講師の質問にこんな感じでかみつかれました。（悪意はないです。あしからず。）「確かに言ってることは正しいと思うけど、一概にそうは言えないんじゃない？」ふむふむ。最もかもです。個人ユースですが僕が借りているレンタルサーバは安価ですが、一度もサーバの障害はなくとても快適でしたし。･･･まぁ某検索エンジンのクロールを弾いてた時期はありましたけど･･･。（あ、バレるなこりゃ。）で、さらに職人さん（みたいな人）は続けました。「多重性が高いっつてもさぁ、そこをどう運用するかが技術者の腕の見せ所だよ。」･･･おおッ！これはカッコよろしい。言われてみれば、「安いから落ちるヨ。」なんて言葉はお金を取っている以上通用しないわけですが、現場の技術者にそう言われると、そうかもと思ってしまいます。「こんなこと言えるぐらいの知識を付けたい」と思わせてもらった一言でした。ちなみに多重性（どれだけのユーザ数で共有しているか）を公表しているサーバ会社は少ないのですが、なぜかウチの会社の人はほとんどの会社の多重性を知っているようでした。横のつながりがあるのか、情報の入手の仕方があるのか。色々と気になることが多かった講習でした。（僕が借りてるサーバ会社の技術者の実力って････かなりスゴイのでは^^;） GOMプレイヤー tag:web.delively.net,2006://9.305 2006-10-05T05:28:05Z 2006-10-05T05:30:04Z

ネット上には色んな動画が落ちてますが、たまにマニアックな拡張子があったりして、...

センゴク http://delively.net/ ネット上には色んな動画が落ちてますが、たまにマニアックな拡張子があったりして、再生できない時があります。 GOM PLAYERのサイトへ]]> 新ドメイン　.mobi tag:web.delively.net,2006://9.303 2006-10-02T14:28:35Z 2006-10-02T14:26:56Z

当ブログの末尾ドメインは.netですが、取得時は.jpとかなり悩んでいました。 ...

センゴク http://delively.net/ 当ブログの末尾ドメインは.netですが、取得時は.jpとかなり悩んでいました。初心者だったので、ドー違うのよと思いまくっていたのですが･･･結果、大した違いがわからず.netの方が安かったのでそちらを選びました。年間で2000円ぐらいの違いだったんですが、別に出せない金額じゃないわけですよ。でもね、ここまで値が変わると何かもったいないじゃないですか。そんなわけで、個人ユースならそこまで払わんでもエエやんかという考えとなり、最近新しくドメイン取ろうかと思っているのですが、候補はやはりcomか net、はたまたinfoあたりという感じです。そう考えていたところ、何やら新しいドメイン「.mobi」が出るという話じゃありませんか。何でも、モバイル用サイトに適したドメインなんだとか。僕自身「へー」って印象なんですが、コレはたしてドーなんでしょ。大体にして、モバイルサイトは他のドメインでもHTMLで組めますし、適してるのかと言われれば疑問が残るところです。しかも値段が年額で約5000円と jpよりやや高めの設定。要るか要らんかと聞かれれば、今のところは要らんと答えます。おそらく、企業が運営するモバイルサイトのブランドとかイメージ戦略での用途が多いんではないかと。そりゃー「.mobiならアクセスアップにつながりますよ」と言われれば考えなくもないですが、ンな道理はおかしいわけでして。というか、ビジターさんってそこまでドメイン気にしないと思うんですよね。モバイルならQRコードでポポンとアクセスできるわけですし、PCみたいにアドレスバーにドメインが出ないので、「意味あるのかい？」と思ってしまいます。 PCサイトではありますが、一度知人に自分のHPを紹介する際にドメインを教えようとしたのですが、「検索エンジンから行かれへんの？」と言われたことがあります。 WEBサイトにドメインは必要ですが、それ以外でのユースって微妙なのかなという印象を持った出来事でした。大体打ち込むの面倒ですしね。というわけで、以上の考察から.mobiは流行るのかどうか、ゆるく見守ってみたいと思います。ファイルの整理整頓 tag:web.delively.net,2006://9.291 2006-09-25T13:37:44Z 2006-09-25T14:50:04Z

身の回りの整理は結構できている方だと思うんですが、これがFTPを通じて WEBに...

センゴク http://delively.net/ 身の回りの整理は結構できている方だと思うんですが、これがFTPを通じて WEBに行くと･･･ああこれはヒドイ。 CSSをimport化して、余計なプロパティを排除しつつ４つに分割

画像ファイルに適切な名前をつけて、ディレクトリ分け

ページビューの多いページのHTMLチェック

デザインの修正

と、やっていることは非常にシンプルなのですが、何せ一年間運営してきたサイトですから、ファイル量も膨大。もっとも、一番やりたかったのはデザインの修正で、配色数を減らしてシンプルにしたかったんですよね。一度、プロの方に 「このサイトは何か見づらいですね。見だしもわかりづらいし･･･」 と言われていたので、早くとっかかりたかったんです。さらにプロの現場では一定のコーディングルールがあるということで、自サイトにもそれなりのルールを設けてファイル名変更やプロパティなども変更していると、一週間もかかっていました。まぁ、最初に作ったサイトですから仕方ないんですけど、次から新しいサイトを作る時は一定のルールぐらい設けといた方がエエなと感じました。ファイル名をパッと見ただけでどこに使われているモノなのかをわかるようにしていれば管理もしやすいですしね。一番効果的だなと感じたのはCSSの分割で、テキスト用や枠組み用に分けるととってもわかりやすいです。まだ、Hackがどうとかいうレベルではありませんが、徐々にレベルアップしていきたいですね。今まで、「CGI・PHP・イラレとかも勉強しないと････」と思っていましたが、やはりHPの基本は（X）HTML・CSS。もっともっと突っ込んで勉強して、コーディングレベルを上げないとなぁ･･･と感じた一週間でした。]]> サイト運営のお供 tag:web.delively.net,2006://9.299 2006-09-16T13:18:31Z 2006-09-25T14:49:19Z

ＰＣで色々とやっていると、ついついタバコをガツガツ吸ってしまい、あっという間に...

センゴク http://delively.net/ ＰＣで色々とやっていると、ついついタバコをガツガツ吸ってしまい、あっという間に部屋が白くなっちゃいます。（換気しないと･･･）加藤珈琲店です。）

　ちょっとセレブな珈琲福袋『SCAA認定スペシャルティコーヒー豆セット（4つ入）』
￥3,654円（税込・送料込）

]]>