2014/09/20 オープンソースカンファレンス2014 Hiroshima LT駆動開発 ベストセッションズ – 凪のライトニングトークで使用した資料

1. ひどいサービスの
つくりかた
2014/09/20
オープンソースカンファレンスHiroshima

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

3. 自己紹介
• 名前：川口稔
• 所属：株式会社リンクロード
• 仕事：業務系システム開発・保守
• すくすくスクラム広島スタッフ
• twitter：@ducky19999
• github ：kwgch

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

6. 小３の息子が
マインクラフター
http://www.flickr.com/photos/qwrrty/6348786773

7. 目的
• 以前作ったサービスを紹介
• 反面教師に学ぼう
• サービスを作って公開してみよう

8. 背景
• ３年前くらい
• クラウドサービスの台頭
• 何かしないと乗り遅れる
• おこづかい欲しい
• 何しよう？

9. そんなとき
インターネット徘徊中

10. そんなとき
インターネット徘徊中
出会った正規表現
[一-龠]+|[ぁ-ん]+|[ァ-ヴー]+|[a-zA-Z0-9]+|[ａ-ｚＡ-Ｚ０-９]+|[、。！!？?]+

11. 例：走れメロス

12. 例：走れメロス

13. 例：走れメロス
おわかりだろうか

14. 例：走れメロス
漢字、ひらがな、カタカナ、英数字に分けてくれる

15. 例：走れメロス
漢字、ひらがな、カタカナ、英数字に分けてくれる
で？

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

17. これを
( ＾ω＾)
⊃ ⊂

18. こうして
( ＾ω＾)
⊃ ⊂
（分割して）

19. こうして
( ＾ω＾)
⊃ ⊂
（そろえて）

20. こうじゃ
( ＾ω＾)
⊃ ⊂
（まとめる）

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

22. ランダムにルートをたどると
デタラメな文章ができる
「きょう未明メロスは激怒した」

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

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

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

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

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

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

30. クラウドや！
よくわからんけど
GAEにデプロイや！

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

32. ひどいタイトル

33. ひどいタイトル

34. ひどいタイトル
名前重要

35. ひどいタイトル
名前重要
よく考えましょう

36. ひどい画面

37. ひどい画面
＿人人人人人人＿
＞ 手作り感 ＜
‾Y^Y^Y^Y^Y‾

38. ひどい画面
＿人人人人人人＿
＞ 手作り感 ＜
‾Y^Y^Y^Y^Y‾
というか

39. ひどいアイコン

40. ひどいアイコン
＿人人人人人人人＿
＞ 悔い改めよ ＜
‾Y^Y^Y^Y^Y^Y‾

41. ひどいURL

42. ひどいURL
意味不明デフォルトファイル名

43. ひどいURL
意味不明デフォルトファイル名
ドメインをとろう
URL設計をしよう

44. しばらくして

45. 軽くバズった

46. 軽くバズった
アクセス増加

47. 落ちた

48. 落ちた
オートスケールするはずなのになぜ？

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

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

51. 応用して他にも展開
• クラスタ判定
• TLを要約
• インスタントBOTメーカー

52. 応用して他にも展開
• クラスタ判定
• TLを要約
• インスタントBOTメーカー
AdSenseがコーヒー代程度に！
やったね！

53. その日はやってきた…

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

55. その日はやってきた…
2013/06/12
Twitter API 1.0廃止

56. その日はやってきた…
2013/06/12
Twitter API 1.0廃止
仕事忙しいし
めんどくさいから放置

57. その日はやってきた…
2013/06/12
Twitter API 1.0廃止
仕事忙しいし
めんどくさいから放置

58. しばらくして…
お客は帰ってこなかった

59. しばらくして…
暇になったからリニューアルしたよ！
http://twitter-tools.herokuapp.com/

60. しばらくして…
暇になったからリニューアルしたよ！
※ちなみにRailsとherokuでつくりました
http://twitter-tools.herokuapp.com/

61. しばらくして…
暇になったからリニューアルしたよ！
※ちなみにRailsとherokuでつくりました
http://twitter-tools.herokuapp.com/
しかし…

62. しばらくして…
暇になったからリニューアルしたよ！
※ちなみにRailsとherokuでつくりました
お客は帰ってこなかった
http://twitter-tools.herokuapp.com/
しかし…

63. しばらくして…
暇になったからリニューアルしたよ！
※ちなみにRailsとherokuでつくりました
お客は帰ってこなかった
ちゃんとメンテしましょう
http://twitter-tools.herokuapp.com/
しかし…

64. まとめ
• 名前ちゃんと考えよう
• URLちゃんと考えよう
• まじめにデザインしよう
• スケールさせよう
• メンテしよう

65. ということで

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