音楽関係者各位、あなたは竹中直純を知っているか (1/5)
映画「ソーシャル・ネットワーク」は、コミュニケーションの下手な主人公がSNSを作り、それで得た経済的な成功と引き換えに友達を失う……。という現代の寓話的な内容だったが、ITベンチャーに関わる仕組みや人々の描写はやけにリアルだった。 ジャスティン・ティンバーレイクが演じるNapster創業者のショーン・パーカーを見ながら、私はずっと思っていたことがある。もし日本のITベンチャーシーンを映画化するとしたら、必ずどこかに登場しなければならない人がいるなと。 それは、古くは天才プログラマー「nt」として、最近では「OTOTOY」（オトトイ）という音楽配信サイトの運営で知られる竹中直純（たけなか なおずみ）さんだ。 彼はOTOTOYの前身となる音楽ソーシャル・ネットワーク「recommuni」を2004年10月に立ち上げ、その直後にタワーレコードからCTOとして招かれ、適法化されたナップスターの国内
Responsive Web Design
The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must 'accept the ebb and flow of things.' John Allsopp, “A Dao of Web Design” The English architect Christopher Wren once quippe
IBMの企業Twitterアカウントは30以上、全社員が自由に活動するためのガイドライン／日本IBM | 企業担当者に聞くFacebook&Twitter運用の現場
「一般消費者の方との接点としてTwitterのようなソーシャルメディアが使えるのではないかと考えたのがきっかけです。企業ホームページのトップから情報を探すスタイルから、検索エンジンやSNSから情報にたどり着くユーザーが増えてきていると思います。B2Cビジネスの会社ではないのですが、それでも会社としてどのような取り組みをしているかを、一般ユーザーのみなさんに知ってもらいたいと思いTwitterアカウントを開設しました」 Twitterアカウントの運営部門は企業によってさまざまだが、社内広報部門が担当するのは珍しいケースだ。栗原氏がTwitterを運営するのはどういった理由があるのだろうか。 「TwitterのIDは早い者勝ちなので@IBM_JAPANというIDを2年ぐらい前に取得していました。私は社内広報を担当しているので、社外広報チームのメンバーに『@IBM_JAPANのアカウントを取った
2011年 UI / UX トレンド
2011年の1月。まだ年が始まったばかりでしたが、今年の Web デザイントレンドという記事が発表されたりしていました。その後、数々のトレンド記事が国内外で数多く紹介されていますが、ルック＆フィールに関する話題、又は技術的な側面から見た話題が多くを占めています。こうしたトレンドを知ることは重要ですが、トレンドの全体像として捉えるには多少偏っていると思います。そこで今記事では、UI / UX デザインの側面からみた 2011 年のトレンドを幾つか紹介していきます。 この記事で挙げる幾つかのトレンドが現れるキッカケを作ったのは、テクノロジーと Web が今まで以上に強い連携が可能になったからです。デスクトップ（又はオフライン）アプリケーションと同等の能力を Web で実現出来るようになったことで、UI デザインの考え方も大きくシフトしました。Ajax が大きな注目を浴びた 2005 年頃も同じ
Google+1/Twitter/facebookいいね!/facebook Share/mixiチェック/mixiイイネ!/GREEいいね/Evernote/はてブのボタンを超カンタンに作れる jQuery.socialbutton プラグインを作ったよ
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
MicroformatsとMicrodataの違いについて - kojika17
Webページの内容が、"何を意味するのか"をコンピュータが効率よく情報を収集・解釈できるようにする構想を「セマンティックWeb」「セマンティック(X)HTML」などと呼びます。 セマンティックHTMLを始めるにあたりMicroformatsとMicrodataの違いについて、"どう違うのか"分かりづらかったのでまとめてみました。 そもそもMicroformats、Microdataとは？ マークアップ言語であるHTMLは文章構造を表すことはできますが、意味までは表現できません。 例えば、人の名前や住所、電話番号といったものにHTML要素でマークアップすることはできません。 ただしMicroformatsとMicrodataを使うことにより、このような意味づけを可能にし、コンピュータも可読できるセマンティックなHTMLドキュメントを作成することができます。 Microformats、Micr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPでセキュリティを真面目に考える