2004年08月05日
my del.icio.us

[Web]

| 投稿時間:15:54 | トラックバック (0) | この記事のページ

2005年04月05日
CSS+HTMLマニアへの道

[Web]

CSSの講義とかしてるんですが、何を覚えて、何を理解していけばいいのかがイマイチ分かりにくいということなので、下のようなフローを作った。ネタとして見てくださいな。

茶坊主（最初はみんなここから）
　　↓CSSが読める
　　↓基本的なHTMLが書ける
　　↓デバックが出来る（Lint、BorderDebug）
初心者（何が分からないかが分かるようになる）
　　↓スペーサーをあまり使わなくなった
　　↓table要素のネストが減った
　　↓非推奨属性が減った
　　↓Netscape4.xの限界を肌で感じた
　　↓ブロック要素とインライン要素の違いが分かった
中級者（CSSを実戦投入可能なレベル）
　　↓CSSの有り難味が分かった
　　↓HTMLのなんたるかが分かった
　　↓Displayプロパティを使い始めた
　　↓Positionプロパティを使い始めた
　　↓装飾画像を背景に置き換え始めた
　　↓スペーサーや無駄なtable要素が無くなった
　　↓連続したbr要素が無くなった
　　↓簡単なハックを使い始めた
　　↓HTMLファイルからstyle要素とstyle属性が消えた
上級者（普通はこの辺でOK）
　　↓物理要素を使わなくなった
　　↓どんなデザインが実現不可能かが分かるようになってきた
　　↓WinIE、MacIE、Gecko、Opera、Safariの特徴、バグ、傾向を理解できた
　　↓ブラウザのJavaScript振り分けなんていらない
　　↓Dreamweaverに別れを告げた
　　↓だんだんIEが嫌いになってきた
　　↓DTD？常識でしょう
達人（これ以上はディープワールド）
　　↓子セレクタ、隣接セレクタ、属性セレクタ、擬似要素を使うようになった
　　↓論理要素のみでマークアップ、その後CSSを適用するスタイルが板に付いた
　　↓どこかのページにいくと、内容の前にソースを見る
　　↓HTMLにエレガントさを求めるようになってきた
　　↓:after+contentってIEでサポートしてないの?使えねー。
　　↓CSS3まだー？
　　↓秀丸で書いたHTMLがLintで100点は当たり前
　　↓ていうか、Lintに頼るのも良し悪しだな
マニア（他の事やりなさい）

ちなみにtableレイアウト非経験者は「茶坊主」から「中級者」までショートカットできます。

| 投稿時間:18:51 | トラックバック (0) | この記事のページ

2005年04月06日
Firefoxに最近追加したエクステンション

[Web]

Mozilla Firefox Thunderbird の拡張あれこれというサイトを見つけたので、よさげなのをいろいろと入れてみた。

Bookmarks Synchronizer(FTP)

これは入れようかと思ったが、やめといた。ブックマークをWeb上に保管してユビキタスするわけだが、認証や暗号化をかけている形跡が無いため、共有できるブックマークが限られてくる。。とおもう。詳しいことは分からんです。
今のところ、.Macで十分かな。

TargetAlert

リンクの種類（Zipとか別ウィンドウとかMailとか）をアイコンを付加して知らせてくれる。これはずっと前から入れてるエクステンションなんだけど、すごくいいのでメモ。target="_blank"を事前に知ることが出来るのは重宝します。

copyurlplus

そのサイトのURLとタイトルを一括でコピーできる。めちゃめちゃいいです。特にBlogで記事を書くときとか、あとサイトを作りこんでるとき。

FlagFox

そのサイトのサーバがどこの国のものかを表示するだけのものなんだけど、なんだか入れてます。

Google Pagerank

ステータスバーにGoogleRankを表示します。

| 投稿時間:14:22 | トラックバック (0) | この記事のページ

2005年04月18日
林檎との麗らかなる生活 - アップデートの安心感

[Web]

Panther 最後のアップデート 10.3.9が突然出たわけですが、WinからMacに乗り換えてから印象に残ったもののひとつで、アップデートの対しての不信感がないということ。
Winのころはアップデートを適用すると動かなくなったり、そもそも面倒くさかったりで、ろくすっぽアップデートはしませんでした。
それが、Macにはそういう不信感がない。Macを使い始めて日が浅いのもあるかもしれないけれど、たぶん理由はマイクロソフトのアップデートに対する姿勢によるところが大きいと思う。
てことで、Tigerはかなーり待ち遠しいです。

関連した事柄で、Firefoxのアップデートも不信感なくやってます。
穴があったらすぐふさぐ姿勢。Firefoxで一番気に入ってるところです。

翻って、IEはアップデートしたこと自体がわかりづらいし、そもそも重大なセキュリティホールが見つかってもすぐにふさごうとしない。現在は月例アップデートという形をとってるけど、それも変な話だ。
だって、緊急を要するアップデートでも最大１ヶ月は放置でしょ？わけわからん。サボってるとしか思えん。OSにバンドルされていて、いい気になってますな。けしからん。

初心者やライトユーザにこそ、空気のようにして使ってもらわなければならないOSとブラウザ。
その安全性、安定性の確保はかなり重要な課題だと思いますよ。

| 投稿時間:10:37 | コメント (2) | トラックバック (0) | この記事のページ

2005年04月26日
Internet Explorer 7

[Web]

「Internet Explorer 7」の姿が開発者のブログで一部明らかに

W3C（World Wide Web Consortium）が推奨する画像フォーマット「Portable Network Graphics（PNG）」と、ウェブページのスタイリングのための標準仕様「Cascading Style Sheet（CSS）」の主な要素をサポートする予定だという。

かなり胡散臭いですが、本当であれば、すごくよいニュースです。
ついでに、IE6までのCSSハックのサポートもしないでもらえれば、ほとんど書き換えなしでIE7を迎えることができそうです。

