超簡単なコード🦋マウス追従をする。 #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, コード, サイト, ソース, そちら, タイトル, デモ, ポインター, ボツ, マウス, リリース, 一つ, 一定, 中, 使用, 先週, 円, 再生, 判断, 動画, 回数, 土曜日, 尺, 撮影, 朝, 検証, 理由, 超簡単, 距離, 追従, 間隔, 雨,

staticかdynamicか、php-fpmの話。#php #apache

2022.11.01

Logging

おはようございます、メモリが肥大化して落ちました🤮。

先週の朝、メモリが肥大化して落ちてしまいました。今まではphp-fpmを１時間置きに再起動していましたが、それを変更した途端。メモリを食ってしまい落ちたわけです。

php-fpmの対応はこちらのサイトを参考にしました、尚、対応方法はそちらの記事を参照ください。その記事を読んでいて思ったことはやはりサーバーを増強したいということです。

でもVPSレンタルサーバーはサクサク表示させるには、結構お金がかかってしまいます、だったら固定IPを引いて自宅サーバーで運用した方が良いのかもしれないなってこの頃、思っています。

そうすればメモリはかなり詰めるし処理もそれなりに早くなります。恐らく瞬速で表示されるようになりますが、震災などが起きると忽ちダウンしてしまいますよね。

そう考えると・・・微妙ですね。

やはりVPSサーバーをもう一つ借りて調整するか、VPSサーバーと自宅サーバーを同期して運用するかだと…。

タグ

１, Apache, dynamic, IP, php, php-fpm, static, VPS, お金, かなり, こちら, こと, サーバー, サイト, そちら, それ, それなり, ダウン, はり, メモリ, もう一つ, レンタル, わけ, 借, 先週, 再起動, 処理, 参照, 参考, 固定, 増強, 変更, 対応, 微妙, 方, 方法, 朝, 瞬速, 自宅, 表示, 記事, 話, 途端, 運用, 震災, 頃,

Dockerは楽だなという事を今頃理解しましたよ。 #vbox #docker

2022.10.03

Logging

おはようございます、月曜日の朝はテンション低めな方も多いはず😇。

さて、今日は先週の木曜日と金曜日にふと今後のためにDockerをもう少し触ってみようと思い作業終了後触ってみました、触れて気づいた事は開発環境を作るのがとても楽だということ（気づくの遅い？🫠）。自分は昔の人間なのでvisualboxばかり触っていたのですがDockerは素晴らしい。サーバー周りが得意な人にイメージを作ってもらってそれを共有すれば皆、同じ環境下で開発が出来るので良いという事に今頃気づいた・・・。

 docker run -it -d -v C:\var\www\html\:/var/www/html --privileged -p 80:80 --name こんてな命名 イメージid /sbin/init

※Visualboxでも可能ですけどね。Dockerのだとそこが楽だしマウント（フォルダ共有）もスムーズに行くので自分は良いなと感じました。

ちょっと残念だった点は自宅で作業している中、バッファローのNAS🍆に作業ファイルを入れているのですが、それとは共有出来なかった点です、対応として実PCをrobocopyしてNASと同期を取るという形にしました。これで問題はなくテスト環境下で開発ができます。尚、高級なNASではそういう問題なく上手くいくそうですよ。※NASはバックアップデータになりました。

robocopy <コピー元> <コピー先> /E /DCOPY:DAT

尚、mirのオプションにしなかったのには理由があります。コピー元のファイルが消えたり、ディレクトリが破損した場合、コピー先のファイルやディレクトリが消えて無くなるらしいので・・・。完璧なミラーリングは辞めました。

こんな感じで快適なテスト環境が作れます（上記のコマンド参考に）。

タグ

--privileged, -p, -v, 80, D-, docker, html, ID, init, IT, name, run, sbin, var, vbox, Visualbox, www, イメージ, こと, こんてな, サーバー, スムーズ, そこ, それ, ため, テンション, パス, フォルダ, マウント, 事, 人, 人間, 今後, 今日, 今頃, 低め, 作業, 先週, 共有, 可能, 周り, 命名, 得意, 方, 昔, 月曜日, 朝, 木曜日, 理解, 環境, 皆, 終了, 自分, 行, 金曜日, 開発,

AWSの本とデザイン系の本を読んだので。

2022.06.21

Logging

