sumeteyu

キャラ診断の作り方メモみたいな#-旧ブログ記事

キャラ診断作ったので、8割がた「初心者向けのjquery入門講座」さんを参考に作ったんですが残りの２割の内容を備忘録的にメモしようかな～～という記事です
講座通りに作ったところは省いてます　
あとめちゃくちゃ素人の自分用なので内容間違ってたり不格好なコードだったりするのでご了承ください～～～


めちゃ長くなったので追記で

続きを読む
追加した機能は大きく分けてキャラごとの得点管理と１問戻るボタンの実装の二つなので、今回はキャラごとの得点管理について書いていきます


まずscoreArrayを人数分作ります　ソースで言うと↓ですね(13行目～)
定義なのであんまり深く考えなくていい
ykScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
ngScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
ntScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
htScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
hnScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
hkScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
knScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
yuScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
rkScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
caScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];

TotalScoreも人数分作っちゃいます（23行目～）
参考元ではresultFunc内で定義してるからそこでもいい気がする　なんで最初に定義してるのか我ながら謎です
これも定義なのであんまり深く考えなくていい
ykTotalScore = 0;
ngTotalScore = 0;
ntTotalScore = 0;
htTotalScore = 0;
hnTotalScore = 0;
hkTotalScore = 0;
knTotalScore = 0;
yuTotalScore = 0;
rkTotalScore = 0;
caTotalScore = 0;

それぞれのScoreArrayに得点詰めるときに使用するMapを作ります（50行目～）
これも定義なのであんまり深く考えなくていい
let charMap = {yksc:ykScoreArray,ngsc:ngScoreArray,
ntsc:ntScoreArray,htsc:htScoreArray,hnsc:hnScoreArray,
hksc:hkScoreArray,knsc:knScoreArray,
yusc:yuScoreArray,rksc:rkScoreArray,casc:caScoreArray}

回答するごとに、定義したMapを使って得点を各キャラのScoreArrayに詰めていきます。（60行目～）
key は上のMapで言うところのykscとかngscとかです
charMap[key] はkey=ykscの場合はykScoreArrayとなります
charMap[key][qID] はkey=yksc、qID=0の場合はykScoreArray の０番目ということなので、
ykScoreArray = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];太字の部分になります
処理の流れを説明すると、
(1) charMapについてkeyごとに{}内の処理を繰り返すよ～～って感じです
以下key=yksc、qID=0の場合
(2) クリックされた選択肢のykscが数字かどうかを見てます　数字だったら{}内の処理に入っていきます　そうじゃなかったら(4)の処理に行きます
(3) クリックされた選択肢のykscの数字（点数）をykScoreArrayの０番目の要素として設定します
(4) ykscが設定されてない選択肢を選んだ場合、０を設定します
(2)~(4)をcascまで繰り返して得点を各キャラのScoreArrayに設定します
for (let key in charMap) { //(1)
               if (!isNaN(Number($(this).attr(key)))) { //(2)
                  charMap[key][qID] = Number($(this).attr(key)); //(3)
               }else{
                  charMap[key][qID] = 0; //(4)
               }
            }


自分でも存在をわすれていたreducerの定義です（78行目）
忘れているだけあってあんまり意味わかってないです　変数名もてきとうです　おそらく何でもよいです　
「jquery 合計 array」とかでググるといい感じの解説出てくると思います（丸投げ）
const reducer = (accumulator, currentValue) => accumulator + currentValue;


上で設定したreducerを使って各ScoreArrayの要素を合計します（93行目～）
合計値は各キャラのTotalScoreに設定します。
横着してるけど多分これループで処理した方がコードの見た目すっきりしますね　めんどくさいのでしませんが…
参考元ソースの50~52行目のfor文をキャラの人数分やるという手もある
ますます私がよくわかってないreducerを使ったのかわけがわからんな…
ykTotalScore = ykScoreArray.reduce(reducer);
ngTotalScore = ngScoreArray.reduce(reducer);
ntTotalScore = ntScoreArray.reduce(reducer);
htTotalScore = htScoreArray.reduce(reducer);
hnTotalScore = hnScoreArray.reduce(reducer);
hkTotalScore = hkScoreArray.reduce(reducer);
knTotalScore = knScoreArray.reduce(reducer);
yuTotalScore = yuScoreArray.reduce(reducer);
rkTotalScore = rkScoreArray.reduce(reducer);
caTotalScore = caScoreArray.reduce(reducer);

