ブロッコリーを克服するまでプログラミング

プログラミングとか趣味とかを報告します。

基本情報技術者試験の勉強をしていました

しばらく長期出張や資格勉強をしていたため、更新していませんでした!!!資格といってもいまさら、基本情報技術者試験です!!!!!!!

 

発端は4月ごろ。「私も情報系の資格をとっていこう!!!」と決心し、突発的にITパスポートに挑んで、なんとか受かりました。基本情報もなんとかなると思っていましたが、一か月くらい前に参考書を読んで焦りました。まったく、わからないのです。特に午後が、わからないのです。

 

私は昔から教科書を読んでの勉強をほとんど行わず、過去問だけを淡々と解いてわからなかったら回答を読むというクソみたいな付け焼刃勉強法で高専・大学に行きました。この勉強方法については昔からだめだと思っていました。勉強したはずの知識が後に全く残らないのです。基本情報技術者試験の勉強をせっかく行うなら三か月前からきっちりやって頭の中に残しておこうと思っていたのに、気づいたら一か月前になっていたのです。仕事していたら仕方ないですよね。(言い訳)なので、封印していた付け焼刃勉強法で挑みました。具体的には下記のような感じです。

 

〇 9月半ば

・仕事終わり後、午前を30問前後解く → 回答を読む → パソコンで遊ぶ → 終わり

・仕事終わり後、午後の大問3つくらい解く → 回答を読む → パソコンで遊ぶ → 終わり

 

〇10月初め

・焦る。焦るのに一週間出張!出張中は勉強する!!! → 熱が出てホテルで寝込む

 

〇テスト直前

・パソコンを封印するため、土日に妻を放置してオサレカフェに一人出陣する。なんやかんや少しずつ解いていたら過去5回分を(超適当に)やれた。

 

そしてテスト当日・・・。私は上述のような最低限の勉強しか行ってないため、午後の最終選択問題については、アルゴリズムがわからなければ詰むという状態でした。(JAVAアセンブラ高専で単位を取ったくらいだったので、完全無視☆)午前はまぁまぁといった感じで、見直しまでやって時間が結構あまりました。そして迎えた午後。私は一応、DB技術者なのでSQLについては速攻でわかったのですが、得意のアルゴリズムがなぜか理解できませんでした。なぜか脳内で辻褄があわなかったのですが、とりあえず「常識的にこれだろ」みたいなのを選択して、試験を終えました。全く自信はありませんでしたが「あああああああああああ」とか「いいいいいいいいいいいい」とか妻に言いながら自己採点をすると、なんやかんや午前午後共に80パーセントを超えていました。回答ズレが発生しなかったら受かっているはずです。

 

次は応用情報技術者試験に挑もうと思っているのですが、来期は仕事の都合上受験が難しいため、一年後になるかも・・・。最終的にはDBスペシャリストを取得したいが、いつ取得できるのか。情報セキュリティマネジメント試験も合格率79パーセントとか書いてるけど、とりあえず受けてみたい。

自転車:Master-X Light

このブログでは遊戯王とかプログラミングとかしか記事としてあげていませんでしたが、私の一番の趣味は一応自転車ということになっています。※しかし、普段乗る自転車はママチャリです。

 

愛車はCOLNAGO Master-X Lightです。スペック追及はせず、ただただつけたいものをつけたという代物です。こだわりはちょくちょく見せる意味不明なイタリアカラーです。といっても、銀色のシートポストがアルテグラのシートポストしかなくて、アルテグラの印字を消すためにエアブラシで塗装しただけなのですが・・・。

 

最近、あまり遠出していないので、もうちょっと遠出できたらいいなぁ。なお、レースガチ勢とかではないので、カスタマイズする予定もないです。(そうじゃないならカーボン買ってる)

 

f:id:atwtama:20170911232153j:plain

 

 

Javascript:IEの互換モードで画像のウィンドウ中央揃えをする

※当記事は頭の悪いやり方を行っている可能性があるので、温かい目で見ていただけると幸いです。

 

様々なわけがあり、IEの互換モードで画像(対象は画像ではないのですが、本稿では画像として扱います)のウィンドウ中央揃えを行いたくなりました。調べてみた限り、いろいろな方法があるんだと思いますが、私が妄想で書いたJavascriptを記録で残しておきます。

 

イメージとしてはこんな感じです。(わかりにくかったらすみません)現在のウィンドウサイズと中央揃えしたい要素のサイズがわかれば、ウィンドウ中央への表示ができるのです。しかし、IEの互換モードでは、innerWidthやinnnerHeightが使えないので、allObject(height:100%, width100%)の要素を無理に作り、こいつのサイズを取得することで、間接的にウィンドウサイズを取得しました。

 

しかし、この方法では、中央揃えしたい要素よりもウィンドウサイズが小さくなってしまった場合、中央揃えしたい要素が画面外に配置されてしまいます。そのため、中央揃えしたい要素よりウィンドウサイズが小さかった場合の処理も追加しました。

 

f:id:atwtama:20170903234351p:plain

 

 // JAVASCRIPT ***********************************************************************************************************************

