![ドブログ[Do-Blog]](/do-blog/img/blog_title.gif)
このページは旧システム（MT3.33-ja）によって生成されていました。最新の記事はドブログトップページからご覧ください。
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。
これでいよいよ更新頻度が低くなるな。どうにかせな。
| 投稿時間:01:27 | トラックバック (0) | この記事のページ
2005年08月05日
del.icio.us のブックマークを表示するスクリプト を試してみる
[Web]
e-luckさんのところでdel.icio.usの面白い使い方が紹介されていたので、早速。
もっともっさりしているかと思いきや、結構きびきび動いてますね。
ただ、論理要素を強制的に吐き出しているので、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]
あと、いくつかミスを修正しておきました。
| 投稿時間: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!の機能・Webサイト上に地図を貼り付け
・ALPSLAB base上の指定した位置にトラックバック
・ALPSLAB base上にブログエントリアイコンを表示Movable Type、tDiary、Hiki用のプラグインを使うと、さらに便利。
・住所または緯度経度を指定すれば、自動で地図が表示
・ALPSLAB baseの指定した位置に自動トラックバック
・地図画像のサイズ(大/中/小)および縮尺(詳細/中域/広域)を選択可能
ルート（道順ね）の表示ができるというので、入れてみた。
トラックバック機能もあるようだけど、うまく動かなかったですタイ。トラックバックは手動で。
Firefoxの拡張とかあるらしいが、サイトで迷ってしまいあきらめましたｗ
追記。
と思ったら、どうやらGoogleMapとかちあってしまうようです。
GoogleMapの地図がAlpsMapにさし変わってる。
| 投稿時間: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で知った。
とのこと。 軽快でほぼ匿名。画像、動画のアップロード。話題同士をタクソノミーにより繋ぐという点で、かなり良いんじゃないすか？ これは次世代掲示板の基礎になりそうな予感。
- プラグインなしでも非常に軽くて速い。
- 登録の必要がない。
- タグを通じて利用者同士を繋ぐ機能を持つ。
- チャットルーム内に画像や動画を直接貼ることができる。
- 非公開のチャットルームも作れる。
- チャットのログがすべてアーカイブされる
| 投稿時間: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（ついったー）デビュー
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週間。
あ、サポートセンターの対応は、悪くは無かったです。解決に至らなかっただけでｗ
| 投稿時間:20:12 | トラックバック (0) | この記事のページ
2007年07月31日
Google AJAX Feed API
[Web]
Google AJAX Feed APIを使って、他サイトのRSSを取り込む実験をしてみました。
左カラムの下のほうにWikiウサギのRSSを展開して貼り付けてます。
ついでに2カラムになってます。リキッドでセンター寄せなんで、結構珍しいかも。
| 投稿時間:15:29 | トラックバック (0) | この記事のページ
2007年08月06日
無印良品ネットストアのメタファー
無印良品ネットストアにて、おもしろいデザインを発見。
商品の詳細ページなんですけど、値段とスペックの表示箇所が、実際の値札（現実で売られている商品のそれ）と同様のデザインになっている。
値札に一貫して独特のデザインをいれている無印良品だから成せる業だ。
このデザインにより、ユーザは値段やスペック表示を画面内から探す必要が無くなるわけだし、理解も直観的になる。
このメタファーの使い方は秀逸ですよ。
| 投稿時間:00:02 | トラックバック (0) | この記事のページ
2007年08月24日
Webを設計するときの6W2H
[Web]
Webを設計するときの6W2H
- Why：なぜ作る？目的
- What：何をつくる？
- Who：誰が作る？担当者
- Whom：誰に向けて作る？ターゲット
- When：いつ作る？スケジュール
- Where：どこに作る？サーバ、イントラ
- How：どうやって作る？技術
- How Much：いくらかかる？予算
| 投稿時間:15:54 | トラックバック (0) | この記事のページ
2007年08月26日
サイト設計の時間軸
[Web]
過去：これまでのリソースをどうするか
これまでに作り上げたWebサイトは、ＨＴＭＬの質や運用の上手下手に関わらず、コンテンツという財産である。
それらを無碍に消してしまうのは、非常にもったいない。
体裁を整え、新しく作るサイトにきちんと継承するべき。
現在：作ろうとしているサイトをどうするか
現在進行形の設計のこと。
過去のリソースと未来の運用を考えた上で設計すること。
全く新しいものを作るわけでも、作って終わりというわけでもない。
過去に蓄積された情報は形（上手下手・紙/Web/担当者の頭の中）はどうあれ財産だし、未来につながる設計なくして「生きているサイト」を作ることはできない。
未来：作り終わったあとはどうするか
運用・保守・PDCA・解析・終了した情報・変化した情報・次のリニューアル。。。
考えることはたくさんある。
本番リリースが終わった時点で次のプロジェクトは始まっている。
その心構えがなければ、単発的なプロジェクトにしか望めない。
| 投稿時間:00:48 | トラックバック (0) | この記事のページ
2007年09月19日
Amazon ウィジェット
[Web]
Amazon ウィジェットというものがリリースされました。
ひらたく言えば、ブログパーツですね。
早速、ドブログのトップページにも貼り付けてみました。
リリースされたウィジェットはいくつかあるのですが、その中のウィッシュリストウィジェットというものです。
ボクは、結構な数の本を図書館で借りて読んでるのですが、その読書履歴をまとめてたりします。
それとは別に、読んでみたい本や読了した本などをAmazonのウィッシュリストにぶち込んでるんですが、これも立派なコンテンツだよなと思ってます。
Amazonのウィッシュリストは、いまいち使いづらく、流用もあまり効かないのでゴミ箱状態なのですが、このウィジェットを機に質の良いウィッシュリストがどんどん増えると面白いなと思いました。
Amazonは、インターネット上（特に個人サイト）に今までなかった広告スペースを作ろうとしていますね。
発想は面白いです。
| 投稿時間:14:11 | トラックバック (0) | この記事のページ
2007年09月26日
iPod Touch ブラウザ篇
どうしても「必」と「心」の書き順を混同してしまう酔兎です。こんにちは（二回目）。
iPod Touchの続きです。
内臓されてるSafariについて、いくつか。
マルチタッチの威力
手のひらサイズの画面ですので、拡大・縮小機能がないとやってられません。
ここでマルチタッチの出番です。複数点を認識でき、その点の相対的な動きで直観的な拡大縮小機能を実現しています。
2本の指を当て、その指の間隔を縮めれば拡大。広げれば縮小です。逆ですねw。縮めれば縮小、広げれば拡大です。
ブロック要素へのフォーカス
現状のWebサイトは2カラム、3カラムが主流ですが、上記の拡大縮小でそれらのブロックにフォーカスするさらに手っ取り早い方法が実装されています。
それぞれのカラム（ブロック要素）をダブルクリック（ダブルタッチ？）すると、そのブロック要素にフォーカスされ画面全体に拡大されます！
ブロック要素がネスト（ブロック要素の中のブロック要素）している場合にも対応しています。
これは驚愕ですね。使い手のことを知り尽くしています。
キーボード
入力の要となるキーボードの設計も秀逸です。
画面上に表示されたキーを指でタッチすればよいのですが、タッチした瞬間はキーが見えなくなります（当たり前ですが）。
そこで、タッチされたキーの上方に拡大されたキーがピコっとポップアップします。さらにこの状態で画面上をスライドする事ができ、最初のタッチ地点で誤ったキーでも、スライドして修正が可能です。
デザインや斬新な機能が注目されるアップル製品ですが、本当の魅力はヒューマンインターフェース、つまり人間とコンピューターとの接点における設計だと思っています。
こんなのは、一朝一夕でできる芸当じゃないです。
パクリものや類似品は、形や機能はまねすることができても、このアップルの深い思想はまねることはできないでしょうね。
＃ちなみに、このSafari、よく落ちます。安定性は今後に期待でしょう。
関連記事
| 投稿時間:17:18 | トラックバック (0) | この記事のページ
2007年10月01日
iPod Touch 操作篇
「案」という字の下の「木」の部分がいつも潰れてしまう酔兎です。こんにちは。
流れに則って、iPodTouchイ操作篇を書きます。
噂の「iPod touch」のあの操作，何て呼ぶの？ -- フリック， ピンチ，…：ITpro
- タップ（チョンと目標をたたくこと。選択する時の操作）
- ダブルタップ（チョンチョンと目標をたたくこと。実行する時の操作）
- ドラッグ（写真を移動させるとき，クリック＆ドラッグの要領で指をグググと移動させること）
- フリック（スクロールさせる時，画面をスリスリすること）、とありますが、リストをスクロールする時に指で軽くはらう操作この説明が正しいと思います。
- ピンチ（2本指での拡大／縮小動作の総称）
- ピンチイン/ピンチクローズ（写真の全体を見る時のグググ）
- ピンチアウト/ピンチオープン（写真の一部を拡大する時のグググ）
こんな感じで、「新しい操作概念」がいくつも発生しています。シングルタッチスクリーンとマルチタッチスクリーンの差が如実に出てますね。シングルタッチがいかに原始的かが再認識できます。（悪いといってるわけじゃなく、もっと広げられる余地があるという意味です）
タップ、ダブルタップ、ドラッグ、フリックは、別段新しい概念でもないのですが、これらの操作に名前をつけてわかりやすくしてる点がAppleらしいですね。（言ったもん勝ちな感じですがw）
1つづつ掘り下げてみます。まずは、タップとダブルタップです。
タップとダブルタップ
タップは選択です。クリックとほぼ同義です。
ショートカットメニューの呼び出しにも使われます。この機能は唯一の「□ボタン」とかぶる部分があるので、もう少し整理できるはずです。
ダブルタップは、ある部分にフォーカスするというような使い方になります。また、フォーカスを解除にも使われます。
「ここがもっと見たい！」と思ったら、ちょんちょん。です。
ちなみに、iPod Touch ブラウザ篇にも書いたのですが、Safariでは、ブロック要素にフォーカスするというものすごい機能が実現できています。
現在の2,3カラム中心のWebデザインでは、使い勝手を大幅に向上させています。
ドラッグとフリック
ドラッグとフリックは似ています。
まず、ドラッグは画面にタッチした状態で、ぐーっと指を移動させる動作です。主に、移動やスクロールに使用されます。
つぎにフリックですが、ドラック中に指を進行方向にスパッとはじく行為です。iPodTouchはドラッグの早さを計測しているので、すばやいフリックは早く、ゆっくりなフリックは遅いスクロールが惰性で継続します。。
フリックは主にスクロールに使用されますが、ドラッグと違って指をはなした後も惰性でメニューがスクロールするため、長いリストをすばやくスクロールするのに最適です。これは今まであまり見かけなかった概念です。
また、フリックした後の惰性でスクロールしている状態でタップすると、ぴたっとスクロールが止まります。このあたりの直観的インターフェースデザインが秀逸です。いや、感動した。すげーわApple。
ピンチインとピンチアウト
一部では、「くぱぁ」とかいわれてる動作です。
指を2点タッチし、押し広げるのがピンチアウト（拡大）、押し狭める（変な日本語ｗ縮小/全体を見る）がピンチインです。（ズームイン、ズームアウトとイン/アウトが逆なんで混乱しそうです。）
この二つの概念は、マルチタッチでしか成しえません。今後はこのピンチを使ったインターフェースデザインに注目です。
使用上の注意
小さな画面に、これだけの入力パターンが用意されているので認識精度はかなり高くなければなりません。
ボクの使用感で言わせてもらうと、（微妙に操作しづらい場面もありますが）概ね合格じゃないでしょうか。ただ、タップとダブルタップは操作ミスしやすいです。
また、爪やペンなどのとがった部分で操作したくなるのですが、指の腹などやーらかい部分で操作したほうが認識精度がよくなるように設計されているっぽいです。
基本は、やさしくたっち！
関連記事
| 投稿時間:11:52 | トラックバック (0) | この記事のページ
2007年10月01日
iPod touch キーボード篇
キーボード篇ということで、実際にiPod touchからの投稿です。
mt3.3の管理画面はまったく問題なく動く模様です。
予測変換がかしこいのでそれほどの苦労もなく、エントリーできました。
日本語の変換は今後のバージョンアップにも期待できそうです。
F6やF7に相当する機能が無いのと分割変換がないのは辛いですね。
ちなみに範囲選択、コピー、ペーストは不可能です。
これも今後に期待です。
関連記事
| 投稿時間:23:32 | トラックバック (0) | この記事のページ
2007年10月11日
(X)HTML+CSSだけってのは、袋小路。
[Web]
IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開）
過激なエントリーです。トラックバックができなかったので、直リンク。
ボクが(X)HTML+CSSだけな奴だった頃からの不安と不信、またCSS Niteへの疑問が書かれちゃってます。
やはり、皆さん感じてるんですね。閉塞感を。
ぶっちゃけ、CSSなんて書くだけなら2ヶ月あればマスターできます。HTMLも平行して進めるのであれば3ヶ月もあればマスターできます。ただ実際には、有効な教科書、体系化された資料が無いのでこんな短期間では習得は難しいでしょうが。
手作業で静的なHTMLをかくのは数年以内にほぼ完全自動化されて「え？ナマHTML書いてんの？物好きだねぇ」なんていわれる時代はすぐそこです。
(X)HTML+CSSが進むべき道は、ボクが考えるに4つほどあります。
順に説明します。
1.ディレクターにクラスチェンジ
汎用性の高いディレクターにクラスチェンジするのが一番無難でしょう。これまで培ってきたマークアップの技術とその方法論・現場の思考（こっちのが重要）を武器に、最後の実装までをリアルに管理できるディレクターが出来上がります。
クラスチェンジには環境が大きく作用します。またそれを利用するべきでしょう。小さな案件であれば、自分に全部任してくれないか。などの交渉を組織内で行なってみましょう。
徐々にクラスチェンジしていくのが現実的ですが、ユーティリティが高くなるため、オーバーワークで潰れないように気をつけましょう。食いっぱぐれは無いでしょう。潰れない限りは。
クラスチェンジに必要なスキル：プロジェクト管理能力、コミュニケーション能力、マネジメント能力、度胸
2.デザイナーにクラスチェンジ
ボクは仕事でデザインをやったことが無いので、軽く書きますが、そもそもコーダーからデザイナーに転進する人はほぼ皆無です。これは能力的に無理というわけではなく、「諦め」によって自ら道を閉ざす人が多いためと考えます。
実際、デザイナーにクラスチェンジする場合、マークアップの技術などの即戦力スキルはほぼ役に立たず、全く別分野のお勉強をする必要があるため、隔たりは大きいです。ただし、根底的には繋がってるので頑張れば視野の広いスーパーWebデザイナーが出来上がるはず。
クラスチェンジの条件が厳しく、どうかしたら路頭に迷います。がんばれ。
クラスチェンジに必要なスキル：ビジュアルデザインに関するスキル全般（広い！）、PhotoShopなどのツールのオペレーションスキル、デザイナーチックな服装と髪型。
3.プログラマー・SE方面にクラスチェンジ
JSなどに興味があるならこっち。ただ、コードを書くといってもHTML・CSSはプログラミング言語ではないし、発想の出発点が全く違うので注意。
ボクはC言語とアセンブラ、Perl、PHPとJavaを少しできるので、こっちに行っても良かったかなとおもうんですが、性格的に合わないと思い断念しました。
どちらかといえば、深く掘り下げるほうへのクラスチェンジになります。食っていけるだけの将来性はあると思います。
クラスチェンジに必要なスキル：C、PHP、Perl、Java、Ajax、ActionScriptなどから最低でも2つ以上を実践で使えるレベル。
4.IAにクラスチェンジ
IAとは、インフォメーションアーキテクトです。マークアップを真に理解していると確信するならば、この道をオススメする。
ただし、クラスチェンジの条件が厳しい上に、「認知度が低い」「ある程度大きな組織に所属する必要がある」「文献が無い」「職業自体の定義があいまい」などの将来性の面では非常に不安定です。
何をするのかといえば、大雑把にいうとサイト設計をやります。
いままでデザイナーさんにデザインを、ディレクターさんに文言素材をもらって作業してたと思いますが、さらにその上流過程に足を踏み込みます。マークアップスキルを片手に、上流過程に殴りこみです。
インタラクティブデザイン、ユーザエクスペリエンス、SEM、ユニバーサルデザイン、構造設計、、、挙げればキリが無いですが全部HTMLに根底的に通ずるところがあります。
ボクは個人的に、「HTMLを制するものはWebを制する」と思っています。Webの根底原理はHTMLにあると思っているからです。ただし、ここではマークアップスキルの自体のことを指しているわけではなく、マークアップという意味を理解していることを指します。つまり情報を作り出す原理的な理解ですね。
非常に困難な道のりですが、やりがいはあると思っています。面白さは一番だと思います。だって、まだほとんど手付かずで残ってる未開の地ですよ。パイオニアになれるチャンスですよ。
クラスチェンジに必要なスキル：ディレクション能力、マーケティング能力、コミュニケーション能力、その他幅広い知識、敏感なアンテナ、M的資質、野心
まとめ
長々と書きましたが、個人的には多くのコーダーさんがIAへとクラスチェンジしていくを期待しています。そこでWikiウサギなどをしこしこ組み立ててる訳なんですがね。
| 投稿時間:10:41 | コメント (1) | トラックバック (0) | この記事のページ
2007年10月15日
プロフィールを整える
[Web]
これまで意図的にプロフィールを隠してたのですが、2カラムにデザインを変更したのを機に、プライオリティの高い左上にイラストつきでプロフィールを設置しました。
やはり「そのサイトが何者によって書かれているか」がすぐにわかるとユーザの定着がよくなりますね。
プロフィールは一考の余地ありですが。
RSSフィードなどでWikiウサギやTwitter、咲走譚（嫁の日記）なども巡回させるようなつくりにしました。今後の効果測定が楽しみ。
| 投稿時間:19:24 | トラックバック (0) | この記事のページ
2007年10月15日
Google Adwordsで、、
[Web]
[ちょっとどうかと思うもの]
Google Adwordsで、Wikiウサギの広告を出して遊んでるんですけど、最初のキーワード選択時には20円ぐらいだったのに、数日経過すると50円、60円と徐々に最低入札金額が引き上げられていく。
AdRankが関係しているらしいが、よく仕様がわからんな。品質が低いまま。
サイト名をマッチングさせないとダメかなぁ。内容とはマッチングしてると思うけど。
ちなみに、サイト名と関連性の高いキーワードだと、「OK」って表示されます。OKって何が？
なんて、小遣いを投資してごにょごにょやってます。
| 投稿時間:19:41 | トラックバック (0) | この記事のページ
2007年10月19日
ヤフーとGoogleで画像検索の障害
[Web]
“消えた初音ミク”問題 ヤフーとGoogle「原因を調査中」 - ITmedia News
「両者が同時に」という点でなんとなくきな臭いですが、こういうこともあるんでしょうか。
この問題は非常に興味深いです。Yahoo＋Google八部だったとしたら。。ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ。Web上での社会的抹殺ですよね。
他には、「初音ミク」という文字列が特別な配列で、、、など、SOS団的な発想ぐらいしか思いつきません。
| 投稿時間:09:56 | トラックバック (0) | この記事のページ
2007年10月19日
中国でGoogle、Yahoo、MSNへのアクセスが全て百度.comにリダイレクトされているらしい
[Web]
中国、Google、Yahoo、MSNへのアクセスを百度.comが乗っ取り：語句ログ
中国全土でGoogle、Yahoo、MSNへのアクセスが百度.comにリダイレクト中・・・ | i d e a * i d e a
TechCrunch Japanese アーカイブ » Baidu〔百度〕、中国でのGoogleのトラフィックをハイジャック中
一つ前のエントリーでヤフーとGoogleで画像検索の障害と書いたのですが、中国では次元の違うとんでもないことが起こってます。
Google、Yahoo、MSNへアクセスすると、百度にリダイレクト（勝手に飛ぶ）されるらしいです。（未検証ですが）なんつーか、やることがマクロすぎて想像の範疇を超えてます。
個人的には「ブッシュ米大統領、ダライ・ラマ14世と初めて公の場に」が原因じゃないかなと思ってますが。
金盾の準備期間、暫定的にリダイレクトしてるのかな。
これまでも「ダライ・ラマ」というキーワードは検閲対象だったらしいのですが、今回は「ブッシュ」「米国大統領」も検閲対象になり、設定が複雑化したから？
真相は如何に。
| 投稿時間:10:09 | トラックバック (0) | この記事のページ
2007年10月24日
言語の違いによるWeb設計の違い
[Web]
アルジャジーラのWebサイトはアラビア語で書かれているため、すべてが右から左に流れてます。
日本語や英語と逆ですね。
で、気がついたのですが、ワイヤーフレームの設計がまったく逆なんですよ。
ローカルナビゲーションは、右にあるし、アイコンもリストアイテムも右。
コンテンツもサムネイルが右にあって、左回り込み。もちろん右寄せ。
言語によってワイヤーフレーム設計は変わるんですね。当たり前なんですが、ちょっと感動です。
そういえば、昔々は日本語も右から左へ書いてましたよね。現在は縦書きに限って右から左ですが、その文化って、どこに消えたのでしょうか。
| 投稿時間:17:09 | トラックバック (0) | この記事のページ
2007年10月31日
Google Analyticsを使用したサイトは、Yahoo!検索での評価が下がる？
[Web]
先日、「Google Analyticsを使用したサイトは、Yahoo!検索での評価が下がる」と、ある場所で耳にしました。
一応、その道のプロとして飯を食ってるボクですが、「ありえねぇ！」と、びっくりしたのを覚えています。
その後、検証してみましたが特に裏付ける情報や統計を見つけることはできませんでした。
ドブロクをサンプルにして、いろいろ検証しましたが、兆候すら見受けられませんでした。
これ、たぶん、うそだと思います。
Google,Yahooの双方の立場で考えてみても、まったくメリットがないのは、すぐにわかるはずです。
多くは語れないのですが、その発言をした人はGoogleの競合相手でして、ネガティブキャンペーンの一環としての発言だったのではないかと思っています。
にしても、検索エンジンのアルゴリズムは公開されていませんから、このようなうわさを流された方は、たまったものではありません。
しかも「そのような事実は存在しない」ことを証明せねばならず、いわゆる悪魔の証明にあたります。
そういう無責任な発言は、まわりに非常に迷惑がかかりますんで、やめていただきたいですね。
| 投稿時間:15:22 | トラックバック (0) | この記事のページ
2007年12月11日
インターフェースから次期アップル製品を予測する
アップルのMac OS X Leopardが発売になって、2ヶ月近く経った。
ボクの家では、MacBookの中にLeopardがいる。ちなみに、Leopardの新機能300のうちの一つに、ファインダー（Finder）にカバーフロー（Cover Flow）追加されたってのがある。
さて話は変わって、ボクはiPodTouchも使っている。iPodTouchでもこのカバーフローは実装されていて、それはそれはとても使いやすい。
まさにCDの棚をがちゃがちゃと覗くように曲を選ぶことができる。すばらしい。
しかし、ここで疑問が。
Leopardで使うカバーフローが、どうにも使いづらい。いろいろ考えたのだが、人間の関節にその原因があるのではないかと思い至った。
カバーフローの例
サムネイルが横スクロールで閲覧できるインターフェース。iTunesではおなじみか。
マウスは指でスクロール
ご存知のとおり、マウスのホイールはほとんどの場合は指でスクロールしている。当たり前だという前に少し考えて欲しい。
設置している部分は人差し指の腹。これは間違いない。だが、その設置部分を制御しているのはどこだろう？
答えは第一関節から第三関節（指のつけ根）。この3つの関節が連動して動いている。
iPodTouchのスクロールは？
次にiPodTouchを考えてみよう。
設置面は、人差し指（場合により、親指も）の腹である。
では、制御はどこでやっているのか。答えは、横の動きは手首（場合によっては肘と肩も）で、縦の動きは第一から第三関節（指の付け根）である。結構複雑な動きをしている。
マウスの場合、横スクロールをするためには、横スクロール対応のマウスを使用するか、スクロールバーをドラッグする。
ドラッグは非常に使いづらい。Webのユーザビリティガイドラインなんかでも、必ずといっていいほど横スクロールをするなという項目がある。
では、MightyMouseのような横スクロールが可能なマウスではどうか。
やはりこれも使いにくい。なぜか？
指の３つの関節が横スクロール（横の動き）が得意ではないからだ。
カバーフローはiPodTouchで使え
何が言いたいのかというと、カバーフローはタッチパネル用のインターフェースではないかという話だ。
たぶんアップルは考えがあってファインダーにカバーフローを搭載したのだと思う。でなければ、お粗末過ぎる。
そもそも現段階でカバーフローをファインダーに追加する意味があるのかはなはだ疑問だ。
今後、タッチパネルなOS X製品がバンバンでるのだろうか。ポジティブに考えると腹も立たないかな。
| 投稿時間:17:31 | トラックバック (0) | この記事のページ
2008年01月10日
新システムへの移行のお知らせ
このページは旧システム（MT3.33-ja）によって生成されていました。
http://www.doburoku.com/do-blog/index.htmlへのリンクは、旧システムで生成されたページへのリンクです。
最新の記事はドブログトップページからご覧ください。
| 投稿時間:16:08 | トラックバック (0) | この記事のページ
プロフィール
酔兎：Webクリエイターでインフォメーションアーキテクト。
カテゴリー
- LOMO LC-A(92)
- Olympus E-410(11)
- Olympus Pen F(5)
- Web(67)
- ちょっといいもの(28)
- ちょっとどうかと思うもの(32)
- 咲（サク）(10)
- 雑記(184)
アーカイブ（過去の記事）
- 2008年01月
- 2007年12月
- 2007年11月
- 2007年10月
- 2007年09月
- 2007年08月
- 2007年07月
- 2007年06月
- 2007年05月
- 2007年04月
- 2007年03月
- 2007年02月
- 2007年01月
- 2006年12月
- 2006年11月
- 2006年10月
- 2006年09月
- 2006年08月
- 2006年07月
- 2006年06月
- 2006年05月
- 2006年04月
- 2006年03月
- 2006年02月
- 2006年01月
- 2005年12月
- 2005年11月
- 2005年10月
- 2005年09月
- 2005年08月
- 2005年07月
- 2005年06月
- 2005年05月
- 2005年04月
- 2004年08月
Atom