だとしても、メインブラウザにはなりえませんが。
ていうか、IE7ってスタンドアローン版（OSから切り離してブラウザのみで動作するやつ）ですよね？
Windows Updateでの強制アップデートでなくなるのであれば、IE6→IE7の乗換えが行われなさそうで恐い。

| 投稿時間:20:11 | トラックバック (0) | この記事のページ

2005年05月13日
FirefoxのCM

[Web]

cat@logさんのところで紹介されてたんですが、FirefoxのCMなんてあるんですね。
新聞広告なら、知ってたんですが。。。

内容は、似非フリスク。残念ながら真新しいセンスは感じられません（ｗ

| 投稿時間:12:54 | トラックバック (0) | この記事のページ

2005年05月13日
メタバリア

[Web]

タイトルは造語。
意味として合っているかどうかわからないけど、表現したい意味としては
「バリア（障碍、問題）を認識しようとしない、またはできない人や物の事」
ってところでしょうか。
ちょっと違うか。
「バリア解決に対して発生するバリア」
かな。自信なくなってきたｗ

うーん。問題を解決するより、問題を認識するほうが難しいのかもしれません。

すごい。心の臓を打ち抜かれた感じ。
ボクのしている仕事で一番労力を伴うフェーズは「問題を認識させる事」なんですよね。

何故今までどおりではいけないのか。
何故変える必要があるのか。
などを、理論的にわかりやすく、相手を怒らせないように、プライドを傷つけないように納得させなければなりません。

インフォメーションアーキテクトの仕事をやりだしてから一番成長したのは、プレゼンテーション力かもしれません。

| 投稿時間:14:54 | トラックバック (0) | この記事のページ

2005年06月20日
同窓（同一ページ内リンク）と別ドメインアイコン

[Web]

Firefoxの拡張機能「TargetAlert」というFirefoxの機能拡張がある。この拡張機能をつけると別窓やPDFなどの特殊なリンクにアイコンを追加してくれのですが、最新のバージョン（0.8.6）では、すごい機能が追加されました。

一つ目が同窓（ページ内リンク）アイコンである。
何気ないこのアイコン、ありそうでなかったアイコン。別窓アイコンと同じくらい感動しましたね。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="#"]:after{
content:url("/img/同窓アイコン.gif");
}


二つ目が別ドメインアイコンである。
このアイコンは、現在表示されているページとは別のドメインへのリンクを表す。これも同窓と負けず劣らず直感的で優秀です。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="http://"]:after{
content:url("/img/別ドメインアイコン.gif");
}


まだまだ、一般的なアイコンではないですが、是非、浸透してもらいたいものです。

参考ページ：CSS3の属性セレクタ（Lucky bag::blog）

wikiウサギ：同窓アイコン

wikiウサギ：別ドメインアイコン

| 投稿時間:15:41 | トラックバック (0) | この記事のページ

2005年07月26日
コメントスパム

[Web]

最近、コメントスパムがちらほらと書き込まれてます。
枯れ木も山のにぎわい。と言う訳にも行かないので、颯爽と削除。かっこいいボク。何だこのエントリー。

| 投稿時間:16:58 | コメント (3) | トラックバック (0) | この記事のページ

2005年07月28日
Flickr！

[Web]

Flickrに写真を置く事にした。ローカルではiPhotoで管理してるのに、公開するときにタグ情報とかが無くなってしまうのは、情報として明らかに劣化している。

そもそもMTで写真の管理は無理がある。プラグイン突っ込めば何とかなるかもしれんが、それでもやっぱりめんどくさそう（ry。

yoidoreusagiのFlickr!

これでいよいよ更新頻度が低くなるな。どうにかせな。

| 投稿時間:01:27 | トラックバック (0) | この記事のページ

2005年08月05日
del.icio.us のブックマークを表示するスクリプト　を試してみる

[Web]

e-luckさんのところでdel.icio.usの面白い使い方が紹介されていたので、早速。

del.icio.us / yoidoreusagi

もっともっさりしているかと思いきや、結構きびきび動いてますね。
ただ、論理要素を強制的に吐き出しているので、MTなどのCMS(?)でエントリーとして使用する場合は、注意が必要かな。

これ使って面白そうな事が出来そうです。だれか考えて。

＃e-luckさん、すみません。del.icio.us用のエントリーからもトラックバックを送ってしまいました。

| 投稿時間:16:00 | コメント (2) | トラックバック (0) | この記事のページ

2005年09月03日
告知：ワークショップやります

[Web]

このエントリーは告知です。開催日まで、トップに居座り続けます。最新更新分はひとつ下のエントリーからどぞ。

株式会社クリーク・アンド・リバー社様のお力添えで、ワークショップ（セミナーのようなもの）を開催することになりました。
Web標準を軸に、実践でのCSS導入方法を講義する予定です。

• 公式ページ
• 詳細告知ページ

ってことなんですが、本名と顔をさらしてしまいました。orz
写真もカッコつけて撮れとのことなので、なんか斜に構えてる感じが鼻につきます。
ワークショップ（セミナーのようなもの）自体は、丹精込めて準備するんで、良いものになると信じています。
値段も底値(７時間で７千円)です。稼ぐつもりはさらさらないので、担当さんに怒られるぐらい安くしました。興味がある方は是非ご参加くださいな。

| 投稿時間:15:08 | コメント (3) | トラックバック (0) | この記事のページ

2005年09月03日
告知：ワークショップについて

[Web]

おかげさまで、定員集まっていただいたようです。これでワークショップ開催出来ます。（実は定員集まっていただけるかどうかが一番心配でした。。）

参加予定の方で、ワークショップについての要望があれば、ここにコメントしていただくか、メールください。
できるだけ内容に盛り込みたいと思います。

| 投稿時間:15:09 | トラックバック (0) | この記事のページ

2005年09月05日
ワークショップ終了

[Web]

9/3に「これからのWebコーディング～Web標準に対応するためのHTML/XHTML＋CSS段階的導入法～」を開催しました。

