社長BLOG

タイムラインのUIを作ったり、ボタンを考えてる。

POSTとLikeは「投稿」や「いいね！」などとせずに、英語のまんまの方が良い気がしてきた。

FacebookのLikeはとてもセクシーな表現で好きだ。いいね！とは意味が違う気がする。

いいね！は、投稿の内容に対して、「いいね」と言うのであって、投稿をした人の事を「いいね」というときには使えない。
Likeはどっちでも使える。あなたの書き込みを「Like」だよ、というのとあなたそのものを「Like」だよ、とダブらせて使える。

だから「いいね」よりも「Like」のほうがセクシーだと思うわけだ。
※Googleの「+1」は最悪でセクシーからは程遠い

Facebookの「あいさつ」は、英語では「Poke」だ。こっちのほうがもっとセクシーだ。
poke の意味とは – Yahoo!辞書

はじめに断っておくとsymfonyが嫌いなわけではない。優れたアプリケーション構造を持ち、PHPであれだけ深いレベルのプラグイン機構を備えていることは凄いと思う。

構造としては素晴らしいが、一般ユーザーやOpenPNEを拡張するデベロッパーにとって使いやすいか？
というと話が変わる。

symfonyはシンプルではない。自分はsymfony自体がシンプルである必要はないと思っている。
あれほど複雑なことを実現するんだから、フレームワーク自体が複雑になっても仕方がない。
OpenPNEの内部にsymfonyがいて、それが複雑でも構わない。

ただ、その複雑な構造が外から見えてしまうことは避けなければならない。
車だって、電話だって、テレビだって、内部の構造はどんなに複雑でも、エンドユーザーから見るとシンプルだよね。

OpenPNEは独自のソーシャル・ネットワークを構築する人のためのソフトウエアだ。
組織やコミュニティの運営に関わる人達に使ってもらいたいソフトウエアだ。
シンプルで、十分に使いやすくなければならない。

開発期間の短いHOUOUシリーズではそれほど改善できないが、symfonyを外から見えにくくしていく取り組みは行いたい。

symfonyコマンド
./symfony openpne:install
symfonyって何？って思う。
./op3 openpne:install のほうが理解しやすくないか？

Doctrineって何？
Doctrine::getTable(“Member”)->find(1); Doctrineって何？って思う。
OPDB::find(“Member”,1);のほうが理解しやすくないか？

ymlって何？
エンドユーザーがymlを知っている必要はない。
オールドスタイルのconfig.phpのほうが慣れているしシンプルだ。

こんなことが、ぱっと思いつく。
これまでのOpenPNE3は素晴らしいけど、ちょっと難しすぎる。

OpenPNEでも告知したが11/24 19:00から東京で
OpenPNEをテーマにしたデザイナー向けセミナーを開催する。
詳しくはリンクから。

http://www.pasonatech.co.jp/event/index.jsp?mode=2&d=on&no=3246

◆OpenPNEでの告知引用

手嶋です。

HOUOUの開発に没頭しており、告知をすっかり忘れていたのですが、

11/24 OpenPNEを題材にしたデザイナー向けのPHPセミナーを開催します。

時間は19:00から。場所は東京駅の近くです。

講師は手嶋が担当します。あまり難しいことは紹介せずに、

デザイナーの仕事の幅を拡げる上で、OpenPNEを利用するにはどうしたら良いか？

というような内容を考えています。

・OpenPNEをもっと知りたい

・デザイナーの仕事の幅を拡げる武器として、OpenPNEを学んでおきたい

・デザイナーだけどPHPを初めたい

という方に参加して欲しいです。告知が遅くなってしまったので、

担当の方に無理を言って、当日（24日）の16:00まで受け付けてもらえるようにしました。

興味のある方は、リンク先から申し込んでください。

Webデザイナーのための、”PHP”はじめよう

～PHP5技術者認定初級試験対策シリーズ～

＜SNS OpenPNE 編＞

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

＜SNS OpenPNE 編＞では、まだPHPにあまり触れていない方を対象に、前半ではPHPがベースとなっているSNSエンジン「OpenPNE」を取り上げ、その機能や内部構造をご紹介、後半ではそのカスタマイズを実演します。

加えて、PHPの基礎的なスキルを見につけることで、どのようにスキルアップや経験値を増やせるか、効果的にPHPスキルを修得するために必要な学習方法についてもご紹介します。

引用元: イベント&セミナー情報｜パソナテック（PASONA TECH）.

引用元: 11/24 OpenPNE＆PHP：デザイナー向けセミナー開催｜OpenPNE.

