「Chai Maxx」を含む日記 RSS

はてなキーワード: Chai Maxxとは

2013-01-18

素人が完全自作SNSを二週間運営してみてわかったこと(後始末編、技術編、モチベーション編)


素人が完全自作SNSを作ってみてわかったこと。

http://anond.hatelabo.jp/20130104184115

元増田です。

ひっそりと公開したはずのtag-chat.net(http://tag-chat.net)ですが、

まさか、こんなに反響を頂けるとは思っていなかったので、びっくりしました。

素人のフリをしているとか、出版社ステマだとか色々言われましたが、嘘は一切書いてないです。

ステマというか、ウェブサービス公開後の状況を知っている方からするとマイナスステマしかなっていないような気がします…。

公開してから、色々と発見というか気づきがあったので、それを共有できれば幸いです。あと、tag-chat.netの中身についてなど。



増田記事を公開してから今までの経過~

・意気揚々と自作SNSを公開したものの、アクセスが全くこなくて途方にくれる。

             ⇓

・以前、完全に一致を作った増田の方が、増田記事を書いてからアクセスが急に来たと書いてあったので真似して書いてみる。

             ⇓

・翌日ごろからアクセスが集中。ビビる。「うちの会社で働きませんか?」と言ったお誘いのメールをたくさん頂く。

いきなりの出来事にパニックになっている間にも増田記事が拡散していき、アクセスが急増する。

             

             ⇓

アクセスが爆発する。1時間あたり二万アクセスというアクセスを捌ききれずにサーバーが落ちる。サイトのウリであるが、メモリ使用量

が最も高いマッチングチャットを一時使用停止にする。

             

             ⇓

・その後、サーバーを増強。エラー情報や、寄せて頂いた情報をもとに各種エラー情報や、使い勝手などを改善

             

             ⇓

現在、安定稼働中。おかげさまで、ユーザー数もゆるやかに増加していて、基本的な機能も正常動作していますユーザー数はもうすぐ

1000人に届きそうでありがたいばかりです。


と、いうわけでなんとかようやく落ち着き、ウリのマッチングチャットも正常に作動しているようなので、後記事を書きます





~後始末編(Webサービスを実際に運用してみて)~

ウェブサービスの公開前に注意すべきだったこと。

①・セキュリティについては書かないほうが良い。色々といじられる。

前回の増田記事で、DoS攻撃の対策などについて語ったのですが、それを確かめるためなのかサイト公開してしばらくしてから、定期的に

Dos攻撃をくらいました。

おかげ様で、ちゃんと一時的にそのIPからアクセス遮断することはできたのですが、セキュリティについてあまり大々的しゃべると攻

撃対象となるので、あまり具体的なセキュリティ対策などについてはしゃべらないほうが良いのかな、と感じました。

また、DoS攻撃だけでなくCSRF試したり、色々といたずら(もしくは善意テスト?)をして下さる方がとても多かったのには驚きました。

はてな民技術レベルの高さを知りました……。いたずらされている間は本当に怖かったです。

とりあえず、今のところ攻撃は防げているようです。



②・作者のオナニーユーザー様をつきあわせてはいけない。

はじめ、私は調子に乗ってサイト内に英語を多用していたのですが、それがユーザー様にとって混乱のもとになっていたようです。

例えば、他のユーザーから自分の書いた日記などにコメントがついた時に、それを知らせるページがあります

普通に考えれば「友達からの反応一覧」とか「友人からの反応」とかにすれば良いのですが、何を血迷ったのか「Reaction」と中二病丸出

しで書いてしまったので、ユーザー様がものすごく混乱したようです。

結局、「使いにくい」、「サイト迷子になる」との声を受けて日本語メニューに変更しました。




③・使い方のページはくどいくらい書いても良かった。


フリーチャットや、マッチングチャットでは、基本的に相手が見つかるまでは「待ち」の状態になります

相手がすでにこちらを「待っている」状態だとすぐにチャットが始まるのですが、そのことに対する説明が足りなかったようで、チャット

ルームを出たり入ったりしている人が多かったようです。

また、チャットが終了した時にチャット相手にお礼をこめてメッセージを送る機能があるのですが、これも説明不足で上手く使われなかっ

たようです。


とにかく、くどいくらい説明しても良かったと思います









ウェブサービスリリースする前にやっておいて良かったこと。

①・Twitterアカウントを作りそこから最新情報を流せるようにする。

 これは本当に大きかったです。

 とつぜんの増田砲で一時間あたり二万アクセス近くのアクセスをさばけずに、サーバーがビジー状態になってしまった時も、Twitterを通

じて現在の状況などを流せたことは非常に大きかったです。





②・エラー情報を送ってもらえるようにメールアドレスを作っておく。

 本当にありがたいことに、実際に使ってみた使用感や、こんなエラーが出ていると言った情報を送って下さる方がいます

 一人でテストしていた時には気づかなかったエラーや、不便な点などをわざわざ時間をとってメールで教えてくれるのです。

どこの馬の骨ともわからん怪しい奴が作ったものに登録してくれ、使ってみてくれただけではなく、エラー情報や励ましの言葉を送って下

さるのです。

本当にありがたいことです。



③・それでもわからないエラー情報に対して対処できるようにしておく。

 優しいユーザーの方がエラー情報などを教えて下さるのは大変ありがたく、また開発の励みにもなるのですが、それに頼ってばかりいて

ダメです。

 サーバーの吐き出すエラー情報を調べて、おかし挙動にいち早く気づく必要があります

本当はhttpdエラーログとか見れば良いんですけど、はっきり言って物凄く見づらいので、ツールを使って毎日「こんなエラーがでました

」と教えてもらうようにしておきました。

色々なツールがあるみたいですが、私はlogwatchを使いました。

・参考URL

http://www.atmarkit.co.jp/flinux/rensai/root04/root04c.html

これでエラーの出ているところだけでも、修正するということをやっていました。


■ ウェブサービスを運営してみてわかったこと。

①・SNSの人の流れにはなんだかよくわからない規則性がある。

tag-chat.net グーグルアナリティクスでどれくらいの人が毎日来ているかをウォッチしているのですが、なぜか月曜日と週末にかけてア

クセスが増えます

謎です。週末はわかるけれど、どうして月曜日に……?



②・やっぱり非リアの気持ちは非リアじゃないとわからない。

前回の増田記事に対するコメントネットの反応などで、

「どうして普通にはてブに書かないのか。なんで増田なのか」とか「非リアを装って」

とかコメントしてる人たちがいたのですが、その人たちは非リアについてなんもわかってないアホだと思いました。


もともと自分名前なり、アカウントを明かした上ではてブ投稿できるくらいの度胸があれば非リアになんかなってないです。それは自

分でもわかってます

自己顕示欲人一倍強いくせに、人に名指しで批判されるのが怖いか増田投稿したのです。



フェイスブック実名ウェブサービス作ったことを投稿できるような度胸があればそうしてますし、はてブに書けるなら書いてます

そうするだけの度胸もなくて、でも誰かに認めては貰いたいか増田に書いたということをわかっていない。


③・ネットのみなさんが優しい。

 今までネットの人たちは2ちゃんねるとかで炎上したり、なんか面白そうなものを見つけてお祭り騒ぎする、ちょっと怖い人たちという

イメージだったのですが、それが今回のことでガラリと変わりました。

 本当に優しい人が多くて、どこの馬の骨ともわからない奴の作ったウェブサービスを使ってくれるだけでなく、感想や励ましのメール

どをたくさん頂きました。

 遥か雲の上の存在だと思っていた会社の方からメールなどを頂きました。本当に感謝してもしきれません。

 





技術編~

Tagchatの技術的なこと。

①・nodejsを使って外部にサービス公開するなら、認証必須。主に不正な負荷を減らすために。


さっき書いた、「セキュリティについてはあまり書くな」という話と矛盾するのですが。

nodejsでのセキュリティの話です。

nodejs、すごくアクセスさばけて、なおかつ軽いということで便利なんですが、サーバーなので、基本的にリクエストを受けたら非常に素

直に返事します。

例えば、nodejsとsocket.ioを使って、単純にメッセージサーバーに送るとして、クライアント側で

socket.emit('hoge','hoge');

のようにすると、サーバーはどこから来たアクセスなのか、とか悪意のあるアクセスなのか? とか一切気にすることなく、素直に'hoge'

というメッセージを受けます

これはつまり、第三者が悪意を持って大量にメッセージを送りつけるとそれを素直に受け取ってしまうということです。

なので、例えば大量に不正データを送りつけられたりするとレスポンスが悪くなります

なので、悪意のあるアクセスはsocketにそもそも接続させない、という対策がサーバー側で必要になると思います

socket.ioではコールバックを使って、簡単に認証させるかさせないか、という実装ができます。具体的には以下のURLなどを参考に実装す

ればいいかと思います

http://d.hatena.ne.jp/Jxck/20110809/1312847290



②・nodejsの最大接続数は、ファイルディスクリプタ依存する

ということにしばらく気づかずに、最大接続数が400ほどしか出ず悩んでいた時に以下のURLを参照して、なぞが解けました。

http://blog.livedoor.jp/mokepon/archives/182178.html

 またsocket.ioのテストの書き方ですが、

http://d.hatena.ne.jp/toritori0318/20120902/1346591831

という素晴らしいエントリーがあったので参考にさせて頂きました。


■楽できるところは楽するためのツールなど。

nodejsの開発で、面倒くさいところはできるだけ楽しました。以下、便利だったものまとめ。


・node-dev

コンソールにデバッグ情報を吐き出してくれ、サーバー側のコードをいじくった時に自動的に再起動してくれる。

いちいちコマンドプロンプトからnodejsを実行する必要がないため、作業の手間がはぶける。

nodejsを触り始めた時はエラーを吐いてばかりなので非常に役に立ちました。

参考URL

http://d.hatena.ne.jp/replication/20110224/1298474534


・forever

nodeのプロセスデーモン化してくれる便利ツール。

様々な使い方があるようですが、stop,list,startの3つぐらいしか使いませんでした。まだ、研究中です。

参考URL(基本的な使いかたが非常にわかやすく書かれています

http://nantekottai.com/2011/08/15/node-js-based-service-with-forever/


・mongoose

nodejsからmongoDBを扱うのに最適。

ドキュメントは色々ググったのですが、結局公式のドキュメントが1番わかりやすかったです。

http://mongoosejs.com/







モチベーション編~

■一人でウェブサービスを作る上で、心の支えになった記事。

はまちちゃんさんの、「セキュリティ過敏症の話」。

http://d.hatena.ne.jp/Hamachiya2/20080131/security

とにかく楽しんで、作ってみることが大事だよ、というお話です。すごい勇気づけられます


小飼弾さんの産声の話。

http://blog.livedoor.jp/dankogai/archives/51837985.html

弾さんは、お金持ちで、腕は一流で、PHPこき下ろすし、なんかすごく怖い職人イメージだったのですが、このエントリーを読んで、クソ

まみれでも産声を上げてみようと思えました。

実は優しい人なのかもしれません。私の高校時代担任先生にどことなく似ています

 





■お詫びと訂正

前回の増田記事で、OpenPNEについて間違った記載をしてしまいました。ソースコード公開に関する記述の部分です。

OpenPNEではそのソースコードを改変したら、そのソースコードを公開しなくてはならないと書いたのですが、これは間違いです。

OpenPNE方々には大変ご迷惑をお掛けしました。申し訳ありませんでした。




あと入家さんに謝りたいです。

勘違いサブカル野郎とか言ってすいませんでした。

フェイスブックにもとりあげて頂いたそうで、ありがとうございます

怖いのでどんな投稿なのかはまだ観ていませんが、本当にありがたいです。







最後に。

ウェブサービスをコツコツと作り続けて公開したところ、増田記事のおかげもありたくさんの反響を頂きました。


ただ、別にウェブサービスを公開したからと言って、実際のところ何かが劇的に変わったわけでもないです。


グーグルアドセンスは支払い規定の一万円を超えていないので、手元には一銭も入ってきませんし、実名出して行動できなかったので現実

ではほとんど反響はなかったです。

あいかわらず休日地元ゲームセンターレトロゲーをやって時間をつぶしていますし、学校から帰ってきたらももクロライブを観て

Chai Maxxを踊ってから寝るだけの毎日です。それでも結構楽しいのですが。

ただ、ネット上で様々な先輩エンジニアの方々や、同年代で同じようにフェイスブックが嫌いな方から励ましのメールをもらいましたし、

本当に、びっくりするような充実した二週間でした。

はてブで人気のエントリーにあがった時のスナップショットは未だに大事にとってあります

tag-chat.nethttp://tag-chat.net)を作って本当に良かったと思っています

2011-09-05

ももいろクローバーZに私がハマる理由(わけ)関連サイトまとめ

はじめに

友人にももいろクローバーZの魅力を伝える為に関連サイトをまとめました。

これを見てただのアイドルじゃないぞっていうのが伝われば嬉しい。

動画はいつ削除されてもおかしくないので早めに見ましょう。

プロフィール

ももいろクローバーZ - Wikipedia

http://bit.ly/gCbDql

まずは基本。


ミュージックビデオ

YouTube Mix for ももいろクローバー

http://bit.ly/pZw0A4

今までのシングルカップリングなど色々。前山田健一作曲の「行くぜっ!怪盗少女」はオリコンデイリーランキング最高位1位。


ライブ

2010年8月8日TOKYO IDOL FESTIVAL 2010

その1:http://www.youtube.com/watch?v=wVK21Dmvepo

その2:http://www.youtube.com/watch?v=cHn13XmkVc4

その3:http://www.youtube.com/watch?v=rDYX5EFEOq4

その4:http://www.youtube.com/watch?v=ByGER29TBS0

その5:http://www.youtube.com/watch?v=G0-gDmvpUCQ

その6:http://www.youtube.com/watch?v=hq_o-W9bAbg

ここらへんからアイドル戦国時代の中で、一気に抜け出した感じ。

2011年2月25日ももクロとかまってちゃん

ニコニコ動画http://www.nicovideo.jp/watch/sm13710143

その1:http://www.youtube.com/watch?v=sqZ_w8-UeIg

その2:http://www.youtube.com/watch?v=H_F6y6iZvuQ

その3:http://www.youtube.com/watch?v=Kh_-_XP-oIM

その4:http://www.youtube.com/watch?v=v37Sk-DhuCI

その5:http://www.youtube.com/watch?v=0PJJRV3A2_o

その6:http://www.youtube.com/watch?v=H1ecvZxXHas

その7:http://www.youtube.com/watch?v=YMwVCxOxHSA

神聖かまってちゃんとの対バンライブ。オープニングからMCなどの休憩を一切挟まず、7曲連続で歌ってます。飛ばしたりせずに見て欲しい。彼女達がいかに凄いかわかるはず。

2011年4月10日中野サンプラザ大会 ももクロ春の一大事 ~眩しさの中に君がいた~

その1:削除済み

その2:http://www.youtube.com/watch?v=96Yyl0AN6n4

その3:http://www.youtube.com/watch?v=r0PzcQpdhz8

その4:http://www.youtube.com/watch?v=MnojR1ergrs

その5:http://www.youtube.com/watch?v=OY-2IkgMv5g

その6:http://www.youtube.com/watch?v=fD57RUnOZ44

その7:http://www.youtube.com/watch?v=jXjhQWCuTfk

早見あかり卒業ライブバナナマン設楽いわく、"ショーシャンクの空に"や"ライフイズビューティフル"を超えた感動。


バラエティ

ゴッドタン

・照れカワ芸人更生プログラム

その1:http://dai.ly/jT90gs

その2:http://dai.ly/mdWieC

その3:http://dai.ly/iqVGbs

矢作に腹かかえて笑ったwww歌う前から盛り上がんない事考えるバカいるかよっ!!

バナナマンのブログ刑事

・結束力バトル

その1:http://www.youtube.com/watch?v=n27grLdP5ok

その2:http://www.youtube.com/watch?v=W0dhhPl3QuY

萌え萌え更正プラン

その1:http://www.youtube.com/watch?v=5-SfqbY9E7Q

その2:http://www.youtube.com/watch?v=G6G-Cn-dUeA

うなぎパイ女王様w

ダウンタウンDX

http://www.youtube.com/watch?v=OEh30MKwaJU

ダウンタウンのフォローの上手さ

Mujack

その1:http://www.youtube.com/watch?v=LrjhqGyktUo

その2:http://www.youtube.com/watch?v=puCh6lT6AtM

たかみな×ももクロ

▽さきっちょ

その1:http://www.youtube.com/watch?v=6-fgTYuHA8w

その2:http://dai.ly/nXKyhk

設楽との絡みは安心して見れる

コサキンDEラジオ!

http://www.youtube.com/watch?v=etAiDirf6Zo

小堺さんも関根さんも優しい。やっぱりZは納得いっていなかったんだなw

▽別冊ももクロchan

http://dai.ly/pkK9SN

ドッキリやライブの裏顔など素顔に近い彼女達が見れます

▽momocloTV

http://www.ustream.tv/channel/momoclotv

USTREAMで公開されているネット限定動画です生放送です過去動画も見れます。かなことペヤではライブの裏話や感想などをたくさん話してくれているのでファンは必見。


ラジオ

山里亮太の不毛な議論

・輝け!2010年不毛な議論ベスト10!

その1:http://www.youtube.com/watch?v=nh9T2GUZqXU

その2:http://www.youtube.com/watch?v=vnAxED1YGmA

早見あかりももクロ脱退を熱く語る!

http://www.youtube.com/watch?v=14H-3uypkzw

早見あかり卒業直前スペシャル

その1:http://www.youtube.com/watch?v=HYP4T-6U4No

その2:http://www.youtube.com/watch?v=8R3rLtdGeTI

その3:http://www.youtube.com/watch?v=K5FE6gaNHRw

その4:http://www.youtube.com/watch?v=rDSHKJuwFss

その5:http://www.youtube.com/watch?v=8l2Wsn-SEwA

山里亮太 × ヒャダイン ももクロについて語る

http://www.youtube.com/watch?v=cK-z4z-BVE8

山里亮太が語るももクロZeppTokyo 7/3ドキュメント

http://www.youtube.com/watch?v=T98TVwewU0c

卒業直前スペシャルではメンバー号泣

バナナマンバナナムーンGOLD

その1:http://www.youtube.com/watch?v=a5rERFnen_w

その2:http://www.youtube.com/watch?v=Zao8bWjbhy8

その3:http://www.youtube.com/watch?v=7GhHZLajHgM

その4:http://www.youtube.com/watch?v=DHbUaKVJb2U

その5:http://www.youtube.com/watch?v=fwFtBip12ls

その6:http://www.youtube.com/watch?v=xZoQ5aK3c1s

Z伝説のヒムペキバージョン最高wwww

爆笑問題の日曜サンデー

その1:http://www.youtube.com/watch?v=ScxoWi8I28c

その2:http://www.youtube.com/watch?v=20_3elvsVu4

その3:http://www.youtube.com/watch?v=Lr9euldYq-4

爆笑問題も大絶賛


その他おすすめ動画

ももいろクローバーに全く興味がない人も応援したくなっちゃ動画

http://www.youtube.com/watch?v=TmCnKVcY2GY

▽曲途中でPA故障・・オケなしでも歌い切る ももクロ

http://www.nicovideo.jp/watch/sm15231608

ももクロ本人が「Chai Maxx」踊ってみた。

http://www.youtube.com/watch?v=uLMmqpTtPIA

キングオブコメディももいろクローバーZ を語る

http://www.youtube.com/watch?v=CKO50QBvTBE

オケなしで歌っている動画はめちゃくちゃ好感度高いです


ももクロ関連おすすめエントリー

にわかファン自分が、ももクロの魅力を全力で紹介してみる。

http://d.hatena.ne.jp/karatedou/20110516#p1

ももクロ入門しませんか?「ももいろクローバースターターキット」をまとめました

http://d.hatena.ne.jp/antipop/20110830/1314725165

ももいろクローバーアイドル戦国時代

http://d.hatena.ne.jp/hurricanemixer/20110831/p1

ももいろクローバーZにハマっている件について

http://d.hatena.ne.jp/sugyan/20110808/1312732845

AKBファンですが、正直ももクロに圧倒されました

http://blog.livedoor.jp/insidears/archives/52437593.html

ナタリー - [Power Push] ももいろクローバー

http://natalie.mu/music/pp/momoclo

ここまで見ればなぜももクロが今アイドル界に旋風を巻き起こしているのかなんとなくわかるはず。
ファンのノリも日本一。あーりんわっしょい。
 
ログイン ユーザー登録
ようこそ ゲスト さん