感想としては、すっげー疲れた。ってことですね。
参加していただいた方々からの反応も上々のようで（管理担当者がそう言ってました。）、次回開催も決定したみたいです（ヒトゴト）
次回は、今回の反省点を活かしつつ、もっと良いものにしていくつもりです。

ただ一点、参加者さんからの不満がありまして、「ワークショップというのに、PCでの演習がないじゃないか」という声がちらほらありました。
いや、ホントすみません。このギャップについては事前に分かっていたのですが、機材の関係でどうにもならなかったんですよね。
なので次回は「セミナーっぽいワークショップという形態をとる」という告知をしていただくようにお願いしておきました。

参加者さんには、ある場所でアフターフォローをやっていきます。
セミナーでは説明しきれなかった部分や、持って行ったはいいけど全く使わなかった資料などもその場でフォローしていきたいと思います。

それにしても、無事に終えることができて良かった。
途中で生徒さんが帰っちゃったり、水ぶっ掛けられたり、上靴に画鋲入れられたり、教科書に落書きされたり、回覧板をまわしてもらえなかったり、かみそり入りの手紙を送り付けられたり、「ひゃはは」と指をさされて笑われたりされなくて、本当に良かった。

| 投稿時間:10:29 | コメント (2) | トラックバック (0) | この記事のページ

2005年09月26日
説明をするということ

[Web]

仕事柄、仕事のやり方から技術的な解決策までいろいろな質問を受けることがある。
その質問に答えるには、たった一言でよい場合と、長ったらしく原因究明から解説する場合がある。

前者の場合は、内容はともかく「今後も同じような問題が起きない、若しくは、例え起こっても、対処できるだろう」と判断したときにこのような答え方をすることが多いと思う。

逆に後者の場合、「今後も同じような問題が起きた場合、対処できないだろう」と判断したときに解説を交えた根本的な解決策を提案しているような気がする。

だからほんとにチョットした疑問に対して、つらつらと長い時間をかけて説明することがあるが、これはどうしようもない。

でも究極的には、出来るだけ少ない言葉、時間、労力で、根本的な問題を浮き彫りにし、解決策を提案し、次回に繋がるような解説が出来るようになりたい。

それには、教える側が圧倒的にレベルアップしなければならないのだと、最近気が付いた。
がんばろう。

| 投稿時間:15:28 | コメント (2) | トラックバック (0) | この記事のページ

2005年09月30日
Safariでwidth属性、height属性のない画像のalt属性が代替されない

[Web]

img要素にwidth属性とheight属性を付けないというエントリーを書いたのですが、どうもSafariではalt属性の表示の実装がおかしい。

width属性、height属性の無い画像は、「？」というアイコンが出るだけ。
むぅ。。駄目だろこれ。

alt属性はimg要素が何らかの理由で表示できないか表示しない場合に代替となるテキスト情報であるわけで、「？」はまずいと思う。
少なくとも「画像が無いことは分かる」わけだが、width属性、height属性を指定した領域が小さい画像は「画像が無いことも分からない」という事態に陥る（alt属性が見えず、「？」アイコンも無く、周囲と同化している）。
その他にも、文字を拡大してwidth属性、height属性を指定した領域からalt属性がはみ出すと、alt属性のテキストが消えてなくなります。

この現象に解決策はあるのか？
つか、Safariは通常の環境設定で画像を表示しない設定に出来ないんですね。。
環境設定＞表示＞「ページを開くときに画像を表示」のON,OFFで設定できますね。このラベリングも謎だ。

Safariが一気に駄目ブラウザに思えてきた。

| 投稿時間:12:21 | コメント (2) | トラックバック (0) | この記事のページ

2005年10月20日
仕事と人間関係と信念を愚痴る

[Web]

仕事をしていると、様々な人と関係持ち、コミュニケーションをとっていかなければならないのだが、ボクはどうもその人間関係を良好に維持することが出来ないようだ。
仕事で失敗するときは、大概はその人間関係のほつれから始まる。まぁ、ほとんどが身から出た錆なわけだが、プロフェッショナルとしてどうしても引けない時もある。

誤解を恐れて、誤解を招かないようにするスタンスが「ウザイ」「しつこい」などの印象を与えることなどはしょっちゅうで、長く付き合えば付き合うほど、その部分を煙たがられる傾向にある。
口から出る言葉も辛辣な部類に入るだろう。結論をはじめに言うのも日本的でないのかもしれない。調子に乗ってしまうのも悪い癖だ。
なので、長く続く友達や仕事関係はかなり少なく、いつも綱渡りだ。

一方で、ボクはこの仕事にある種のプライドを持ってやっている。若い業界だし、技術の積み重ねは少なく、すぐに新しいものに取って代わるIT（特にWeb）業界で、長くやっていくには、常にアンテナを張り新しい技術を受け入れる準備をして勉強をやり続けるという「人間力」が必要なのではないかと思う。
スキルなんかは後から付いてくるという考え方だ。
で、その勉強とは、実務とは別の枠を取らなければならないわけで、四六時中納期に追われている状況では（少なくともボクは）非常に困難なことだと思っている。

ボクの考え方で「8時間仕事、8時間遊び、8時間寝る」というのがあるのだが（まあ、実際は8時間も寝ないし、12時間以上仕事をしているわけだが）、その3つのバランスを上手くとることが、長期的に見て一番有効なのではないかと思っている。
ただ最近分かったのは、この考え方では大金持ちになれないということw
幸運にもボクはお金に対してそれほど執着がないので、これはこれでいいのかとおもっている。

ただ、フリーになって痛感したことは、自己主張して職人気質をまるだしにするよりも、ある程度考え方を曲げても、柔軟（？）に物事に対応していく方が、多くの場合トラブルが発生しないということ。
これまでの人生観が根底から覆されたような気分。
かなり衝撃を受ける。

やっぱ人生なあなあで生きた方が楽？
でも、達成感なさそうだなぁ。