どのキャラのスコアが一番高かったか調べるためにTotalScoreを突っ込んだ配列を定義します（104行目～）
var totalScoreArray =
[ykTotalScore,ngTotalScore,ntTotalScore,
htTotalScore,hnTotalScore,hkTotalScore,knTotalScore,
yuTotalScore,rkTotalScore,caTotalScore]

totalScoreArray のなかで一番でかいtotalScoreのキャラを調べます（108行目～）
ykTotalScoreが一番でかい場合はlv=0を設定…みたいな感じです
switch(true){
　case Math.max(...totalScoreArray) == ykTotalScore:
　　var lv = 0;
　　break;
　case Math.max(...totalScoreArray) == ngTotalScore:
　　var lv = 1;
　　break;
　case Math.max(...totalScoreArray) == ntTotalScore:
　　var lv = 2;
　　break;
　case Math.max(...totalScoreArray) == htTotalScore:
　　var lv = 3;
　　break;
　case Math.max(...totalScoreArray) == hnTotalScore:
　　var lv = 4;
　　break;
　case Math.max(...totalScoreArray) == hkTotalScore:
　　var lv = 5;
　　break;
　case Math.max(...totalScoreArray) == knTotalScore:
　　var lv = 6;
　　break;
　case Math.max(...totalScoreArray) == yuTotalScore:
　　var lv = 7;
　　break;
　case Math.max(...totalScoreArray) == rkTotalScore:
　　var lv = 8;
　　break;
　case Math.max(...totalScoreArray) == caTotalScore:
　　var lv = 9;
　　break;
　default:
}

script部分で変えたのはこんなところです　見逃しあったらごめーんね

あとはそれぞれの選択肢にykscとかngscとかをちまちま点数設定してます（193行目～）
アウトドア派を選ぶとntscとhnscとknscに点数が入ります　それ以外のキャラは０点
点数がみんなおなじじゃなくて５点だったり１０点だったりしてるのは傾斜配点みたいなあれですね
ちなみに完答でtotalScoreが100になるように設定してます
<li id="0_0" ntsc="10" hnsc="5" knsc="5">アウトドア派</li>
<li id="0_1" yksc="5" hksc="5" casc="5">インドア派</li>
<li id="0_2" htsc="5" yusc="10">どちらも好き</li>
<li id="0_3" ngsc="10" rksc="10">遊ぶのは好きじゃない</li>



一問戻るボタンの方は余力があれば書くかもしれん　書かないかもしれない
ではでは
×閉じる

ワコムのドライバ再起動メモ#-旧ブログ記事

1.画面下の検索バーで「コンピューターの管理」を検索して開く
2.左側のメニューから「サービスとアプリケーション」→「サービス」を開く
3.いろいろ出てくるのでその中から「Wacom Consumer Service」をクリック
4.左側に出てきたサービスの再起動をクリック
おわり


たまにペンタブの挙動が終わる
もう10年以上使ってるから寿命なのかもしれん
板タブずっと使っていたい気持ちもあるので頑張ってほしいところです

診断作ったよ#-旧ブログ記事

暇を持て余していたので予定は未定のキャラ診断を作りました。
サイトのイラストページの左メニューのキャラ診断から遊べます。
コードの部分は「初心者向けのjquery入門講座」さんをめちゃくちゃ参考にさせていただいたのでそこまで苦戦しなかったんですが、キャラクターの診断結果の文章を考えるのが難しかったです
（参考にさせていただいたサイト様のリンクを貼ってないのは同人サイトなのでリンク元たどられるのちょっとこまるな…というあれです　上記のサイト名で検索したらおそらく見つけられると思います）


