hirax.net::Keywords::「サービス」のブログ

■ニッチなニッチな個人サーバ構成を図解する　

　下の図は、「ニッチなニッチな個人サーバ」の構成を図解になります。何が「ニッチなニッチ」かというと、個人でサーバを動かしていて・ソフトウェアやネットワークとはほぼ無縁の生活をしていて(何しろApacheの綴りをすべてApachと間違えて書いているくらいです)・それでいて、コンテンツ提供のサーバソフトを自分でいじったりしている・・・という状況を、とりあえず「ニッチ」としてみたのです。

　hirax.netはそんな「ニッチなニッチな個人サーバ」であるわけですが、そのサーバ構成をふと図解してみました。というのは、あまりにサーバ構成がツギハギだらけになってきて、自サーバを整理するために、サーバ間の繋がり・関係を（自分のために）図解してみたのです。

　hirax.netは現状4台のサーバで動いています。「大容量ファイル配信」「小さな静的ファイル配信」「メインコンテンツ配信用のRailsアプリを動かす mongrelクラスタ」「いくつかの実験サービスを動かすRails アプリを動かすmongrelクラスタ」「SQLサーバ」「各種数値演算用サーバ」「画像処理サーバ」といったもを、それぞれのPCに役割分散することで動いています。役割分散させると管理が面倒なので、いずれは、まったく同じ機能・同じ構成の仮想サーバにでも処理を分散させるようにしたいのですが、なかなか、そんな再構築作業ができないでいます。

　そもそも、「ニッチなニッチな個人サーバ」ですから、そんな増改築は本来必要でないように思いますが、遊びがてら色々増改築を繰り返してきた結果、こんな古い温泉街の老舗ホテルのような、あるいは、四国かどこかにあるという「軍艦島マンション」のような入り組んだ手作りサーバ構成になってしまいました。

　「Rails入門書を読んだ勢いで、個人サーバ用のアプリをRailsで書いて、自アプリでサーバ運用する人」も少なくないだろう、と思います。便利なブログツールやサーバもたくさんあるわけですが、（素人ながらも）自分で何か作ってみたくなり、適当に動かしている人もチラホラいるだろう、と思います。そんな「素人が手軽に動かすことができるお手軽・気軽なサーバ構成」は、一体どういうものなんでしょうか。他の方々のサーバは「軍艦島マンション」構成にはなってはいないものなのでしょうか……。

■画像処理WEBアプリを簡単作成用「ビジュアル言語」を作る　

　「ビジュアル言語」風の画像処理WEBアプリの叩き台を作ってみました。 いえ、正確に言えば、そんな「ビジュアル言語」環境を作ってみました。つまり、画像処理WEBアプリを簡単に作れる!?「ビジュアル言語」を作ってみた、ということになります。

　ここで言う「ビジュアル言語」という言葉には、３つの意味合い・特徴があります。

1. 処理構造をグラフィカルな部品・ワイヤーで表現・作成すること
2. 各場所で処理されている「データが見える」こと
3. 部品・ワイヤーを並べ終わった画面そのものが「アプリケーション」のGUI画面となっていること

　1,2番目の項目だけでなく、この3番目の点を意識しながら作ってみました。といっても、「叩き台」なので、デザインはいかにも開発時用（デバッグ用のデータ構造が見えたりする）など、イマイチな部分はありますが、イメージを掴むことはできるだろう、と思います。

　ブラウザ上の操作感は（UI周りはWireItライブラリを使っていて）YahooPipesを模範にしています。また、処理データ構造は（YahooPipesを意識した）ImagePipesに準拠するようになっていて（つまりある程度緩い規約にもとづいたJSONになっていて）、 「オブジェクト」に対してユーザが何かしたり、あるいは、入力部に他の部品からメッセージを受けた時に、Javascriptでクライアント内部で処理をしたり、あるいは、サーバに対して同期リクエストを送ることで、出力結果を生成し、そして出力ポートの先にある他部品に結果メッセージを送信する、という作りになっています。

　下の動画がその「叩き台」アプリケーションの動作動画です(高解像度画像もここに置いておきます)。この動画が「何をしているか」を箇条書きすると、

1. 「画像をアップロードするフォームパーツ」を作り（出力はアップロードされた画像情報を示すJSON）
2. 入力を２出力に分岐する（JavaScriptで書いた）部品を配置し
3. 入力された(JSONで表現されている)画像を表示する部品を置いて
4. 部品間をワイヤーをつなぐ

これで、「画像アップロード＋いくつかの処理＋画像表示」WEBアプリケーションのコード実装や画面設計が終了した……ということになります。というわけで、画像処理WEBアプリを簡単に作れる!?「ビジュアル言語」を作ってみたのです。「画像処理ジェネレータを作るジェネレータ」みたいなものの高機能版を、「ビジュアル言語」で作ってみたわけです。

　WireItがYahooUIライブラリに実装された折にでも、適当にサービスを立ち上げてみたいな、と思っています。

■雑誌のポジショニングマップ　

　最近、雑誌のポジショニングマップに関する話を多くしました。そんなこんなで、Ruby on Rails の復習も兼ねて、「雑誌のポジショニングマップ」のWEBアプリケーションを作ってみたのです。夕方、スケルトンができたので、mongrelサーバをhirax.net上で数個投げてみました。

　サーバを起動した後に、"about"画面用に走り書きをしました。

　雑誌は、私たちのライフスタイル・ファッションスタイルといったものを写し出す媒体です。毎号、同じ雑誌を必ず買って読む人がいる一方で、内容に応じて「つまみ食い」のように雑誌を買う人もいます。
　「どんな雑誌のどの号にどんな情報が載っているのかを、表・グラフ・ポジショニングマップ・身の回りの地図…さまざまな視点から眺めることができる」のがこのサービスです。 私たち自身のライフ・ファッションスタイルといったものを、小さな画面を通して眺めることができる、…つまり、小さな私たち自身の姿を透かし見ることができるようにしたい、というのがこのWEBアプリケーションです。
　私たち自身が変化しつづけるように、ファッションすなわち流行も変化し続けています。私たち自身が生きているように、ファッションやライフスタイルも生きているのです。…と、そんな思いつきから作られたのが、このサービス「ファッションL!ves」です。

　αテストを数日した後、適当に一般公開することができれば、少し楽しんで頂けたら良いなと思っています。

■雑誌流行L!ves　

　「雑誌のポジショニングマップ」で書いた雑誌を題材にしたWEBアプリケーションをα公開しました。とりあえず、現状のαコード名は「雑誌流行L!ves」です。アクセス毎に関連データが作成されていきますので、最初のうちは表示データが少ないかもしれません。

　InternetExplorerでアクセスした場合には、機能が大幅に制限されてしまいますから、Firefox辺りでアクセスしてみるのがお勧めです。現状では、不具合など多々あるだろうと思いますが、その際は適当に教えて頂ければ幸いです。

　私たち自身が変化し続けるように、ファッションすなわち流行も変化し続けています。私たち自身が生きていることと同じく、ファッションやライフスタイルもまた生きています。…そんな思いつきから作ってみたのが、このサービス「雑誌流行L!ves」です。

■雑誌掲載商品を携帯で写して検索，エブリクス・ジャパンが画像検索サービスを提供　

　「雑誌掲載商品を携帯で写して検索，エブリクス・ジャパンが画像検索サービスを提供」