このもやもやした抽象的な考えを何かにぶちまけられたら、楽しいだろうなぁ。

| 投稿時間:09:53 | コメント (4) | トラックバック (0) | この記事のページ

2005年12月13日
del.icio.usのFirefox用機能拡張

[Web]

ソーシャル・ブックマークのdel.icio.usですが、Firefoxの機能拡張を出してたんですね。
これまでは、ブックマークレットを使って登録してたんですが、この「del.icio.usのFirefox Extension」を使えば、ツールバーにdel.icio.usへのリンクと閲覧中のページの登録ボタンを追加することが出来ます。

って、有名？
まあ、メモ程度に書いておきます。

そういえば、
Yahoo!、ソーシャルブックマークサイト「del.icio.us」を買収したらしいです。
買収しようが何しようがどうでもいいですが、使いやすいよい物を提供してください。おねがい偉い人！

| 投稿時間:18:24 | トラックバック (0) | この記事のページ

2006年02月01日
IE7 Beta2 Preview版 リリース

[Web]

IE7 Beta2 Preview版 リリース
初の「公開β」となった、IE 7のβ2
米Microsoft、「IE7 Beta 2 Preview」をリリース

ということで、自宅のノートに入れてみた。
IE7はスタンドアローンで動くと聞いていたのに、やっぱりIE6を上書きなんですね。

CSSの主立ったバグは据え置きみたい。
ハックもそのまま動いてる。
セレクタの実装も据え置き。子セレクタも属性セレクタも疑似要素も擬似クラスも全部そのままかな。

テストサイト

見た目と機能は変わったけど、本質的な部分はIE6と大差ないみたい。
まあ、IE6までのハック解釈の違いによってビジュアルが変わってしまうという一番恐れていた事態は回避されたので合格点。
つか、IEにはそれほど期待していませんので。。役に立たないのは仕方が無いけど、邪魔さえしなければそれでいいです。
position:fixed;は実装された模様。

ああぁ。更新ボタンの場所が非常に使いにくい。
インターフェースデザインの観点から言えば、この場所（アドレスバーの右側。）は駄目でしょ?
進む、戻る、更新、中止（Safariは更新と中止が一緒のボタン）は一箇所にまとめるべきでしょ。慣れもあるだろうけど、同列の機能のボタンは一箇所にまとめるべき。

新しい機能で目を引いたのが、ZoomとText Size。
ZoomはOperaのZoomと同じで、画像とテキストページ内の要素すべてを10%から1000%の間で拡大、縮小できる。
Text Sizeはこれまでの「文字のサイズ」と同じ。
この2つを使い分けるのって、結構大変そう。機能を増やせばいいってモンじゃない。

むぅ。これって使いやすくなってんの？
バージョンアップのコンセプトが見えんぞ。Betaでこのレベルじゃ正規版も望み薄？？

| 投稿時間:16:22 | トラックバック (0) | この記事のページ

2006年02月02日
続 IE7

[Web]

IE 7 Beta 2でWebデザイナーと開発者が確認すべき点がチェックリストに

と、いろいろ情報が出てますね。
気になる点としては,CSSハックが使えなくなるという部分ですね。

Cascading Style Sheet Compatibility in Internet Explorer 7 (Windows IETechCol)（英語）
で、ざっとかいてますが、

・「* html」というHTMLハックが使用できなくなったらしいです。
・「min-heightと_height」の組み合わせが使用できなくなった？

このCSSフィルタはパーサバグに基づいています。 それは以前はよくインターネット・エクスプローラーへの唯一の特性を示していました。 これらの構造物は現在、インターネット・エクスプローラー7以降によって「カスタム特性」として扱われるでしょう。 カスタム特性は、それがまだOMにあるのを意味して、スクリプトで質問することができますが、ネイティブに値を当てはまりません。

以下の規則は以前はよく分-高さを当てはまっていました。
この特性と高さをIEに理解しているブラウザに。 _IE7では、高さはカスタム特性として扱われるでしょう。(高さは全く適用されないでしょう)

むぅ。直訳だからよくわからん。
アンダースコアハックはIE用のハックとして常用しているので、これが本当ならかなり打撃がでかい。
でも、昨日のテストではちゃんとハックできてたんだけどなぁ。

・「height/**/: 300px;」
まあ、べつにいんじゃね？

・「html > body」
・「Head + body」
子セレクタも隣接セレクタも機能しなかったはずですが、これも効かなくなるのかな？

どうもテスト結果とは違うことが書いてありますね。
もう一回テストしなおしてみます。

追記：
基本的なミスをしていました。
HTMLでIDを「sTest」としていたのを、CSSでは「stest」としてますね。
つまり、テスト結果は無効ということで（死）・・・。
テストやり直します。
すみませんでした。

| 投稿時間:12:36 | トラックバック (0) | この記事のページ

2006年02月03日
続々IE7

[Web]

テストにミスがあったので、テストページを拡張＆修正しました。

変更点
・対象となるセレクタを増やしました
・ハック（フィルター）を少し追加しました。
・DOCTYPEによる解釈の違いがあるので、４つのDOCTYPEでテストしています。
・スタイルをちょっといじった。
・正当なHTML/XHTMLにしておきました。（止むを得ないのは除く）

今後の課題
・Wikiウサギでまとめる
・DOCTYPEをもう少し追加する
・ハックテストをもう少し追加する

という感じですね。

IE7対応の感想としては、
HTML 4.01 Transitionalでは、IE6と大差ないです。ほとんど変わりません。
だた、厳密なDOCTYPEになると、解釈できるセレクタが増えます。

Cascading Style Sheet Compatibility in Internet Explorer 7で書かれている、「アンダースコアハック」が使えなくなる（？）というのは確認できませんでした確認できましたが、どうやらstyle属性で記述するとこれまでどおりフィルタとして機能するようです。

| 投稿時間:11:01 | トラックバック (0) | この記事のページ

2006年02月06日
続々々IE7

