2月 2012
2件の投稿
HTMLでのidとclassの使いどころ
しばしば、HTMLにおけるid属性とclass属性の使い所は、議論の対象になると思います。たとえば、テンプレート部分の要素は、どのような名称で、どのような組み方で設計するかということで、１～２時間は盛り上がるのではないでしょうか。これらの問題でちょっとした議論に遭遇しましたので、私の考えを記録しておきます。
個人的には、テンプレート部分において、<div id=”header”> のような作り方は、好きではありません。<div class=”str-header”>のような作り方であるべき、と考えます。
...
1タグ
Huluから学ぶページャの最適解
Huluのコンテンツ一覧のページャ（ |< < [1] / 5 > ）のインタフェースはよく考えられています。もしかすると、ページャの最適解とも言えるやり方を実践しているのではないでしょうか。
テキストで表現するのは難しいですが、「<」を押せば前のページヘ、「>」を押せば次のページヘ、「|<」を押せば最初のページヘ移動します。ここまでは普通です。
なんと、「5」を押せば5ページ目に移動します。現在位置を表示しているテキストボックスに数値を入力してEnterキーを押せばそのページに移動できます。とにかく「>|」をどこにも用意していません。
...
1月 2012
1件の投稿
1タグ
Looking back in 2011 and into 2012.
新年あけましておめでとうございます。
2011年はおせち騒動にはじまり、社会全体としても、私個人としても、本当にいろいろなことがあった年でした。こうして2012年を迎えられたことに、これまで支えてくださったみなさまへ、心から感謝の気持ちを申し上げたいと思います。
引き続き、みなさまのお役に立てることを探し続けていきたいと思いますので、2012年もどうぞよろしくお願い申し上げます。
以下、大晦日までにPostする予定だったのですが、私個人の2011年のアクティビティの記録を残しておきたいと思います。（昨年もやったので、今年も）
...
12月 2011
4件の投稿
1タグ
Web軍団を構築しよう
ずいぶん前から言われていることですが、近年あらためて、知識のないクライアントと、知識のあるWeb制作会社という構図は変わってきているように感じます。
企業やサービス提供側が、システムエンジニア、デザイナー、ライター、アナリスト、といったいろいろな人が入り混じったWeb専用の軍団を組み、Webガバナンスを構築し、運営している例が、確実に増えているのではないかと思います。
彼らは誰よりも勉強熱心で、Webの可能性を信じていて、Webのことに詳しいですし、情報の取り扱いの重要性を現場でヒシヒシと感じ、全責任とリスクを抱えながら、実践しています。ここ一年の例で見られたように、ひとつの情報が人を殺すこともあるし、逆に何人もの人を助けることがあるというのを、理解しています。
...
1タグ
キヤノンWebサイトのURLミスタイプの対応が細やか（かも）
第5回企業ウェブ・グランプリでグランプリを受賞した「キヤノンWebサイト」。存在しないURLをタイプした時の対応が、細やかで好印象だったのでシェアします。
たとえば、EOS 7Dの情報を知りたいと思って、http://canon.jp/8d と誤ってタイプすると、7dではありませんか？5dではありませんか？と聞かれて、目的の製品ページに遷移することができます。
あるいは、http://canon.jp/7d とちゃんとタイプすると、http://cweb.canon.jp/camera/eosd/7d/jump/index.html にリダイレクトされて、スペシャルサイトか、製品情報か、目的のページを選ぶことができます。
また、http://canon.jp/mt とタイプするとタイプミスだと判断され、NOT FOUNDにはならずに、入力された製品名に近いページ、...
1タグ
Yahoo! Japanのロゴ背景の芸が細かい
Yahoo! JapanのWebサイトの作り方は、とても丁寧で、ユーザに歩み寄っている感じがして、いつも参考にさせてもらっています。なかでも、トップロゴの背景は、ため息がでるほど芸が細かいです。最近はクリスマスシーズンですので、それにまつわる背景画像なのですが、なんと、毎日変わっています。お気づきの方はいらっしゃるでしょうか？こういう遊び心は忘れないようにしたいですね。正月にも注目です。
http://k.yimg.jp/images/mht/2011/1224_xmas_bg.png
http://k.yimg.jp/images/mht/2011/1223_xmas_bg.png
http://k.yimg.jp/images/mht/2011/1222_xmas_bg.png
http://k.yimg.jp/images/mht/2011/1221_xmas_bg.png
...
1タグ
2011/12/18 SwapSkills Vol.23に参加しました
本日（2011年12月18日）はSwapSkills Vol.23「ワークショップで学ぶ！モバイルファーストでのコンテンツ整理＆プロトタイプ制作(1)」に参加しました。SwapSkillsさんでは、ワークショップ形式は初めてとのことだったのですが、二人のキャラクターもあり、とても楽しい、刺激的な２時間半になりました。
まずはじめに司会進行を担当された大本さんに、ワークショップのそもそもの定義を解説いただき、じっくり腰を据えることができました。続いて、菊池さんの講義とワークショップは、業務経験のなかから得られた説得力のある意見が多く、「モバイルファースト脳」に少しでも染まることができたのでは、と思います。
...