携帯サイト開発を極める！開発チームリーダーのブログ

こんにちは、バズー株式会社、開発チームリーダーの清水です。

mixiアプリで口コミ効果を上げるのに効果的と思われるのが、アプリガジェットの有効活用です。アプリガジェットは、小さな長方形のボックスで、mixiログイン後のトップページ（左側）と、他人が自分のプロフィールを覗いたときの2箇所で表示され、それぞれ別の内容を表示させることができます。小さい領域なので多くの情報を載せることはできませんが、とりあえずアプリへのリンクを貼っておくだけでも十分です。以下3つの利点があります。

・トップページに常時表示されるので他のアプリに埋もれることなく実行してもらえる
・プロフィールページに常時表示されるので、他のマイミクにアピールできる
・ミニメッセージ機能を使って、アプリからのお知らせをその人宛に送れる

ガジェットのソースコードはこちらです。［］は全角なので半角に直して下さいね。

■gadget.xml

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="青空文庫">
  <Require feature="opensocial-0.8" />
    <Require feature="views" />
  </ModulePrefs>

  <Content type="html" view="home">

    <!［CDATA［

      <div align="center"><a href="http://mixi.jp/run_appli.pl?id=11421" target="_top">いますぐ始める</a></div>

    ］］>

  </Content>

  <Content type="html" view="profile">

    <!［CDATA［

      <div align="center"><a href="http://mixi.jp/view_appli.pl?id=11421" target="_top">いますぐ始める</a></div>

    ］］>

  </Content>

  <Content type="html" view="canvas">

    <!［CDATA［

    ここにアプリ実行画面のソースコードを書く。

    ］］>

  </Content>

</Module>

■解説

・feature="views"と書くのがポイント。
・view="home"がmixiトップページに表示されるガジェットです。run_appli.plでアプリを即実行できるようにします。
・view="profile"が他人が自分のプロフィールを見たときに表示されるカジェットです。view_appli.plでアプリの紹介画面に飛ばします。
・view="canvas"が通常のアプリ実行画面です。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

多数の要望を頂いていたPC版「みんなでチャット」と「女子力UP☆マナークイズ」を1月29日に配信開始いたしました。
見た目はmixiアプリモバイル版とほぼ同じです（こちらは随時見直していきます）。
PC/携帯版とも活用いただければと思います。

こちらもPC版「青空文庫」と同様、超スピードリリースです。
やはり、PC/携帯版があるほうが新規利用者数の伸びがいいですね！

弊社はモバイルイノベーションカンパニーとして今後もソーシャルアプリにキャッチアップしていきます。ご期待ください。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

多数の要望を頂いていたPC版「青空文庫」を本日正式に配信開始いたしました。
見た目はmixiアプリモバイル版とほぼ同じです（こちらは随時見直していきます）。
PCで読み始めた本の続きを携帯で読むことももちろんできますので、
PC/携帯版とも活用いただければと思います。

今回は、PC版の仕様書の確認（1日）、実装（1日）、テスト・バグ修正（1日）の3日の超スピード開発を行いました。
mixiアプリでも RESTful API に対応したため、コントローラーとモデルはほぼ使いまわしができたため、超スピードで行けました。

Javascript のところがかなり面倒くさいですが（ブラウザ互換性で何度か泣く・・・）、
先日のエントリーのようにすれば、ほぼ普通のウェブアプリのように開発できます。
mixiアプリモバイルの開発を先行し、そのロジックを使いまわすのが楽で効率がよさそうです。

ミクシィのPVは携帯が圧倒的で、それだけ見るとPC版を開発する旨みがあまりありません。
とはいえ、携帯でしかmixiを見ない人がいるように、PCでしかmixiを見ない人がいるのも事実です
（私も携帯で見るようになったのは最近のことです）。
また、PC/携帯両対応アプリだと、アクティビティ（更新履歴）がPC/携帯両サイトに表示されます。
そろそろアプリの数も増えてきたので、こうでもしないとなかなか目立ちません。
したがって、今後は、携帯のみのアプリがPCに対応してくることが予想されます。
そこで重要になってくるのはPC/携帯間でのデータ連携ですね。
最近では自社アプリ内でもデータ連携もでてきましたね（セルフィみたいに）。

弊社はモバイルイノベーションカンパニーとして今後もソーシャルアプリにキャッチアップしていきます。ご期待ください。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

弊社はmixiアプリモバイル（携帯専用）をほうを専門にやってきましたが、mixiアプリ（PC版）を希望する声が多いため、mixiアプリについて調べてみました。mixiアプリは Javascript をガリガリゴリゴリ書くので、苦手です・・。しかもmixiの強力なキャッシュが効くらしく、それもやっかいです。

