自分が好きになれる創造物をもっと味わいたい、との思いから作り始めたウェブサービス。創造物はアイデアとそれを実現するリソース（ヒト、モノ、カネ、情報など）の両方が充足されることにより、初めて創造されると考えた。そこでアイデアの共有を促すことによりその二つを充足させ、世界の創造物増加を目論んだプロジェクト。

これから大きな可能性を持つと思われるGoogle App Engineを使った習作である。Google App Engine（クラウドサービス）、Python、Django（Webアプリケーションフレームワーク）、Ext JS（RIAの為のJavaScriptライブラリ）を使用して作成している。制作途中である。

いつも使っているビレッジセンター（現WZソフトウェア）のWZ BOARDというアウトラインプロセッサー（下図）を、インターネット経由で使えたら嬉しいなと思い作成している。

なぜGoogle App Engineか

自分でサーバを運用したり、大規模サービスを運用する際のサーバ構成に関わる本などを読んだ。それにより、大規模サービスにおけるサーバ管理という物が、非常にややこしくて、かつ面倒臭いということが分かった。それだけならまだ良いかもしれないが、そこまでやってサービスが上手く動かないリスクも多分にあるのだ。

そこで、私はGoogle App Engine（以下GAEと略す）について勉強し始めた。GAEはRDBではなくBigtableを使うなど、プログラミング上の制限がある。GAEには性質というものがあり、データベースについても、プログラムについても、その特性を理解した上で行わなければ有効に活用できない。しかし、自動的にスケールするというのは非常に魅力的である。小さく作り、スケールアップの技術的なトラブルに悩まされず大きく育てるサービスが可能になるということである。その利点にとても惹かれ勉強を進めた。

創造物

全体説明

GAE上でのデータベースの扱い方、Djangoによるアカウント認証、ルーティングの仕方など、ライブラリの使い方を学んだ。下図は実際にGAEのSDKで稼働している画面だが、保存などは出来ない。

感想

これまで私はMySQLなどといったRDBを使ってきたが、それとは全く勝手が違うので最初戸惑った。これを通じてGAEを使う際にはどんな事に注意すればいいのか少し分かった。

フレームワークを主に使ったiPhoneゲーム開発。三人でチームを組んで開発し、主にプログラミングを担当した。Developerアカウントが無かったので、実機での開発及び公開出来ず。いつか公開したい。

フルカラーLED、三軸加速度センサ、自作の振動モジュール、Pri/Pro、Processingを使用して、四日間のインタラクティブアートワークショップにて制作したインタラクティブアートである。

理想的な書籍管理システムが欲しいため、また前々から考えていた、汎用性がある理想的なデータブラウザを実現するため作成した。

データブラウザについては下図が当初想定していた画面である。しかし、データ詳細部分の設計が間に合わなかったので、このアプリケーションでは実装されていない。

XHTML、PHP、symfony（Webアプリケーションフレームワーク）、Ext JS（RIAの為のJavaScriptライブラリ）を使用して作成した。

背景

本棚というテーマは私が非常に興味を持っていたので採用した。日頃、知識を得る上で書籍は私にとって不可欠な物だった。しかし、その運用には問題があった。ある事柄を復習しようとするとき、それについてどの書籍を読んだのか忘れてしまうのだ。また、書籍に関するメモを散乱させてしまい、復習に必要以上に時間がかかってしまっていた。メディアマーカーやブクログ、読書メーターなどのウェブサービスはあったが、私にとって使いにくく、また書籍の特定ページに結びつけたメモを取ると言うことが難しかった。よってこのウェブサービスを作成した。

創造物

全体説明

前述したデータブラウザの設計に則って作成した。このウェブサービスでは、書籍に状態（読了、読書中など）、場所、タグ、レートを付けることが可能である。タグはもちろん、状態と場所についてはユーザが任意に追加することが出来る。

左上のフォルダツリーで状態と場所を、左下のタグクラウドでタグを選択し、特定のデータのみを右側のデータ一覧に表示させることが出来る。データ一覧の上部にあるSearchを使い、キーワードで絞り込むことも可能である。

書籍の登録

少し面白い案があったので、それを採用し実装した。書籍の登録には、左上にあるAdd New Booksを押して出てきたウィンドウを使用する。その名の通り、複数の本を同時に追加出来る。

方法としては、まずキーワードで本を検索し（複数回可能）、表示された本の中から追加したい本の一番右にあるボタンを押していく。

追加したい本全てについて行ったら、ウィンドウのAdd Booksというタブを選択する。ここには先ほどボタンを押した本が登録されている。ここでレーティング、場所、状態、タグを入力する。タブキーを押せば次の項目に移動するので、キーボードから手を離さずに全ての入力作業が行える。そして、全て入力し終わったら登録ボタンを押す。

