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

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

@otiai10

はじめに

Thanks to

and

井口裕香

そういえば

阿澄さんご結婚おめでとう

ございます

目次

の前に

これ以前の資料

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

目次

目次

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

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

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

びっくりしました

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

突然のエラー報告たくさん

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

僕の環境では一切無い

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

とうぜんエゴサします

他にも- 「艦これウィジェット終了のお知らせ＼(^o^)／」- 「おおコレがウワサのチート対策かwwww」などなど

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

Windows Vista以上 && Chrome32のバグでした

https://code.google.com/p/chromium/issues/detail?id=335248

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

「ほーらやっぱり悪い事してたんだーm9(^Д^)」と誤解され続けるのもアレなので

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

Chromeのバグをなるべく回避する設定

を追加しました

Chromeさんは

スクロールバーのデザインを

各種ブラウザで統一したかったらしく

スクロールバー領域で

マウスオーバーやクリックをしたときの

バグだったようです。

下端と右端（艦これだとわりと使う）を

クリックすると数十秒後にエラー出る。

https://github.com/otiai10/kanColleWidget/issues/319

2.チートなんて

あるわけない

2.チートなんて、

あるわけない

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

Chrome問題も収束するかと思った矢先...

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

Chrome問題も収束するかと思った矢先...

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

「まあチート要素なんて一切無いし大丈夫やろ」

と思ってました

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

「まあチート要素なんて一切無いし大丈夫やろ」

と思ってました

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

もろに関係あったっぽい

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

もろに関係あったっぽい

よく調べてないけど

トークン？JAVAスクリプト？

なにそれ食えんの？

お茶？（＾ω＾ ≡ ＾ω＾）

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

よく調べてないけど、どうやら下図の2の部分に

ログイン状態の更新スクリプトを仕込むことで

チート勢を排除しようとしたんです？

（図は、この時の艦これウィジェットの実装）

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

まあしょうがない。非公式ですから

どんなに健全であろうとしても

公式がダメというのだから

ダメなものはダメ。

しょうがない

しょうがないよ

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

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

時を同じくして

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

時を同じくして

● 「ウィジェットのアイコンが薄くなってる」● 「垢BANなのか！」● 「霊圧が...」

など

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

また

● 「ウィジェット使っててログインはじかれる」● 「垢BANはじまた！」● 「ひぇ〜」

など

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

非常に「運（タイミング）」が悪かった...理由が2つ

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

ⅰ）アイコン消えた件

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

ⅰ）アイコン消えた件

1. 「キャプチャをダウンロードするときにダウンロードフォルダを変えたい！」という要望が多くよせられた。

2. 簡単にフォルダを指定できる機能を実装した。3. Chrome拡張が要求する権限(“downloads”)が追

加されるので、権限承認が必要。4. 既にダウンロードされているものは一時的に機能

保留となる。5. → アイコン消失

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

ⅰ）アイコン消えた件

まあちゃんとアナウンスしなかった私が悪いんですよええ

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

ⅱ）ログイン弾かれる件

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

ⅱ）ログイン弾かれる件

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

ⅱ）ログイン弾かれる件

あっ...

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

まあそういうこともありますよね...運営さんも大変やな...

まあそういうこともありますよね...運営さんも大変やな...

とはならない

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

本家サーバが不安定になるたびに

死亡が疑われる事態に

（後に...）

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

さらには

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

（；ﾟ Дﾟ） …！？

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

(つд⊂)ｺﾞｼｺﾞｼ

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

（；ﾟ Дﾟ） …！？

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

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

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

あーもういいっスよ全部ウィジェットのせいで...

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

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

おkわかった

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

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

実装上

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

実装上

● チート要素は一切無い

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

実装上

● チート要素は一切無い● リクエストも送っていない

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

実装上

● チート要素は一切無い● リクエストも送っていない● ゲームUXも壊していない

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

実装上

● チート要素は一切無い● リクエストも送っていない● ゲームUXも壊していない

そんなものは全く無意味

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

実装上

● チート要素は一切無い● リクエストも送っていない● ゲームUXも壊していない

そんなものは全く無意味

やってやろうじゃないの完全ホワイトな実装を！

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

つくった

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

つくった

- “WHITEモード”- 従来の「要素抜き出し」ではなく

- 単なる「表示位置の移動」

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

つくった

- “WHITEモード”- 従来の「要素抜き出し」ではなく

- 単なる「表示位置の移動」

したがって、このモードでは「任意の大きさにリサイズ」することができない。（ウィンドウ広げても単に外側が見えるだけ）

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

つくった