なんとか Javascript を最小限にして、PHP で書けないかと思い仕様書を見ていたら、PC でも RESTful API が使えるようです。RESTful API が使えるなら話は PHP だけで済みます（mixiアプリモバイルは RESTful API を使って実装します）。

外部サーバーからデータを取得する gadgets.io.makeRequest というのがあるので、それを使ってみました。ガジェットのソースはたったこれだけです！アプリのソースコードはすべてサーバー側に隠ぺいできます！

この場合、表示する部分はすべて、http://somewhere/ から HTML を取得して、それをそのまま表示させます。他に RSS フィードや JSON にも対応しているようですが、今回は無視（詳細はmixiアプリの仕様書をどうぞ）。

ちなみに POST には未対応（POSTに対応させるにはmixiアプリの仕様書をどうぞ）。外部サーバーでリダイレクトをかけてしまう場合も未対応です（こちらはたぶんどうしようもない）。

■gadget.xml

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
　<ModulePrefs title="テストアプリ">
　　<Require feature="opensocial-0.8" />
　　　<Optional feature="content-rewrite">
　　　　<Param name="exclude-urls"></Param>
　　　　<Param name="exclude-urls">.*</Param>
　　　　<Param name="include-tags"></Param>
　　　</Optional>
　　</ModulePrefs>
　<Content type="url" view="mobile" href="http://somewhere/mobile" />
　<Content type="html">
　　<![CDATA[

<div id="contents" style="width:690px;height:500px;overflow:scroll;">
</div>

<script type="text/javascript">
var req_url = "/";

// GET
function do_get(url) {
　var url = "http://somewhere"+url;
　var params = {};
　params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
　params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT ;
　params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.SIGNED;
　gadgets.io.makeRequest(url, function(response) {
　　if (response) {
　　　document.getElementById("contents").innerHTML = response.data;
　　}
　}, params);
}

// 初期化
function init() {
　do_get("/");
}

// 起動完了時に呼ばれる関数の設定
gadgets.util.registerOnLoadHandler(init);
</script>
　　]]>
　</Content>
</Module>

■リンクの書き方

リンクはすべて以下のようにガジェット内の get_url 関数を呼ぶように書き換えなければなりません。

<a href="javascript:void(0)" onclick="get_url('/some_module/some_action/param1/123/param2/345')">なんちゃら</a>

■懸案点

gadgets.io.makeRequest はどうやら AJAX 的に動くらしく、いくらリンクを叩いても PV が増えないようです。
その分、レスポンスは非常によいですが・・。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

本日、Mixiアプリ第4弾「女子力アップ☆マナークイズ」をリリースしました。

去年カテゴリー申請を行っていたのですが、ようやくのリリースです。
エンターテイメントに特化したちょっと遊ぶのにちょうどいいアプリになっていますので、
クイズに答えてあなたの女子力をアップさせてくださいね（もちろん男性でも可）！

現在はちょっと設問数が少ないので、徐々に増やしていきます。

成績優秀者にはプレゼントを用意しようと考えていますので、お楽しみに。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

リリース以来大盛況の弊社mixiアプリ「みんなでチャット」に人工無脳機能を追加しました。

「人工無脳＞（適当な文章）」と人工無脳に何か話しかけると、ちょっと間抜けなロボットとお話できます。
みなさんの会話を学んでちょっとずつ賢く（間抜けに？）なっていきます。
話相手がいないときにぜひお使いください。

※ロボットへの発言が集中したり、答えづらい発言だったりすると黙ってしまうことがあります。

■そもそも人工無脳とは？

「人工無脳（または人工無能）」とは「人工知能（AI）」にかけて作られた単語です。人工知能は理論に裏付けされたしっかりしたものですが、人工無脳は、人間とそれっぽく会話ができるのが目標なので、それほど大それたものはありません。面白ければよいという世界です。

もともとは英語で人間とそれっぽく話す ELIZA というシステムを発端にしています。英語では単語がスペースによって分かち書きされているので、文脈解釈はそれほど難しくありませんが、日本語ではまず分かち書きを行ってから文脈解釈をしなければいけないため（形態素解析といいます）、敷居はそれなりに高いです。現在では、フリーの優秀な形態素解析エンジンが出回っているため、はじめようと思えば割と簡単に人工無能を作ることが可能です。

「恋するプログラム Ｒｕｂｙでつくる人工無脳 」という素晴らしい入門書があるのですが、現在では絶版の模様です・・。

