いろいろ語るブログ

＜作った会社＞ ドリコム 。 Webサイトに書いてある。 ＜トップページ＞ ○JSファイル(見てもあまり面白くない) 　・ common.js …OSやUAの判定など 　・ app.common.js …デザインの調整など 　・ app.dia.js …アニメーションの処理など 　　→bodyタグに付与したdata属性で処理の判別を行っている ○画面表示時の処理 ・キーワード入力欄( #keyword )が空の場合は、占うボタン( #submitButton )を無効化する処理を行う 　　　 →無効化された状態で画面を表示するようにすれば良いのでは…？ 　・ btn-disabled クラスを追加して、見た目を透過させる 　・ disabled プロパティをtrueにして、操作などを無効にする ・キーワード入力欄( #keyword )に文字を入力した時の処理をセットする 　・20字を超えた場合は、占うボタン( #submitButton )を無効化する処理を行い、警告文( <div class="caution">20文字以内で入力してください。</div> )を .input-notes に追加する 　　 →ログ文が残っているのはよろしくないのでは…？ 　　 →文字入力で20字を超えるたびに処理が実行されるため、 btn-disabled クラスが無限に追加されていく。これは酷い。 　・1字以上20字以下の場合は、占うボタン( #submitButton )無効化処理をリセットして、警告文を削除する 　・それ以外(0字以下)は、占うボタン( #submitButton )を無効化する処理を行う ・占うボタン( #submitButton )をクリックした時の処理をセットする 　・キーワード入力欄( #keyword )の文字列を、フォーム( #frm )のinputタグ( #text )にセットする 　・フォーム送信を行う 
 占うボタン( #submitButton )を無効化する処理が何度も書かれており、冗長。 ○フォームについて フォームは以下のようになっている。 <form id="frm" method="pos

＜調査対象＞ ・ main.js ・ kirara.js ・開発者コンソールのNetworkタブ ＜作った会社＞ おそらくカヤック。 根拠は、 main.js のヘッダーの以下の記載や  * cl-kirarafantasia:  *   license: MIT (http://opensource.org/licenses/MIT)  *   author: KAYAC Inc.  *   homepage: https://github.com/kayac/cl-kirarafantasia#readme  *   version: 0.0.0 テスト用ホスト var TEST_HOST="kirarafantasia-aj.kayac.cc"; の記載。 ＜貰える壁紙＞ ・ クロモン ・ カンナ&ライネ ・ クレア＆ポルカ＆コルク ・ きらら＆ランプ＆マッチ ソースは、 main.js に定義されている、 update(percent,days) 関数。 読みやすい形にしたものが以下。 function update(percent,days){   var per=Math.round(percent/10),day=String(days).split("");   this.$per.attr("class","percent-liquid n"+per);   if(percent>=100){     this.$percent.addClass("complete");     this.$day[0].attr("class","left-day ten n"+day[0]);     this.$day[1].attr("class","left-day one n"+day[1])   }   var $wl=$(".present-list a");   if(percent>=100)     $wl.eq(3)     .attr(&qu