ひどいサービスの つくりかた

2014/09/20 オープンソースカンファレンスHiroshima

LT駆動開発#7の 使い回しです

自己紹介• 名前：川口稔

• 所属：株式会社リンクロード

• 仕事：業務系システム開発・保守

• すくすくスクラム広島スタッフ

• twitter：@ducky19999

• github ：kwgch

LINEスタンプが ずっと審査中なんだが

小３の息子が マインクラフター

http://www.flickr.com/photos/qwrrty/6348786773

目的• 以前作ったサービスを紹介

• 反面教師に学ぼう

• サービスを作って公開してみよう

背景• ３年前くらい

• クラウドサービスの台頭

• 何かしないと乗り遅れる

• おこづかい欲しい

• 何しよう？

インターネット徘徊中

そんなとき

インターネット徘徊中

出会った正規表現

[一-龠]+|[ぁ-ん]+|[ァ-ヴー]+|[a-zA-Z0-9]+|[ａ-ｚＡ-Ｚ０-９]+|[、。！!？?]+

そんなとき

例：走れメロス

例：走れメロス

おわかりだろうか

例：走れメロス

漢字、ひらがな、カタカナ、英数字に分けてくれる

例：走れメロス

漢字、ひらがな、カタカナ、英数字に分けてくれる

例：走れメロス

で？

ここに走れメロスがあるじゃろ？( ＾ω＾)

⊃ ⊂

これを( ＾ω＾)

⊃ ⊂

（分割して）

こうして( ＾ω＾)

⊃ ⊂

（そろえて）

こうして( ＾ω＾)

⊃ ⊂

（まとめる）

こうじゃ( ＾ω＾)

⊃ ⊂

ランダムにルートをたどるとデタラメな文章ができる

ランダムにルートをたどるとデタラメな文章ができる

「きょう未明メロスは激怒した」

Twitter APIでツイート集めてこの処理したら面白いんじゃね？

Favしたツイートをまとめて取得

打ち上げでvim勢とemacs勢で言い合いになったが、miyagawaさんの「vimとemacsで争っている場合じゃないんですよ」という一言で大統一エディタへのシルクロードが見えた【速報】24時間テレビ見てたらいきなりお母さんが発狂してテレビ殴ったじいちゃんの実家の犬（猫はみんな野良）本日、初めて電車のドアにはさかった。怖くていまだに心臓ばくばくしてるす。世界最大規模のプログラミングカンファレンス・YAPC::Asiaで、SUZURI爆誕の瞬間を模した奇妙な写真をお配りしておりマス。お得なクーポンつき！とか、そういうものでは一切ありません。ただの奇妙な写真デス。#yapcasia古本で「SEのフシギな職場」という文庫を入手して読んだ。なんというか１４０文字では書ききれない怒りを感じた。とりあえず上司や顧客にデザイン決定権を渡してはいけないと強く思った。アタマに金魚すくいのポイを装着して、２陣営に分かれて水鉄砲で撃ち合ってポイが破れた人は死亡というゲームをやったら思いのほか楽しかったので競技スポーツ化を目指したいと思いますらくがき　ほっぽちゃんと八宝菜進化の謎解明にまた一歩？　古代魚ポリプテルスを陸上で飼育したら歩き方に変化-ねとらぼ。表紙が黒い本、カッコイイ！鎌倉といえば誰もが知る、豊島屋のお菓子「鳩サブレー」がクッションになりました！愛らしい鳩サブレーの形はそのままに、肌触りのよい上質の素材を使用した本格的なクッションなのです。日本橋の「満月マン」が話題に、ボランティアと清掃　【衝撃】水族館の飼育員がマンボウの『突然の死』を全否定！　「ジャンプして着地の衝撃で死ぬという話が出回ってますが嘘です」ｗｗｗ実家に帰ったら父親の日曜大工がもはや別次元の域に達してた件ペン入れのスペースがない。首の後ろに四角い真っ黒なタトゥーを入れてるひとがいてカッコイイなと思ったのですが、Tシャツのタグでした。【速報】東京から赴任してきた取引先の方が、電話口で“近鉄”を“ちかてつ”と読んで道案内をしたため、私めが迷子になるという珍事案が発生“これ、行ったら「そんなことない、あなたがいなくなって悲しむ人だっている」といって抱きしめられて２万円渡されて帰される仕事だといいですねAmazon、からあげ宅配してくれないかな。バルタンさんから回ってきたので氷水をかぶりたいと思います＼はやまるな！／５時に夢中！の岡本夏生さんは、実はキティちゃんを目指しているのでは？落ち着けｗｗ。台湾の間宮食堂スゴイことになってるな……うん！分かりやすいwwww　タランチュラのアルビノらしいけどなにこのかわいさLinuxはやさしい。ゾンビにさえkillが効くのだから。4コマでわかるハリウッドゴジラ（※ネタバレ）サグラダファミリア内部！EDのカウンセリング行ったら、「爬虫類に興奮する人でも女性でイけるようになった。ロッカーの中に閉じ込められないと射精できない人でも広所で射精できるようになった。あなたも大丈夫！」みたいな話を延々とされて、「あっ、僕の性癖ってこの手の類と一緒なんだ」って客観視できたさすが高専生。何も言わなくても鍵番号はこうなる。注文してたアロハシャツが届いた！電車内の家族の会話父「エボラの新薬があるけどアメリカ人しか使えないんだって」母「ひどいねー」子「でもはじめから新しいお薬をアフリカの人につかって副作用で死んじゃったら人体実験って言われちゃうよ。」コナン君か何かかお前はスライム水信玄餅クッソうまくできた。

