Yasuhisa Hasegawa

Yasuhisa Hasegawa

Web やアプリのデザインを専門しているデザイナー。現在は組織でより良いデザインができるようプロセスや仕組の改善に力を入れています。ブログやポッドキャストなどのコンテンツ配信や講師業もしています。

Webデザイン

Web creatorsで連載を始めました

先月発売された Web creators 3月号 [http://www.amazon.co.jp/gp/product/B001P83QHK?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B001P83QHK] からになりますが、連載をもつことになりました。「WebデザインxIT フォーカスノート」と題して、毎月デザイナー向けの技術関連の記事を執筆しています。ITというとかなり幅が広く、専門的なところも突き詰めるとキリがないですが、ウェブデザイナーが知っておきたい技術と、ウェブデザインとの関連性を紹介する短い読みものです。 この連載記事に挑戦してみたいと思ったきっかけは、ビジュアルデザインが中心の誌面で少し突っ込んだ技術の話が出来るという点にあります。ウェブデザイン雑誌でもコードという側面から技術が紹介されることがありますが、それらは見た目を実現するための手段だけで、技術そのものの解説ではありません。また、ソリューションとしてのデザインと技術の関係を表しているわけでもありません。見た目と技

デザイン

デザインに関するよいお言葉

以前、UXに関するよいお言葉 [http://www.yasuhisa.com/could/roundup/good-quotes-about-ux/] という記事で、様々なデザイナーが残した UX に関する言葉を引用しました。今回はネット上で見つけたデザインに関する様々なメッセージを紹介します。 Edwin H. Land [http://en.wikipedia.org/wiki/Edwin_H._Land] > クリエイティビティに必要な側面のひとつに「失敗を恐れない」がある。 Saul Bass [http://tinyurl.com/5asdc2] > デザインとは考えを視覚化することである。 MetaDesign [http://www.metadesign.com/] > 深みのない美しさは、単なるデコレーションである。 Josef Albers [http://en.wikipedia.

ブラウザ

Firebug用リファレンスツール「Firescope」

サイト構築の際、欠かせないツールのひとつといえば Firebug [http://getfirebug.com/]。JavaScript を使ったウェブアプリケーションのデバッグだけでなく、サイトデザインをしている方にとっても便利なツール。テストの際、レイアウトが崩れていたとしても Firebug で調べればだいたいのことは解決します。この Firebug のコンパニオンツールが Firescope [http://tools.sitepoint.com/firescope] です。 Firescope は、Firebug 内で CSS/HTML のタグの意味や使い方をチェック出来るツール。インストール後、Firebug のパネルに新たに「Reference」というタブが追加されます。HTMLビューや「調査」の際に選択したタグと下階層にあるタグの意味が Reference に表示されます。最新のブラウザだけですが、その場でサポート状況も見れるのは便利です。もっと詳しく知りたい方は提供元の Sitepoint のページへ誘導する仕組みになっています。 W3Cの仕様が頭に入っている方や

テクノロジー

紙を使う理由 デジタルである理由

手元からいつでも情報へアクセスしたり、コンテンツを消費出来る世の中になっているとはいえ、私たちは紙を使い続けています。紙を使う理由は何でしょうか? 紙を使う理由のなかに、感情的な部分も少なからずあると思いますが、他にもあると思います。理由を考えるにおいて、ガジェットによる情報のやりとりと、紙を使った情報のやりとりの違いを把握することが重要になります。 デジタルメディアと紙媒体の違いは「消費」と「インタラクション」の2点。 紙はそれぞれスペースが制限されているとはいえ、簡単に持ち運びも出来ますし、使い捨てや再利用もしやすいです。しかも、紙を持った瞬間からそこに書き込まれている情報にアクセス出来ますし、何か情報を書き込みたいと思えばすぐに出来ます。それに対し、ガジェットの場合はガジェットそのものは、だんだん持ち運びがしやすくなってきているものの、いつでも何処でも使える(代用出来る)ものでもありませんし、柔軟性に長けているわけではありません。しかし、そこに表示されるコンテンツの量は膨大で、使い回しや上書き・編集も出来ます。ガジェットへのインプットも簡単になってきているとはいえ、アプリケー

ExpanDrive
OSX

ExpanDrive

Dropbox [https://www.getdropbox.com/]の魅力は一言で表すことが出来ないですが、ひとつの魅力はクラウド上にあるデータに Finder と同じ感覚でアクセス出来る点にあります。この感覚を FTP / SFTP 用アプリケーションで再現しているのが ExpanDrive です。設定後はサイドバーとメニューバーに表示され、まるで外付け HDD のときと同じようにファイルにアクセス出来ます。直接ファイルを開いて編集・更新も出来ますし、プレビューも表示されます。 うれしいのが、選択したファイルを指定アプリのアイコンにドラッグ & ドロップしたら開くという Finder でお馴染みの操作が出来るところです。サーバー上に保管してある PDF をその場で Quick Look も出来ますし、Cover Flow で観覧することも出来ます。 詳細な操作が必要な際は別アプリケーションのほうが良いかもしれませんが、ちょっとした作業をすぐに済ませたい場合は ExpanDrive は重宝します。39.95ドルと有料ですが、日本語にも対応しているので、すぐに使いこなせるように

仕事

Ask Twitter: 使っているサイト制作ソフトは何ですか? 2

前回 [http://www.yasuhisa.com/could/roundup/ask-twitter-web-authoring/] に引き続き、いろいろな方が使っているサイト制作ソフトの紹介です。 以前、制作ソフトに関して神森さん [http://www.t-studio.jp/column/] と話したことがあります。制作ソフトそのものの使い方を習得することも重要ですが、実は OS の特徴をいかに把握して活用するかが制作ソフトの使い勝手に大きな影響を及ぼします。テキストをダブルクリック、トリプルクリックしたときにどのような挙動が起こるのか、コピーしたデータがどのようにクリップボードに保管されるのか、他のアプリとの組み合わせで相乗効果があるのか・・・といったことを知っていると知っていないとでは大きな違いです。 自分が使っているソフトを支えている技術や別のソフトを改めて見つめ直すことで、自分の『武器』がさらに手に馴染むと思いますよ。 ブックマーク [http://b.hatena.ne.jp/entry/http://www.yasuhisa.com/could/round

ダウンロード

Bad Usability Calendar 2009

[http://www.flickr.com/photos/yhassy/3236395246/]Netlife Research [http://www.netliferesearch.com/]が、毎年ユーザビリティの観点でやってはいけない項目を「Bad Usability Calendar [http://www.badusability.com/]」というカレンダー形式でまとめています。2005年から続いており [http://www.badusability.com/archive/] 、2009年版も今月初めにリリースされました。年々、翻訳される言語が増えているのですが、今回は「LOLspeak」なんてちょっと変わった系統まで用意されています。 去年 [http://www.yasuhisa.com/could/announcement/bad-usability-calendar/] カレンダーを日本語訳したのですが、今年もやってみました。既に日本語版も PDF 形式でダウンロードすることが出来ます。今回は以前よりさらにウェブアプリケーション向けという印象があります。