日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

「毎日ランニングする」「早起きする」「ジャンクフードを食べない」など、一度決心してもなかなか実現しづらい習慣づけを、RPGっぽいタスク管理サービスを使ってゲームをしている感覚で実現しようというのが「HabitRPG」です。 HabitRPG | Gamify Your Life https://habitrpg.com/splash.html HabitRPG by Tyler Renelle — Kickstarter http://www.kickstarter.com/projects/lefnire/habitrpg-mobile HabitRPGは開発の途上にあってKickstarterで出資を募っているところ。概要は以下のムービーを見るとわかります。 HabitRPG on Vimeo 一言「毎日ランニングする」と言っても、何かを習慣づけるのは想像以上に難しいもの。「1日ぐらい

どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In

一口にIT企業と言っても収益の上げ方はさまざま。そこで、IT企業を収益の上げ方によって分類するという試みを行ったサイトが登場しました。企業のサービスの種類によっても分類できるようになっています。 How do our favorite tech companies make money? http://rcs.seerinteractive.com/money/ サイトのトップはこんな感じ。よく見ると、Adobe、Amazon、Appleといった企業がアイコンで表示されています。 例えばAppleにカーソルを合わせてクリックすると…… AppleのiTunesは楽曲などの(ダウンロードに伴う)使用料によって収益を上げていることがわかるようになっています。 その他にも企業を分類する機能があり、「FILTER」という部分をクリックすると…… このような画面が現れます。企業の分類の仕方には2種類

これまでにない全く新しいものを生み出す時や未知なる領域の問題を解決しようとする時、複数の人でのコラボレーションが重要になりますが、「コラボレーション・パターン」はそうやって複数の人間が一つのことに取り組む際に、アイデアを積極的に出し合い、メンバーが互いを高めあいながら、個人では考えられなかったような結果を出すことができるようパタン・ランゲージの考え方に基づいて作られた34項目。対立や分裂で破滅的な結果が起こることもある集団での作業を、ポジティブな結果に昇華させます。 コラボレーション・パターン ― 創造的コラボレーションのためのパターン・ランゲージ http://collabpatterns.sfc.keio.ac.jp/index.html コラボレーション・パターンは全部で34項目あるのですが、パターンは大きくわけて「未来への使命感」「方法のイノベーション」「伝説を作る」の3つのまとま

デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、

映画のレビューサイトであるRotten Tomatoesとテレビや映画のオンラインデータベースIMDbの情報をもとに5000本の映画やテレビドラマを格付けしたサイトが「5000 Best Movies」。総合ランキングの他、コメディー、ラブストーリー、ホラーといったカテゴリー別にも並べ変えることができるので、その日の気分や好みに合わせて見たい映画を検索することも可能です。 5000 Best Movies http://5000best.com/movies/ ◆1位:ショーシャンクの空に ◆2位:ゴッドファーザー ◆3位:アベンジャーズ ◆4位:ダークナイト ◆5位:ロード・オブ・ザ・リング 王の帰還 ◆6位:バンド・オブ・ブラザース ◆7位:シンドラーのリスト ◆8位:ゴッドファーザー PARTII ◆9位:マトリックス ◆10位:七人の侍 ◆11位:十二人の怒れる男 ◆12位:Gam

画像ファイルを指定したフォルダーに入れるだけでリサイズでき、リサイズと同時に画像ファイルのバックアップ・ファイル名に文字追加・モノクロ加工・プログラムの実行・EXIF情報の消去などもできるフリーソフトが「Dropresize」です。インストール不要でWindows上で起動可能となっています。 操作方法などについては以下から。 Dropresize - SemiGeeK http://semigeek.wordpress.com/dropresize/ 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Dropresize.exe」を起動。 操作画面が表示されます。 まず、画像ファイルが入れられると自動的にリサイズを実行するフォルダーを指定するには、「Add」をクリックしてフォルダーを選択します。 選択したフォルダーが表示されます。

By Victor1558 起業の際にファンドから投資を受けるためにはこれから興す会社がいかにすばらしいものかをプレゼンする必要がありますが、どのように要点をまとめるかは慣れていないと難しいもの。そんな時のために老舗投資ファンドとしてAppleのスティーブ・ジョブズやGoogleのラリー・ペイジ、YouTubeのチャド・ハーリーたちからパートナーとして認められているセコイアキャピタルが投資会社に起業プランを見せる前にすべきことや具体的なビジネスプランの書き方を公開しており、これから起業しようという人たちの役に立つはずです。 Sequoia Capital : U.S. : Ideas http://www.sequoiacap.com/ideas ◆持続可能な会社の要素 投資ファンドが好むスタートアップは、以下の要素を備えています。 01．明確な目的 名刺の裏に書ける程度に会社のビジネス内