window.onresize = moveObject;

function moveObject(){
 var tmpWidthPos = parseInt(document.getElementById('allObjects').offsetWidth, 10);
 var tmpHeightPos = parseInt(document.getElementById('allObjects').offsetHeight, 10);

 if(tmpWidthPos <= document.getElementById('mainImg').offsetWidth){
  document.getElementById('allObjects').style.left = parseInt(document.getElementById('mainImg').offsetWidth, 10);
 }else{
  document.getElementById('allObjects').style.left = '50%';
 }

 if(tmpHeightPos <= document.getElementById('mainImg').offsetHeight){
  document.getElementById('allObjects').style.top = parseInt(document.getElementById('mainImg').offsetHeight, 10);
 }else{
  document.getElementById('allObjects').style.top = '50%';
 }
}

// 読み込み時にレイアウトを変更するため
window.onload = function(){
 moveWindow();
}

// CSS *******************************************************************************************************************************

#allObjects{
 position:absolute;
 margin: -300px 0 0 -400px;
 height:100%;
 width:100%;
 top:50%;
 left:50%;
}

#mainImg{
 position:absolute;
 top:0px;
 left:0px;
 width:800px;
 height:600px;
}

// HTML ******************************************************************************************************************************

<body>
 <div id = "allObjects">
  <p><img id = "mainImg" src="./image/test.png" /></p>
 </div>
</body>

遊戯王:デッキビルドパック スピリット・ウォリアーズをひと箱剥く

最近、全然遊戯王チェックをしていなかったので気づかなかったのですが、8月11日にデッキビルドパックが出ていたみたいですね。ブログ的には2回目ですが、恒例のひと箱剥きをしました!

 

↓これね!

www.yugioh-card.com

 

15パック開けた結果がこれです!

f:id:atwtama:20170827213443j:plain

 

[シク] 虹天気アルシエル

[ウル] 魔弾の悪魔 ザミエル

[スーパー] 魔弾の射手 カスパール

[スーパー] 増殖するG

[スーパー] 影六武衆-フウマ

[スーパー] 極天気ランブラ

[スーパー] 魔弾ークロス・ドミネーター

 

封入率がウル1 スーパー5確定でシクがあるかないかみたいなので、まぁよかったのではないかなと思います。どうもスーパー枠のカスパールやGやクロス・ドミネータが現状良いみたいなのと、アルシエルのシクが出たので良しとします。

 

f:id:atwtama:20170827214028j:plain

 

美しすぎる・・・ウルも欲しいかもしれない。

Javascript: いくつかの文字列を順次表示させる(フェードイン・フェードアウト)

やるべきことはあるけれども、いろいろなことを放り投げて、Javascriptで遊んでみました。テーマは、「いくつかの文字列をフェードイン・アウトさせて順次表示させる」です。
 
正直、Javascriptは初心者なので(だいたいの技術が初心者のへっぽこ)やはりまずはググってみました。すると、フェードイン・アウトの良い関数が転がっていました。下記URLの「.style.color = "#"+c+c+c+c+c+c;」というくだり、天才かと思いました。
 
 上記関数をほぼパクリ、Javascriptで3つのメッセージをフェードイン・アウトさせてみました。fadeMsg(
"012") でfadeMsg()関数を呼び出すと、関数内では指定されたIDに対して #000000 → #1111111 → #2222222 の順で色を変更します。なので、fadeMsg('0123456789abcdef')とすると黒 → 白 へと色が変わっていくのです。この発想、すごすぎです。(普通だったらすんません)
 
Javascriptしか記述していませんが、使い方は<body>タグ内に<div id = "viewMsg"></div>を追加するだけです。
 
Javascript
<script type="text/javascript" >
 var cnt = 0;
 var arrayMsg = new Array();
 window.onload = function(){ 
  arrayMsg.push("msg no.1"); // メッセージ1を格納
  arrayMsg.push("msg no.2"); // メッセージ2を格納
  arrayMsg.push("mag no.3"); // メッセージ3を格納
  viewMsg(); //viewMsg()を呼びだし
 }
 
 function viewMsg(){
 var interval = 3000;  // 次のメッセージに移行するまでの時間
 if(0 < arrayMsg.length){
  document.getElementById("viewMsg").innerHTML = arrayMsg[0];
  arrayMsg.shift(); // 読み込んだ文字列は抹消
  fadeMsg("fedcba9876543210123456789abcdef"); // フェードイン → アウト
  
  if(0 < arrayMsg.length)
   setTimeout("viewMsg('" + arrayMsg + "')", interval); // interval ms後に再帰
  }
 };
 
 function fadeMsg(str){ 
  var itv;
  var c = str.charAt(cnt++);
 
  if(c == '0')
   itv = 1000;  // #000000(黒)の時だけインターバルを長く設定
  else
   itv = 10;  // #000000以外の時はインターバルを短く設定
 
 document.getElementById("viewMsg").style.color = "#"+c+c+c+c+c+c;
 if(cnt < str.length)
  setTimeout("fadeMsg('" + str + "')", itv);
 if(cnt == str.length)
  cnt = 0;
 };
 </script>