tag:crieit.net,2005:https://crieit.net/tags/%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F/feed 「作ってみた」の記事 - Crieit Crieitでタグ「作ってみた」に投稿された最近の記事 2019-08-12T07:15:17+09:00 https://crieit.net/tags/%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F/feed tag:crieit.net,2005:PublicArticle/15318 2019-08-11T21:05:33+09:00 2019-08-12T07:15:17+09:00 https://crieit.net/posts/dd9cbaa9f9828546dc1b3c1c0c0989e1 チャットガチャの技術以外の話について <p>こんばんは。<a target="_blank" rel="nofollow noopener" href="https://twitter.com/ryuuga_h">@ryuuga_h</a>です。</p> <p>今回は、2年前に作っていたサービスをリリースすることができましたのでその話をします。</p> <p>流河旱樹としてアカウントを取ってから初めてとなるサービスのリリースになります。<br /> ここで、二ヶ月ほどポエムを書いてきたのですが、「こいつは本当に開発者なのか?」と思われていたと思っているところがあります。<br /> だから、今回何か見せれるものを公開できたことは良かったと思っています。</p> <p>ITメンターが「実績を作れ」と叫んでいたのを今思い出す。</p> <h1>つくったもの <a target="_blank" rel="nofollow noopener" href="https://chatgacha.com/">https://chatgacha.com/</a></h1> <p><strong>チャットガチャ</strong></p> <p><a href="https://crieit.now.sh/upload_images/5f7070ce316c18beec638f498a2a87ed5d4fe77b2ea1f.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/5f7070ce316c18beec638f498a2a87ed5d4fe77b2ea1f.png?mw=700" alt="SS 2.png" /></a></p> <p>ランダムマッチングチャットサービスになります。<br /> <strong>二年前に完成させたサービス</strong>ということしか公表していなかったので、「何を作っとんねん」と思っていた方もいるかもしれません。<br /> 正解はチャットサービスでした。</p> <h1 id="なぜ作ったのか"><a href="#%E3%81%AA%E3%81%9C%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B">なぜ作ったのか</a></h1> <p>理由が本当に複数あります。</p> <p>まず、node.js+socket.ioで何か作りたいという勉強の気持ちが強かった。<br /> socket.ioを勉強するとサンプルアプリがほとんどチャットサービスでしたので、自然とチャットを作ることにしましたが、普通のチャットサービスを作っても面白くないので、ランダムマッチングにしてみました。</p> <p>既に有名どころ※のサービスがあるのですが、個人的によくないと思っているところがありましたので、そこを個人的に改善した形になっています。<br /> 目玉はブラックリスト機能があることです。<br /> 「<strong>ランダムマッチング+匿名</strong>」ということになると、荒らしのような人達が集まるのですが、そういう人達をBANできるれば無駄な時間を減らせると思いました。<br /> 他にもいろいろな細かいところで調整しています。</p> <p>※<a target="_blank" rel="nofollow noopener" href="http://chatpad.jp/">http://chatpad.jp/</a></p> <h1 id="この世から技術で寂しさを消す"><a href="#%E3%81%93%E3%81%AE%E4%B8%96%E3%81%8B%E3%82%89%E6%8A%80%E8%A1%93%E3%81%A7%E5%AF%82%E3%81%97%E3%81%95%E3%82%92%E6%B6%88%E3%81%99">この世から技術で寂しさを消す</a></h1> <p>全国にチャット好きは1000万人ぐらいいると思っています。<br /> ちょっとした空き時間や寂しいときに利用することを想定しています。</p> <p>いきなり知らない人と話すというのは難しいのですが、チャットガチャには「挨拶設定」というものがあり、何かキッカケを最初から与えることが可能なのではと思っています。</p> <p>ツイッターで寂しいというツイートをしている人に教えてあげてください。</p> <p>コミュ力をアップさせるためのツールとしても使えるかもしれません。</p> <h1 id="工夫 ①挨拶設定"><a href="#%E5%B7%A5%E5%A4%AB%E3%80%80%E2%91%A0%E6%8C%A8%E6%8B%B6%E8%A8%AD%E5%AE%9A">工夫 ①挨拶設定</a></h1> <p><a href="https://crieit.now.sh/upload_images/11412b46e9c8e937f10cbbb7b98f74b45d4feaf703d18.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/11412b46e9c8e937f10cbbb7b98f74b45d4feaf703d18.png?mw=700" alt="SS 3.png" /></a></p> <p>挨拶設定があり、「マッチした瞬間に相手に送信されます」<br /> 単なる挨拶なのか、自己紹介なのか、好きに書いてもらって構いません。<br /> 何も書いてなければ、「なんか書けよ」という話もできるし「こんばんは」と書いてあれば「普通だな」というツッコミもできるわけです。<br /> 「何か」あればそれきっかけで話ができると踏んでいます。</p> <h1 id="工夫 ②使用情報"><a href="#%E5%B7%A5%E5%A4%AB%E3%80%80%E2%91%A1%E4%BD%BF%E7%94%A8%E6%83%85%E5%A0%B1">工夫 ②使用情報</a></h1> <p>チャットガチャにログインや登録というものはありません。<br /> 匿名ですが、ブラウザのlocalstorageにデータを保存することで一応データを保存しています。<br /> このデータは相手に送信されません。<br /> なぜ、この機能があるのかというと、「ランダムチャット」だけではシンプル過ぎると思ったからです。<br /> 今まで何回送信してきたのか、受け取ってきたのかという数字があるとそれだけでちょっと面白いと思っています。<br /> (野球や競馬では数字を追って楽しんでいるようにみえている)</p> <p>「<strong>いつも俺ばっかり送っているんだが、相手に話させる方法はないか?</strong>」と言ったようなことも考える人がでてくるかもしれません。<br /> また、ブラックリストに追加回数を表示させておくのも面白いかなと思っています。</p> <p>評価が悪ければあとで削除するだけですw</p> <h1 id="工夫 ③色やデザイン"><a href="#%E5%B7%A5%E5%A4%AB%E3%80%80%E2%91%A2%E8%89%B2%E3%82%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">工夫 ③色やデザイン</a></h1> <p>背景を黒にしたり、ピンクにしたりすると怪しいサイトになりそうな予感が最初からしていました。<br /> 2年前から、青でいくことと角丸ベースにすることは決めていました。<br /> 少しでも優しい会話ができればと思っています。</p> <p>また、フォントも何種類か実装してみて、一番やさしい感じがでるものを選んでみました。</p> <p>・フォント<br /> ・背景画像<br /> ・影<br /> この辺りを実装してからは結構見栄えがよくなってきたと思います。</p> <p>心理的にどうなるのか、どこまで効果があるのか、全くないのか分かりませんが、デザインに関しては素人なりに頑張ってみました。<br /> 無限に考えれるので、時間がいくらあってもリリースできませんので、このぐらいにしておきました。<br /> また、今度ヒットすることがあれば改善してみたいと思っています。</p> <h1 id="工夫 ④とにかくシンプル"><a href="#%E5%B7%A5%E5%A4%AB%E3%80%80%E2%91%A3%E3%81%A8%E3%81%AB%E3%81%8B%E3%81%8F%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB">工夫 ④とにかくシンプル</a></h1> <p>最終的には、スマホでのアクセスが8割以上になるだろうと思っています。<br /> スマホでアクセスしたときに、「チャット開始」ボタンがすぐ分かるように作っています。<br /> その他、細かな説明をTOPページに書いていたのですが、(SEO的に)やめました。<br /> 箇条書きにして、どういう機能があるのかだけにしています。</p> <p>チャットだけできるサービスですと飽きてしまうと思ったので、マイページを作りデータを表示しています。<br /> 2年前には、完全になかった機能です。</p> <h1 id="工夫は続く"><a href="#%E5%B7%A5%E5%A4%AB%E3%81%AF%E7%B6%9A%E3%81%8F">工夫は続く</a></h1> <p>シンプルなサービスですが、多くの工夫はしています。<br /> 実際チャットを開始してから送受信が100件毎に「100件になりました」とアナウンスされます。<br /> 数字がでることによって「こんなに話したんだ」という会話ができるので、間があったときなどに役立つのかなと思っています。<br /> また、開始時間も表示していますので、1時間も話し込んでしまった・・・というのもすぐに分かります。</p> <p>効果音もついています。チャットルームで設定をONにします。</p> <h1 id="シンプルだけど作り込めることが分かった"><a href="#%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A0%E3%81%91%E3%81%A9%E4%BD%9C%E3%82%8A%E8%BE%BC%E3%82%81%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F">シンプルだけど作り込めることが分かった</a></h1> <p>「動けばいいや」でリリースしていた時期がありました。<br /> リリースしてから修繕したらいいやという感じですが、「誰にも使ってもらえなかった」とき修繕作業はとてもしんどいことになります。<br /> ですので、イケるんじゃないかとか、このまま最悪放置でもいいかぐらいまでは作り込もうと思っていました。<br /> また、今回はツイッターを開始しており、少なくとも誰かには見てもらえるだろうと思っていたので少し慎重になっていたと思います。<br /> 誰かに見てもらえるというのは凄いモチベがあがります。</p> <p>また、デザインや機能については作り込めることが分かりました。<br /> 実はマイページに「初回アクセス日時」という項目があったのですが、リリース手前に消しました。<br /> 毎回、アクセスするたびに、初回なのかをチェックする処理が走るのが嫌だったというのがあります。<br /> 機能を作って減らすというのも面白い経験でした。</p> <h1 id="不安材料"><a href="#%E4%B8%8D%E5%AE%89%E6%9D%90%E6%96%99">不安材料</a></h1> <p>マッチングサービスを一人で作るとマッチングがうまくいっているのかがよく分かっていませんw<br /> PCとスマホで何度もテストをしてみましたが、やはり仲間を集めてリリース前にフィードバックをもらえるようにしておいたほうがいいと思っています。</p> <h1 id="知名度について"><a href="#%E7%9F%A5%E5%90%8D%E5%BA%A6%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">知名度について</a></h1> <p>ここで散々、知名度論について語っってきました。</p> <p>今回リリースしたのが、「まさに知名度がなければ成立しないサービス」なので、<strong>なぜオレが知名度が必要なのか</strong>について少しわかってもらえたかもしれません。</p> <p>ランダムマッチングで相手が一生いないという悲しいサービスでは誰も使ってくれないのは分かっていました。<br /> 2年前に勉強がてら作ったものの作って放置していた最大の理由はそこにあります。</p> <h1 id="リリース直前にフォロワーを300人にまで増やした"><a href="#%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E7%9B%B4%E5%89%8D%E3%81%AB%E3%83%95%E3%82%A9%E3%83%AD%E3%83%AF%E3%83%BC%E3%82%92%EF%BC%93%EF%BC%90%EF%BC%90%E4%BA%BA%E3%81%AB%E3%81%BE%E3%81%A7%E5%A2%97%E3%82%84%E3%81%97%E3%81%9F">リリース直前にフォロワーを300人にまで増やした</a></h1> <p>現在、流河旱樹のフォロワー数は309人です。<br /> 「初日に100アクセス」が欲しいと思ってツイッターを開始し、二ヶ月以上が経過しています。<br /> フォロワー100人ぐらいいれば十分かなと思っていましたが、全員がリアルタイムにツイッターを見てくれているわけでもなく、また作ったサービスをRTしてくれる人達ばかりではないことも分かってきました。<br /> ですので、300人超えを目指すことになりました。<br /> 本当は1000人位いれば、良いのですが何も公開していない個人開発者のアカウントに1000人が集まるのも無いと思ったので、ここらへんが限界なのかなと思っています。</p> <h1 id="個人開発は気合でどうにかなるかのテストでもある"><a href="#%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AF%E6%B0%97%E5%90%88%E3%81%A7%E3%81%A9%E3%81%86%E3%81%AB%E3%81%8B%E3%81%AA%E3%82%8B%E3%81%8B%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E3%81%A7%E3%82%82%E3%81%82%E3%82%8B">個人開発は気合でどうにかなるかのテストでもある</a></h1> <p>オレがツイッターを開始したのは今年の5月の末です。<br /> それ以前のオレのことは何も知らないと思います。<br /> そういうコネが0の状態でツイッターを開始して、多少の知名度を得てからサービスをリリースすると、どこまで影響があるのかという実験でもあります。</p> <p>今までは素で作って公開して、SEOやはてなでブログを書いているだけでした。<br /> そのパターンでの集客は無理ゲーだと分かっています。</p> <p>昔は相互リンクという文化がありましたが、今はSNSでの拡散が主流なのかなと思っています。<br /> どうなることやら。</p> <h1 id="宣伝は一気にやれ! 3つのサイトで同時にリリースを発表する"><a href="#%E5%AE%A3%E4%BC%9D%E3%81%AF%E4%B8%80%E6%B0%97%E3%81%AB%E3%82%84%E3%82%8C%EF%BC%81%E3%80%80%EF%BC%93%E3%81%A4%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E5%90%8C%E6%99%82%E3%81%AB%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%82%92%E7%99%BA%E8%A1%A8%E3%81%99%E3%82%8B">宣伝は一気にやれ! 3つのサイトで同時にリリースを発表する</a></h1> <p>Crieit+Qiita + Twitter で同時にリリースを発表します。</p> <p>Qiitaには午前中に記事を書きました。Crieitは今書いています(午後8時あたり)</p> <p>ツイッターはすぐに投稿できるので心配なし。</p> <p>映画の宣伝とかも少しずつ宣伝するよりは、まとめて宣伝したほうが効果が高いという話をきいていますので、<br /> 1日1記事ではなく、同時に2記事書き、さらにツイッターも活用してみます。</p> <p>また投稿時間は「日曜日の夜」にしました。ここらへんも計算に入れています。</p> <h1 id="開発者以外にどうやって広めていくか"><a href="#%E9%96%8B%E7%99%BA%E8%80%85%E4%BB%A5%E5%A4%96%E3%81%AB%E3%81%A9%E3%81%86%E3%82%84%E3%81%A3%E3%81%A6%E5%BA%83%E3%82%81%E3%81%A6%E3%81%84%E3%81%8F%E3%81%8B">開発者以外にどうやって広めていくか</a></h1> <p>Crieit+Qiita + Twitter(フォロワーのみ)でリリースを発表するとしても、これらには開発者がほとんどでしょう。<br /> チャットガチャは一般ユーザーに遊んでもらいたいサービスなのですが、どうやって広まっていくのでしょうかね。<br /> とはいっても、拡散されればどこかのタイミングで広まるはずですので、楽観的ではあります。</p> <h1 id="最後にリンク"><a href="#%E6%9C%80%E5%BE%8C%E3%81%AB%E3%83%AA%E3%83%B3%E3%82%AF">最後にリンク</a></h1> <p>Qiitaに技術のほうの記事があります。<br /> <a target="_blank" rel="nofollow noopener" href="https://qiita.com/ryuuga_h/items/1274dcab9fb468ea8ea5">チャットガチャを作ってみた</a></p> <p><a target="_blank" rel="nofollow noopener" href="https://chatgacha.com/">https://chatgacha.com/</a></p> <p>話し相手がいないと始まらないサービスですので、もしこれを読んだ方がいましたら少し遊んでみて下さい。<br /> また拡散もお願いできればと思います。<br /> ちょっと触ってみると面白さがわかるのではないかと思います。<br /> (一生時間が潰せるので注意でもあります。)</p> 流河旱樹