Favしたツイートをまとめて取得

打ち上げでvim勢とemacs勢で言い合いになったが、miyagawaさんの「vimとemacsで争っている場合じゃないんですよ」という一言で大統一エディタへのシルクロードが見えた【速報】24時間テレビ見てたらいきなりお母さんが発狂してテレビ殴ったじいちゃんの実家の犬（猫はみんな野良）本日、初めて電車のドアにはさかった。怖くていまだに心臓ばくばくしてるす。世界最大規模のプログラミングカンファレンス・YAPC::Asiaで、SUZURI爆誕の瞬間を模した奇妙な写真をお配りしておりマス。お得なクーポンつき！とか、そういうものでは一切ありません。ただの奇妙な写真デス。#yapcasia古本で「SEのフシギな職場」という文庫を入手して読んだ。なんというか１４０文字では書ききれない怒りを感じた。とりあえず上司や顧客にデザイン決定権を渡してはいけないと強く思った。アタマに金魚すくいのポイを装着して、２陣営に分かれて水鉄砲で撃ち合ってポイが破れた人は死亡というゲームをやったら思いのほか楽しかったので競技スポーツ化を目指したいと思いますらくがき　ほっぽちゃんと八宝菜進化の謎解明にまた一歩？　古代魚ポリプテルスを陸上で飼育したら歩き方に変化-ねとらぼ。表紙が黒い本、カッコイイ！鎌倉といえば誰もが知る、豊島屋のお菓子「鳩サブレー」がクッションになりました！愛らしい鳩サブレーの形はそのままに、肌触りのよい上質の素材を使用した本格的なクッションなのです。日本橋の「満月マン」が話題に、ボランティアと清掃　【衝撃】水族館の飼育員がマンボウの『突然の死』を全否定！　「ジャンプして着地の衝撃で死ぬという話が出回ってますが嘘です」ｗｗｗ実家に帰ったら父親の日曜大工がもはや別次元の域に達してた件ペン入れのスペースがない。首の後ろに四角い真っ黒なタトゥーを入れてるひとがいてカッコイイなと思ったのですが、Tシャツのタグでした。【速報】東京から赴任してきた取引先の方が、電話口で“近鉄”を“ちかてつ”と読んで道案内をしたため、私めが迷子になるという珍事案が発生“これ、行ったら「そんなことない、あなたがいなくなって悲しむ人だっている」といって抱きしめられて２万円渡されて帰される仕事だといいですねAmazon、からあげ宅配してくれないかな。バルタンさんから回ってきたので氷水をかぶりたいと思います＼はやまるな！／５時に夢中！の岡本夏生さんは、実はキティちゃんを目指しているのでは？落ち着けｗｗ。台湾の間宮食堂スゴイことになってるな……うん！分かりやすいwwww　タランチュラのアルビノらしいけどなにこのかわいさLinuxはやさしい。ゾンビにさえkillが効くのだから。4コマでわかるハリウッドゴジラ（※ネタバレ）サグラダファミリア内部！EDのカウンセリング行ったら、「爬虫類に興奮する人でも女性でイけるようになった。ロッカーの中に閉じ込められないと射精できない人でも広所で射精できるようになった。あなたも大丈夫！」みたいな話を延々とされて、「あっ、僕の性癖ってこの手の類と一緒なんだ」って客観視できたさすが高専生。何も言わなくても鍵番号はこうなる。注文してたアロハシャツが届いた！電車内の家族の会話父「エボラの新薬があるけどアメリカ人しか使えないんだって」母「ひどいねー」子「でもはじめから新しいお薬をアフリカの人につかって副作用で死んじゃったら人体実験って言われちゃうよ。」コナン君か何かかお前はスライム水信玄餅クッソうまくできた。

