超簡単なコード🦋マウス追従をする。 #javasriptcode

2022.11.28

Logging

おはようございます。先週、土曜日の朝は雨がしとしとと降っていましたね☔。

そんな中で一つのデモコードの動画撮影をしていたのですがボツにしました。理由は超簡単過ぎるコードなので、再生回数が狙えそうにないなという判断からです(尺も短いし…)。でも一応コードを書いたのでソースコードはリリースします。タイトル通り、マウス追従するコードです。マウスポインターを一定の距離間隔で追従します。ソースコードはjavasriptだけ貼っていますが、CSSやHTMLを使用して円を描いています。そちらはデモサイトを検証して頂けたらと思います。

let circle = document.getElementById("circle");
document.body.addEventListener("mousemove",function(e){
    let a = e.currentTarget.getBoundingClientRect();
    let x = e.clientX - a.left;
    let y = e.clientY - a.top; 
    circle.style.top = `${y}px`;
    circle.style.left = `${x}px`;
    circle.style.transform = `translate(50px,50px)`;
})

余談:
この頃、ブログがスランプ状態ですね、キーボードも弾みません、波に乗っているときは結構早く一つの記事を書くことが出来るのですが全然ですね。そんな弾まないブログ記事作成の一コマの風景を動画に撮りました。明日の記事かYOUTUBEにアップしているので参照してみてくださいな(音楽は軽やかなんですけど…😅)。

タグ

addEventListener, body, circle, css, currentTar, document, function, getElementById, html, javasript, javasriptcode, let, mousemove, quot, コード, サイト, ソース, そちら, タイトル, デモ, ポインター, ボツ, マウス, リリース, 一つ, 一定, , 使用, 先週, , 再生, 判断, 動画, 回数, 土曜日, , 撮影, , 検証, 理由, 超簡単, 距離, 追従, 間隔, ,

#余命10年 #映画観ましたよ。

2022.03.05

Logging

今日は春一番が吹きました😌。

昨日、仕事帰りに映画館に立ち寄って余命10年を観てきましたよ。まつりに共感出来る所が結構あったりしました。やっぱそういうのあるなって、何かと距離を置いてしまう気持ちなどがあるなって思えてまつりに共感出来ました、そして良い映画に出会えました。原作の小説を読み終える前に映画に足を運ぶことになったけど、小説も改めて読んでみたいなと思います。

RADWIMPS – うるうびと [Short Lyric Video 4]

大きな病気や治らない病気と戦っている人に勇気を与える映画にもなっていますので、是非映画館でチェックしてみてください。そういう当事者の気持ちを代弁しているような映画です。

うるうびと

タグ

10, こと, チェック, まつり, , 今日, 仕事, 代弁, 余命, 共感, , 勇気, 原作, 小説, 当事者, , 映画, 映画館, 春一番, 昨日, 気持ち, 病気, , 距離,

ハミングバード・プロジェクト 0.001秒の男たち実話ベースの映画。

2021.11.15

Logging

ハミングバード・プロジェクト 0.001秒の男たち」を観ました。この映画、予告とは全然違う内容ですね。

映画『ハミングバード・プロジェクト 0.001秒の男たち』予告編

ハミングバードは凄く単純なストーリーです、株取引のために最短距離の通信ケーブルを引き巨額の富を得ようという計画・・・。それぐらい株取引は売買を取引するアルゴリズムと物理的に処理する処理速度が重要になってきているのだなぁとか思いながら観ていたのだけど。ラスト40分ぐらいからかな、ある出来事で何か悲しい気持ちになり、この映画実話だと思うと益々悲しい・・・。

ほんと、人生はお金じゃないよね。

タグ

0.001, 40, アルゴリズム, お金, ケーブル, ストーリー, それぐらい, ため, ハミングバード, プロジェクト, ベース, ほんと, ラスト, 予告, 人生, 内容, 処理, 出来事, 単純, 取引, 売買, 実話, , 巨額, 映画, 最短, 株取引, 気持ち, , 計画, 距離, 通信, 速度, 重要,

高知県立足摺海洋館SATOUMIに行ってきた?

2020.10.29

Logging

高知県立足摺海洋館SATOUMIに行ってきましたよ?、逆光で建物の外観を上手く撮影できなかったのですが、サトウミをでっでーんと撮影。中に入るとスタッフさんが体温を測ってきます。体温をパスして、一応おとな・なので1200円支払って中に入ると、予想よりは、しょぼくなかったのが第一印象です。もっとしょぼいかなと想像していたのだけど思っていた以上になんかオシャレだな・・・と。

