WEB2.0って結局は”地主制度2.0″なんじゃないの？ | fladdict
いちおうウチのサイトは最新情勢を扱うブログのはずなんだけど、実は今までウチのサイトでは「WEB2.0」って言葉を Lelvin LynchによるWeb2.0セッションでのFlex2プレゼンテーション。 って、というどうでもいい文脈で１回使っただけだったりする。というのも、WEB2.0がもつフロンティアとか希望とかって嘘八百なんじゃねーの？？という疑念がずっと渦巻いていたからです。最近、そういう思いがますます募ってきたので、一回まとめてみるメモ。 WEB2.0が新しい可能性みたいな文脈で扱われているのを見ると、いつも胡散臭く感じてしまうのだけど、WEB2.0っの世界ってのは実はとっくに利権体制が確立されている気がする。 僕は今しきりに取りざたされてるマッシュアップとか、創発性なんてのは多分WEB2.0の表層であって、本質的な部分はあくまで”Data as next intel inside”
プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話２ | fladdict
こんにちは、日本で唯一の100徳ナイフコレクター（推定）兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議！ 「弊社のアプリをこうしては絶対にならない！」「この状況を脱しなければならない！」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま
スマート家電が実現する素敵なディス☆トピア | fladdict
スマート家電とIoT（インターネット・オブ・シングス）について、仕事の相談がくるようになり色々と基礎リサーチをした。しかしながら家電メーカーが好き勝手にやるとディストピアが到来する・・・という脳内シミュレーション結果が出た。以下はストーリー仕立てでまとめたプレゼン資料。 こんな未来は嫌なので、是非ともこの危機を回避していただきたく。解決編はまた別の機会に書く（あるいはクライアントにだけ提案する）。 fladdictさんの新居事情 fladdictさん（仮）は、UIUX系の会社に勤務するギリギリ富裕層のデザイナー。念願のマンション購入にあたり、�家をまとめてスマート家電�化することにした。 意識高い系であるfladdictさんは、未来の生活を調査すべく自ら人柱となったのである！ 新居は、大手建設会社と大手家電メーカーが共同開発したスマートマンション「スマートピア南平台」。具体的に何がスマート
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
社員がフリーランスになる前に教えておきたいこと | fladdict
秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は「消費＜収入」。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
パリで超巨大Google Mapアートを設営してくるなど | fladdict
パリの美術館ゲテ・リリック(Gaite Lyrique)で開催中の、Capitaine Futurというエキシビジョンにて、拙作のTHE GIANT MAPが展示中させて頂きました。展示帰還は10月18日から来年の2月8日まで。 THE GIANT MAPって何？ 子供がゴジラのように暴れられる、インタラクティブな巨大グーグルマップです。 Google Mapにレーザーセンサーやシェーダー、物理エンジンなどを悪魔合体し、さらに日の出や日没、色調補正、飛行機や霧や雲などを追加したもの。子供の歩行を検知して地響きとともに大地が割れ、大爆発。ド直球のアイデアですが、ググっても誰も作ってないっぽかったので、アルバイトの岩谷君と一緒に勢いで作ってみました。 制作の背景 元々はGoogle DevArtという、グーグル主催アートコンペ用への応募用に作成したもの。Google DevArtはGoogle
THE GIANT MAP インスタレーションのメイキング | fladdict
フランスで展示してきたTHE GIANT MAP。いろいろ四苦八苦したので、制作忘備録。将来の自分と、今後こういうのやってみたい人用。 きっかけ 実はもともとはGoogle主催のアートコンペ、Google Dev Artエントリー用の作品だった。 このDevArtは、グーグルがスポンサーとなって行われるデジタルアート展覧会へに出品するための公開コンペ。たった1人の座を争っての世界中からのバトルロイヤル。条件は２つ。Googleのテクノロジーを使った、デジタルアート作品を作ること。そして、途中プロセスを全て公開すること（プロセスも審査に含む）。 ちょうど新しいことをやりたいなぁと思っていた僕は、無謀にもこのコンペにエントリーを試みる。 コンセプト設計 まずは何を作るべきか！？というところで、コンセプト設計から。ロンドン留学時代に学んだことは２つ。コンセプトのない作品は評価されないこと。ワール
JSでアメーバのシミュレーション作ってみた | fladdict
jsでアメーバのシミュレーションを作ってみるなど。ブラウザで5分ほど放置しておくと自然淘汰でなんか生まれます。要HTML5環境(iPhoneだと重すぎる)。 スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにかを作りたくなったので、作ってみた。 processing.jsライブラリの勉強に、アメーバのシミュレーションを作成。 今までJavaScriptでのスケッチには、creative.jsを使ってたんですが、簡単なスタディにはprocessingのほうがいいかもしれない。 Daniel ShiffmanのFlockingとかを脳内イメージしながら、適当に書いてみた・・・はずが完成したら別物に アメーバは、細胞が単体のうちはブラウン運動する程度しかできない。と
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
GSkinnerの作ったJavaScriptライブラリが素敵すぎる件 | fladdict
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict
iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない？」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ／非同期通信つきのImageView 画像ローダー付きのImageView拡張。
Kinect と MikuMikuDance の融合がスゴい | fladdict
XBox360起源の3次元センサKinectと、初音ミク起源のエージェントコントロールシステムMikuMikuDanceのハック合成が大分スゴい。 40秒ぐらいからの右上と、2:10ぐらいからの全体が見所。 これだけでもネタとしてスゴいのだけど、単純なオタク系コンテンツというよりも、ウン千万円するモーションキャプチャシステムがたった数万円で、簡易版とはゆえ個人ユーザーが所有できる時代がやってきたわけです。 こういうシステムが確立されると、個人でフルCG映画を撮って、Amazon Studioのコンペにだし、ハリウッド映画化、というプロセスも、単純な工数的には不可能じゃない時代がやってきたということに。 もうMikuMikuDanceのシステムは初音ミク以外のデータにも対応してるので、あとは3Dデータさえあれば、映画俳優だろうが広告案件だろうがフルチューンで活用できるんじゃないかと思います。
Flashで作った iPhoneアプリがリリースされたよ
日本では一番乗り・・・なのかな！？ Adobe Flash CS5 (Beta) によって作られたiPhoneアプリをAppStoreに公開しました。 シンプルなメトロノームアプリです。 いちおうアプリのリリースと、告知だけは許可貰ってます 。UIを改良したver1.01も現在審査中。 本来パブリックベータ公開にぶつける用に作った、オプソ前提のテクニカルデモなので機能的にはシンプル。 「iPhoneじゃFlashは実用レベルじゃ動かない！」という説を覆すべく、比較的正確な動きが要求されるメトロノームを作ってみました。アニメーション検証と思って頂ければ。 感想としては最適化をすすめれば商業案件で十分使えるレベル。この程度のクオリティが実装工数２〜３日で作れるとなると、CS5のリリースと同時に、大量のFlasherさんが参入してきそう。 正式版ではより速くなり、ヌルヌル動くiPhoneアプリが
小学生に携帯電話を持たせるな | fladdict
「小中学生に携帯電話持たせるな」教育再生懇提言へ なんか、はてぶのコメントとか見るとスゴイ賛否両論。教育再生の根本ってわけじゃないと思うけど、基本的には賛成。ただこれをやるなら、TVや書籍、雑誌にももっと細かいレーティングつけるべきだとは思うけど。 こういう規制に子供の権利や可能性ウンヌンで反対する人は、「小中学生も自動車免許とれるようにするべきだ！」って考えるのだろうか。個人的にはそういうレベルでの規制だと思ってたので、無問題だった。 ビギナーに対するフェイルセーフやパーミッションコントロールは、普通に必要だと思う。能力や適正のある人間は、勝手に使ってジェイルブレイクするだろうから、まずリテラシー底辺の安全を確保すべきじゃないかな。 全員を野原に放り出して、「さぁ戦え！能力の無いやつは死ね」というのは、別に実力主義・能力主義じゃないと思う。中国みたいに人があまりまくってる国では有効かもし
被ブクマ率を10倍ぐらいにブーストする実験 | fladdict
ESL Podcast紹介エントリのネタバレ。 まず一週間かけて、以下のネタを仕込む。 ・Twitterの英語アカウントをとる。 ・Visualizing Dataとか、Collective Intelligance とか先端の良洋書を紹介する ・世界恐慌とかグローバル視点からの日本不況とかのエントリを書く。 ・海外での同業者の平均給与や、求人伸び率について語る。 ・既存のパラダイムを否定して、海外で進行中の新しい時代の到来を語る。 で、問題意識に対して参入障壁の小さいとっかかりを提示する。 ・誰でも簡単に始められる、自己投資(英語学習)の紹介。 500ぐらいを予想してたら1300超えてビビる。 １つ１つは独立したまっとうなエントリなのに、一定の順序で並べると、文脈が相互に作用して１つのテーマを盛り上げる感じのテスト。 文脈を累積していくと、予想以上にトラフィックがはじけるね。 ロンドンで
『ハテナガの野望』というゲームを考えた | fladdict
はてなブクマの衆愚化対策（？）に、実験的に『ハテナガの野望』というゲームを考えた。 ルール１ このゲームは、はてなブックマークの登録を使ってスコア争う。 ルール２ スコアの算出方法は、１つのブックマークにつき、 （”自分より後にブクマした人数” – “自分より前にブクマ人数”） のルート ＜注＞厳密には、値の量に対してルートをとった後に、符号を戻す ・100ブクマのエントリをブクマ Math.sqrt(0-100) =-10点。 ・100ブクマのエントリをブクマ→更に100人がブクマ Math.sqrt(100-100) = 0点。 ・100ブクマのエントリをブクマ→更に200人がブクマ Math.sqrt(200-100) = 10点。 つまり、伸びそうなエントリを、中盤より前にブクマするのがゲームのルール。 （ルール５に、オッズを追加） ルール３ スコアにあわせて、ニュースマップや株マ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
