艦これウィジェットをつくって公開して、得られた後悔と教訓をエモくまとめました

1. 加賀さんと僕 4
〜艦これウィジェットの後悔と教訓〜
@otiai10

2. はじめに

3. Thanks to

7. and

8. 井口裕香

9. そういえば

10. 阿澄さん
ご結婚おめでとう
ございます

11. 目次

12. の前に

13. これ以前の資料
1. 加賀さんと僕〜艦これウィジェットの紹介と説明〜
2. 加賀さんと僕〜艦これウィジェットの課題と実装〜
3. 加賀さんと僕〜艦これウィジェットの新機能とか〜

14. 目次

15. 目次
1.
2.
3.
4.
5.
Googleの、エンバグも、あるんだよ
チートなんて、あるわけない
こんなの絶対おかしいよ
あたしって、ほんとバカ
最後に残った道しるべ

16. 1.Googleの
エンバグも
あるんだよ

17. 1. Googleの、エンバグも、あるんだよ
びっくりしました

18. 1. Googleの、エンバグも、あるんだよ
突然のエラー報告たくさん

19. 1. Googleの、エンバグも、あるんだよ
僕の環境では一切無い

20. 1. Googleの、エンバグも、あるんだよ
とうぜんエゴサします
他にも
- 「艦これウィジェット終了のお知らせ＼(^o^)／」
- 「おおコレがウワサのチート対策かwwww」
などなど

21. 1. Googleの、エンバグも、あるんだよ
Windows Vista以上 && Chrome32のバ
グでした
https://code.google.com/p/chromium/issues/detail?id=335248

22. 1. Googleの、エンバグも、あるんだよ
「ほーらやっぱり悪い事してたんだーm9(^Д^)」
と誤解され続けるのもアレなので

23. 1. Googleの、エンバグも、あるんだよ
Chromeのバグをなるべく回避する設定
を追加しました
https://github.com/otiai10/kanColleWidget/issues/319
Chromeさんは
スクロールバーのデザインを
各種ブラウザで統一したかったらしく
スクロールバー領域で
マウスオーバーやクリックをしたときの
バグだったようです。
下端と右端（艦これだとわりと使う）を
クリックすると数十秒後にエラー出る。

25. 2.チートなんて
2.チートなんて、
あるわけない

26. 2. チートなんて、あるわけない
Chrome問題も収束するかと思った矢先...

27. 2. チートなんて、あるわけない
Chrome問題も収束するかと思った矢先...

28. 2. チートなんて、あるわけない
「まあチート要素なんて一切無いし大丈夫やろ」
と思ってました

29. 2. チートなんて、あるわけない
「まあチート要素なんて一切無いし大丈夫やろ」
と思ってました

30. 2. チートなんて、あるわけない
もろに関係あったっぽい

31. 2. チートなんて、あるわけない
もろに関係あったっぽい
よく調べてないけど
トークン？JAVAスクリプト？
なにそれ食えんの？
お茶？（＾ω＾ ≡ ＾ω＾）

32. 2. チートなんて、あるわけない
よく調べてないけど、どうやら下図の2の部分に
ログイン状態の更新スクリプトを仕込むことで
チート勢を排除しようとしたんです？
（図は、この時の艦これウィジェットの実装）

33. 2. チートなんて、あるわけない
まあしょうがない。非公式ですから
どんなに健全であろうとしても
公式がダメというのだから
ダメなものはダメ。
しょうがない
しょうがないよ

35. 3.こんなの絶対
おかしいよ

36. 3. こんなの絶対おかしいよ
時を同じくして

37. 3. こんなの絶対おかしいよ
時を同じくして
● 「ウィジェットのアイコンが薄くなってる」
● 「垢BANなのか！」
● 「霊圧が...」
など

38. 3. こんなの絶対おかしいよ
また
● 「ウィジェット使っててログインはじかれる」
● 「垢BANはじまた！」
● 「ひぇ〜」
など

39. 3. こんなの絶対おかしいよ
非常に「運（タイミング）」が悪かった...
理由が2つ

40. 3. こんなの絶対おかしいよ
ⅰ）アイコン消えた件

41. 3. こんなの絶対おかしいよ
ⅰ）アイコン消えた件
1. 「キャプチャをダウンロードするときにダウンロード
フォルダを変えたい！」という要望が多くよせられ
た。
2. 簡単にフォルダを指定できる機能を実装した。
3. Chrome拡張が要求する権限(“downloads”)が追
加されるので、権限承認が必要。
4. 既にダウンロードされているものは一時的に機能
保留となる。
5. → アイコン消失

