黒歴史さらしあげ（どどんとふを考える 第2回）

さて前回はどどんとふの改造に手を出そうとした理由をどどんとふが嫌いな理由として話したので、今回は、何故完全オリジナルの新しいツールを作るのではなく嫌いな点の多いどどんとふを改造しようと思ったのかについて語ろうと思う。

現在、私が試作しているP2Pのチャットは一切どどんとふのコードを使用しておらず、どどんとふ鯖とも通信していない、完全にスタンドアローンなチャットツールとして動作している。地道に作り増して行けばどどんとふとは無関係なオンセツールとして完成させる事も出来るだろう。

では何故どどんとふなのか？

どどんとふが嫌いな理由 （どどんとふを考える 第1回）

くまかばさん、竹流さんが、どどんとふに関するブログ記事を立て続けに書いているのに刺激を受けて私も書いてみることにした。駄文なので興味のない人は読まない様に。

最初に明言してしまうと、もばいるを作り始める以前は私はオンラインセッション自体ほとんど遊んでいなかったし、どどんとふは正直好きではなかった。
それは何故か？これこそが私がもばいるの開発を含めてどどんとふに関わるきっかけとなっているので今回はこれを語ろうと思う。

（^人^）どどんとふをdisるけど怒んないでね。

どどんともばいる ver 0.3.2を公開

皆様おまたせしました。どどんともばいる ver0.3.2を公開しました。
今回はついにチャットパレット機能を実装（！）とはいえ若干どどんとふと機能が違います。

• パレット数は５に固定
• タブではなく折りたたみリスト
• パレットの中身はローカルストレージで保持
• ファイル書き出し/読み込み機能はなし（コピペ等で対応）

など、各所でちょっとずつ仕様は違いますが、変数の展開などの主な機能は概ね実装されているのでほぼ違和感なく使っていただけるのではないかと思います。

今回のこの機能を実装するにあたってかなりどのようなUIにするか迷いました。また、現在もこれがベストだとは思っていませんが、ひとまず実用に足る機能を実装することを優先しました。

今回はちょっと時間がないのでここまで。

使い方などの詳細は後日加筆するかもしれません。

注意点を一つだけ。

発言ボタン/パレットボタンに共通する内容ですが、発言したいチャンネルを表示した状態でボタンを押して入力欄を呼び出して下さい。発言先のチャンネルは、ツールバーのボタンを押した際に表示されていたチャンネルとなり、入力欄を開いてから発言先を変えることはできません。

では、試したら感想を聞かせて下さいね。要望・突っ込みなんでも大歓迎です。

どどんともばいるは以下のURLから。

http://www.forthebirds.jp/dodontomo/

どどんともばいる ver0.2.5を公開

バージョン0.1公開から少し間があきましたが、やっとどどんともばいるバージョン0.2.5を公開することが出来ました。
この間様々なリアクションやご意見等をいただき、励みになるやら睡眠時間が削れるやらで嬉しい悲鳴をあげております。

さて今回の更新ですが、やっとチャットへの書き込みが可能になりました。これまではただログが表示されるのを眺めるだけでしたが、これでやっとどどんともばいる側からどどんとふへ干渉する手段がついたということになります。
まだ機能としては普通のダイスボットつきウェブチャットでしかないというのが現状ですが、ちょっと書き込みしてみる程度のことは試していただけるかと思います。

ログイン後の画面を見てみます。ログイン後の画面はチャットログ表示画面となりますが、下部にツールバーが追加されています。ボタンが5つ並んでいますがこのうち右側3つはまだ機能しておりません。

ツールバーから、チャンネルを選択するとチャンネル選択画面が表示されます。

このボタンを使わなくても、タイトルバー上でスワイプ操作することでチャンネルの切替えが可能なのですが、直感的に使えるという部分を意識してボタンを置くことにしました。

ツールバーから、発言するを選択すると入力画面が表示されます。
フォームの一番上が発言者名、二番目が発言内容となります。更に詳細設定を開くと、立ち絵と発言の色が選択できますが、現時点では発言色のみ変更することができます。

更に下の送信ボタンで、発言を送信し、チャットログ表示画面に戻ります。中止を押した場合は、発言がキャンセルされ、チャットログ表示画面に戻ります。

以上がバージョン0.2.5のおもな新機能です。

他にも比較的新しいバージョンのどどんとふ鯖を指定すると、ルーム選択時にルーム一覧が表示されるなど細かな機能も追加していますが、面倒なのでスルー。

今後は、バグを取りつつチャットパレット互換の機能を追加していきたいと思っていますが、実際のところどんな機能があったらいいかや、どんな操作性が使いやすいかなどは全くの手探り状態です。

ご意見・ご要望・感想などなど、いつでも大歓迎ですので何かありましたらツイッターアカウント@bird_tweetまでご一報下さい。

※どどんともばいるのご試用は以下のURLからどうぞ。
http://www.forthebirds.jp/dodontomo/

どどんともばいる ver0.1.0 公開しました。

先日仮公開したどどんともばいるですが、どどんとふ開発者であるたいたい竹流さんのリツイートのお陰もあってそこそこの反響がありました。調子に乗りやすい私としては、まだチャットへの発言機能もついていないというのに、更なる反響を求めて更新版を公開してみました。

 はい、ここは変わっていません。殺風景なままです。
特に機能のあるページではないのでこのままでもいいのですが、もう少しにぎやかにしたいので、機能が追加されたらロゴの背景をなんとかしたいかなと考えています。
しかし、たいした機能も付いていないくせに一丁前にホーム画面に追加を求めるとか、我ながらムカつきます。
（ライブラリ拾ったので組み込んでみたかったんです、すみません）