スピーディーな登録作業が行えるようにしたつもりだ。しかし、書籍の検索についてはタイトルや著者名で絞り込んだり、ソートを実装したかったが間に合わなかった。

メモの登録

本のタイトルを押すとページ数とそれに関するメモを入力する画面が表示される。しかし悲しいことに未実装である。

感想

登録書籍一覧で本のサムネイルを表示させたりもしたかったが、時間が間に合わず断念した。今度は二週間ではなく、長期休みのようにもっと長い期間で、もっと一日あたりの時間をとって計画的に作成してみたいと思った。

今回、汎用的なデータブラウザということを念頭に置いて作ったが、状態や読書など書籍に特有な仕様を作ってしまった。しかし、これが悪いとも限らない。様々なデータを扱う上で、何処を特化するか、そして何処を汎用化するか。目的を忘れずにこれからも突き詰めていきたい。

ま ず、はてなスターの設置にはPermalinkが必要である。だが、２ちゃんねるは板の置いてあるサーバが変わってしまうと、レスのアドレスが変わってし まう。よって、２ちゃんねるのアドレスをそのまま使うことは出来ない。恐らくは一意のアドレスを与えればなんだって良いのだろうが（追記：良くなかった。 はてなスター>Starsのリンクが正常に作動しなくなっしまう。）、気持ち悪いので『Permalink（パーマリンク） for ２ちゃんねる』なる物を作る。

そして、次にはてなスターをどうやって設置するか。まず、IEコンポーネントを使っているメジャーなブラウザ、twintailに設置を試みたが失敗。次にGreasemonkeyを考えたけど、JavaScriptの経験が乏しいのでやめ。結局、やりやすそうな『p2 – PHPでつくった2ch Viewer』を改造してはてなスターを表示。

サンプル：rep2（ID, PASS共にanonymous）

RubyとRuby on Rails（Webアプリケーションフレームワーク）を使い二週間で作成したウェブサービスである。これを通してWebアプリケーションフレームワークの力に私は目覚めた。

このサービスは個々人の「プロジェクト」を管理するサービスである。ここで言うプロジェクトとは、個々人が自分の時間を費やし達成を目論んでいる目的である。目的のサイズは問わない。

なぜ、プロジェクトを管理するサービスを作成したかというと、個々人が進めるプロジェクトにはその人が色濃く反映されると思ったからだ。プロフィールというものがインターネット上には存在するが、それの代替になり得るのではないかと考えた。また、日々継続してやらなければ達成出来ない目的のために、日々の進捗を記録して達成を支援するために作成した。

携帯電話のカメラを使い、下図の様な手書きの「正方形の中に書かれたマーク」にメールで情報（テキストや画像など）を付加するシステムである。マーク認識部分はC及びC++を使用して作成した。使用したライブラリはOpenCV（Intelの画像処理ライブラリ）及びARToolkit（拡張現実感ライブラリ）を使用した。メールの送受信、マークへ情報を結びつける部分はRubyにてRuby on Rails（Webアプリケーションフレームワーク）とTmail（メールライブラリ）を使用して作成した。教授のご指導の下、開発した。

教授に頂いた資料を参考にしながら、マークの認識をC#を使いP型フーリエ記述子にて行った。しかし、速度が遅かったのでC++とOpenCVを使い再度実装を行った。その際、OpenCVのライブラリにあった関数が、目的の物と多少違っていたので、デバッグをしながら修正を加えた。

こうして速度も十分の物が出来たが、マークを斜めから撮った場合、マークが歪んでしまいきちんと認識されない。よって手書きでマークを書く際に、正方形で必ず囲む様に制約を付けた。そして、その正方形を抽出するためにARToolkitというライブラリを使用した。本来ならこれは別の用途で使われる物だが、目的に適った関数が奥深くにあったのでそれを活用した。

感想

確個とした目的がある場合自分で全て創ることに固執せず、そちらの方が良い結果が得られるのであればライブラリを使う。しかし開発中に必要があれば、ライブラリに手を加えるなどして、一から自分でプログラミングするのがいいと感じた。

発表スライド

レポート（PDF）

これまで使われていた業務システムの改修及び、機能追加を行った。if文が何処までも続くソースコードだったが、目的達成のためにリファクタリングはせず、時間が無いのでソースコードをいくつかの機能の固まりと捉え、現状のソースコードを生かしたプログラミングを行った。ソースコードの管理にはSubversionを使用した。

感想

元々どんな要望でもその場で出来ないとは言わず、一度調べてからその可否を判断しているのだが、それが功を奏した場面がいくつかあった。