マウスが半壊れとツイートしたら誰かさんがマウスを?
2021.11.03
今日は雲のない超快晴ですね。こんなに快晴だったら県外にでも遊びに行きたい気分なのですが、働いていないので旅行もいけません。いや、本当は全然余裕で行けるのだけどやっぱコロナで尻込みしてしまいます。
さて昨日、マウスが半壊れとツイートしたら誰かさんがマウス代を寄付してくれることもなく、広告がいつも以上に回転したということも無かったのですが、始めてのデイトレでちょっと収入が入ったのでその収入でマウスとキーボードを新調することに決めました。
マウスは600円ちょっとキーボードは1000円ちょっとです。因みにマウスは無線でキーボードは有線です。コスパ最強なのかどうなのかは、商品が届いたらレビューしたいなと思っています。そして本当はキーボード高くて良いものにしたいし、マウスも良いものにしたいと思っていますが、何せ収入がゼロに等しいので・・・。
今期は税金が返ってくるかもしれませんというか、恐らくこのまま行けば返ってきます。税金で引かれた分は確定申告すると全額返ってくると思います。何せ103万円の壁を超えていないのですから・・・。
でも確定申告までにはお仕事先が決まれば良いのになと思っています。
以上、現場からでした。
タグ
1000, 600, いつも, キーボード, きま, コスパ, こと, コロナ, ゼロ, ツイート, デイトレ, マウス, もの, レビュー, 今日, 今期, 余裕, 半, 収入, 商品, 回転, 寄付, 広告, 快晴, 新調, 旅行, 昨日, 最強, 有線, 本当, 気分, 無線, 県外, 税金, 誰か, 超, 雲,
彼のVue.jsの入門解説動画が分かりやすいかも。超入門は理解しました。
2021.07.12
vue.jsを勉強したい方はよしぴーのYouTubeプログラミングスクールの超Vue.jsの入門解説動画が分かりやすいかも。自分は入門版は理解しました。尚、bodyにID付けて試すのは辞めとけよ。bodyにIDを付けて動かないなぁとかしないように!!ドキュメントにもbodyにIDを付けるのは推奨しないと記載しております。動画を見て背景の色を動的に変えるvue.jsの簡単なサンプルプログラム作りました。コード書いていてjavascriptで書くよりもvue.jsなどのライブラリ?を使用して書くほうが短いコードで書けるので良いなと実感。
htmlコードとvue.jsのコードは下記になります、最終的にはvue.jsでアプリ作りたいな(時間がない?^^;)。SPAに関して難しいという意識がある人も触っていくうちに慣れると思います。因みに学習能力が高い人はこんなの作れちゃうみたいですね、学習してまだ二週間しか経過していなくてゴニョゴニョ作れている所がへぷさん(@HEP1147)、凄いところ!!ですね。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<style>
#el{
width: 100vw;
height: 100vh;
}
</style>
<title>背景の色を変える</title>
</head>
<body>
<div id="el" v-on:mousemove="mouseXY($event)">
<span v-on:click="colorclick('#000')"style="color:#000">■</span>
<span v-on:click="colorclick('#fff')"style="color:#fff">■</span>
<span v-on:click="colorclick('#4eaeec')"style="color:#4eaeec">■</span>
<span v-on:click="colorclick('#4eeccc')"style="color:#4eeccc">■</span>
---{{ color }}---
X={{x}},Y={{y}}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="./main.js?<?=time()?>"></script>
</body>
</html>
var vm = new Vue({
el:"#el",
data:{
color:"#fff",
x:0,
y:0
},
methods:{
colorclick:function(c){
this.color = c;
document.body.style.backgroundColor = c;
return true;
},
mouseXY:function(event){
this.x = event.clientX;
this.y = event.clientY;
}
}
});
タグ
body, html, ID, javascript, JS, SPA, vue, youtube, アプリ, うち, コード, サンプル, スクール, ドキュメント, プログラミング, プログラム, よし, ライブラリ, 下記, 人, 使用, 入門, 勉強, 動画, 学習, 実感, 彼, 意識, 推奨, 方, 時間, 理解, 簡単, 背景, 能力, 自分, 色, 解説, 記載, 超,