ネット上の架空のチームを広めるためのチャットみたいなものを作成するための知恵を貸してほしいです。

Question

私はネット上で知り合った１０代のこに、デュラララのチャットのような無色透明のチームを作り広めるために会員制のチャットを作ってほしいと依頼されました。
私自信そのアニメのファンでしたし、凄く面白い発想をする人だなあ、中学生ってクリエイティブだなあと思い快く引き受けました。
しかし探したところ現在チャットは流行っていないのでレンタルは古いサービスしか無く手軽に作ることが出来てもモバイルの設定を引きずっているレベルの時代に沙汰され閉鎖の近いようなものばかりでした。
実際にチャットを開発するとなると本格的にITを勉強し始めて半年ほどしかたっていない私にとってはとても時間と労力がかかりすぎるものとなりそうです…。

言語はHTMLだけ少し理解している程度です。スマホが通信制限の時でもサクサク利用でき、デザインをいじることが出来て、広告を消すには有料レンタルという手もありますがあまりレンタルチャットの精度はあてにならないのではないか…と思っている次第です。
自分でプログラムを組むチャットを仮に開発するなら、サーバーも優良で借りなければならないという情報も某質問サイトで目にしました。

求めている機能は、会員制、チャット、軽い、いじれる、魅力的、無色透明なチームの拠点、です。

私自信情報技術者を目指しているので、言語の習得など努力は惜しみません。どなたかお力を貸していただけないでしょうか？お願いします！

Answer 1

デュラララのチャットはskypeやiPhoneのMessageのチャットみたいなリアルタイム性が有るため、あの操作感を維持したチャットシステムをWebベースで組むのであればHTML5のWebSocket通信が選択肢として上がります。Ajaxで定期リロードやHTTP Keep-Aliveって手もありますけど、せっかく会員制で痴話ネタ用のチャットなのでHTML5対応なモダンブラウザ以外を推奨動作環境から蹴っ飛ばして勉強がてらHTML5 Socket通信っての乙じゃないですか？

とりあえずサンプルプログラム付きな解説ページをちょこちょこ貼っておきますね。
・【HTML5】WebSocketとJavaサンプルプログラムのご紹介(サーバーサイドがJava)
http://labs.opentone.co.jp/?p=2522

・HTML5のWebsocketを使ってチャットする (サーバーサイドNode.js)
http://www.koikikukan.com/archives/2012/01/30-000300.php

・PHPのみでHTML5のWebSocketを体験する方法(サーバーサイドがPHP)
導入法・説明：http://d.hatena.ne.jp/susan-style/20140306/1394103655
サンプルプログラム：http://www.sanwebe.com/downloads/50-websocket-example

ちなみにデュラララのデザインでチャット！ってのは、すでに既存サービスが有ったりするので、
そのUIを研究してみるのもいいかもしれません。
http://drrrchat.com/

簡単にみた所下記のような感じで作ってますね！
おそらくUIのフレームワークはBootstrap2.x系
クライアント側はjQuery
サーバーサイドはPHP

2秒ごとぐらいにjQueryつかってAjaxでデータ取得してる感じですね。
つまりこのサービスは最大2秒ほどラグがあるってことですね。
データーはJSONではなくXMLでした。

丸パクリは不味いと思いますのであくまで研究ようにｗ

Comments

[infernoayase]

あとUIのポコっと感はCSS3アニメーションとかJqueryでできるよ思いますよ！

Answer 2

デュラララは1話切りしてしまったため、あまり覚えていません。そのためご要望を100％理解できていないのですが、依頼主の方のご要望の中心は「見た目」のようですので、
0. フリーで配布されているチャットのCGIやPHPを探す
0. ご自身で借りたレンタルサーバーなどに設置
0. デザインをカスタマイズし要望に近づける

という所から初められてはいかがですか？
HTMLを理解されているのであれば、デザインのカスタマイズくらいであれば頑張ればある程度できると思います。

まずはGoogleで
「チャット CGI」「チャット 配布」 「チャット オープンソース」
などで検索してみてください。

Comments

[silvermujika]

なるほど、試しににやってみます。回答有難う御座います。

Answer 3

webチャットは掲示板でリロードをして言うようなものなのでプログラム自体は難しくありません。
デュラララのチャットはリアルタイム性がありますので、webチャットではプッシュ式では無く、どうしても自ら読みに行くのでタイムラグが気になると思います。
この辺はajax利用でリロード再描画は無くせばある程度軽減ができると思います。

自作で必要なスキル
PHP or Java or Parl or etc.、DB(Mysqlで良いと思う）、JavaScript（Jqueryが楽かも）
見て目も重視で、HTML+CSS
こんなところでしょうか。
テキストでデータを持つことも可能なので、DBは絶対ではありませんがあると楽です。

ログイン機能を作る→掲示板を作る→Javascript(ajax通信）で頻繁にデータ照会+リロードせずに再描画

の手順で作れば良いでしょう

着手して壁が出てきたら超えてください。きっと楽しいですよ
頑張ってください。

Comments

[silvermujika]

なるほど、ちょっと難しかったですが回答ありがとうございます。

[hiromu]

Guuさんの回答度々見ます！
本当分かりやすく尊敬します
是非、よければ僕の質問も解決してください！
お願いします。
https://teratail.com/questions/7201

Answer 4

私も一つ。架空のチームってのは私にはわからんので、純粋にチャットの話を。

2,3年前だか仕事（社内SE）があまりに暇だった時期があり、知らない言語の勉強を兼ねてチャットを作った事があります。
言語は"Nodejs"。比較的少ないコード量で簡単に作れた印象が残っています。
htmlを少しやられているということで、後に使うことになるであろうjavascriptの勉強にもなるので丁度いいのではないかとも思います。

「nodejs チャット」とかでいくつか参考になるのがあるので、最初はそれを模写してみればよろしいかと。
その後ユーザー管理だのいろいろ加えていけば、多分それっぽい会員制のチャットができるかなと。
（やったことないけど数人程度であればHerokuで稼働できないかなぁ。。。）