life x web Technology Design

プログラムというのはヒトの作業をアシストしてくれるというのが役割として大きいんですが、やはり自動処理という部分も性質として大きいですよね。 繰り返し処理とか、ランダム処理とかはやはりプログラムにはかなわなくて、それを活用した自動生成ものを2つ紹介したいと思います。 ① Pixel City 3Dによる夜の街を自動生成するオープンソースです。 百聞は一見にしかず、ということで紹介ビデオ。 たくさんのビルをランダムに処理していって、すごく雰囲気のある夜の街を作り出しています。 ②　Elevated by RGBA and TBC 一見いったい何がすごいの？ただの風景映像？あ、もしかして全部CGだとか？まあ、このくらいのCGはもう結構映画で使われてるよね。 なんて思った方、この映像がすごいのには理由があります。 なんと、ドイツのプログラミングイベント『Breakpoint 2009』で優勝したプログラムで、その部門名、 「4KB部門」 、、、おわかりですか？この映像、たった4KBのプログラムから自動生成されているんです。 4KBといえば4,096バイト。そこら辺のテキストファイルより軽いです。 もう、絶句ですね。レベルの高さ以上に、テクノロジーのすごさを感じます。 1個の細胞からできあがっていく「生物」にはまだまだかなわないですけどね。 Pixel City Elevated

たまに海外ネタ（これでも英語できます、、、苦笑） 突然なんですが僕はパッケージデザインが大好きです。 webdesigner depotに 「きれいかつ効果的なパッケージデザイン50」 が紹介されていました。 >>50 Beautiful and Effective Package Designs (webdesigner depot) たまに商品を買ったときのパッケージがすごく ユーザーのこと考えつつすごく理にかなった仕組みに なっていたりすると興奮しちゃいます。 機能的かつシンボリックな形でものを表現すること これってテクノロジーでもそうじゃないですか？

結構日米の壁なくやっているところがウェブの テクノロジーっぽくて好きだったんですが、 サービス終了するようですね。 5月末をもって、LingrとRejawの両サービスをシャットダウンすることになりました。 （中略） しかし一方で思うのは、4人というのはやはり大所帯だったということです。アーキテクト・デザイナ・クライアントという専門には重複がなく、これにアーキテクチャとデザインの両方を見られるマネージャであるぼくを加えて4名なら、適正な少数精鋭と言えると思っていました。しかし、これは決して「少数」ではなかったのです。 自分が技術的に成長した今だから言えることですが、今のLingrやRejawのようなプロダクトなら、1人か、多くても2人ぐらいで作れるべきであった、と思います。「少数精鋭」を突き詰めると、究極的には1人になるということでしょう。 （中略） この程度の規模のサービスなら、データベースや各種サーバをちゃんとチューニングするノウハウがある今なら、Amazon EC2などをうまく使って年間10万とはいわないまでも、100万をだいぶ切る構成で運用が可能かも知れないという感触があります。ただ、それをとことん追求するインセンティブがなかったということです。 同じコストでも人件費というのはまったくの別物で、削れるところは削るというロジックが通用しません。一度仲間として受け入れたメンバーを、高いからとか、スピードが遅くなるからといって解雇したり減俸したりするのは非常に難しく、気の滅入ることで、とくに小規模チームでは致命的に尾を引くため、何か大きなきっかけがないとできないことです。 （江島健太郎 / Kenn’s Clairvoyance） ヒトや時間も含めた「コスト」というところでの判断のようです。 ウェブってメーカーの生産と違ってヒトをのぞいた原価や固定費が すごく小さくできるので、最初からほんとに大きな絵を描いて いない限りすぐに収穫逓減の法則にはまってしまう。 また、リアルのサービス業とも違って回転率を上げればって 話でもない。 必要なリソースをあとづけで追加していけるウェブの開発だからこそ 慎重にならなければいけないのかもしれないですね。 P.S.江島さんのスタンスはすごく好きなのでこれからも 応援していきたいと思います。

日々多くのウェブサービスがローンチしていく中、 終わりにたどり着いてしまうサービスもあるわけで。 大きなシステム障害を起こしたNTTデータのブログサービス 「Doblog」も 「ブログシステムの技術的知見、コミュニティサービス運営の ノウハウを蓄積できたから」 という理由で5月30日をもって終了するそうです。 CNETのオンラインパネルディスカッションにて いろいろな意見が飛び交っていますが、個人的には ■「オンラインだから～」という理論には違和感 これは運営者側の話。 →リアルのお店がつぶれることもあるし、楽しみにしていた番組が 不祥事で打ち切りになることもあるし、使っていたブログが使えなく なることもあると思います。 使っている人にしたら別にオンラインでもオフラインでも悲しいんです。 オンラインだから、いつなくなってもしょうがないだろ、みたいな 理論はどうかと。 ■ユーザーは幻想を描いているかも こちらはユーザー側の話 →ユーザーってそのサービスが なくなること最初から考えてないですよね。 意外とその辺は運営者とギャップがあるかな、と。 サービス継続が不可能になることっていろいろな 理由があると思いますが、こんな風に大規模なサービスが なくなったりする中だからこそ、不信感をあおらず、かつ 変な期待も持たない「ファン」を作り、一緒に歩んでいく という覚悟が必要なんではないでしょうか。 かくゆう僕もそれなりの方々に使っていただいている サービスを運営しているのでちょっと考えたいです。 サービスの継続については有料モデルの有無などのネタも 頭に浮かんでるんですが、またいつか。

かねてから考えていた 一日ブックマークしたものを一覧でブログに自動投稿 ということができないか模索しながら、何かサービスが ほしいときにどうするかおってみようと思います。 とりあえずほしい条件はこんな感じ ・Googleリーダーの共有機能でクリップ ・一日分が一覧で次の日反映 ・使用ブログはMovable Type まあ、これぐらいさくっとプログラム書けよ、、、 って話ですが、PC壊れていて開発環境なかったりで いろいろと面倒なので他力本願で何とかならないか 考えます。 1．何かサービスがないか探してみる とりあえずスピード優先のご時世なのですでにサービスが ないか探してみます。 さっくり探したところBuzzurlの機能を使えば きれいに一覧になりますし、コメントも入って理想ですね。 でも新しいSBMを使いはじめるのはハードル高いのと、 そもそもMTへの投稿に対応してないみたいです。 2．サービスの組み合わせでなんとかならないか考える とりあえずドンズバなサービスが見つけられなかったので 今度はいろいろなサービスの組み合わせで何とかならないか 考えてみます。 とりあえず、要素分解 一日ブックマークしたものを一覧でブログに自動投稿 ＝ブックマーク／日ごと＋自動投稿 となります。 Googleリーダーの共有機能はまとめサイト的なものも 自動的に出来上がって、そのRSSも取得できます。 こんなの なのでそれをDailyFeedというRSSを一日単位でまとめてくれる サービスでまとめます。 これで、日ごとのブックマーク一覧RSSが完成。 あとはこれをMTのプラグイン「rssEntry」で自動投稿 すればOK! （あと、参考まで） 使っているレンタルサーバーによってはプログラムを定期的に 実行するために使うcronが使えない場合があるので今回、 MTのプラグインでRunPeriodicTasksというのを使っています。 また、RSSの中身を一部変更するためYahoo!Pipesも使っています。 こんな感じです。 3．自分でつくる 今回は組み合わせでできたんですが、やっぱり自分で作れる 人は作ったほうがいいでしょう。サービスがどれか停止したとき すべてが崩壊します（苦笑）。 ただ、前述のとおりスピードが重要なので、組み合わせで作って 後からそれぞれの要素を作りこんでいく、というやり方も ありなんじゃないかなと感じました。 まとめ とりあえず組み合わせて動かす。そしてそこから作る。 参考： Hideya’s shared items [...]

普段はウェブサービスとかなんですが、今日は珍しくデスクトップアプリケーションについて。 その他の動画はこちらから。 株式会社デジタルステージというところから出ている「BiND for WebLiFE*」というソフトウェアがあるんですが、簡単に言うと誰でも簡単かつきれいに自分のウェブサイトが作れるソフトです。 誰でも簡単にウェブサイトが作れる、となると思い描くのがホームページビルダーですが、デザインも使い勝手も遙かに凌駕していて、ウェブの業界に勤めている自分としても「ちょっといいかも」と思ってしまうぐらい。 その「BiND for WebLiFE*」の次期バージョンにSYNCというクラウドサービスが登場します。 Google Appsを利用してbloggerやGoogle Docsと連携し、ブログを更新したりできる様になるんです。 Webで完結しちゃうとデザインの修正など結構大変だし、デスクトップアプリケーションで完結すると更新がインストールしたパソコンに依存しちゃう、というところでクラウドサービスをうまく使ってその連携をしたうまい例だと思います。 オンラインとオフラインのいいとこ取りだし、ユーザーには一切難しい側面を見せないところもすばらしいです。 「このソフトを使ってみたい！」ではなく、「誰かに情報を発信したい！」という気持ちがあふれてくるサービスの考え方がウェブの業界にも必要ですね。 （ここから余談） そもそもウェブサイトを作ること自体が専門的である必要はないと思っています。 技術自体に時間をかける必要はなくて、もっとコミュニケーションに時間をとってもらいたい。 そのための「コミュニケーションを支える技術」とか「コミュニケーションをとりたくなるような技術」を僕ももっと創っていきたいと思います。 デジタルステージ。価値観がすごく合うのでいつか働いてみたいですね、、、。