By tarop Facebookやmixiなどのソーシャル・ネットワーキング・サービス(SNS)を通じて、インターネット上に日記を投稿するブログは身近なものとなりました。ソフトウェア開発者でありIBMの技術エバンジェリストであるAntonio Cangiano氏は、「プロフェッショナル(専門家)はインターネット上のブログを通じて知識を共有するべきだ」と主張し、その10の理由を紹介しています。 Why Every Professional Should Consider Blogging http://technicalblogging.com/why-every-professional-should-consider-blogging/ ◆1．ブログはあなたのコミュニケーション能力を高める コミュニケーション能力と文章能力は、プログラミングの技術がそうであるように、膨大な時間の練習によ

サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG

仕事に満足度にはもちろんやりがいも大事ですが、給料もモチベーションを上げる大きな要因となります。物を作り出す仕事となれば、モチベーションはその結果を大きく左右することになりますが、アメリカではどれくらいの給料となっているのでしょうか。アメリカのクリエイティブ・グループから発表された「クリエイティブな職業」についての初任給の状況は以下のようになりました。 Creative Group Salary Center | Salary Guide http://www.creativegroup.com/salarycenter （PDFファイル） http://s3.amazonaws.com/DBM/M3/2011/Downloads/TCG_SalaryGuide_2012.pdf 職種名（経験年数）：平均から見て低いと考えられる初任給／平均から見て高いと考えられる初任給 ◆デザイン＆プロダ

by Blu* JPEG画像を無劣化のまま扱い、左右反転・上下反転・90度回転・180度回転・トリミング・モノクロ修正などの画像処理をボタンを押すだけで簡単に行える無料のソフトが「JPEGcrop」です。 ダウンロードと画像処理の操作方法は以下から。 JPEGclub.org http://sylvana.net/jpegcrop/ ◆ダウンロード 上記サイトのちょうど真ん中あたり、「Jpegcrop Windows Application」の項目にある「jpegcrop.zip」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「jpegcrop.exe」を起動。 起動後にJPEGcropの操作画面が表示されます。 ◆画像処理前の準備 始めに、画像処理をするJPEG画像を開くために、ツールバーの「Open File」ボタンをクリックしてJPEG画像を選択。 画像が

弟の体を取り戻す方法を探していたり、ひとつなぎの大秘宝を探していたり、自転車に乗って世界を見てみたかったりと、旅の理由は人それぞれですが、その中で出会った風景というのは忘れがたいものです。そんな世界中の旅人から寄せられた観光スポットに関する口コミや、「お気に入りの旅先」への登録数などを元に、トリップアドバイザーが2012年世界の人気観光都市トップ25を発表しました。 全世界のベストデスティネーション - トラベラーズチョイス - トリップアドバイザー http://www.tripadvisor.jp/TravelersChoice-Destinations-cTop-g1 01．ロンドン（イギリス） 02．ニューヨーク（アメリカ ニューヨーク州） 03．ローマ（イタリア） 04．パリ（フランス） 05．サンフランシスコ（アメリカ カリフォルニア州） 06．マラケシュ（モロッコ） 07．イ

テキストボックスに比較したい文章をコピペしてボタンを押すだけで2つの文章でどこが変更されたのか、差分の確認ができるネットサービスが「difff(デュフフ)」です。名前はちょっとネタっぽいですが、実用性は高く、日本語のテキストでもOKです。 difff - デュフフ http://altair.dbcls.jp/difff/ サイトの見た目はこんな感じ、テキストボックスが2つ上下に並んでいるので、変更前の文章と変更後の文章をそれぞれ貼り付け、最後に「比較する」ボタンを押すだけ。 結果はこんな感じで変更前が左、変更後が右に表示されます。段落が左右で揃っていて、変更部分はハイライト表示されるので、どこが異なっているのかが一目で確認できます。 ぱっと目で見ただけではどこが変わっているのかわからないようなものでも…… このツールであれば確認できます。このケースだと、カッコが半角から全角に変わっていま