OpenPNEの発展を示す指標ってなんだろうか？
プロジェクトの目標を確認する上で、HOUOUの進行中に定めておきたい。

・ダウンロード数
・セットアップ数
・生きているSNSの数（測れるの？）
・利用ユーザー数
・アクティブ率

などなどいろいろあるけど、どれがいいだろうか？

jQueryMobileが正式バージョンとしてリリースされた。

jQuery MobileはjQueryコアおよびjQuery UIをベースに開発されたモバイルデバイス向けのフレームワーク。スマートフォンのみならずタブレットデバイスや電子リーダ、デスクトップまで幅広いプラットフォームに対してHTML5技術をベースとしたUIを提供することを目的としている。

引用元: jQuery Mobile 1.0、待望のリリース | エンタープライズ | マイナビニュース.

HOUOUのスマートフォン対応で使えないか？と調査をしたが、全面的な利用は見送ることにした。
SNSのホーム画面やフレンド画面のような複雑なレイアウトをこれで設計するのは難しいと判断したためだ。
多数のブラウザで同じ動作をする互換性を重視しているため、たとえばiPhoneで見たときに、iPhone専用に作られた画面よりも見劣りするというのも少し気になった。

それでも、表示が単純な設定変更画面や情報一覧画面などでは、活用できる可能性もあるので、
スマートフォン化の取り組みの中で、jQueryMobileも試してみようとおもう。

週末はゴルゴンハニーについて考えてみた。

UIはFacebookのガッツリ感とTwitterの軽やかさ、シンプルさを合わせ持ったような構造を目指している。

サンプルで作ってみたのはこれ。
◆ゴルゴンハニーPC UI #1

最近のソーシャルサイトでよくあるように、テキストボックスをクリックすると拡大する。
FacebookもTwitterもボタンが隠れていたり、そもそもボタンが存在しなかったりする（Enterで投稿となる）のだが、
これはUI的に分かりにくいと判断し、常に投稿ボタンが表示されているようにした。

表示名が@${screenname} となっているのは、jQuery Template形式の表示スタイルを使っているからだ。
まだ軽く試しただけだが、さすがjQueryだけあってJSONAPIとの相性がすこぶるよろしい。
今後のスマートフォンUI対応でも、このテンプレートスタイルとAPIリクエスト方式を採用したい。

月末リリース予定のマイルストンには、このUIをもっと洗練させて、HOUOUとこのプラグインを同時提供する。
プレーンなHOUOUと、新しいコミュニケーションスタイルのゴルゴンハニーとのすてきなハーモニーとなるか？

ゴルゴンハニーピザのような、シンプルなのにおどろきの美味しさを表現したい。

HOUOUの開発についての段取りでアップデートした内容を共有する。

マイルストンは一ヶ月ごと

毎月月末を開発マイルストンとし、その時点のパッケージをリリースする。最初のマイルストンは11月末。タグの名前はHOUOU20111130とでもしようか。
3.7.xといったどの開発バージョン番号を振るかはまだ決めていない。

11月、最初のマイルストンの内容

OpenPNE開発版の最初のマイルストンは、OpenPNEをスリムにして開発のスタートラインに立つことを表明するリリースにしたい。「シンプル」「スピード」「スマートフォン」のうちの「シンプル」を体現するリリースになる。

プラグインバンドル外し、prototype=>jQueryへの置き換え、インストールプロセスの短縮（ネットワークレス）、プラグインの手動インストールの利便性向上このあたりを盛り込む。

OpenPNEが裸一貫、プレーンな状態からスタートするイメージだ。ただ、プレーンなままじゃ使っても楽しくない。ここは並行して開発が進んでいるタイムライン機能「ゴルゴンハニー」も手軽に試してもらえるようにしたい。プラグインの手動インストールはこのために手配する。

いまのところのステータスは、5のうち2つ終わった状態。残りは取り組んでいる最中だ。
・prototype=>jQuery
・インストールプロセス短縮
・プアラグイン手動インストール利便性向上
DONE:プラグインバンドル外し
DONE:ゴルゴンハニー初期版

12月のマイルストンの予定

11月のマイルストンは、とりあえずスタートラインに立ったというものになる。12月が新しい要素を組み込む勝負のリリースだ。12月のマイルストンで予定しているのは、目玉の一つであるスマートフォン対応。
基礎的な部分（新規登録、招待、画像投稿）などは当たり前にクリアする。

これに加えて、どこまでUIやプラグインに対応できるかが重要だ。とはいえ、OpenPNEのコアをいきなり書き換えたり、プラグインを間違った方法で対応してもいけない。ここでもゴルゴンハニーに活躍してもらい、プラグインのスマートフォン化の最初の実験台になってもらう。

