本とか料理とかコンピュータとか
scriptタグでreact読み込んで、クリックしたらカウントアップするサンプル。react.jsのコーディングは、あんまり直感的じゃないな〜。 動作確認用デモ [crayon-6920d3a0d86d856804293 続きを読む scriptタグでreact読み込んで、クリックしたらカウントアップするサンプル。react.jsのコーディングは、あんまり直感的じゃないな〜。
docker desktop@macで、centos8の仮想環境を構築してみた 今度はdockerで、仮想環境を構築してみた。 virtualbox + vagrantでの仮想環境の作り方 dockerは元々ubuntu 続きを読む docker desktop@macで、centos8の仮想環境を構築してみた
virtualbox + vagrantでの仮想環境の作り方 virtualboxにcentos8をインストールして、開発環境として使う。 a, virtulbox(ホストOSの上にゲストOSを乗せるための仮想マシンのソ 続きを読む virtualbox + vagrantでの仮想環境の作り方
css3+ECMAScriptで数合わせ(神経衰弱)を作ろうとしたら、上手く行かない〜。自動生成したdiv要素にaddEventListener内で、1枚目のカードを指定するでエラーになる！ 分からんなら、放置して違う方 続きを読む css3+ECMAScriptで数合わせ(神経衰弱)を作ろうとしたら、上手く行かない〜。自動生成したdiv要素にaddEventListener内で、1枚目のカードを指定するでエラーになる！
カードのシャッフル・アルゴリズムFisher–Yates(フィッシャー・イェーツ)を試してみた。意外とランダムはあってもシャッフルって初めてかも…。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
// 同じ番号のカードを2枚ずつ生成。 const card_num = 10; let card = []; for(let i=0; i<(card_num/2); i++){ card[i] = i; card[(card_num-1) - i] = i; } // [0, 1, 2, 3, 4, 4, 3, 2, 1, 0] console.log(card); // カードをシャッフル。Fisher–Yates(フィッシャー・イェーツ)アルゴリズムを用いる方法 // カード枚数だけ入れ替えをする。後ろから1枚ずつ(num-1,num-2,num-3...2,1,0) for(let i = card.length - 1; i > 0; i--) { // 交換するカードを、ランダムで決定 var i_change = Math.floor(Math.random() * (i + 1)); // 対象のカード2枚を、入れ替える(分割代入) [card[i], card[i_change]] = [card[i_change], card[i]] ; } console.log(card); |