おはようございます。今週は雨が多いみたいですね。

さて先週、AWSの仕組みとサービスがたった１日でよくわかる本を読みました、パラパラと電子書籍リーダーで読みましたが、アレですね、、全然使いこなせてないなって感じたのですが機能を使用するとその分、使用料金が発生するので今のところは今の機能だけで十分かなって感じています。サービス内容や仕組みはとても理解しやすい感じがしましたが、IT素人にはあまり向いていないじゃないかなっていう感じがしましたので、ある程度、ITリテラシーが必要とされます。

次に読んだのが動くWEBデザインアイディア帳ですが、これは自分にはあまり必要なかった感が強い本です。どちらかと言えば駆け出しのWEBエンジニアが読んで置くと、商談時に実装できる出来ないの判断材料になります。自分の場合、駆け出しエンジニアでは無いので大体のことは出来ますで返答しています。特に実装しているシステム変更は大体のことは出来るですけどたまに、レンタルサーバーでは出来ないことも出てきますので、そういう注意は必要です。また、この本の後半あたり？から、実装の仕方も書かれていたりするので駆け出しのWEBエンジニアには結構良い本だと思います。

タグ

１, AWS, IT, web, アイディア, アレ, エンジニア, こと, これ, サービス, システム, デザイン, ところ, どちらか, パラパラ, リーダー, リテラシー, 今, 今週, 使用, 先週, 内容, 分, 判断, 商談, 場合, 変更, 大体, 実装, 帳, 必要, 感, 感じ, 料金, 書籍, 本, 材料, 機能, 理解, 発生, 素人, 自分, 返答, 雨, 電子, 駆け出し,

Decentralized Autonomous Organizationの世界を語っている動画が良質！！

2022.06.04

Logging

おはようございます。記事の修正するのはやはり朝にやるべきですね。

先週の土曜日にツイートしたDAO（ダオ）の事を詳しく簡潔に説明している伊藤穰一さんです。IT業界ではその名を知らない人はいないじゃないかって思っている。

なぜ、この人がデジタル庁のTOPにならなかったのか・・・。意味がわかりません、ある問題で辞任しただけで本人に責任はあまりないと思っています。日本が変わらない理由はそういうところにあるじゃないかって思います。特に政府機関は変わろうとしないですよね、これは政治だけではなく銀行とかもそんな感じですよね。今までの方針を変更するのがとても遅すぎる気がします。

まぁそんな事は置いといてDAO（分散型自律組織）に徐々に変わっていくと思います、そういうふうに世の中を変えていこうとしている流れが出てきているので、そうなっていくかなって思います。

タグ

Autonomous, DAO, Decentralized, IT, Organization, TOP, これ, ダオ, ツイート, デジタル, ところ, ふう, 世, 世界, 中, 事, 人, 伊藤穰一, 修正, 先週, 分散, 動画, 名, 問題, 土曜日, 変更, 意味, 感じ, 政府, 政治, 方針, 日本, 朝, 本人, 業界, 機関, 気, 理由, 簡潔, 組織, 自律, 良質, 記事, 説明, 責任, 辞任, 銀行,

太陰太極図☯[Yin Yang]に絵文字を変えました。

2022.05.08

Logging

☯先週、太陰太極図☯[Yin Yang]に絵文字を変えました。前まではペンギンの絵文字などをタイトルやニックネームの後ろに付けていましたが、変更しました。

これからは太陰太極図☯[Yin Yang]と龍🐉の絵文字にします。太陰太極図☯[Yin Yang]に興味を持ち出したのは、幼い子供ときです。陰と陽の関係とかそういう話が好きな子供でした。陰の中に陽がある。陽の中にも陰がある。どちらが強く出てもいずれは元のバランスが取れた状態に戻るようになっている設計されている太陰太極図。

太陰太極図のように自分は世の中もそうなっていると思っています。そして見えない力というものは存在していると思います。その理由は量子の存在だったりします、無機物もひとも宇宙に存在しうるものは形状は違えども細かく見ていくと量子だったりそれよりも小さなエネルギーが繋ぎ合わさって人や無機物が作られているわけですから、見えない力（エネルギーの流れ）はあると思います。

そう思うと、バタフライエフェクトみたいに蝶が羽ばたくことと台風が発生することには因果関係があると思います。大きく言えば宇宙の法則というものはあるのかもしれないなって…。