- “WHITEモード”- 従来の「要素抜き出し」ではなく

- 単なる「表示位置の移動」

したがって、このモードでは「任意の大きさにリサイズ」することができない。（ウィンドウ広げても単に外側が見えるだけ）

やったー

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

つくった

- “WHITEモード”- 従来の「要素抜き出し」ではなく

- 単なる「表示位置の移動」

一片の疑いも無く公式ページ開いてるだけなので

これで猫るならそもそもどうなのって話ですよ

したがって、このモードでは「任意の大きさにリサイズ」することができない。（ウィンドウ広げても単に外側が見えるだけ）

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

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

非公式ツールを公開してみて

色々な後悔と教訓がありました

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

非公式ツールを公開してみて

色々な後悔と教訓がありました

1. あくまで非公式であり「正義」にはなりえない

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

非公式ツールを公開してみて

色々な後悔と教訓がありました

1. あくまで非公式であり「正義」にはなりえない2. 自分の欲しいものにこだわるべきだった

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

非公式ツールを公開してみて

色々な後悔と教訓がありました

1. あくまで非公式であり「正義」にはなりえない2. 自分の欲しいものにこだわるべきだった3. エゴサーチをしてるとマジで心身がもたない

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

非公式ツールを公開してみて

色々な後悔と教訓がありました

1. あくまで非公式であり「正義」にはなりえない2. 自分の欲しいものにこだわるべきだった3. エゴサーチをしてるとマジで心身がもたない

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

悪いことばかりでもなかった

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

得たもの、学んだこと

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

得たもの、学んだこと

⑴ 素人に毛が生えた程度だった技術力が、

　改善された

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

得たもの、学んだこと

⑴ 素人に毛が生えた程度だった技術力が、

　改善された

公開時よりGitHub上で公開していたため、

自分の汚いコードが多くの人の目に触れ

色々な校正をされていく中で、「動けばいい」だけだった認識から、綺麗なコードに対する認識が培われていった。

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

得たもの、学んだこと

⑵ 未経験の技術分野に触れる機会ができた

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

得たもの、学んだこと

⑵ 未経験の技術分野に触れる機会ができた

1. Python (Flask), PIL, Tesseract-OCRa. ← 入渠時間取得などに使用

i. https://github.com/otiai10/ocr-kcwidget

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

得たもの、学んだこと

⑵ 未経験の技術分野に触れる機会ができた

1. Python (Flask), PIL, Tesseract-OCRa. ← 入渠時間取得などに使用

2. Go (Revel), MongoDB (mgo)a. ← 画像処理成功率ロギングに使用

i. https://github.com/otiai10/log-kcwidget

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

得たもの、学んだこと

⑵ 未経験の技術分野に触れる機会ができた

1. Python (Flask), PIL, Tesseract-OCRa. ← 入渠時間取得などに使用

2. Go (Revel), MongoDB (mgo)a. ← 画像処理成功率ロギングに使用

3. Canvas API (JavaScript)a. ← キャプチャ後の画像編集機能に使用

i. https://github.com/otiai10/kanColleWidget

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

得たもの、学んだこと

⑶ 応援してくれる人がいた

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

得たもの、学んだこと

⑶ 応援してくれる人がいた

「度を超した優しさは甘さにつながるし，蛮勇は油断になる。そして，どんな献身にも見返りなんてない。それをわきまえていなければ，魔法少女はつとまらない。だから巴マミも命を落とした。」

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

得たもの、学んだこと

⑶ 応援してくれる人がいた

「度を超した優しさは甘さにつながるし，蛮勇は油断になる。そして，どんな献身にも見返りなんてない見返りありました。それをわきまえていなければ，魔法少女はつとまらない。だから巴マミも命を落とした。」

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

まとめ

まとめ

1. Chromeなどプラットフォームのバグ対応（技術的にもアナウンス的にも）は大変

2. 非公式なのに驕っていました。すみません3. 心構えや態度、技術なども、色々勉強になりま

した4. エゴサはほどほどに5. 自分を筆頭に、喜んでくれるひとのためにこそ

つくるのがよい（本来なら非公開がベターだった）

さいごに

うんえいさんへ

サーバの障害とか増強とか

大変でしょうけど

がんばってください

要請があれば

当方、開発も公開も直ちに止めます

(´-`).｡ｏO( そもそも公式でもっと使いやすいインターフェースさえ用意してくれれば以下略

さいごに

色々嫌いになっても、

加賀さんのことは（那珂ちゃん？あぁいたねそんなのも）

嫌いになれないので

今後とも遊ばせていただきます

ありがとうございます

Thanks to

and

You all!

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