[Web]

レンダリングテストページをWikiウサギに移行しました。

あと、いくつかミスを修正しておきました。

| 投稿時間:12:58 | コメント (2) | トラックバック (0) | この記事のページ

2006年02月22日
反省文 その１

[Web]

凹んだから、反省文を書こうと思います。
後学に活かせればと。

ディレクションについて自分なりに足りないところを分析してみると、２つの大きな要素が見えてきた。

１ 全体戦略：スケジューリング、人的配置、要件定義などがあてはまるのかな。

２ 細部の詰め：どのセクションに於いても発生する。途中で投げ出してはだめ。あきらめても、「まあ、いいか」も駄目。さじ加減にもよるけど、時間の許す限り確認＆確認。

全体戦略は、プロジェクト全体のスピードアップ、質の向上、効率化、モチベーション向上、スケジュールの潤滑な遂行などに関わってくる。
知識、知恵、経験、チームワークなどに依存する。
ボクみたいにフリーでやってる人間は、全体戦略に契約状況や個人的なスケジューリングも絡んでくる。

細部の詰めは、質の向上、差し戻しの防止、信用度などにかかわってくる。
根性、忍耐、経験などに依存する。

全体戦略と、細部の詰めは反するものではなくアプローチの違いであり、相互に作用する。全体戦略の質が頭打ちした場合、細部の詰めをもう一度顧みるといいかも。逆も真なり。

ディレクションには、性格的な要素が大きく関わると思うけど、ボクはどっちかというと向いてないかも。。
プロジェクトマネージャさんなどは、これにお金の動きや対外的なディレクション、人間関係などのスキルがなくてはならない。ボクには無理だなぁ。お金に頓着ないから、多分もうけが出ないw

| 投稿時間:11:34 | トラックバック (0) | この記事のページ

2006年03月06日
Movable Typeを3.2に

[Web]

Movable Typeを3.2にアップグレードしました。
フルパッケージとアップグレードパッケージが一緒になってるということで、FTPにてアップするファイルを迷いましたが、結局「/search_templates」以外をアップして実行してみたところ、大丈夫でした。

というエントリー投稿のテストです。

| 投稿時間:19:04 | トラックバック (1) | この記事のページ

2006年03月07日
Movable Typeを3.2に（その２）

[Web]

月別アーカイブを再構築するとInternal Server Errorがでる。
なんだ？

| 投稿時間:08:21 | トラックバック (0) | この記事のページ

2006年03月29日
SPIテスト

[Web]

とある企業の筆記試験を受けてきました。
どんなことをするとか事前に聞かされていなかった為、特に対策もせずに乗り込みました。

で、ぶち当たったのがSPIテスト。
中学レベル？の一般教養ですね。
国語周辺は大丈夫でしたが、計算系がボロボロでしたw

なんといっても、問題が判りづらい！
表とか使って運賃計算とかしたのですが、表自体がわからん。意味不明。
多分「訳の分からない資料を読み砕く読解力と忍耐力とはったりと運」を試されたのだと思います。

こういうのは新卒の方の方が得意かもしれませんね。
１０年ぶりに連立方程式を組み立てて解かされました。間違ってたけどw

あと適性検査というのも一緒に受けてきました。

「ついかっとなって、感情を抑えられなくなる」マルかバツか。
マルと書く奴はいないでしょう。。。
もう少し本音を聞き出す設問に出来ないのでしょうか。

あとこんなのも。

「よく約束を破る」マルかバツか。
上と同じく自分の悪いところを自己申告する人はあまりいない。
ていうかマイナスにしかならんだろ。

「ウソをついたことは一度もない」マルかバツか。
こっちは上とは性質がちと違う。「ライスケール」っていうやつです。

人材を見極めると言うことはとても難しいことだと思います。
特に就職となると、双方の利害関係だけでなく職場内のコミュニティにも大きく関わるし、広げて言えば会社全体の死活問題になりかねない。

で、ボク的におすすめなのが派遣社員。
紹介派遣は特におすすめ。
これは被雇用者だけでなく、企業側にもメリットがあると思う。
試用期間（普通は３ヶ月程度）という実戦での面接＆テストが出来るわけだから、そうそうはずれは引かない。
良いと思った人材とは、契約続行or正社員雇用してしまえばいいのだから。

被雇用者も同じ。
その企業の内部を知ることが出来、自分がそこで何を出来るか、自分を活かせるかなどの判断がじっくり出来る。
また、建前の就業条件を暴くことも出来るしね。

企業側からすれば「派遣社員は高いのではないか」という懸念があると思うけど、膨大な面接対応やDQNを雇用してしまうリスクから考えれば安いもんでしょ。

被雇用者も収入がある状態で就職活動ができる訳だから、金銭的にもメリットがある。
ちなみに派遣社員の方が実入りがいい場合も多くある。

まあ、なにが言いたいのかというと、型にはまった試験とか面接で人（被雇用者からすれば企業）の本質を見抜けるのはとても難しいということ。（人事部の人はすごいなぁ。
現場に入って初めて欠陥が判ったり、意外な力を発揮することはざらにある。
いや別にSPIテストがうまく行かなかった言い訳じゃないですよ。たぶんw

＃あ、ちなみに巨大企業なんかで就職希望者が山ほどいる場合は、ある程度ふるい落とす意味でもテストは有効だと思う。ていうか必須？

| 投稿時間:10:40 | トラックバック (0) | この記事のページ

2006年04月26日
Google Mapのテスト

[Web]

[map:東京都千代田区皇居外苑]

| 投稿時間:16:11 | トラックバック (0) | この記事のページ

2006年05月02日
ALPSLAB clip! を使ってみる

[Web]

[map:35/37/41.351,139/38/52.053]

ALPSLAB clip!

ALPSLAB clip!の機能

・Webサイト上に地図を貼り付け
・ALPSLAB base上の指定した位置にトラックバック
・ALPSLAB base上にブログエントリアイコンを表示