タグ

Yang, Yin, いずれ, エネルギー, これ, それ, タイトル, とき, どちら, ニックネーム, バランス, ひと, ペンギン, もの, 世, 中, 人, 元, 先週, 前, 力, 変更, 太極, 太陰, 子供, 存在, 宇宙, 形状, 後ろ, 無機物, 状態, 理由, 絵文字, 自分, 興味, 設計, 話, 量子, 関係, 陰, 陽, 龍,

いろいろと抜け落ちている事に気付けた本。

2022.04.24

Logging

おはよう御座います。先週の土曜日は風が半端なかったですね…😌。

問題解決のための「アルゴリズム×数学」が基礎からしっかり身につく本で再学習中です。いろいろと抜け落ちていることばかりだなって思います。因みに自分は基礎がいろいろと出来ていない、英語もそうだけど数学的なものも抜け落ちているし、ドキュメントを書く能力などもない。それらを少しずつ 少しずつ身につけていきたいと思っている。何かを始めるというのは遅いことはない、人より時間がかかっても身につければ良いだけのことだろうと思っている。

なので、英語とアルゴリズム、ドキュメントを身につけたいだよね。因みにそれらを身に着けていなくともプログラマーになる事は可能ですが、後々、いろいろと無いと悔しい気持ちになることもあるので、身につけるべきだと思っています。

タグ

アルゴリズム, いろいろ, こと, それら, ため, ドキュメント, プログラマー, もの, 事, 人, 何か, 先週, 半端, 可能, 問題, 土曜日, 基礎, 学習, 後々, 数学, 時間, 本, 気持ち, 能力, 自分, 英語, 解決, 身, 風,

sonyのwh-1000xm4の使用感、むふむふ、ふむふむ！これは！！

2022.03.27

Logging

先週の土曜日にsonyのwh-1000xm4を購入しました、その使用感を一週間ほど経過したので書いていきます。まず、音ですよね😌。今まで安いヘッドホンばかり使用していたので全然違います。重低音感が半端ないです。ヘッドホンからの音漏れもなくとても良い感じですね。因みに自分はiPhoneに専用のアプリをインストールして使用しています、またiPhoneの音制御を外して聞いています。

次にフィット感と本体の質感はどうなのかなって言えば、こちらも良い感じです。長時間、ヘッドホンしていても耳が痛くならないです。ずっと着けていても大丈夫ですが難聴になるかもしれないと思い、数時間に一回は装着を外しています。それぐらい大丈夫です。質感はスルっとしていてしっとり感があります。夏に長時間使用していると汗をかきそうかなと思う所があります。

総合的に言えば高い買い物でしたが買ってよかったです。ただ今年の後半にはwh-1000xm5が発売されそうな気がします。今まで二年スパンで新しい機種が登場しているので・・・それを考慮して検討してみてはと思っております。

タグ

１, 1000, 4, iPhone, SONY, wh-, xM, アプリ, インストール, こちら, これ, する, それ, ふ, フィット, ヘッドホン, 一, 今年, 使用, 使用感, 先週, 制御, 半端, 土曜日, 夏, 専用, 後半, 感, 感じ, 所, 数, 本体, 次, 汗, 経過, 耳, 自分, 装着, 買い物, 質感, 購入, 重低音, 長時間, 難聴, 音,

アルゴリズム実技検定のT消しを解いてみた感想。意外にも！？

2022.03.26

Logging

おはよう御座います。
土曜日ですね😌ですね😌。

先週の土曜日の早朝にアルゴリズム実技検定の過去問題を解いてみたので感想だけ残しときます。コードは何やら書いたら駄目みたいなので公開しませんが、一応、この問題でも自分で手を動かさないと解けない問題になっている。

転がっているメソッドだけで解けそうと思ったのは甘かった、問題的には難易度はそう高くない問題だとは思いますが！ですがJS（node）で書いてみて本体部分だけ１６行ぐらいのコードになりました。それが短いかどうか分からないものの、最初は５行ぐらいで書けるしょって思っていたので、そう思うと長いかなって思います。

因みにプログラミングスキルチェックのpaiza[パイザ]を昔よく解いていました。いまは全然ですがB級ランクをふらふらしています。この頃、頭の体操をしていなかったのでAtCoderを解いてみてよかったです。

タグ