以下診断の裏話とかネタバレとかです
続きを読む
診断作っただけだとあれなのでそれに付随してなんかいろいろしたいな～～～と思って今回の診断テストにおける各キャラクターの回答の近似値なんかをなんちゃって分析で算出してみました。
グレーアウトしてる部分は無視してよくて、数字が大きいほど回答が似通っていて、小さいほど似てない…って感じです
夏芽とひとはのマスは値が０なので、この二人の回答は全然似てないんだな～～～みたいな感じで見てください
ひなたとひかげ君はわりと性格が真逆というのを意識してるキャラなので回答がほとんどかぶらないのは想定してたんですが、夏芽とひとはがまったくかぶってないのがおもしろい　性格全く違うな～～というのは思ってたけどここまでとは
あと六波羅がだれともあんまり似てないのも面白い　それはそう
唯一近めなのがひとはなのもそんなに近いかな？と思ったけど、どっちも突っ走り型なのでその辺は結構近いかもしれない
幸智とひなたの回答がかなり近いのも面白い　福井幸智も社交的な人間になる世界線が存在していたのかもしれない

そんな感じです
×閉じる

あけおめぴ#-旧ブログ記事

気づいたら年明けててわろたです
みなさんあけましておめでとうございます
今年もどうぞよろしくお願いします


年賀状に使ったイラスト
双村家です

年賀状のイラストが年始じゃなくて年末っぽい　ということにこの前気づいた　自分あるある

全然関係ないけど最近の「自分はロボットではありません」の認証難しくなってない？
もしかしたら自分はロボットなのかもしれない
一生サイトにログインできなくなりそうなので難化しないでくれ～～と思いつつも、AIの性能が上がっていけば難化せざるをえないのかな～～などと考えている

ハロプロのファンクラブに入りました　とうとう
単独ツアーのFC先行に間に合うかはめちゃくちゃ微妙なんですけど頑張ってほしい
びよーんずちゃんの初単独なので行きたい気持ちはめちゃくちゃあるんだけど　どうなるかな
一公演8000円オーバーって冷静に考えたらめちゃ高いんだけど自分の趣味アイドルちゃんと絵描くくらいしかないからいいかな…となっている

サイト更新した～よ#-旧ブログ記事



サイト　更新しました　入学直後の話
野口が幸智のことを福井呼びすることでしか得られない何かがある
一か月更新してないよ～のお知らせをFC2から受け取ったときだけ更新するマンになってしまっている

でも無駄に義務感を感じても全然更新しなくなりそうなのでこれはこれでよいのかもしれない

最近はDSのポケモンのノブナガの野望をやっています　キャラデザがかわいい
2012年発売のゲームなのでもうじき10周年を迎えようとするゲームなのですが、戦略系ゲームなのでいまだに古さを感じずに遊べる　と思う　自分がDS世代だからかもですが
あとドット絵がかわいーーーね　BWらへんに出たポケモンのゲーム総じてドットに力入れてる気がする
ただ昔のゲームなので配信コンテンツとかは終了しちゃってるのが少し残念だね　まあこれに関しては今のゲームも後々そうなっちゃうのかなーとも思いますが　でも昔のゲームもやりたいマン（というか最近のゲームは割と一人称視点のグラフィックが多くて酔うので苦手マン）からするとプレイ時期問わずに楽しめるようになってほしいな～～～～と思う
初動の売り上げ気にするので難しいのだろうか

ハロプロのコンサートに行きたいね

では

ハロウィンウィン#-旧ブログ記事



ハロウィンだったのでシスター千晶を描くなどしたよ

シスターの頭のこれの構造が全くわからん
後ろ髪はアップになってるのだろうか　わからん

メガめが#-旧ブログ記事




眼鏡のぐ
伊達のぐ

野口は彩度低めの絵が似合っている気がする
自分のイラストもともとあんまり彩度高くないですが…

普通に塗るのが一番向いてる気がする～～～～わからん！