天候が回復して‥

昨日は本当に酷い大雪でしたねぇ

 

トークスキルがひたすらに低いため、普段から上司にほとんど話しかけられない私ですが、今朝はこの話題で勝負!

 

・昨日はすごい雪でしたね!帰れましたか?

→・すごかったね~○○だったよ。

 

ここですかさず用意していた次の発言を。

→・私は帰るタイミングが幸いして~

 

「私は」が発言タイミング被って撃沈。

自然に話せるようになりたいものです。

 

その後もそこら中昨日の大雪の話題でした。

上司がそれを見て、普段は話しかけない女の子に話しかけようと準備して、準備して話しかけてたので心の中で応援してました(*´∀`*)尸"

かわいい(*´∀`*)尸"

 

帰り際。

普段の1/10も時間をかけずに複数のバグを瞬殺!

だが1から説明しようとして口が回らない‥

頭、手だけじゃなくて口もちゃんと動かしたい。

 

降雪につき積雪の恐れがあるためー

こんばんは。

都心は記録的な大雪に見舞われ、交通網が大幅にマヒしている様です。

 

そんな中家というと...

 

大雪のため早い時間帯に運転見合わせとなってしまった電車に、

そうなる直前に奇跡的に乗れたため自宅でヌクヌク過ごしておりました。

 

早退の判断が早めだった為、特に通勤ラッシュというほどでもありませんでした。

ラッキー

 

一方で彼女が帰ってこれていません。

乗換駅まで普段の2倍ほどの時間をかけて辿り着けたものの、

前述の通り電車が止まってしまっているため、バスへ。

そこから既に2時間以上乗っています。

 

思い出した頃にカーテンの隙間から外を覗いていますが

真っ白ですねぇ。。

ベランダには13cm積もっています。

 

明日は出社できるだろうか。。。

1/21日記

今日は作業後、夕方からデートでした。

 

・夕飯にラーメン

家系に二人してはまっています。

ご飯をスープでひたひたにしていただき、今日も完捲でした。

 

・ゲームセンターで音ゲー

maimai・jubeatをプレイ。

maimaiで隠しコマンドが96.66→97.11

jubeatは環境まともな店舗が見つからなくて随分やってないですが、

普段通っている店舗の配置が改善され、なかなかの環境の為やってみました。

レベル9で数曲鳥乗せた程度です。

 

・タピオカドリンク飲む

おいしいです(^q^)

火影忍軍のマークじゃない方の店舗です。

 

一般的なデートってこんなもん?

 

その帰り道の電車内で偶然、塾のバイト時代の同僚とばったり。

いやぁ懐かしい。

彼は講師をやりつつ教室内の様々な事を担当する準社員の様な立場になっているとの事。

1/21 作業リスト

こんにちは。のりたまです。

連日の飲み会明けで体調絶不調です。

のりちゃんはヒーコーを所望します()

 

本日の作業は以下。全部はキツそうなので絞ってます。。

 

・勉強会PR下書き(14:40済み)

・勉強会PR修正

・技術ブログ 昨日の修正(16:00済み)

・技術ブログ 2記事

 

今年のインフルエンザは高熱症状すら出ないそうですね。

インフルじゃないといいんですが。

 

ちなみに昨日、身内向け2箇所にブログへのリンクを張りました。

技術的な投稿は「技術TIPS」タグをつけています。

PCはサイドバーから、スマホならフッターから遷移して下さい。

基本的に走り書きで暇なときに加筆修正しています。

飲み会

のりたまです。

昨日のお酒が15時頃まで残ってて、ずっと関節が痛かった‥ 歳ですかね。

 

今日も飲み会でした。

11月開催の勉強会の登壇者打ち上げです。

1杯だけだったのですぐ回復しそう!

 

そうそう、飲むと耳が聞こえづらくなるみたいで、酷いと6割ほど聴力を失います。

今日なんかは隣でバカ大学生がずーっと銃撃戦やっててもうてんでダメでした(ヾノ・∀・`)

クリックイベント【jQuery】

ソースは15分程の走り書きですが。

 

以前CSSについて書いた際

itgame.hatenablog.com

同様に以下を用います。

<html>
<head>
<link rel="stylesheet" href="css/base.css" />
<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>

<body>
イベントサンプル
<div class="divBox" id="box1">Box1</div>
<div class="divBox" id="box2">Box2</div>
</body>
</html>

※余談ですが、以下の読み込みだとNGで、エラーもはかないんですね。。。

<script type="text/javascript" src="js/main.js"/>

 

出力結果:

イベントサンプル

Box1
Box2

 

これらの要素をクリックした際に、以下で挙動を付けていきます。

js/main.js

$(document).ready(function(){
// クリックイベント
$(".divBox").on("click",function(){
if($(this).hasClass("colored")){
$(this).removeClass("colored");
$(this).css("background-color","#00BFFF");
}else{
$(this).addClass("colored");
$(this).css("background-color","#FDEE79");
}
});
// ダブルクリックイベント
$("#box1").on("dblClick",function(){
console.log("test");
});
});

 

$(document).ready(function(){

DOMの読み込みが完了したタイミングを指定しています。

ちなみに以下はそれよりも遅いタイミングで、

画像などのデータが全て読み込まれた後です。

$(window).load(function(){

 

$(".divBox")
$("#box1")

セレクターで要素を指定します。

前者がクラスでの指定、後者がIDでの指定です。

今回のサンプルでは両ボックスとも同じクラスを指定しているので、

どちらにもクリックイベントが実装されます。

また、box1クラスは上のボックスのみが持つ値のため、ダブルクリックイベントは上のボックスのみに実装されます。実装できていません。原因がわからず。。。

 

その他、クリック時にクラスを付与/没収し、色を変えています。

 

クリックした際の実行結果がこちら。

上、下、上の順にクリック

 

イベントサンプル

Box1
Box2

 

イベントサンプル

Box1
Box2

 

 イベントサンプル

Box1
Box2

 

今回はここまで。他のイベントはそのうち。。。

 

追記

スマホから見るとインデントもそうですがページ全体のバランスががが‥

はてブのレスポンシブ対応があるそうなので後で考えてみます。

 

※複数の書き込み更新で記事にデグレ生じているので夜に書き直します

エロ本買いました


先日購入予告した軽部ぐり先生の本買ってきました!

えっちだ

f:id:ga9chang:20180119223705j:image

あとは樺島あきら先生ですよ!

ヒャー好きΣ(゚∀゚)

樺島シリーズは5冊か6冊出てたかと思いますが、これで3冊目です。