42. 3. こんなの絶対おかしいよ
ⅰ）アイコン消えた件
まあちゃんとアナウンスし
なかった
私が悪いんですよええ

43. 3. こんなの絶対おかしいよ
ⅱ）ログイン弾かれる件

44. 3. こんなの絶対おかしいよ
ⅱ）ログイン弾かれる件

45. 3. こんなの絶対おかしいよ
ⅱ）ログイン弾かれる件
あっ...

46. 3.こんなの絶対おかしいよ
まあそういうこともありますよね...
運営さんも大変やな...

47. 3.こんなの絶対おかしいよ
まあそういうこともありますよね...
運営さんも大変やな...
とはならない

48. 3.こんなの絶対おかしいよ
本家サーバが不安定になるたびに
死亡が疑われる事態に
（後に...）

49. 3.こんなの絶対おかしいよ
さらには

50. 3.こんなの絶対おかしいよ
（；ﾟ Дﾟ） …！？

51. 3.こんなの絶対おかしいよ
(つд⊂)ｺﾞｼｺﾞｼ

52. 3.こんなの絶対おかしいよ
（；ﾟ Дﾟ） …！？

53. 3.こんなの絶対おかしいよ
「度を超した優しさは甘さにつながるし，蛮勇は油断
になる。そして，どんな献身にも見返りなんてない。そ
れをわきまえていなければ，魔法少女はつとまらな
い。だから巴マミも命を落とした。」（暁美ほむらさん）
あーもういいっスよ全部ウィジェットのせいで
...

54. 3.こんなの絶対おかしいよ
「度を超した優しさは甘さにつながるし，蛮勇は油断
になる。そして，どんな献身にも見返りなんてない。そ
れをわきまえていなければ，魔法少女はつとまらな
い。だから巴マミも命を落とした。」（暁美ほむらさん）
おk
わかった

56. 4.
あたしって、
ほんとバカ

57. 4. あたしって、ほんとバカ
実装上

58. 4. あたしって、ほんとバカ
実装上
● チート要素は一切無い

59. 4. あたしって、ほんとバカ
実装上
● チート要素は一切無い
● リクエストも送っていない

60. 4. あたしって、ほんとバカ
実装上
● チート要素は一切無い
● リクエストも送っていない
● ゲームUXも壊していない

61. 4. あたしって、ほんとバカ
実装上
● チート要素は一切無い
● リクエストも送っていない
● ゲームUXも壊していない
そんなものは
全く無意味

62. 4. あたしって、ほんとバカ
実装上
● チート要素は一切無い
● リクエストも送っていない
● ゲームUXも壊していない
やってやろうじゃない
の
完全ホワイトな
そんなものは
実装を！
全く無意味

63. 4. あたしって、ほんとバカ
つくった

64. 4. あたしって、ほんとバカ
つくった
- “WHITEモード”
- 従来の「要素抜き出し」ではなく
- 単なる「表示位置の移動」

65. 4. あたしって、ほんとバカ
つくった
- “WHITEモード”
- 従来の「要素抜き出し」ではなく
- 単なる「表示位置の移動」
したがって、このモードでは
「任意の大きさにリサイズ」することができない。
（ウィンドウ広げても単に外側が見えるだけ）

66. 4. あたしって、ほんとバカ
つくった
- “WHITEモード”
- 従来の「要素抜き出し」ではなく
- 単なる「表示位置の移動」
やったー
したがって、このモードでは
「任意の大きさにリサイズ」することができない。
（ウィンドウ広げても単に外側が見えるだけ）

67. 4. あたしって、ほんとバカ
つくった
- “WHITEモード”
- 従来の「要素抜き出し」ではなく
- 単なる「表示位置の移動」
一片の疑いも無く公式ページ開いてるだけなので
これで猫るならそもそもどうなのって話ですよ
したがって、このモードでは
「任意の大きさにリサイズ」することができない。
（ウィンドウ広げても単に外側が見えるだけ）

69. 5.
最後に残った道しるべ

70. 5.最後に残った道しるべ
非公式ツールを公開してみて
色々な後悔と教訓がありました

71. 5.最後に残った道しるべ
非公式ツールを公開してみて
色々な後悔と教訓がありました
1. あくまで非公式であり「正義」にはなりえない

