「自分だけが宙を泳いで通学する夢」をよく見ていました

IT系辞めて今は営業職。オタクも辞めた？いま何者なんだ俺は...

1/21日記

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

 

・夕飯にラーメン

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

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

 

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

maimai・jubeatをプレイ。

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

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

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

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

 

・タピオカドリンク飲む

おいしいです(^q^)

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

 

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

 

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

いやぁ懐かしい。

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

１/21　作業リスト

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

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

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

 

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

 

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

・勉強会PR修正

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

・技術ブログ　2記事

 

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

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

 

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

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

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

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

飲み会

のりたまです。

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

 

今日も飲み会でした。

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

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

 

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

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

クリックイベントで遊んでみる【jQuery】

開発TIPS

ソースは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

 

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

 

追記

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

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

飲み会

今日は会社の飲み会でした。

2杯で限界‥うぷっ

 

部署内で勤続年数、年齢、それぞれ5番目4番目でした。

みんな若いなぁ‥

集まる人は週一で集まって飲んでるみたい。

それって貯金してないのでは。

 

私が参加したところで言うと、

11月に1,2年目で飲み会やって以来みたい。

もっと前じゃなかったかな？

月日が経つのはあっという間だなぁと。

 

そうそう同期が応用情報とったみたいです。

めでたいね！

私はまずベンダー系資格かなぁ

それと業界関係無い資格とります

 

今日は眠いのでこの辺で。

なーにがネットワークビジネスじゃって話

近い友人でどうやらネットワークビジネスを行ってる人が二人いるみたい。

 

そんでもって

ネズミ講との違いがわからないから「ネズミ講　ネットワークビジネス」で検索をかけてみるとめっちゃHITする。

 

営業持ち掛けると友人関係が破綻するかも！

そりゃそうでしょうねぇ‥(/--)/

長期的な運用意外は博徒と同じだし、やりたい人は勝手にやればいいんじゃないかな？と思いました。

 

あとそのビジネスをするためにセミナーに通うんだとか。

なに、月に10回？うへぇ