Movable Type、tDiary、Hiki用のプラグインを使うと、さらに便利。

・住所または緯度経度を指定すれば、自動で地図が表示
・ALPSLAB baseの指定した位置に自動トラックバック
・地図画像のサイズ(大/中/小)および縮尺(詳細/中域/広域)を選択可能

ルート（道順ね）の表示ができるというので、入れてみた。
トラックバック機能もあるようだけど、うまく動かなかったですタイ。トラックバックは手動で。

Firefoxの拡張とかあるらしいが、サイトで迷ってしまいあきらめましたｗ

追記。
と思ったら、どうやらGoogleMapとかちあってしまうようです。
GoogleMapの地図がAlpsMapにさし変わってる。

Google Mapのテスト

| 投稿時間:12:41 | トラックバック (0) | この記事のページ

2006年05月08日
Intelから途上国向け教育用ノートPC「Eduwise」披露

[Web]

スラッシュドット ジャパン | Intelから途上国向け教育用ノートPC「Eduwise」披露

Intel CEO: Need To Speed Gains For ‘Next Billion People’

名称はともかく、生活に余裕のない国や地域でもPCの普及は急務なのでしょう。
ていうか、かわいいですよこれ。ほしい。

Webクリエイターとしても関係のない話ではなく、スラドの記事にもチラッと書いてありますが、このPC、ワイド液晶なんですよね。
最近ノートPCにもワイドが出回り始め、ボクんちのゲーム用PCもワイドです。

何が言いたいのかというと、Webサイトの画面デザインです。
まあ、今までの主流として横幅固定のデザインが大勢を占めてきましたが、これらのワイド液晶で横幅固定のWebサイトは非常に閲覧しづらいんです。
縦方向が短いですからね。
逆に横方向は十分に確保できるわけですが、横幅を固定されている為に余白だけが目立ってしまう。
ユーザの画面領域を有効に活用できていないんです。

昨今のWebサイトは本当にいろいろな端末で閲覧できるようになってきました。
よって昔ながらの紙的な発想の画面デザインからは脱却する必要があると思っています。
Web製作の現場でもそのあたりの認識はけして高いわけではないのが残念です。

ここ数年はNetscape4.xやIE4（5.0や5.5も）以下、などのレガシーブラウザでの見栄えの調整をしなくて良いケースが増えてきているので、是非Webデザインというものを見直していけたらいいなぁと思ってます。

| 投稿時間:08:25 | トラックバック (0) | この記事のページ

2006年05月08日
使いにくいWebサイトは、切れないハサミのようなものだ。

[Web]

なんとなく思いついた一言でした。

| 投稿時間:10:44 | コメント (2) | トラックバック (0) | この記事のページ

2006年06月06日
Movable Typeが調子悪い

[Web]

なんだかんだでMTを使い出して1年が経過。
エントリー数が増えて、Ping先も混沌としてきたのが原因みたい。
色々試してるけど、やっぱり不安定。
サーバ変えるかなぁ。

| 投稿時間:09:16 | コメント (1) | トラックバック (0) | この記事のページ

2006年06月30日
Movable Type 3.3

[Web]

Six Apart - Six Apart: Movable Type 3.3 がリリースされました
早速入れてみる。
毎度のことだが、アップグレード方法がよくわからん。

カテゴリーを入れると、やはり500error。
どうやらカテゴリーリストをDBに読みにいってるときに問題が発生している模様。
うーん。

| 投稿時間:09:54 | トラックバック (0) | この記事のページ

2006年07月28日
Internet Explorer6とか7とか、最初に言い出しのは誰かのう…のう、ファー様

[Web]

会社のPCに入っているIE6が、ある日突然異常動作をし始めた。
アドレスバーにURIを入力、他のアプリケーションからのURIのドロップ、ブックマーク、履歴などでページを開いた場合、デフォルトで使用するブラウザにリダイレクトされ、IEでは表示できなくなってしまったのだ。

唯一、ホームに設定しているページのみ開くことができ、画面内のリンクで遷移する場合は正常に動いていた。
ちなみに、デフォルトで使用するブラウザをＩＥにすると、IE→リダイレクト→IE→というように無限ループして、何時までたっても表示されない。ある意味ブラクラ。

原因が分らず、IEも検証でしか使用しないため、不便ながらも放置していたのだが、「もしかしたら、IE7β3を入れたら状況が変わるのかもしれない」と思い立ち、早速インストール。
で、即座にIE6に戻す。（戻す場合は、コンパネの「プログラムの追加と削除」からIE7を削除するだけ）

これがなんと、大当たり。
予想するに、レジストリが初期値に書き換わったからだと思うのだが。

と、予想外のところで活躍したIE7でした。

かなり大胆な配布方法を検討しているらしい
・ITmedia News：IE 7は自動更新で配布
・ITmedia News：IE 7の自動更新、日本語版は半年後から

| 投稿時間:08:14 | トラックバック (0) | この記事のページ

2006年08月23日
Mixiって面白いね（爆

[Web]

Mixi内の扮装が勃発しているコミュニティや日記をヲチしているのだが、これってもうバーチャルとか言ってられないほど、現実世界に具現化しちゃってますね。
近いうちにMixiが発端の殺人事件とか自殺とか起こるんじゃないのかな？

Webって一昔前なら単なる先進的なITツールだったかもしれないけど、これだけ世間一般に浸透してしまうと、現実生活との境界線は引きづらい。
公私を混同してしまう（たとえばボクみたいな）タイプには、悩みの種になってたりするんじゃないかな。
その辺りの巧い回避方法や法的な根拠とかをまとめた書籍とか出たらバカ売れするに違いない。とか思った。

インターネットは、フォーマットが電子的で匿名性が高いってだけで、「仮想」や「バーチャル」ではなく、純然たる「現実」であり「リアル」だね。

| 投稿時間:13:03 | トラックバック (0) | この記事のページ