ゴルゴンハニーをとりあえずスマホ化しようと考えたのは、新規作成のプラグインであり、UIや使い勝手において、後方互換性を考慮する必要がないので試しやすいからだ。

すでにゴルゴンハニーは、従来のsymfonyアクションモデルを利用せず、
jQueryを利用したAPIベースのUIハンドリングで構築している。今のところ問題がない。
このままうまく行けばコアやプラグインのスマートフォン化にも反映する。もし失敗したら従来の方法で実装することになるだろう。

Adobe BrowserLabとはAdobeが用意している、ブラウザの互換性チェックを楽にしてくれるサービスだ。

◆Adobe BrowserLab

手元に複数のブラウザやOSを用意しなくても、Adobeがクラウド上にたくさんのブラウザ環境を用意してくれて、そのレンダリング結果を画像キャプチャして届けてくれるというもの。

こんなふうに別々のブラウザでの表示結果を左右に並べて比較できたり、

◆左右で比較

同一画面に重ねて比較ができたりする。

◆重ねて比較

Adobe使いの人には当たり前の機能なのかもしれないが、初めて使ってみてとても面白かった。

イベント写真

◆現地の様子

※これは手嶋のプライベートなイベントです

１１月２６日 土曜日から日曜日にかけて、ふじみ野のログハウスで
キャンプファイヤー＆ハッカソンイベントを開催します。
【場所】ふじみ野のログハウス http://g.co/maps/js5s5

焚き火とハッカソンなので、合わせて「発火ソン」。
ハッカソンの参加が初めてという方も、歓迎します。ぜひご参加ください。
ハックしないけど焚き火はしたい、深夜のハックに欠かせないノイズを供給しに来たい、という方面大歓迎です。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
【イベント名】「キャンプファイヤーｘハッカソン＠ふじみ野」
【日時】11/26(土)13:00〜(日)朝まで
【場所】ふじみ野のログハウス http://g.co/maps/js5s5
【電車での行き方】
東武東上線池袋駅〜ふじみ野駅（特急24分）
現地はふじみ野駅から2km程のところ。駅から送迎します。
※駐車場あります

【募集参加者】
ハック担当、焚き火担当、料理担当、畑草むしり担当、買出し担当、運転担当、食べるだけ担当

途中参加、途中退場可能です。
オーバーナイト希望者は寝袋や毛布を持参してください。
なければ駅前のアウトドアショップで2,000円程度で購入できます。

【参加費】
無料。食事やスナックなど食べ物、飲み物の差し入れをお願いします。

今回はプレ会で、現地に固定ネット回線を引いていません。
（プレ会が好評なら引きます）。
無線Wifiを持参＆共有いただけると助かります。

【参加方法】
Facebookイベントから申し込み
http://www.facebook.com/event.php?eid=276864375684425

【スケジュール】
〜11/26土曜日〜
12:00 主催者現地集合
13:00 ハッカソンスタート
18:00 夕飯
20:00 キャンプファイアー
22:00 希望者は近所の温泉へ（ログハウスにお風呂もあります）
※当日お帰り組の送迎もここで行います
00:00 深夜セッション「未定」

〜11/27日曜日曜日〜
09:30 ハック結果の共有＆お開き
11:00 最終撤収

【幹事】
手嶋 守 @tejima tejima@gmail.com
※緊急連絡先は別途お伝えします

アクティブ率、日記投稿数、コメント数、コミュニティ数などSNSの活性度を示す指標はいくつも考えられるが、
これもHOUOUで再定義したい。

今検討しているのは

月間のべログイン回数だ。簡単に言うと
10,000人のユーザーが居るSNSの月間最大のべログイン回数は、10,0000 x 30 = 300,000回(または310,000回)となる。
この回数をマックスとして、全ユーザーが２日に１回ログインすると、月間のべログイン回数は10,000人 x 15回 = 150,000回となる。さらにそれが半分のユーザーだとすると5,000 x 15 = 75,000だ。

なるべく多くのユーザーがなるべく毎日サイトに訪問することがSNSの成功を示しているという形は、分かりやすいと思う。
もし会社などで、土日に使われないことが分かっているSNSであれば、毎月の分母を30､31ではなく20などと営業日換算すればいい。
企業に置ける毎月の最大述べログイン回数は、
10,000 x 20 = 200,000
となる。

これはHOUOUのサクセスレベルとは独立して管理用集計プラグインとして独立して開発しようと思う。