中に入っていろいろパシャパシャ撮影したけど、全部公開すると行ったときに楽しみがなくなるので一部の写真と動画を公開します。

足摺海洋館 SATOUMI

最終的な高知県立足摺海洋館SATOUMIの感想はコンパクトな今どきな水族館ですね。お子さんを連れて行くと子供は喜ぶと思います。実際、お子さん連れの子供は喜んでいました。高知市や東部の方は足摺までは結構な距離がありますが一度は行ってみるのも良いじゃないでしょうか?

因みに、高知県立足摺海洋館SATOUMIに45分ぐらい滞在していました。お土産屋さんでお土産を選ぶともっと時間がかかるかと思います。

タグ

1200, SATOUMI, いろいろ, オトナ, お子さん, コンパクト, サトウミ, スタッフ, とき, パシャ, パス, , 一度, 一部, , 予想, 今どき, 以上, 体温, 全部, 公開, 写真, 動画, 印象, 外観, 子供, 実際, 建物, 想像, 感想, 撮影, , 東部, 楽しみ, 水族館, 海洋館, 県立, 結構, 足摺, 距離, 逆光, 高知, 高知市,

そのままでそのままで。

2020.08.14

Logging

コンビニのお買い物でエコバッグを使わなくなる。あるコンビニのお客さんが「そのままで」と良いと言い、決済してそのまま持ち帰っていて、じぶんも真似してそのままの状態で持ち帰るようにした。

あるお客さんと同様にコンビニで買う商品は手で持ち帰るものなので、ほんとそのままで良いと思う。自転車のかごや車だったら車までの距離まで手で持って帰るだけなので、そのままで良いのだと。

そのためにレジ袋を購入するのは正直な所無駄だと。

因みにコンビニ繋がりで、昨日ツイートした話ですがセブンイレブンのコンビニの店員さんがとても丁寧な接客で正直な所、そこまで丁寧な接客しなくて良いよと思いたくなります。スーパーやコンビニで丁寧な接客をしてくれる店員さんがたまにいるのだけど・・・。海外の人が見ると驚くだろうなぁと思います…。本当にいるのだなぁってね。

タグ

エコ, お客さん, お買い物, かごや, コンビニ, じぶん, スーパー, セブンイレブン, そこ, そのまま, たま, ため, ツイート, バック, ほんと, もの, レジ袋, 丁寧, , 同様, 商品, 店員, , , 接客, 昨日, 本当, 正直, 決済, 海外, 無駄, 状態, 自転車, , 購入, 距離, ,

この街。

2016.03.17

Logging


高知駅を撮った一枚。
iPhoneで撮った写真だけど・・・。
トイウコトデ、今日は記事をお休みの日です。
たまには自分にお休みを設けてあげないと疲れてしまうので・・・。
好きなことを長く続けるコツは嫌いにならないことです。嫌いにならない方法は嫌になりそうになったら、ストップすることです。人間関係と似ている気がします。嫌いにならないために距離を置くという感じと好きなことを長く続けるコツは同じように思えます。

(50)【第33日】特急「南風」に乗って高知へ カツオのたたきを食べる《夏休み日本一周の旅 高松駅→高知駅》9/12-102│JR Shikoku Nampu Express

タグ

iPhone, お休み, コツ, こと, ストップ, たま, ため, トイウコトデ, 一枚, 人間, 今日, 写真, 嫌い, 感じ, 方法, , , 自分, , 記事, 距離, 関係, 高知,

電車で通ってみました。

2014.11.28

Logging


自分が住んでいる県は、電車で通うことが結構不便な感じの県なのですが、試しに通ってみることにしました。結論から言えば不便です。理由は簡単でダイヤが少ないということです。また、駅から会社までや、自宅家から駅までに距離が結構かかるということなのです・・・。
一回、始めてみればさほど苦労はしないかなぁと思うものの、出勤時間と電車のダイヤが咬み合わないのが、難です。ちなみに、一週間分、定期?を買ったので出勤時間とある程度噛み合う時間帯は電車通勤を行ってみたいと思います。(雨天は車ですね)
自分が住んでいる県の不便さで一番、問題なのが電車とバスのダイヤがあまりにも兼ねあっていないということです。それを何とかすれば、赤字決算から多少なりともプラスの方向に行くのではないかと自分は思っています。
 
 

タグ

, ダイヤ, プラス, 不便さ, 出勤時間, 多少, 定期, 方向, 時間帯, , 結論, 自宅家, 苦労, 赤字決算, 距離, , 雨天, 電車, 電車通勤, ,