2006年08月30日
メトカーフの法則

[Web]

メトカーフの法則 - Wikipediaという法則がある。

通信網の価値は利用者数の二乗に比例する。また、通信網の価格は利用者数に比例する。

というもの。
もともとは物理的な通信網などに対しての法則らしいが、これはそのままオンラインコミュニティに当てはめることができそう。
「二乗」という数字には、いささか論理的な根拠を感じることができていないのだが（勉強不足。「最低二乗」の方が正しいかな）、指数関数的に価値が高まるというのは非常に納得できる。

たとえば、2chやMixiなど。
これらはユーザ数が膨大で、他の追随を許さないほど。ここでの人々の団結力や実行力は恐ろしいものがある。
逆にこれらにユーザ数で劣るサービスは、発展が非常に難しい。
コンセプトを変えるのならともかく、同じようなコンセプト、ユーザ、サービスでは、参加人数で負けてる時点で逆転はありえない。
特にSNSではその現象が顕著だとおもう。（単に多様化ができてないだけかもしれないけど）

また、さらに一歩進んで考えてみてるけど、
「コミュニティの倫理的運用コストはユーザの二乗に比例する。」という仮説を立ててみた。（物理的運用コストも同様かな。これは専門外なのでよくわからん）
つまり、参加人数が多いほど、コミュニティ内部のユーザ間トラブルや運動、暴走、暴動（？）などの制御が困難になってくるのではないかということ。

2chは収拾が付かないほどに膨張しているし、Mixiにもあちこちでボヤが発生している。
ユーザ数を増やし、成長をし続けることでエントロピーは増大し続け、自滅へ向かっているような気がする。
これらをどうやって運用していくか。
結構重要だったりしそうだが。

関連
・ネットワーク外部性 - Wikipedia
・バンドワゴン効果 - Wikipedia

＃根拠が経済学や政治学に波及してるなぁ。IA自体は認知心理学や建築学の影響も強い。複雑で面白いです。

| 投稿時間:10:12 | トラックバック (0) | この記事のページ

2006年10月04日
地域格差

[Web]

今日、会社でブレストやってて思ったんですが、Webを作ってる人の大部分が首都圏に集中してると思うんです。
地方（という言い方がいいかどうかは置いといて）にしろ、都市機能が発達している場所に集中してると思うんです。（見たことはないけど

で、ですね。
Webを作ってる人たちは、自分の周囲の環境をメタって仕事を組み立てるわけですよ。
「こういうニーズがあるから、こういう仕組みにしよう」「今、これが流行りだから、これを売ろう」ってな感じに。
でも、それって地方などではまったく通用しなかったりするんでしょうね。

地方の友達に自分の職業を説明するときにも、その格差（というか認知率）の違いに辟易します。
「IA」なんてものは論外ですが、「情報設計」ではもちろん通じません。
「ディレクター」もNG。「Webクリエイター」で五分五分。
「ホームページ作ってる」で、なんとか「あぁ。そう。」となる。

実はこの先に新しい展開を考えているんですが、ちょっと商売になりそうなんでもう少し揉んでみることにしました。

なんなんだこの記事は。。

| 投稿時間:16:38 | トラックバック (0) | この記事のページ

2006年10月10日
超軽快なウェブチャット「Lingr」

[Web]

Lingr Web 2.0の挑戦者：超軽快なウェブチャットLingr - CNET Japanで知った。

1. プラグインなしでも非常に軽くて速い。
2. 登録の必要がない。
3. タグを通じて利用者同士を繋ぐ機能を持つ。
4. チャットルーム内に画像や動画を直接貼ることができる。
5. 非公開のチャットルームも作れる。
6. チャットのログがすべてアーカイブされる

とのこと。 軽快でほぼ匿名。画像、動画のアップロード。話題同士をタクソノミーにより繋ぐという点で、かなり良いんじゃないすか？ これは次世代掲示板の基礎になりそうな予感。

| 投稿時間:11:50 | トラックバック (0) | この記事のページ

2006年10月11日
まるごと入れ替え

[Web] [ちょっとどうかと思うもの]

MovableTypeの調子が悪すぎるので、一度全部掃除して入れなおしました。
テンプレートのバックアップがうまくいかず、順次適用していく予定。
MTはメンテややりにくいと思う。

| 投稿時間:13:43 | トラックバック (0) | この記事のページ

2006年10月19日
IE 7正式版をリリース

[Web]

ITmedia News：Microsoft、IE 7正式版をリリース

マイクロソフト、「Internet Explorer 7」正式版のダウンロード開始 - CNET Japan

とうとうリリースされてしまいました。現在製作中のサイトなどは要注意ですね。ボクも少し前からIE７対応の提案はしていますが、どうなるかは未知数。

そういえばこんな話も。ITmedia エンタープライズ：早くもIE 7の脆弱性指摘。アクティブスクリプトはデフォルトでOFFにしたほうがいいと思います。

うーん。アンダースコアハックはきいてるっぽい？研究ノート/レンダリングテストページ - Wikiウサギ - ドブロク[DOBUROKU]

| 投稿時間:18:23 | トラックバック (0) | この記事のページ

2006年10月26日
Firefox2.0

[Web]

Firefox2.0がリリースされました。各地で騒いでますが、取り立ててすげーってのはないです。そもそもそれだけ完成されてて不満が少ないってのもあるでしょうね。

ところで、職業柄、IE7もいやいやながら使ってみなきゃいけないですね。あーやだ。

と思ってたら、こんな話が「IE 7の印刷機能をチェック＆ショートカットで便利に使おう」

確かに使いやすいかも。うーん。すみません。ちょっとなめてました。

| 投稿時間:09:09 | トラックバック (0) | この記事のページ

2007年02月14日
IEでコメントできませんでした。

[Web]

IEでコメント機能が使えないようになってました。 ついでにテンプレートの不備を修正。 たまには見ないとダメだね

| 投稿時間:10:46 | トラックバック (0) | この記事のページ