Favしたツイートをまとめて取得先ほどの処理を実行

バナナなどの葉っぱの裏にぶら下がる、 全長46cmのビッグウェーブさん。

できた

バナナなどの葉っぱの裏にぶら下がる、 全長46cmのビッグウェーブさん。

GAEにデプロイや！

よくわからんけどクラウドや！

ひどいサービスの つくりかた

ひどいタイトル

ひどいタイトル

ひどいタイトル

名前重要

ひどいタイトル

名前重要よく考えましょう

ひどい画面

ひどい画面

＿人人人人人人＿ ＞　手作り感　＜ ‾Y^Y^Y^Y^Y‾

ひどい画面

というか

＿人人人人人人＿ ＞　手作り感　＜ ‾Y^Y^Y^Y^Y‾

ひどいアイコン

ひどいアイコン

＿人人人人人人人＿ ＞　悔い改めよ　＜ ‾Y^Y^Y^Y^Y^Y‾

ひどいURL

意味不明 デフォルト ファイル名

ひどいURL

意味不明 デフォルト ファイル名

ドメインをとろうURL設計をしよう

ひどいURL

しばらくして

軽くバズった

軽くバズった

アクセス増加

落ちた

落ちた

オートスケールするはずなのになぜ？

落ちた

オートスケールするはずなのになぜ？＿人人人人人＿ ＞　無課金　＜ ‾Y^Y^Y^Y‾

負荷に耐える用意はしておきましょう

応用して他にも展開

• クラスタ判定

• TLを要約

• インスタントBOTメーカー

応用して他にも展開

• クラスタ判定

• TLを要約

• インスタントBOTメーカー

AdSenseがコーヒー代程度に！

やったね！

その日はやってきた…

2013/06/12 その日はやってきた…

2013/06/12 Twitter API 1.0廃止

その日はやってきた…

2013/06/12 Twitter API 1.0廃止

仕事忙しいしめんどくさいから放置

その日はやってきた…

2013/06/12 Twitter API 1.0廃止

仕事忙しいしめんどくさいから放置

その日はやってきた…

お客は帰ってこなかった

しばらくして…

暇になったからリニューアルしたよ！しばらくして…

http://twitter-tools.herokuapp.com/

暇になったからリニューアルしたよ！しばらくして…

http://twitter-tools.herokuapp.com/

※ちなみにRailsとherokuでつくりました

暇になったからリニューアルしたよ！しばらくして…

http://twitter-tools.herokuapp.com/

※ちなみにRailsとherokuでつくりましたしかし…

暇になったからリニューアルしたよ！

お客は帰ってこなかった

しばらくして…

http://twitter-tools.herokuapp.com/

※ちなみにRailsとherokuでつくりましたしかし…

暇になったからリニューアルしたよ！

お客は帰ってこなかったちゃんとメンテしましょう

しばらくして…

http://twitter-tools.herokuapp.com/

※ちなみにRailsとherokuでつくりましたしかし…

まとめ• 名前ちゃんと考えよう

• URLちゃんと考えよう

• まじめにデザインしよう

• スケールさせよう

• メンテしよう

ということで

君もやってみよう！ということで