■人工無脳の種類

人工無脳には大きくわけて「手動学習型」と「自動学習型」に分かれます。

http://www.ycf.nanet.co.jp/~skato/muno/material/review.html より転載

■手動学習型

特定の反応パターンと、単語辞書を用意しておいて、それに当てはめて返答します。
もっともそれっぽい反応を返してくれますが、膨大な反応パターンと単語辞書を作成する必要があります。

■自動学習型

入力された文章を適当に並び替え、過去に入力された文章などを使ってランダムな文章を作って返答します。
辞書を作る必要がないので、お手軽ですが、意味不明な回答になる確率があがります。
みんなでチャットで使っているのはこちらの人工無能です。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

昨日、セレブスタイルのスピリチュアルカウンセラー、レイア先生をお招きして社内研修が開催されました。
一緒にいてとても居心地のよい方で、それだけでも若干癒された感じがします。
レイア先生に、バズーチームそれぞれのオーラ写真をとってもらい、解説していただきました。
面白かったのは、各々オーラが全く違うこと。
オーラが性格を作るそうですが、確かにバズーチームは非常に個性豊かです。
玉石混合の中からしか素晴らしい創造性は生まれないと思うので、現状のバズーチームはとてもいいチームということですね。

夜に生徒さん向けのレッスンもあったのですが、予定時間を大幅に伸びての大大盛況でした。

⇒レイア先生のレッスンはこちら

うちの家族も興味深々だったので、機会があればプライベートカウンセリングを受けてみたいと思います。

ちなみに私のオーラは太陽タイプだそうです。確かに行け行けドンドンで突っ込みまくる性格なので当たっていますね（笑）

こんにちは、バズー株式会社、開発チームリーダーの清水です。

正月明けの1月9日に、バズー初の社外研修が富士急ハイランドで行われました。
東京から見る富士山も綺麗ですが、まじかで見る富士山の迫力と美しさは半端ないものがありました。
霊峰と呼ばれていたり、パワースポットであることも納得です。

今回の研修の趣旨は、

・「フジヤマ」に乗ることで、バズーメンバーを、如何なる恐怖も克服出来る勇者集団にすること
・スタッフ全員でオフラインのコミュニケーションを取ること

上記2点だったようですが。私はジェットコースター系が大の苦手です。
歯医者にしても、ジェットコースターにしても金を払って辛い思いをするなんてどれだけマゾなんだよ！！と思い、全く理解できません。
唯一よかったのは、意外な社員が実はジェットコースター好きだったこと。
私は一生分のコワイ思いを2回、二生分のコワイ思いをしたので、あそこにはもう2度と行きたくありません・・・。

あと、私一人で併設されたFUJIYAMAミュージアムに行きました。どれも富士山の魅力を伝える素晴らしい絵ばっかりで、もっとじっくり見たかったです。こちらも大収穫！

あと、もうジェットコースターには2度と乗りたくない私は、社長のお子さんと併設されているトーマスランドに行きました。こちらはディズニーランドを思われる夢の国で、とっても楽しかったです！こちらも大収穫！トーマスランドは子供ができたら行くと思います。

あけましておめでとうございます、バズー株式会社、開発チームリーダーの清水です。

自分の中で激動の2009年が過ぎて、2010年がやってまいりました。
せっかくなので今年の抱負を述べたいと思います。

■ソーシャルアプリのイノベーションカンパニーになる

去年はmixiアプリがmixiのPVを劇的にあげ、今年は日本でのソーシャルアプリ元年になりそうな気がします。モバゲーの参入も予定されていますし、Facebookもなにか日本向けのサービスが出るかもしれません。バズーチームとしても、ソーシャルアプリのイノベーションカンパニーになるべく精力的に投資していきたいと思います。

■海外進出の準備

30歳になるときに30代の目標を立てました。

http://d.hatena.ne.jp/Bayside/20071010/p1

日本以外の国でも働くために、海外進出のための何かしらの準備をしたいと思います。

今年もバズーチームをよろしくお願いいたします。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

弊社プロデュースmixiアプリモバイル第4弾「こころの花束」を現在お正月リリースに向けて作成中です。

第3弾の「女子力UP☆マナークイズ」と同様、エンタメ色の強いアプリになります。普段お世話になっているのにちゃんと感謝の気持ちを届けられていない方、このアプリを使って感謝の気持ちを届けましょう！

配信開始までお待ちいただければ幸いです。来年はこころの花束を贈って、もらって、素敵な人に！！

本年のブログはこれで終了予定です。みなさんよいお年を。