質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

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

受付中

回答 4

投稿

  • 評価
  • クリップ 4
  • VIEW 2,353

score 16

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

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

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

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


  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 4

+5

デュラララのチャットは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でした。

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/02/28 07:25

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

    キャンセル

+2

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/02/26 20:00

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

    キャンセル

+1

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

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

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/02/26 19:58

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

    キャンセル

  • 2015/02/27 22:18

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

    キャンセル

0

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

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