72. 5.最後に残った道しるべ
非公式ツールを公開してみて
色々な後悔と教訓がありました
1. あくまで非公式であり「正義」にはなりえない
2. 自分の欲しいものにこだわるべきだった

73. 5.最後に残った道しるべ
非公式ツールを公開してみて
色々な後悔と教訓がありました
1. あくまで非公式であり「正義」にはなりえない
2. 自分の欲しいものにこだわるべきだった
3. エゴサーチをしてるとマジで心身がもたない

74. 5.最後に残った道しるべ
非公式ツールを公開してみて
色々な後悔と教訓がありました
1. あくまで非公式であり「正義」にはなりえない
2. 自分の欲しいものにこだわるべきだった
3. エゴサーチをしてるとマジで心身がもたない

75. 5.最後に残った道しるべ
悪いこと
ばかりでも
なかった

76. 5.最後に残った道しるべ
得たもの、学んだこと

77. 5.最後に残った道しるべ
得たもの、学んだこと
⑴ 素人に毛が生えた程度だった技術力が、
改善された

78. 5.最後に残った道しるべ
得たもの、学んだこと
⑴ 素人に毛が生えた程度だった技術力が、
改善された
公開時よりGitHub上で公開していたため、
自分の汚いコードが多くの人の目に触れ
色々な校正をされていく中で、「動けばいい」だけ
だった認識から、綺麗なコードに対する認識が培わ
れていった。

79. 5.最後に残った道しるべ
得たもの、学んだこと
⑵ 未経験の技術分野に触れる機会ができた

80. 5.最後に残った道しるべ
得たもの、学んだこと
⑵ 未経験の技術分野に触れる機会ができた
1. Python (Flask), PIL, Tesseract-OCR
a. ← 入渠時間取得などに使用
i. https://github.com/otiai10/ocr-kcwidget

81. 5.最後に残った道しるべ
得たもの、学んだこと
⑵ 未経験の技術分野に触れる機会ができた
1. Python (Flask), PIL, Tesseract-OCR
a. ← 入渠時間取得などに使用
2. Go (Revel), MongoDB (mgo)
a. ← 画像処理成功率ロギングに使用
i. https://github.com/otiai10/log-kcwidget

82. 5.最後に残った道しるべ
得たもの、学んだこと
⑵ 未経験の技術分野に触れる機会ができた
1. Python (Flask), PIL, Tesseract-OCR
a. ← 入渠時間取得などに使用
2. Go (Revel), MongoDB (mgo)
a. ← 画像処理成功率ロギングに使用
3. Canvas API (JavaScript)
a. ← キャプチャ後の画像編集機能に使用
i. https://github.com/otiai10/kanColleWidget

83. 5.最後に残った道しるべ
得たもの、学んだこと
⑶ 応援してくれる人がいた

84. 5.最後に残った道しるべ
得たもの、学んだこと
⑶ 応援してくれる人がいた
「度を超した優しさは甘さにつながるし，蛮勇は油断
になる。そして，どんな献身にも見返りなんてない。
それをわきまえていなければ，魔法少女はつとまら
ない。だから巴マミも命を落とした。」

85. 5.最後に残った道しるべ
得たもの、学んだこと
⑶ 応援してくれる人がいた
「度を超した優しさは甘さにつながるし，蛮勇は油断
になる。そして，どんな献身にも見返りなんてない見
返りありました。それをわきまえていなければ，魔法
少女はつとまらない。だから巴マミも命を落とした。」

86. ※写真は抜粋
ほんとうにありがとうございました！

88. まとめ

89. まとめ
1. Chromeなどプラットフォームのバグ対応（技術
的にもアナウンス的にも）は大変
2. 非公式なのに驕っていました。すみません
3. 心構えや態度、技術なども、色々勉強になりま
した
4. エゴサはほどほどに
5. 自分を筆頭に、喜んでくれるひとのためにこそ
つくるのがよい（本来なら非公開がベターだっ
た）

90. さいごに
うんえいさんへ
サーバの障害とか増強とか
大変でしょうけど
がんばってください
要請があれば
当方、開発も公開も直ちに止めます
(´-`).｡ｏO( そもそも公式でもっと使いやすいインターフェースさえ用意してくれれば以下略

91. さいごに
色々嫌いになっても、
加賀さんのことは
（那珂ちゃん？あぁいたねそんなのも）
嫌いになれないので
今後とも遊ばせていただきます
ありがとうございます

92. Thanks to

96. and

97. You all!
加賀さんと僕 4 〜艦これウィジェットの後悔と教訓〜