SPECIMENSketch20130407 Biomimetics Node network and Boid Copyright 2013 Takayuki Fukatsu Licensed by MIT License Implement by Processing.js
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
JSでアメーバのシミュレーション作ってみた (高速化編） | fladdict
先日のJSアメーバのコードを、ブラッシュアップして超高速化してみた。 ぬるぬる動いて、2〜3分後には自走して弱小アメーバを襲い始めるよ。 やはり2〜3時間で書いたインチキコードは無駄やバグが多いので、ある程度整理することに。 前バージョンでは、各ノード毎の引力斥力計算を個別にやっていた。 そのため、毎回A→Bの距離と、B←Aの距離をそれぞれ別個に計算してたりして遅くなっていた。 今回のバージョンでは、フレーム毎にまとめてノードの関係性ルックアップテーブルを生成することで、処理を大幅に短縮してみるなど。 8万回だか16万回だか計算していた距離や引力の計算を、2万回に短縮、おかげで割と高速化。 ルックアップテーブルマジ最強。 ここから楽しい描画ルーチンの最適化・・・に進むのだけど、 正直、JavaScript（しかもprocessingフレームワーク状）環境だと、高速化の勘所がまったくわからな
Lineを殺すサービスの作り方 | fladdict
別にLine嫌いじゃないけれど、むしろ応援してるけど。でもLineの一人勝ちはあまり面白くない。 というわけで思考実験として、今からLineに追いつくVoIPアプリをどう作るかを考える。 Lineを殺す方法とは、如何にLineの魅力とビジネスモデルを無効化するプロダクトを考えるか？ だと思う。単純にラインよりもいいアプリを作ろうでは、先行者利益を覆すのは難しい。日本のサービスは「いいものを作るぜ！」が多いが、海外のサービスの「現在のビジネスモデルを台無しにするぜ！」というスタイルが有効だと思う。 根本的にLineの本質は、 電話が無料でかけられる！ 電話からの移行がラクチン！ スタンプが楽しい！ の3点だと思う。つまり「速くて安くて美味い」をベースに、ちょっとばっかり優越感を味わったり差別化をしたい人から課金をする・・・というモデルになっている。この3つの魅力のうち1つか2つを、破壊あるい
Lineが後続サービスをえげつなく殲滅する方法 | fladdict
前エントリの「Lineを殺すサービスの作り方」の続き。 じゃあ自分がLine側で、後続サービスを殲滅するにはどうしましょう？という思考実験。 Lineがこれほど急速に拡大したのは、あの悪名高い「インストール時に電話番号を吸いあげてソーシャルグラフを生成する」ってシステムの力だと思う。この吸い上げシステムによって、ユーザーは携帯電話の友達関係を簡単にLineに引っ越すことができた。 だけど逆にLine最大の武器をあえて捨てることで、後続サービスを殲滅することができるのではないかと？ つまりLineは十分にリードした段階で、こう言えばいい。 「あー、やっぱり電話番号の吸い上げは色々問題あるのでLineもやめますわ。 ここは総務省さんとも連携してガイドライン作って、業界全体で禁止にしましょう！！！」 これで後続のLine系サービスは、ユーザーを爆発的に増加させる手段が無くなる。 後はLineは現
iCloudハック事件の手口がガード不能すぎてヤバイ | fladdict
GizmodeのライターがiCloudのアカウントを乗っ取られ、iCloud消滅、iPad, iPhone, Macのデータワイプ、Gmail, Twitterの乗っ取りを食らった件について、ハッキングを本人が語ってらっしゃる。 手口としては典型的なソーシャルエンジニアリングによる、複数サイトから得た情報のギャザリングを用いたハック。 だがこのハッキングのプロセスが鮮やかすぎてヤバイ。ツールを一切つかわず電話だけでハッキングしてる。 Twitterアカウントに目をつける 元々クラッカーは、Gizライターの持っていた「３文字のTwitterアカウント」が欲しくてアタックをかけたらしい。 Twitterプロフィールから、本人のウェブサイトへ 本人のウェブサイトからGmailのアドレスを発見 Gmailで「パスワードがわからない」から再発行 再発行メール用のアドレスが画面に表示される。この m*
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
非モテタイムスの編集長にドン引きな件 | fladdict
「「francesco3氏」と「めがねおう氏」の炎上ツイートまとめ」件について 人権意識について個人的にTweetしたライターさんに、元偽鳩山Twitterの非モテタイムスの編集長がいきなりドロップキック。 「話は聞かせてもらったわ！」とUst娘 そらのちゃんが颯爽と乱入。おもむろにロケットランチャーを取り出して、標的も確認せずに発射。ついでに後方確認も怠って、バックファイアーで全てを巻き込みつつの、ハリウッド的大爆発。 なるたけオブラートに包んで説明してみましたが、リンク先のやりとりはマジでドン引き。 一歩間違えれば暴力装置兵器になる、マスメディアの編集長がやっちゃあダメだろうと。。。 人としてどうかと思う。。。 まじめな話 自分も含め、Twitterのフォロワーが10000超えてたり、PVが50万超えてる人は、言葉の扱いを間違えるとさくっと周囲の人間の人生とかぶっ壊せちゃえる。 だから
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
SpellBook 右クリックからブックマークレットを起動できる拡張 | fladdict
SpellBookというChromeの拡張を作ってみました。 ブックマークレットを右クリックから起動できるようになる拡張です。 ツブヤキ、Like、はてぶ、Evernote、あらゆるものが指先ひとつでYouはShock!です。新しく拡張を作ったりインスコすることなく、様々な機能を右クリックで解決できます。 使用方法 １：Googleで、拡張をChromeにインストール。 ２：画面上部のバーにBookmarklets フォルダができる。 ３：このフォルダに、ブックマークレットを色々と突っ込む。 ４：右クリックメニューに SpellBook が追加され、右クリックからブックマークレットが起動できる。 SpellBookがオススメな理由 ・ブックマークレットなので、デバイス間やブラウザ間で同期ができる！ ・JavaScriptができれば、わざわざ拡張を作らなくても機能追加できる！ ・拡張よりも沢
Twitterのフォロワーに関する10:1の法則、メモ | fladdict
漫然とTwitterのタイムラインを眺めて、興味深い法則に気がついた。 それは、500人以上フォロワーのいるユーザーの大半は、「フォロワー数 ／ 被リスト数」がおよそ10という値になる。ということだ。 自分の場合なら、フォロワー15000人のリストが1800人。8.3となる。 だいたいのユーザーが、12〜8のレンジに収まる。 ＜追記＞Life like a clownの人が数値データを取ってくれた。中央値10.28で、ほぼ50%の人が12〜8のレンジ。80%で15〜7っぽい。 気持ち悪いほどに、フォロワー／リスト比がこのレンジのユーザーが多い。 これは何を意味しているのだろうか？ @nakamurahirokiさんが、一括チェッカーを作ってくれました。 大まかにサンプリングしたところこの値が10を超えるユーザー、例えばホリエモンは20、鳩山元首相19, 孫さんは16。いずれも、業界をまたい
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日以
思わず全部読んでしまった、面白いWeb漫画10個
引っ越しに伴い、蔵書を数百冊捨てたので読む本がない。そんなわけで、最近は野生のweb漫画ばっかり読んでいます。 web漫画超面白いっす。思わず全部読んでしまった面白作品を徒然なるままにメモ。オススメ度は順不同。どれも下手な週刊誌の漫画よりオモロいです。 1: ７と嘘吐きオンライン まずは取っ付きやすくTwitterをテーマとした短編漫画。ありそうでなさそうな、Twitter的コミュニケーショん。前編、後編。（なんで、同作者の「堀さんと宮村君」が紹介されてない！？という声を多数いただきましたが、それは僕が今リアルタイムに読んでいてまだ読了できてないからです。今本編が終わって番外編に突入したところ）。 2: 漫画で分かる診療内科 信頼と安心のギャグ漫画。もはや説明はいりません。ブラックな冗句を交えつつ、精神医学を語ります。これ本当に病院サイトの公式コンテンツなんですよ。。。全12話くらいで更新
fladdict » 年俸1円で新しい出版社のプロデューサーとして雇われました
講談社100%出資の新しい出版社、星海社にヘッドハントされました。Webを基盤にガンガン攻めまくる、新しいタイプの出版社です。 インタラクティブ・プロデューサーという謎の役職ですが、平たく言えばデジタル戦略のご意見番。なんと、ブラック企業もビックリの年俸1円契約です。もちろん株も貰ってません。 僕のお仕事は、ウェブデザインというよりは、「右クリック禁止にしようぜ！」とか、「DRMつけようぜ」といった大人の事情あふれるご意見を、体をはって食い止めることです。 直近の活動は以下の通り。 ・右クリック禁止を禁止 ←通った ・DRM無くそうぜ！ ← 通った ・小説Webに載っけて、全文コピペ可能にしようぜ！ ←通った ・○○○を全面解禁しましょうよ ←通った ・○○を××して、こっちから書籍をWinnyに放流しようぜ ←保留状態 アナログメディアの電子化にありがちな、誰もハッピーになら
Flashで作った iPhoneアプリがリリースされたよ
日本では一番乗り・・・なのかな！？ Adobe Flash CS5 (Beta) によって作られたiPhoneアプリをAppStoreに公開しました。 シンプルなメトロノームアプリです。 いちおうアプリのリリースと、告知だけは許可貰ってます 。UIを改良したver1.01も現在審査中。 本来パブリックベータ公開にぶつける用に作った、オプソ前提のテクニカルデモなので機能的にはシンプル。 「iPhoneじゃFlashは実用レベルじゃ動かない！」という説を覆すべく、比較的正確な動きが要求されるメトロノームを作ってみました。アニメーション検証と思って頂ければ。 感想としては最適化をすすめれば商業案件で十分使えるレベル。この程度のクオリティが実装工数２〜３日で作れるとなると、CS5のリリースと同時に、大量のFlasherさんが参入してきそう。 正式版ではより速くなり、ヌルヌル動くiPhoneアプリが
デブプラスという企画を考えた | fladdict
最近は、ラブプラスというDSのゲームが流行っているようですが、二匹目のドジョウとしてデブプラスという企画を考え付きました。 wii fit と DS が連動したゲームです。 プレイヤーの体重の増減に、ヒロインの外見が連動するという画期的システム ( FAT32ミラーリングシステム )を搭載した、恋愛ダイエットシミュレーションです。 プレイヤーの体重が減れば減るほど、ヒロインのスタイルが変化し、今まで着れなかった大胆な服装ができるわけです。プレイヤーの体重が増えると、残念ながらヒロインは太ましくなっていき、最終的には高血圧とか心筋梗塞とかを煩ってゲームオーバーになります。 日々のトレーニングモードでは、心拍数を計測して、運動量がヤバそうだったらば、ヒロインが心配とか警告とかを発する親切設計で、プレイ中の過剰運動でウッカリポックリいくのを防いでくれます。 毎日の適正運動量をこなすとサービス画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketch