http://yamamotodaisaku.com Life, Works and Thoughts Mon, 07 Nov 2011 11:28:46 +0000 http://backend.userland.com/rss092 ja 11/3に恵比寿で開催されたTHE NEW CONTEXT CONFERENCE 2011 Fallというカンファレンスに参加してきました。 このカンファレンスで扱うテーマは「Lean Startup」でした。 わたしもその呼び名しか知らなかったのですが、興味があったのでイチから勉強するつもりで参加してきました。 そして、カンファレンスに参加し、いろんな話を聴いた結果「Lean Startup、いい！使えそう！」という印象を受けました。 もちろん何の実践もしないで、ただいい！と思っているだけの状態ですが、 このエントリでは、なぜわたしが「Lean Startup」をいいと感じたかについて書いてみたいと思います。 ---- まず最初に、自分自身よく知らなかったので「Lean Startup」とは何かということについて調べてみました。 3分で分かるリーンスタートアップによると、「Lean Startup」とは ・スタートアップの「失敗パターン」から生まれた起業術 ・「アイディア」を「成功するビジネスモデル」にする手法 ということだそうです。 また、その進め方としては ・すべてのアイディアは「仮説」だと考える ・すべての「仮説」は実際の製品で「検証」する ・検証結果に基づいてビジネスモデルを修正する ・ウォーターフォールを止めてアジャイルで開発する ということが提唱されています。 カンファレンスのなかでも、複数のスピーカーからたびたび「Build - Measure - Learn」「Think - Make - Check」というサイクルが重要と言われていました。 アイデアを「仮説」と位置付け、常に「検証」しながらプロダクトを作っていくためのフレームワークですね。 また、アイデアを思いついた段階からこのサイクルを回すということも「Lean Startup」の特長だと思います。 個人的には「Lean Startup」とは「失敗することを前提にして、その失敗から学ぶためのフレームワーク」だという印象を持ちました。 この「Lean Startup」を最初に発表したのは、Eric Ries氏という方だそうです。 「The Lean Startup」という書籍はUSでベストセラーになったそうです。 邦訳は、2012年に発売されるそうです（楽しみ！）。 SlideShareには、そのEricさんのプレゼン資料もありました。 Lean Startup Presentation The Lean Startup 「Lean Startup」関連書籍でいうと、「アントレプレナーの教科書」も紹介されていました。 ---- そしてここからは、「Lean Startup」を実践しているスピーカーが数多く登壇したカンファレンスの各セッションについて、コメントしていきます。 デジタルガレージ 共同創業者 取締役でMIT Media Lab 所長でもある伊藤穰一氏(@joi)の挨拶。 「地図ではなくてコンパスを持つことが大事」ということばが印象的でした。行き先までの道のりが書いてある地図ではなくて、方向だけが分かっているコンパスを持って進む姿勢が重要ということだと思います。また、セレンディピティが重要、セレンディピティを生み出すセレンディピティエンジンにどんどん参加しよう！とも言われていました。 Joiさんの話を直接聴くのは二度目ですが、すぐに人を惹きつけてしまう話しぶりに今回も圧倒されました！ 続いて、Ian McFarland氏 （デジタルガレージ グループ CTO、前Pivotal Labs社 VP of Technology）。 「LeanStartup」の概念を説明されていました。 気になったキーワードとしては、 ・コロンブスは中国を見つけにいってアメリカを発見した→Pivot。 ・RSpecなどのテストは不良を見つけるものではない。テストはデザイン。 ・自動ビルド重要。リリーサビリティ重要。 ・ペアプログラミング重要。「検証されていないデザイン」は無駄。 ・Think Make Check サイクルを常に回す。 といったものがありました。 「LeanStartup」を実践されている方の話は、とても参考になりました。 「正しいアイディアの探し方 1: デザインと戦略」というテーマで、Jesse ... http://yamamotodaisaku.com/2011/11/05/lean-startup%ef%bc%81the-new-context-conference-2011-fall%e3%81%ab%e5%8f%82%e5%8a%a0%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81-ncc2011f/ いよいよ日本語化されたLinkedin。 全然使っていなかったんですが、久しぶりにログインしてみたらいろんな設定ができそうだったので、いろいろ試してみました。 そのなかで「これはやっておくべき！」と思った設定を5つ挙げてみました。 --- (1) 公開プロフィールURLのカスタマイズ設定 公開プロフィールのURLですが、デフォルトだと「http://jp.linkedin.com/pub/ID/**/**/**」みたいなURLで覚えにくいので、カスタマイズしたほうがよさそうです。 「プロフィールの編集」→「公開プロフィールの編集」の右下のほうにある「公開プロフィールURLのカスタマイズ」を押すと変更画面が表示されます。 変更すると、以下のようなURLにすることができます。 http://www.linkedin.com/in/daisaku 覚えやすくていいですね！ /in/以降のアカウント文字列の部分は、TwitterとかFacebookのアカウント名と合わせたいですね。 (2) アプリケーションの追加 「プロフィールの編集」→「アプリケーションを追加」を押すと、以下の画面が表示されます。 WordPressやSlideShareを追加し、自分のブログ、アカウントを設定すると、Linkedinの自分のページ内に ↑　こんな感じで表示されます。 （公開プロフィールには表示されないようです） ブログの記事やプレゼンなどで、その人のいまの関心事が分かったりしますから、ブログをやってたり、SlideShareをやってる人は追加しておいたほうがいいんじゃないでしょうか。 (3) スキルの追加 「その他」→「スキル」を押すと、以下の画面が表示されます。 自分の持っているスキルで検索し、スキルを追加します。 自分のプロフィール画面では、追加したスキルは以下のように表示されます。 それぞれのスキルをクリックすると、そのスキルを持つLinkedinユーザが表示されます。 スキルタグみたいな機能ですね。 その人の持つスキルがパッと見て分かるのは便利だと思います。 (4) キャリアサマリへの経歴の記入 何を書けばいいか困ってしまうキャリアサマリですが、主に検索に引っ掛かるのはこのキャリアサマリ内のテキストかと思います。 キャリアサマリを更新すると、すぐに検索インデックス化されるようで、更新直後からサマリ内のキーワードで検索に引っ掛かるようになります。 なるべく詳細に記入しておいたほうが、人に見つけてもらいやすくなると思います。 (5) プロフィール写真の設定 最後は、すごく簡単な設定です。 Linkedinではプロフィールが一覧表示される画面が多いです。なので、判別ができるようにプロフィール写真は設定しておいたほうが誰だか分かりやすいのでいいかと思いました（それだけ！？）。 --- と、Linkedinの機能をいろいろ試してみたのですが、LinkedinはFacebookのようにアクティビティを楽しむSNSではなくて、ネットワーキングするためのプロフィール共有SNSだと感じました。 何より検索が強力なのが、いいですね。 「○○について知ってる人をプロジェクトに誘いたい」というときに使えそうな気がします。 「ググる」みたいな感じで、Linkedinで人を探すことを「リンクトる」って呼ぶようになってもおかしくないくらい、プロフィール検索がすごいですね。 以下の画面は、詳細検索画面ですが、 まさに詳細検索！ Linkedinの技術的な核は、この検索機能に詰まっていますね。 有料版のプランも、検索機能の有無で決まっていました。 グループ機能もいいですね。 某企業の退職者の会みたいなグループがあって面白そうだなーと思いました。 あとQ&A機能もあるようなので、Quoraみたいな用途でも使えそうですね。 数時間しか触っていませんが、とりあえず、自分のプロフィールをいろいろ埋めていれば、 Linkedinからいろんな出会いが生まれてくるんじゃないかと感じました。 http://yamamotodaisaku.com/2011/10/20/linkedin%e3%81%a7%e3%81%be%e3%81%9a%e3%82%84%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8f%e3%81%b9%e3%81%8d%e3%81%a8%e6%80%9d%e3%81%a3%e3%81%9f5%e3%81%a4%e3%81%ae%e8%a8%ad%e5%ae%9a/ 今さらながら、Google Analyticsのリアルタイム解析とソーシャルプラグインを試してみたので、その報告です。 まず感想なんですが、「すごい！便利！」の一言です！ リアルタイム解析というのは、ほぼリアルタイムでサイトでのユーザの行動をトラッキングできる機能、 ソーシャルプラグインは、サイトでFacebookいいねや、Twitterでつぶやくが押されたことをトラッキングする機能です。 これらの機能を有効にするには、Google Analyticsの新しいバージョンを有効にする必要があります。 Google Analyticsで右上に表示されている「新しいバージョン」というリンクをクリックすれば、有効になります。 新しいバージョンのGoogle Analyticsの「ホーム」タブを押すと、「リアルタイム（ベータ版）」というリンクがあるので、 押すと、以下のような画面が表示されます。 ・現在のアクティブユーザ数 ・上位の参照元 ・上位のアクティブページ ・分単位/秒単位のページビュー数 が分かりやすく表示されます。 特に「分単位/秒単位のページビュー数」が、秒単位で徐々に右から左へ動いていくUIは素晴らしいですね！ ↑の例では現在のアクティブユーザ数は0ですが、別のセッションでアクセスしてみると・・・ おー増えましたね！ほぼリアルタイムで変動していますね！すごい！ このリアルタイム解析があれば、TwitterやFacebookで投稿した直後の反応が分かるので便利だと思いました。 従来のAnalyticsでは分からない、アクセスの勢い、熱さ、熱量のようなものを把握できる気がします。 例えるなら、今までは1時間かかっていた宅配ピザ業者が、できたてホカホカのピザを瞬時に届けてくれるようになったくらいの変化ですね。 （この例え、ちょっと違うかも。。。） ・・・そして、もうひとつのソーシャルプラグイントラッキングもすごかったです！ 新しいバージョンのGoogle Analyticsの「標準レポート」タブを押し、「ソーシャル」→「アクション」リンクを押すと、 こんな感じの画面が表示されます。 ソーシャル プラグイン アナリティクスについて によると、ソーシャル ソース別、ソースとアクションの組み合わせ別にソーシャル アクション（+1 のクリックや「いいね！」の操作）の回数を比較できるそうです。 これも便利ですねー。 これまで、Facebookいいねボタンや、Twitterでつぶやくボタンを押された回数を簡単に知る方法は無かったので。 ただ、デフォルトの状態では、Google+1を押されたアクションは解析できるのですが、Facebookいいね、Twitterでつぶやくを押されたアクションを解析することはできないようです。 Social Interaction Analytics ↑で紹介されているように、解析対象サイトのテンプレートなどで、[ccie_html][/ccie_html]タグの直前に [cce_html theme="blackboard"] FB.Event.subscribe('edge.create', function(targetUrl) { _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]); }); FB.Event.subscribe('edge.remove', function(targetUrl) { _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]); }); FB.Event.subscribe('message.send', function(targetUrl) { _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]); }); function extractParamFromUri(uri, paramName) { if (!uri) { return; } var ... http://yamamotodaisaku.com/2011/10/20/googleanalytics%e3%81%ae%e3%83%aa%e3%82%a2%e3%83%ab%e3%82%bf%e3%82%a4%e3%83%a0%e8%a7%a3%e6%9e%90%e3%81%a8%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/ ようやく入手しましたiPhone4S！！ 3GSからの機種変更組だったんですが、4Sの開通までには 予約開始初日に予約 ↓ 発売初日の14日に受取に行くものの、ソフトバンクのシステムトラブルで受け取れず。。 ↓ 15日、本体だけ受取。開通を待つものの、一向に3GSが圏外にならない。。 Wifi設定だけしたiPhone4Sは、さながら軽快に動作するiPod Touchといった有様。 ↓ 16日、まだ繋がらないだろうと思って3GSだけ持って外出したら、すぐに圏外に！ 圏外状態の3GSを持って外をうろうろするという愚かさたるや！ あとで4Sを見たら電波立ってた！とりあえず開通！ という紆余曲折を経ることになりました。 その4Sを一日触ってみて、感じた印象をいくつか挙げていきます。 ・体感速度早い！ 4Sのスペックで特徴的なのは、CPUが「A5」になったということ。 端末を操作しているときの体感速度はかなり早く感じます。 ・画面きれい！ 3GSと較べると、非常に奇麗なディスプレイ。 4Sを触った後に、3GSの画面を見ると、ぼやけてるようにも感じてしまいます。 ・ホームボタン押しやすい！ 3GSと較べると、負荷が少ないというか、柔らかい印象。 ・通知メニューがいい！ 分かりにくいですが、上からウィーンってできるやつです。 iOS5の新機能なのかな？ ・Wifi同期便利！ これもiOS5の機能かな？ Wifiに繋がってれば、母艦PCのiTunesと同期されるのは便利ですね。 ・Siriすごい！ 端末を声で操作できる未来感。 ただの音声認識じゃなくて、対話形式で設定が進んでいくのには驚きました！ あとは、まだ試せていないんですが、 iCloudのフォトストリームとか、リマインダーとかも使ったら便利そうだなーと感じています。 （とりあえず、明日のリマインダー設定してみた！） 実は今でも3GSで充分満足していたんですが、4Sを触ったら、もう3GSには戻れなくなりそうです。 iPhoneは、ほんとに触っていて面白いデバイスですね！ 今回の件で、ソフトバンクにはいろいろ思うところがありますが、 ULTRA WiFi 4Gとか、また期待しています！ ここしばらく数日間は、4Sで楽しめそう！ 久しぶりにわくわくしています！ http://yamamotodaisaku.com/2011/10/16/iphone4s%e3%83%95%e3%82%a1%e3%83%bc%e3%82%b9%e3%83%88%e3%82%a4%e3%83%b3%e3%83%97%e3%83%ac%e3%83%83%e3%82%b7%e3%83%a7%e3%83%b3%ef%bc%81/ はじめて参加してきました、Perlの祭典「YAPC::Asia」！ 会場は東京工業大学の大岡山キャンパス。 芝生があって、子供たちが遊んでたりして、いい雰囲気のキャンパスでした！ 会場はどこだろう？？ 少し迷いました。。 見つけたっ！！！ Tシャツも売ってる（買いました）！ 会場内には、エンジニア御用達出版社オライリーのガチャガチャもありましたよ！ ちょっとしたカフェスペースでは、海外の方が説明する勉強会（？）も行われていました。 この時点で、YAPCすげーーー！モードに突入！！ メイン会場の階段、こけやすかったようです。。 「話しかけてね」シールをもらって、いざメイン会場へ！！ （懇親会に出れなかったので、貼ってても誰からも話しかけられる事は無かったですけどね！） ひ、広い！！！300人くらいは入る会場だったようです。 ステージまでの傾斜の角度が急なので、ホール感を強く感じた会場でした。 運営の方々でLT（ライトニングトーク。短いプレゼンです）の準備中。 スクリーンが2つあって、ひとつは「#yapcasia」を含むツイートが流されていました。 後ろを見てみると、すごい人っ！！ なんか緊張してきた！！ オーガナイザーの@941さんよりLT開催の挨拶。 つなぎのトークの内容で、集まってるPerlコミュニティの方々の濃さ、温かさが理解できました。 ほんと会場の空気が良くて、素晴らしいコミュニティだと思いました。 そして、LTスタート！！ ぼくを含めて20名くらいの人がLTしたのかな？ 内容は、ネタあり、技術的に深いものありという感じで、すごく面白かったです！ 今まで見たLT大会のなかでは、一番面白かったなー！！ ぼくも Mashup Awards 7 について発表してきました。 会場にいる人たちの7〜8割の方がMashup Awardsについてご存知だったようで、それは本当にうれしかったです！！ YAPC::Asia Tokyo 2011 スペシャルレポート （gihyoさんの記事にも少しだけ載ってました） これまでYAPCって聞いた事はあるけど、ちょっとPerlに詳しくない人には参加しにくいのかなー？という印象を持っていましたが、全然そんなことなかったです！！ Perl知らない人でも楽しめるイベントでした（知ってたらもっと楽しいと思う）！ YAPC最高でした！！ 明日15日も開催されるので、興味のある方はLT大会だけでもぜひ行ってみられることをおすすめします！！ 購入したTシャツ。RUN DMCのパロディ。かっこいい！ http://yamamotodaisaku.com/2011/10/15/yapcasia-tokyo-2011%e3%81%a7lt%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81-yapcasia/ 10/10（月）、CLASKAで実施されたFacebookのイベント「f8 Tokyo」に参加してきました！ このCLASKAという会場、ホテルをリノベーションした建物だそうで、カフェ・ショップ・イベントスペース・ホテルが一体となっていて、とてもかっこよかったです！ こういうコンセプチュアルなスペースでイベントを実施するIT企業は少ないのでは？と思います。 「Facebook、すごくおしゃれな場所でイベントやるんだなー！」と驚きました！ （最寄駅の学芸大学駅からわりと遠い会場で歩くと疲れたんですが、この会場に来たら、疲れも吹き飛びました） 13時から開始だったんですが、20分前に着いても会場はぎっしり満員でした！ （すごい熱気でしたよ！！） まず、Facebook児玉さんの発表。 いろんな数値が発表されました。 ・Facebook 日本のマンスリーアクティブユーザ　500万ユーザ（数十万ユーザから1年半で成長） ・Facebookのアジアでのイベントははじめて。ワールドツアーの一環。 ・f8 Tokyo 申し込み多かった！倍率3倍でした。 ・Facebook社員、この会場にたくさんいます。参加者8人に対し、1人います。 ・この会場のオーディエンスとの距離は2m。 ・この会場のネット回線1Gbps。CLASKAさんがこの日のために新設（すごい！）。Wifiスポット5個。 ・この会場の電源40個。 ・同時通訳3人 ・エレベーター1基 まず感じたのは、プレゼン資料のデザイン・フォントがかっこよかった！ということです。 この日にあったどのプレゼン資料も、共通してかっこいいデザインでした。 あと、回線・Wifi・電源など、開発者向けイベントだけに充実しているなーという印象を受けました。 そして、児玉さんからは ・セッション聞きながら、PC開いてコード書こう！ ・思ったこととかは、Facebookなどでシェアしよう！ ・質問しよう！ ・水・コーヒーは用意してます！ など、参加者に向けて呼びかけられました。 ぼくもイベントを開催する立場になることがあるんですが、イベントの冒頭で参加者に向けて、こういうメッセージを届けるのは重要だと感じました。 続いて、各セッション。 セッションのなかでは、先日のUSのf8でも発表された「Open Graph」がフィーチャーされていました。 URLから判断すると、従来のGraph APIを拡張した感じですね。 Open Graphとは、ぼくの理解している範囲でいうと、「●●（誰）が●●を（オブジェクト）●●しました（動詞）」という情報を登録・参照するためのAPIだと思っています。 たとえば、セッションでも紹介された「レシピ共有アプリ」で「Aさん」が「オムライス」を「料理した」という情報をOpen Graphを使えば、Facebookに登録できます。 そして、Facebook上ではAさんの友達のTickerに「Aさんがオムライスを料理しました（レシピ共有アプリ）」みたいなメッセージが流れます。 面白いのが、この「料理した」という動詞の部分で、この動詞の部分はアプリ開発者が自由に設定できるところ（たぶん）。 「myapp:cook（料理する）」以外にも「myapp:read（読む）」「myapp:run（走る）」「myapp:listen（聴く）」など、ライフスタイルに関連した動詞はいくらでも考えられます。 「myapp:want_to_buy（買いたい）」みたいなのもありですね。 個人的に、この日のイベントで一番刺さったのは、このOpen Graphでした。 Open Graphを使ったアプリ、無茶苦茶面白そうなものができそうですよね。 実際、いま開発しようとしているアプリにもOpen Graph使える！と思って、セッション聴いてる最中にテンションあがりまくりました！ （PCを持っていかなかったことをほんとに後悔！） セッションで紹介されたレシピ共有アプリ。 ソースは以下のリンクからダウンロードできます。 http://developers.facebook.com/docs/beta/samples/ あと、セッションではFacebookの開発者の方がライブコーディングをしていたんですが、開発環境はMacBook+PHP+JavaScript+TextMate+git+Herokuな感じでした。VMWare Fusion入れてた人もいました。 そして、CLASKA1Fのカフェにてランチタイム。 どの料理もほんとに美味しかったです！！ 午後のセッションでは、DEEP-DIVEということで、アプリ開発のより深い部分について発表されました。 Open Graphを利用するアプリを開発するうえで必要な、データモデル、アクションタイプ、アグリゲーションなどについて紹介されました。 以下のチュートリアルを見れば、Facebookアプリ開発者の方であれば、基本的なことは分かるかと思います。 参考：Open Graphアプリの作成チュートリアル http://developers.facebook.com/docs/beta/opengraph/tutorial/ Open Graphに続いては、ゲーム、マーケティング、モバイルに関する発表がありました。 詳細な紹介は、fb.developers'+さんの 【速報】f8 Tokyo 午後の部 をご覧ください。 屋上も開放されているということでしたので、休憩時間に行ってみました。 音響設備もあったし、ここで夜ドリンクを飲んだら気持ちよさそうです！ そして、最後はクックパッド井原さんの発表。 ローンチパートナーとしてアプリを開発してみたリアルな感想が聞けて、とても参考になりました。 井原さんは、ぼくが関わっているイベント「#MA7 Mashup Caravan in Tokyo」でもプレゼンしていただいたことがあり、参加者の反応が非常にいいプレゼンをされることで有名な方です。 この日も、オーディエンスの心をつかむ面白いプレゼンをされていました。日々行う料理を楽しくするサービスであるクックパッドと、OpenGraphの親和性は非常に高いと感じました。 最後は、Q&Aセッション。 f8の由来は、Facebook社内で実施されている定時以降の8時間ハッカソンからきているということを知れたのが一番よかったです！ そして、最後は1Fでパーティー。 いろんな方とお話できて、楽しかったです！！ 帰り際に、おみやげをいただきました！ 内容はTシャツ（生地はUnited Athle）、ポストイット、キーホルダーでした！ 今回参加してみて感じたのは、やはりOpenGraphの可能性についてです。 2005年以降のソーシャルサービスブームによって、写真・位置情報・好きなもの・関心があるもの・交友関係などなど、個人に関するいろんな情報がシェアされる時代になってきました。 これまでは、それぞれのソーシャルサービス内で完結していた情報が、OpenGraphによって、Facebookの友達同士でも楽しむことができるようになるのだと思います。 そして、その情報はFacebookにTimeLineとして記録していくこともできます。 このOpen Graphは、Facebookが「ライフストリーミング&ロギングプラットフォーム」としてさらに成長するための大きな一歩になるような気がします。 アプリを作る側がおさえておくポイントとしては、 ・ユーザの生活に連動したライフスタイルアプリを作る場合、Open Graphは利用するべき 　「料理したよ！ボタン」「読んだよ！ボタン」など動詞の数だけアクションボタンは作成可能。 　「日時・写真」のデータがある場合、「作った料理をTimelineに追加」など、タイムライン追加ボタンをつけてもよさそう。 ・これからはNewsFeedではなくて、Ticker、Timelineに（軽い）アクティビティを吐くアプリが増えそう ・ただ、「ページを閲覧した」のような（軽すぎる）アクティビティをTickerに吐くようなアプリは嫌われそう かと思います。 またFacebookユーザとしては、自分のものを作っていると時間を忘れてしまうくらい、Timelineが最高に面白いので、 これからFacebookにどんどんデータを登録したくなってしまうなーとも感じています。 いま開発者にとって、ユーザ数、APIの充実という点から、一番魅力的なプラットフォームはFacebook、といえると思います。 サードパーティーアプリ開発者としては、とりあえずしばらくはこのFacebookプラットフォームに乗らざるを得ないのかなー？とさらに痛感したイベントでした！ http://yamamotodaisaku.com/2011/10/11/f8tokyo-%e4%bb%8a%e5%be%8c%e3%81%aeopengraph%e3%81%ae%e5%8f%af%e8%83%bd%e6%80%a7%e3%82%92%e6%84%9f%e3%81%98%e3%81%9f%e4%b8%80%e6%97%a5/ http://webplayer.yahoo.com/ Yahooから出た音声・動画プレイヤー。 動画の表示がかっこよくていいですねー。 さっそく、このブログにも入れてみました。 セットアップの手順はこちら。 Wordpressの場合、footer.phpに一行追加するだけです。 このセットアップを済ませると、 ブログでYouTubeへのリンクを書くだけでYahooの動画プレイヤーが表示できます。 ↓こんな感じで。 Primal Scream - Rocks (Live From Abbey Road) 手軽にできるのがいいですね！ http://yamamotodaisaku.com/2011/08/06/%e3%82%ab%e3%83%b3%e3%82%bf%e3%83%b3%e3%81%ab%e3%81%8b%e3%81%a3%e3%81%93%e3%81%84%e3%81%84%e5%8b%95%e7%94%bb%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%82%92%e8%a8%ad%e7%bd%ae%e3%81%a7%e3%81%8d/ ROULETTE MAKER http://roulettemaker.com/ 先日、「ROULETTE MAKER」というサービスを公開しました。 簡単にルーレットが作成でき、PCやスマートフォンでそのルーレットを動かすことができます。 ルーレットを作成するときは、「ルーレット名」とルーレットの「項目名」を入力。 こんなルーレットができます。 このルーレットは、ぼくがランチをどこで食べようか？と思ったとき用のものですが、こんな感じで自由に作ることができます。 スマートフォンでも動きます。 ルーレットはHTML5のCanvas要素を利用して描画しています。 以下のエントリのソースをほぼそのまま使わせていただいています。 Creating a Roulette Wheel Using HTML5 Canvas 最近、個人的には、Rails、jQuery、HTML5、CSS3を使ってサービスを開発することが多いですが、そうやって作るとPCでもスマートフォンでも動かせて楽だなーと思っています。 あと、ロゴ作成にはGoogle Font APIが便利でいいですね！ 「ROULETTE MAKER」、飲み会とかで気軽に使ってみてください！ http://yamamotodaisaku.com/2011/03/30/roulettemaker/ jishinhelp.com | 東日本大震災 救助要請・安否確認・避難ツイート検索 http://jishinhelp.com/ 今回の震災では、Twitterでも救助要請、安否確認などが活発に行われています。 ただ、Twitter検索では、公式RTされたツイートも検索結果に含まれるため、 重複した内容のツイートが多く表示されていました。 jishinhelp.com では、#j_j_helpme #anpi #hinan というハッシュタグがついたツイートを収集し、公式RTを除いて表示しています。フリーワード検索も可能です。 何か情報を探している方のお役に立てればという気持ちで作りました。 今後も自分にできることをやっていきたいと思います。 http://yamamotodaisaku.com/2011/03/18/jishinhelp-com-%e6%9d%b1%e6%97%a5%e6%9c%ac%e5%a4%a7%e9%9c%87%e7%81%bd-%e6%95%91%e5%8a%a9%e8%a6%81%e8%ab%8b%e3%83%bb%e5%ae%89%e5%90%a6%e7%a2%ba%e8%aa%8d%e3%83%bb%e9%81%bf%e9%9b%a3%e3%83%84%e3%82%a4/ akarifrom.me http://akarifrom.me/ 東日本大震災により、日本は大変な事態になっています。 あの日以来、被害を受けていない自分に何ができるのか？ということをずっと考えていました。 しかしWebエンジニアである自分には、Webサービスを作ることしかできません。 そこで、節電する気持ちを伝えるサービスを作ろうと思いました。 サービスのコンセプトは「みんなのあかりが、だれかに届きますように。」 節電している際の、部屋の灯りの写真とコメントをシェアするサービスです。 今回節電している自分たちは、単に電気を消すのではなく、 この電気をだれかに届ける、という気持ちで行動していると思います。 そんな気持ち、思いが、いろんなところに広がればいいなと思い、作りました。 このサービスを公開することが、いいことなのか、悪いことなのか正直分かりません。 ただ何かできることをしたいと思い、作りました。 今後も、被災された方々の支援や被災地の復旧・復興について考え、行動していきたいと思います。 http://yamamotodaisaku.com/2011/03/14/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%ae%e3%81%82%e3%81%8b%e3%82%8a%e3%81%8c%e3%80%81%e3%81%a0%e3%82%8c%e3%81%8b%e3%81%ab%e5%b1%8a%e3%81%8d%e3%81%be%e3%81%99%e3%82%88%e3%81%86%e3%81%ab%e3%80%82%e3%80%8cak/