情報画面です。更新履歴の項目を追加しました。内容を省略しすぎたせいで、たぶん書いた本人しかわかりません。内部処理の変更の詳細は書いていないし、不足だらけです。

とりあえずは自分が何を作って何を作っていないのかを記録するためにも更新履歴をつけたいと思います。

設定画面です。プレイルーム選択にパスワード入力欄を追加しました。テストしていませんが、多分これでパスワードのかかった部屋にも入れると思います。…たぶん。

ログイン後の画面です。これが今回の目玉でしょうか？発言が吹き出し状に整形され、立ち絵を表示するスペースを確保しました。ですが、まだ立ち絵を取得することはできません。というかWEB IFを追加してもらわないと対応できません。

また更に、立ち絵及び名前の領域をタップするとその発言者の発言を、従来の立ち絵左・吹き出し右から、立ち絵を右・吹き出し左に変更し、吹き出しに色をつけて強調表示するという形式に変更しました。
これは、狭い画面でGMの発言を見落とさないようにするためと、左右に分かれることでNPCとの掛け合いが実際に会話をしているように表示されることを狙ったものです。

また、前バージョンで画面下に鎮座していたチャンネル切り替えタブは排除、タイトルバー上でスワイプすることでページが切り替わる形式に変更しました。これは今後、機能を追加していく際にツールバーを画面下に置きたいという目的のためです。
画面が広く使えるようになったのはいいのですが、反面タイトルバーをスワイプしてみないとチャンネルが切り替えられず、モバイルアプリに求められる直感的な操作からはすこし離れてしまったかなという印象です。

この問題のいい解決策があれば仕様変更しますのでアイデアをお持ちの方はぜひTwitterで@bird_tweetまでご一報をお願いいたします。なお、その他の要望やご意見など何でも承りますのでそちらもよろしくお願いします。

まだまだ手探り状態のどどんともばいるですが、これからもちょこちょこ更新して行きたいと思いますのでご期待ください。

なおお試しになる場合は前回と同じhttp://www.forthebirds.jp/dodontomo/からお試しいただけます。

どどんともばいる開発進行中？

どどんとふをiPhoneでも使いたい！…というわけで作り始めたどどんとふWEB IFを使ったiPhone用Webアプリ「どどんともばいる（仮）」とりあえず、非常に適当なチャットログ取得しかできないけど、モチベーション維持のために見た目を少しいじってみた。
どどんとふの機能をすべて実装するというのは一朝一夕でできるものではないし、画面サイズ的にもマップ等の操作はかなり困難だろう。道のりはまだまだ遠そうだなぁ

開いた直後の画面はこんな感じ。

設定画面、パスワード等の項目が不足している。
入力した内容もまだ全く保存されないので起動するごとに入力しなおさなければならないなど様々な不備がある。ここも直さなければならない。
もうひとつのプレイルーム選択は、現状固定で0～3までの選択肢を持っているが、これも本来はサーバからプレイルームの一覧を取得するなどして選択肢を読み込まなければならない。
…ルーム一覧を取るWEB IFがない＿|￣|○
getRoomListの追加を竹流さんに提言してみよう。

チャットログ取得画面。
コマンド類の対応が全くできていないうえ表示型式も非常に適当だが、表示方法はちょっとアイデアがあるのでひとまず保留。
この画面のタイトルバー左右にボタンを追加して書き込みや諸機能を使えるようにする計画。

ホーム画面に追加した場合のアイコン。名称がまだ仮のままなのでこのアイコンも仮のもの。
ただ、見た目がそれっぽくなるだけでもモチベーションが上がるので良し。
挙動が怪しかったり重かったりするのは、jQuery Mobile使ってるかぎり解消するのはかなり難しいだろうと推測する。
スマホ向けjsライブラリではSenchaの動きがいい感じだけど、全然作法が違うからこれから勉強するのは大変なので保留。jQuery Mobile版がまともに仕上がったら移植を考える。

なお、この試作品は以下のURLにて実際に触ることができる。ただし、動作は保証しないし、これを触って何らかの損害が発生しても一切感知しないので、自己責任で。

http://www.forthebirds.jp/dodontomo/

意見、感想、アイデア、ツッコミ等はいつでも歓迎。Twitterで@bird_tweet宛てに投げてくれると比較的反応が早いかも。

深淵のカード制作、オンセ用のシナリオ準備、これと、やりたいことが多すぎて時間が足りなさすぎるが睡眠時間削ってなんとか頑張る。
以上。

どどんとふをAmazon EC2上に設置

Amazon Web Service(AWS) 上にどどんとふを設置してみましたのでその手順を紹介しておきます。
というか半分以上自分用の覚え書きかも。これでうまく行かなくても当方は一切関知しません(^^;;
AWSアカウントの取得はこの手順を行う前に適当に行っておいて下さい。

とにかく面倒なので、内容が理解できない方はやめておいたほうが無難かも。
大雑把に分けると手順は以下のとおり。

1. Amazon EC2でインスタンスを起動
2. SSHで接続
3. HTTPサーバ(Apache)のインストールと設定
4. FTPサーバ(vsftpd)のインストールと設定
5. MySQLのインストールと設定
6. FTPで接続
7. どどんとふの設定とアップロード
8. 完了＼(^o^)／

記事中で緑の文字は任意のユーザー名、赤文字はパスワードですので適当に書き換えてください。