tag:blogger.com,1999:blog-42027306327276762952024-03-14T15:35:11.478+09:00あめいろすーぷAmehttp://www.blogger.com/profile/09955488651796960037noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-4202730632727676295.post-1870002092860317952016-12-06T11:56:00.000+09:002016-12-06T11:57:21.197+09:00ガチャとか、最低1回あたる確率をグラフで見る<p>約40万円分回してもお目当てのが出なかったぜ!っていう記事を見かけて気になったので、確率に関してちょっと調べてみました。<br>当たる確率1%のやつを100回ひいても4割くらいの人は1回も当たらない、って聞くとすごく気持ち悪いんです。減らないくじを引き続けるようなものなので100%にならないのはそりゃそうなんだけど。 <h2>数字で言われてもよくわからないからグラフが欲しい</h2> <p>確率〇%のときに最低1回当たる確率のグラフを探したのですが見当たらなかったので、グラフを書き出すツールを作りました。 <p><a href="http://html-css-javascript.com/gacha/" target="_blank">最低1回あたる確率のグラフ生成ジェネレーター</a> <p>SSRの中のコレ!っていうピンポイントの計算をすると0.115%とか0.013%などなかなかな数字になるらしいので、ある程度の桁には対応しています。 小数点以下はデフォルト3桁、最大8桁です。 記事中のグラフは全て正方形ですが設定で縦長・横長にも対応しています。 </p> <a name='more'></a> <h2>確率1%のガチャを500回回してみる </h2> <p><img title="確率1%のとき最低1回当たる確率" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="確率1%のとき最低1回当たる確率" src="https://lh3.googleusercontent.com/-qEghjlK-3_o/WEWReJbkcdI/AAAAAAAAA3k/gsQ5zKQkkHs/Image.png?imgmax=800" width="600" height="600"></p> <blockquote> <p>500回の試行でほぼ99.343%の確率で最低1回は当たります。<br>半分の人は69回以内、90%の人は230回以内、95%の人は299回以内に当たるようです。<br>1%の人は458回連続で外れる計算です。</p></blockquote> <p>グラフ生成のついでに上記のようなコメントがでるようにしました、回数に応じてわかった分だけ。線がだんだん平行に近づくのはわかりますがこうしてみると思ってたよりエグイ。期待を裏切る角度で曲がります。 <p>いきなりですがもうガチャの話は終わってます。ガチャってツムツムで何回かしたなーぐらいの思い出しかないので、あとは気になる確率を作ったツールで計算するだけです。 <h2>ポケモンで命中3割のわざは3回うてば大体当たる気がする。 </h2> <p><img title="確率30%のとき最低1回当たる確率" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="確率30%のとき最低1回当たる確率" src="https://lh3.googleusercontent.com/-36Bjk5IzWg4/WEWReXklToI/AAAAAAAAA3o/NBxE33mTojE/Image.png?imgmax=800" width="600" height="600"> <blockquote> <p>16回の試行でほぼ99.668%の確率で最低1回は当たります。<br>半分の人は2回以内、90%の人は7回以内、95%の人は9回以内に当たるようです。<br>1%の人は12回連続で外れる計算です。</p></blockquote> <p>イメージと違いすぎて計算ミスってるのかと思ったけど、ポケモンwikiの数字と同じなのでこれで合ってるらしい。ちなみにやったことのあるバージョンは赤とブラックだけです。 <p>一撃必殺技のPPは通常5、最大でも8なので全部外れるのはレアケースでもないのか。 <h2>50%で計算してとりあえず納得。</h2> <p><img title="確率50%のとき最低1回当たる確率" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="確率50%のとき最低1回当たる確率" src="https://lh3.googleusercontent.com/-YcQTwb7xI2U/WEWRe3svZ7I/AAAAAAAAA3s/NUs9JyccgaY/Image.png?imgmax=800" width="600" height="600"> <p>50%だと1回も当たらない確率は半分の半分の半分の半分の……なわけです。 <br>半分の人は当たる、それまで全部当たってようと全部外れてようと関係なく半分なので、外れ続けてる人も1回で救われるのは半分だけ。 <h2>乗った飛行機が最低1回落ちる確率</h2> <p><img title="確率0.0009%のとき最低1回当たる確率" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px" border="0" alt="確率0.0009%のとき最低1回当たる確率" src="https://lh3.googleusercontent.com/-JdxE66sU66M/WEWRfN-yy1I/AAAAAAAAA3w/1T6QspSkJO0/Image.png?imgmax=800" width="600" height="600"></p> <p>0.0009%で計算すると半分の人は77,017回以内に落ちるらしい。5,700回で5%を超えるので、毎日乗ったら現実的な確率になっちゃう。 <p>飛行機の墜落する確率0.0009%という数値は調べるとよく出てきますが、調査範囲などの関係でかなり高い数値になっているようです。 ここまでの桁は想定していないので数値の表示がちょっとあれですが、600,000個の数値を指定しても動くCanvasJSってすごいと思う。 <h2>確率ってむずかしい</h2> <p>確率って算数?数学?っていうレベルで記憶から消えてるので結構大変でした。 ググって出てきた計算式を当てはめて、ツール出来たけどこれ合ってるの?という検証にむだに時間を持っていかれたり。 <p>期待値は結構そのままの計算なのに、累乗とか出てきた時点で確率のこと好きじゃないです。今まで四則演算だけで生きてこれたし。定規の溝の使い方なら知ってるし。</p>Amehttp://www.blogger.com/profile/09955488651796960037noreply@blogger.com0tag:blogger.com,1999:blog-4202730632727676295.post-86203730181501227762016-12-04T14:53:00.000+09:002016-12-07T04:15:03.348+09:00最近作ったもの、したこと<ul> <li>Amazon商品画像トリミングツール <li>livedoor Blog用ページャージェネレーター <li>画像をコンソール用に変換 <li>ニコニコ動画のコミュプロフ用ドット絵コード変換</li></ul> <p>需要がありそうなのはAmazonの商品画像のURLを書き換えてトリミングするツールです。それ以外は需要無視な感じ。</p> <a name='more'></a> <h2>Amazon商品画像トリミングツール </h2> <p><a href="http://html-css-javascript.com/amazon-image-trimming/" target="_blank"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="Amazon商品画像トリミングツール" src="https://lh3.googleusercontent.com/-ivBVnVYBpGs/WEOxlgeMMtI/AAAAAAAAA1o/FDCdJ_BTCnE/1%25255B11%25255D.png?imgmax=800" width="600" height="400"></a> <p><a href="http://html-css-javascript.com/amazon-image-trimming/">Amazon商品画像トリミングツール</a> <p>Adsenceを貼れないサイトでAmazonアソシエイトをやろうと思って調べたら、画像をトリミングする時にURLを書き換えなきゃいけないらしい。どっかにツールあるだろうと思ったら縮小するやつぐらいしかなかったのでとりあえず作りました。 <p>どうやったらトリミング範囲をマウスでグリグリ指定できるんだろうとか、作ってて面白かったです。 スマートな実装方法がわからなかったので、全体表示用とトリミング範囲用のdivを重ねて、背景画像の位置を都度書き換えてます。 <p>これなら毎日Amazonアソシエイト用の画像のトリミングしても苦じゃないぜーとか思ってたら審査に落ちたので、自分で使う予定はないです。</p> <h2>livedoor Blog用ページャージェネレーターの修正 </h2> <p><a title="livedoor Blog用ページャージェネレーター" href="http://html-css-javascript.com/pagenation-livedoor-blog/" target="_blank"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="livedoor Blog用ページャージェネレーター" src="https://lh3.googleusercontent.com/-RdxowSl8XA4/WEOxmSjgTdI/AAAAAAAAA1s/0KrW5pkXCvc/2%25255B6%25255D.png?imgmax=800" width="600" height="400"></a> <p><a href="http://html-css-javascript.com/pagenation-livedoor-blog/" target="_blank">livedoor Blog用ページャージェネレーター</a> <p>WordPress用ページャージェネレーターのついででつくって放置していたのですが、使ってる人がいるようなので修正。 Wordpress用に書いたコードからコピペした際に混ざっただけと思われる「省略(...)の余白」を削除。なんの影響もない設定でした。 <p>動作確認で久々に livedoor Blogのテンプレート触ったけど、こんなに読みにくいもんだったっけ。 <h2>画像をコンソール用に変換 </h2> <p><a href="画像をconsole.log表示用に変換(Google Chrome・Firefox)" target="_blank"><img title="3" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="3" src="https://lh3.googleusercontent.com/-3GlmPtL93rU/WEOxmqeo8zI/AAAAAAAAA1w/HmH55GF3TrU/3%25255B6%25255D.png?imgmax=800" width="600" height="400"></a> <p><a href="http://html-css-javascript.com/console-dot/" target="_blank">画像をconsole.log表示用に変換</a> <p>なんて言えば正確なんだろう。 画像から、ブラウザのコンソールに画像を表示させるためのJavascriptコードを生成するツール、ですかね。 見た方が早いです。 <p>画像を読み込むと、その画像をブラウザのコンソールに表示させるためのコードを生成します。 <br>半角スペース2つで1ドットを表現しているので、基本的にドット絵用です。CSSで背景に指定したらそれで終わりじゃないか、とかは気にしない。 <p>これを作ってて知ったことは、コンソール上でRGBAでの色指定自体はできるけど、アルファ値が無視されてRGBとして表示されること。 ちょっとだけ期待したopacityが効かないことと、transparentが有効なこと。 <p>描画とconsole.clear()連打でアニメーションいけるんじゃないかとか思ったけど、ブラクラ化しそうでやめました。 <h2>ニコニコ動画のコミュプロフ用ドット絵コード変換 </h2> <p><a href="http://html-css-javascript.com/nicovideo-dot/" target="_blank"><img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="ニコニコ・コミュプロフ用ドット絵コード変換" src="https://lh3.googleusercontent.com/-3O-bJNU-yHE/WEOxnMobhVI/AAAAAAAAA10/P_hdTGu9Vjc/4%25255B5%25255D.png?imgmax=800" width="600" height="400"></a> <p><a href="http://html-css-javascript.com/nicovideo-dot/" target="_blank">ニコニコ・コミュプロフ用ドット絵コード変換</a> <p>コンソール何それな人向けに、ついでに何か作れないかと思って。 <p>使えるタグ自体が少ないのは予想してたけど、ドット絵表示に使えそうなタグがfontタグだけでした。 <font></font>なんて見るのいつぶりだろう。ほんと。ネストできるとか記憶から完全に消えてました。 圧縮機能(圧縮されるとは限らない)は残念なので、よっぽどやることがなくなったら改良しようかな。 <p>でもそれやるくらいなら、プロフ用のペイントっぽく使える汎用のエディタ作れないかなーとか思ってます。 レイヤー機能欲しいけど文字幅の計算がめんどくさそう。 <p>色指定のないベタ打ちの文字だけ出来上がった状態から、ペンでなぞって色指定する。っていうのはありなんじゃないかと思う。 全文字を一旦spanで囲うだけでjQueryで簡単にごにょごにょできるんじゃないか。 <p>前後の色を比較して同じ色だったら~ってことを考えたけど、文字数が限られてるからコード生成時にまとめて処理しちゃえば今回のコードを流用できそう。 作るのちょっと面白そうだけど、自分で使う予定のないやつの優先順位は低いです。需要があるかもよくわからない。 <h2>Bloggerってどうなのかな</h2> <p>テンプレートのテンプレート感がすごいけど、わざわざ自作するならWordpress使う。アイキャッチの設定はどうやらないらしいからそのままない方向で。→とりあえず一覧に記事中の最初の画像だけ表示するようにはしました</p> <p>独自ドメインとらないでレンタルブログでテンプレそのままで日記とかどうでもいいこと書きなぐるぜーとか思ってブログ作ったら、日記なんて結局書くことないよね、っていう。勢いでポエム書くような若さはないです。</p>Amehttp://www.blogger.com/profile/09955488651796960037noreply@blogger.com0