これらの例はすべて一長一短でどれが正解というものではありません。ユーザーにとっての正解は「動くこと」ただ一点です。 （JavaScript の不思議な面白さ – 第二回/Yahoo! JAPAN Tech Blog） 自戒の念も含めて。 テクノロジーに関わる方々の多くはその仕組みやどう実現するかに集中しがちですが、ユーザーからするとどう実現されているかは関係なく 「動くこと」 が重要だということです。 何をどう使ってもらい、それが動くか。 きちんと意識しながら物作りをしていきたいと思います。

ITmediaにチームでの開発についてかかれていました。 ネットサービスに限らず、複数人でものを作ったことがある人なら分かると思いますが、人がいればいるほどコミュニケーションコストがかかります。人が多ければ作業をできる人が増えるため、早く作れるということは決してなく、むしろ非効率の場合も多いのです。最近、1人でネットサービスを作る人が増えてきましたが、これはそういったコミュニケーションのムダを省けるため、むしろ作りやすいということなのでしょう。 しかし1人で作っていては、自分の実力以上のものは作れません。自分の力以上のものを作り上げていくには、コミュニケーションコストがかからない人たちと組むしかないのです。 こえ部のメンバーはそれぞれの実力を認め合い、お互いの反対意見にも耳を傾けながら、サービスを作ってきたのです。「僕の言う通りにやられたらここまで成功していなかったと思います。お互いに意見を言い合えたのがよかったですね」 「それはできない」とは言わない　急成長する音声コミュニティー「こえ部」 （「1を10にする」ネットサービスの育て方 / ITmedia News） 確かに一人での開発はスケジュールがゆるかったり、 コーディングの他のひとの連携(具体的にはSubversionや Gitなどのバージョン管理)とかのコストがあまりかからないので 楽なんですが、どうしても一人でできることには限界があって、 最初のコンセプト自体に客観性がたりない 一人しかコーディングしてないからコードがわかりづらい ↓ 最初の人との差があるからプロジェクトに他のひとが参加しづらい プロジェクトの更新が一人に依存する ↓ サービスのクオリティアップにブレーキがかかり、伸びていかない ↓ 最初にもどる、もしくはフェードアウト、、、。 ということになりがちなので、サービスはコンセプトを 作る最初と、サービスを提供し続けることが重要 (そして一番難しい)だという認識をおいて、 はじめから妥協しないメンバーをそろえてスタートする方が はじめは時間がかかっても、長期的には伸びるサービスを 展開していけるかもしれないですね。 もっと多くのプロジェクトやアイデアが コンセプト段階でオープンになって、チーム開発が活発に なればいいなと思います。 開発者向けのアイデア投げ合いサービスみたいなのほしいですね。 ごりごりの開発者向けじゃなくってもっと「興味がある」という 人たちも参加できるような敷居の低いやつがあれば、、、。

大きなこと言っておきながらいきなりですが、一応技術系のブログという事でプログラムのコードを載せる際にきれいに表示できるよう、SyntaxHighterを導入してみます。 以下、実際に導入するスクリプト。いかがでしょう？ <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushCss.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushPerl.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushSql.js"></script> <script type="text/javascript" src="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/styles/shThemeDefault.css"/> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'http://www.lifexweb.com/tech/wp-content/themes/syntaxhighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> 横に長いコードだと見づらいですね。改善の余地ありです、、。 *追記(2009/03/23 11:00)：WordPressのテーマ変えたら表示されなくなっちゃいました。現在確認中。 *追記2（2009/03/23 13:30）：ただ単にスクリプトのパスがなかっただけの模様。いちいち入れるのは面倒なのでプラグイン版導入。

これまでSEM-Analyticsというブログで広告系のブログを書いてきましたが、テクノロジー関連の仕事をするようになったのでテクノロジーブログを別に分けて作ることにしました。 これまで広告業界でいろいろな事業戦略に関わってきましたが、やはり大事にしたいと思っているのは コミュニケーションでつながっていきたいとユーザーが思うもの、をつくりだしたい ということ。 海外でマーケティングを勉強したときに「コミュニケーション」の重要性を痛感して、ビジネスとコミュニケーションの領域=広告ということに興味を持ってこの業界に入ったのですが、個人的なコミュニケーションに想うことはもっとシンプルで、自分が考えたものでもっとみんながコミュニケーションをとりたくなるようなものを創っていきたいなと思っています。 例えば、誰かに送りたいと思ってもらえるようなかわいいポストカードをデザインする。 そんな気持ちを忘れずに、テクノロジーをデザインしていけたらと思っています。 若干プログラムのコードなども含まれますが、ディテールだけにとらわれずマイペースに頑張っていきます。