16, 5, AtCoder, JS, node, paiza, アルゴリズム, いま, コード, スキル, それ, チェック, パイザ, プログラミング, メソッド, ランク, 体操, 先週, 公開, 問題, 土曜日, 実技, 感想, 手, 早朝, 昔, 最初, 本体, 検定, 級, 自分, 過去, 部分, 難易, 頃, 頭, 駄目,

Twitterカードを確認するための公式チェックページが便利。

2021.10.26

Logging

先週は寒かったですが、今週からまた暖かくなると天気予報のキャスターが言っていたそうですが、どうなることやら。

Twitterカードを確認するための公式チェックページが便利です。そもそもTwitterカードって何と思った方もいると思いますので、簡単に説明するとTwitterでシェアする時にホームページ画面の画像やホームページの説明が表示されるアレです。因みにTwitterカードの設定をしていないとURLだけがタイムラインに流れていきます。

どうやればTwitterカードが設定することが出来るか？答えは結構かんたんです、HTMLタグのヘッダー部分に下記のmetaダグを記載してあげることでTwitterカードが表示されます。因みに今回はフェイスブックでシェアした時にも対応した形のソースコードです。フェイスブックの部分は良いよという方は、その部分は除いてください、また、ご自身のURLや表示したい説明に変更するようにしてくださいな。

<meta property="og:url" content="https://zip358.com/tool/tenji/">
<meta property="og:type" content="website">
<meta property="og:description" content="日本語を点字に変換します。α版です（日本語、英数字などを含むものを日本語点字に変換します）。">
<meta property="og:image:alt" content="tenji-image">
<meta property="og:image" content="https://zip358.com/tool/tenji/images/web-image.png.webp">
<meta property="og:locale" content="ja">
<meta property="og:site_name" content="日本語を点字に変換する機械">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@zip358com" />
<meta name="twitter:domain" content="zip358.com" />
<meta name="twitter:title" content="日本語を点字に変換します。α版です（日本語、英数字などを含むものを日本語点字に変換します）。" />
<meta name="twitter:creator" content="@zip358com" />
<meta name="twitter:image" content="https://zip358.com/tool/tenji/images/web-image.png.webp" /> 

最後に上記の設定した後、上手くTwitterカードが機能しているかを確認するためのTwitter公式のチェックページがあります、そちらにチェックしたいページのURLを記入することによりチェックが可能です。

https://cards-dev.twitter.com/validator

タグ

html, meta, Twitter, url, アレ, カード, かんたん, キャスター, コード, こと, ご自身, シェア, ソース, タイムライン, タグ, ため, チェック, フェイスブック, ページ, ヘッダー, ホームページ, 下記, 予報, 今回, 今週, 便利, 先週, 公式, 変更, 天気, 対応, 形, 方, 時, 画像, 画面, 確認, 答え, 簡単, 表示, 記載, 設定, 説明, 部分,

宇宙旅行が現実になるにはあと30年ぐらい時間が必要だと思う。

2021.07.27

Logging

先週は2記事しか投稿していないですね(*´ω｀*)すみません。今週から土日祝も記事を投稿するスタイルに戻します。

宇宙旅行が現実になるにはあと30年は必要だと思う、これはある意味直感的なものなので実際はもっと早く一般人でも東京へ遊びに行くねぐらいの感覚で宇宙旅行へ行ける日が来るのかもしれません。

因みに先日、アマゾンの創業者、ジェフ・ベゾス氏が宇宙へ行き無重力体験などをして帰還しました。

こんな感じであと10年ぐらいは富裕層が宇宙旅行へ一生に一回ぐらい行けるものというモノになるでしょう、次に月や火星などや他の惑星から資源を地球に持ってくるという事を行うことが事業になるのが20年後の未来かと思います。その後、他の惑星に開拓者として一般人が宇宙へ行くようになるのが、30年後の未来かと思います。

遠い未来のようですけど、いまの子供たちは確実に宇宙は近い存在になっていると思います。

タグ

10, 2, 20, 30, アマゾン, いま, こと, これ, ジェフ, スタイル, ベゾス, もの, 一, 一生, 一般人, 事, 事業, 今週, 他, 体験, 先日, 先週, 創業者, 土日, 地球, 子供, 存在, 宇宙, 宇宙旅行, 実際, 富裕層, 帰還, 後, 必要, 惑星, 意味, 感じ, 感覚, 投稿, 日, 時間, 月, 未来, 東京, 火星, 現実, 祝, 記事, 資源, 重力, 開拓者,