2007年03月12日
コメント欄の整理

[Web]

コメント欄などを整備しました。

確認画面が、MTのデフォルトだったりしてました。ｱﾎか俺。

| 投稿時間:11:38 | トラックバック (0) | この記事のページ

2007年03月14日
コーダー実績の単位

[Web]

常日頃から、コーダー・マークアップエンジニアの評価をどのように行えば適当であるかを考えているんだけど、パイロットの実績で「飛行時間：18000時間」とか言ってるのを見て、ちょっとひらめいた。

「3000ページのマークアップ作業をしました。」

ていう発想はどうだろう？

もちろん、それがテーブル組みであったり、XHTML＋CSSであったり、システム対応のテンプレートであったり、PHP混在のソースコードであったりするだろうが、その辺は（乱暴にも）平らにならしてしまって合計値をたたき出すのだ。

単位はMP：マークアップポイント。

ページの難易度によって1ページ≠1MPだろうから、そのあたりを大体定義していくと、かなり正確なMPが出そう。

ちなみにボクは8万MPぐらいです（自慢・・になってるかな）。計算しだいではもっと行きますが。

| 投稿時間:21:21 | トラックバック (0) | この記事のページ

2007年05月11日
Twitter（ついったー）デビュー

[Web] [ちょっといいもの]

Twitterとは（はてなダイアリーより）

What are you doing?（今、何しているの？）で繋がる、コミュニケーションサイト。
インスタントメッセンジャーから「今していること」を登録できる。
またfriendに登録した人の「今していること」がインスタントメッセンジャーで表示される。
「今していること」は全てURLでアーカイブされる。

で、オレのアカウント酔兎のTwitter。よろしければ友達登録してくださいな。

今自分がやってる事を、一行程度で投稿。

ブログよりも手軽。ケイタイからもOK。メッセンジャーなどとの連携も可。

リアルタイムでいろいろな人に自分をアピールできるのですよ。ですよ。

まあ、つまり。えっと。

BlogよりもMixiよりも、もっと手軽に「私を見て見てー！」が出来るツールですね。

日本人はすきそう。登録方法はこれみてね。

実際、現在投稿されている新着コメントをみると（Public Timeline）、日本語がかなり多い。

RSSでデータ配信している為、様々な加工が可能になってます。

これは流行る！

ただし、登録や概念説明をもっと伝わりやすくしないとダメ。

面白いから色々検証してみようと思います。

| 投稿時間:11:13 | トラックバック (0) | この記事のページ

2007年06月15日
スゴロク CS3

[Web]

Adobe スゴロク CS3 - つくる・あそぶ・つながる 自由×自在 -

追加

さらに

| 投稿時間:14:47 | トラックバック (0) | この記事のページ

2007年06月22日
初心者

[Web]

インターネットには2つの初心者がいる

コンテンツ初心者とインターネット初心者である。

この二つを混同してはいけない。

| 投稿時間:09:50 | トラックバック (0) | この記事のページ

2007年06月27日
Webサイトを作るための「5W2H」

[Web]

Why

目的・戦略

How

方法論・技術

What

コンテンツ

Who

人材配置

When

スケジュール

Where

環境・サーバ・テストサーバ

How Much

金額

| 投稿時間:12:26 | トラックバック (0) | この記事のページ

2007年07月05日
「Д」でぐぐると、辛くなる。

[Web]

Д

らんま1/2思い出した。

| 投稿時間:11:02 | トラックバック (0) | この記事のページ

2007年07月11日
Google Adsenseを入れてみる

[Web]

ずーっとGoogle Adsenseのアカウントを放置したままで「アフィリエイトを入れるなんて、読者様に申し訳ない」などと、取らぬ狸のなんとやらな中二思考を展開していたのですが、やっぱ仕事上でも問い合わせがあったりなかったりなので、ひととおりやってみようかと思った次第であります。かしこ。

現在、いろいろテスト中ですので、広告の体裁や挿入箇所がガンガン変わりますが、あしからず。

広告の部分はわかりやすくしてるので、クリックしたくない人はスルーしてください。

でもクリックすると、ボクが喜びます。

ちなみに、Google Adsenseでは、内容にマッチした広告を出すのですが、サイト名が「どぶろく」なので、お酒に関する広告が多く出てきます。

| 投稿時間:14:24 | トラックバック (0) | この記事のページ

2007年07月13日
wikiウサギにもAdsense

[Web]

WikiウサギはPukiWikiで作ってるんですけど、ココにもAdsenseを組み込みテスト。

つか、やっぱ邪魔だなぁ。

Wikiウサギに関しては、結構ノウハウ的なことを書いてるから広告あっても許されそうですが、個人的なBlogにAdsense乗せるのは、まだ抵抗あるなぁ。

ところで、Adsenseが稼動するまでケッコウ紆余曲折あって、もともと持っていたGoogleアカウントがなぜか使えなくて、全く別のアカウントを作ってたりします。

Googleにメールで問い合わせても、テンプレート的な文章が帰ってきて一向に埒があかなくて困りましたね。

最初の申請では、問題点：重複した登録住所によるお申し込みと言われました。

Googleアカウントを乱立してたので、どれかがかぶったのかもしれません。

その後、以下のようなメッセージが。

無効なアカウントです。
このログインに関連付けられた申し込みは承認されていないため、このログイン情報を持つ AdSense アカウントは存在しません。お申し込みに関する詳細については、Googleからの電子メールの内容をご確認ください。電子メールは、お申し込み時にご記入いただいたメール アドレスに送信させていただいております。

これも意味不明。

エラーの内容がよくわからず、サポートセンターに問い合わせ。

しかし、要領を得なかったので今まで作ったGoogleアカウントを一つ残して全部消去。

その後、全く新しいメールアドレスで新規アカウントを立ち上げ登録が完了しました。

この間2週間。

あ、サポートセンターの対応は、悪くは無かったです。解決に至らなかっただけでｗ