野市あじさい街道の2021年の見頃は今週から来週までかも？

2021.05.24

Logging

野市あじさい街道の2021年の見頃は今週（2021/05/24）から来週までかも？先週の金曜日に撮影した映像がこちら、紫陽花は咲いているのだけど、まだ色味がないものが多い感じです。なので、見頃は今週末ぐらいから来週までかなと予想しています。今年は高知県、梅雨に入るのがかなり早かったので各地の紫陽花の名所でも咲く時期が早まりそうな気がします。

こんな感じに紫陽花が咲いているところも在るにはありますが、全体的にはまだかなという感じです。こちらのあじさい街道がどこにあるかというと野市と山田の境界線あたりにと言えば良いのか・・・。目印という目印がないので、よさこいネットのあじさい街道紹介のリンクとGマップを貼っときます。

https://www.attaka.or.jp/kanko/dtl.php?ID=1086

タグ

05, 2021, 24, あじさい, かなり, こちら, どこ, ところ, ネット, はまだかな, マップ, もの, よさこい, リンク, 予想, 今年, 今週, 今週末, 先週, 各地, 名所, 境界線, 山田, 感じ, 撮影, 映像, 時期, 来週, 梅雨, 気, 目印, 紫陽花, 紹介, 色味, 街道, 見頃, 野市, 金曜日, 高知県,

[悲報]無職になりました?。

2020.10.12

Logging

一週間ぐらいまえにお仕事が決まって働いていたのですが、先週の金曜日にそのお仕事を辞めることにし、社長さんにそのお話をして今に至っています。

就いた職種はプログラマーです。お仕事としては某大手企業が開発したおそらくフレームワークでの開発（特殊なプログラムコード）になります。そのコードはどちらかと言えばN88BASICのようなプログラム仕様です。そちらを覚えるのにはそれほど時間もかからず、辞める前にはほぼ理解していたのですが辞めました。

コロナ禍でお仕事につけたのは感謝です。ただ自分自身のこころの問題（葛藤）で辞退しました。小さな会社でしたが社員さんや社長さんも良い人ばかりでしたが、なんか今まで培ってきたことが全然活かすことが出来ない。出しゃばってこれも出来るよとか言えなかったです。やっぱり難しいですね、効率化が全てではないし、それで運用しているということはそれで仕事が成り立っているわけなので、そこに技術を入れることにより仕事が短縮化してしまうわけです。

そして活かす事が出来ないなという思いともう一つの葛藤があります。それはプログラムの楽しさがこの頃なくなってきたという事です。昔はプログラムを書くことが楽しかったのですが、ここ数年でその楽しさがあまりなくなってきています。なので、辞める理由としてプログラムという職があってないという理由で辞めました。

仕事だから楽しさを求めるなという意見もあるでしょう。でも何か楽しさややりがいがあるから仕事は続けられると思います。そういう面では運送会社に勤めていたころが楽しかったなと思っています。その職に将来性があるかどうかは分からいないし、いまもう一度、同じ職に就いたとして楽しく出来るのかと言えばそれは正直なところ分からないです。その一番の理由として心のモチベーションや今まで経験（人生経験）したことにより、20代と同じ感情になるのかなと思うとそれはまた違うのかもしれないという事です。もう40代になるけれど・・・なんかなぁと自分でも思います。

そんな中で昨日、映画、浅田家を観て救われました。世の中にはあんな人もいるだなって別に自分は大きな成功を収めたいとは思っていないのですが、安定した生活や周りの人に心配されないようにとか、、、上手く言えないけれどまぁ何とかしたいなと思っています。

タグ

88, BASIC, お仕事, お話, コード, こころ, こと, これ, コロナ, そこ, そちら, それ, どちらか, フレームワーク, プログラマー, プログラム, まえ, わけ, 一, 人, 今, 仕事, 仕様, 企業, 会社, 先週, 全て, 前, 効率, 問題, 大手, 悲報, 感謝, 技術, 時間, 無職, 特殊, 理解, 短縮, 社員, 社長, 禍, 職種, 自分, 自身, 葛藤, 辞退, 運用, 金曜日, 開発,