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

iphone14に買い替えたいけどね。#けどが付く。

2022.10.18

Logging

おはようございます、昨日、試験を受けに市内に出かけておりました😤。

さて、iphone14に買い替えたいけど金銭的な余裕はあるにはあるだけど、収入が入ってきている訳では無いので、やはり買わないで置こうと思っているのですが・・・欲しいことは欲しいですね。

iPhone15になれば、USBタイプCに変わる可能性もあるので此処は我慢、我慢と思っています。因みにiPhone14 PROMAXを余裕で買える金額はあるにはあります。でもなぁ・・・今のiPhoneでも別によくてこの頃、撮影もしないからコレで良いじゃねと思っている所もあります。

でも、iPhone14で撮影した動画等を見ると買いだなって思うですよね🤑。

凄く悩みどころです、、、、。

今日は心のつぶやきをそのまま書いてみました、凄く優柔不断な文章になっています。最後に結論づけると毎月、固定収入が入ってきていたら間違いなくiPhone14購入しています👍。

タグ

14, 15, iPhone, PROMAX, USB, こと, コレ, タイプ, 今, 今日, 余裕, 優柔不断, 動画, 収入, 可能性, 固定, 市内, 心, 我慢, 所, 撮影, 文章, 昨日, 最後, 此処, 毎月, 訳, 試験, 購入, 金額, 頃,

映画、マトリックス・レザレクションズ、やっぱ今日観に行きます（AM１１時）！ #マトリックス

2021.12.17

Logging

映画、マトリックス・レザレクションズを本日、11時に始まる字幕版を観に行きます?、感想につきましては映画を見終わった後に、ネタバレなしでツイートします。日本語版の方が上映数が多いのは少し残念ですね。

マトリックス三部作の中で印象的だったのが、やっぱあのバレットタイム撮影方法だと思います、ぐるぐるとスローモーションのキアヌリーブスを・・・。この映像はとても衝撃的でした、今までこんな映像は見たことがなかったので。そしてマトリックスの世界観がとても良かったですが、今回の新章は予告を見る限りでは前回を完璧に超えていいるストーリー展開が見れそうな気がします。今からマトリックス観るのが楽しみです。では観に行ってきます！！

タグ

11, AM, com, https, mBRWwAqJ--U, watch, www, youtube, キアヌリーブス, こと, ストーリー, スローモーション, タイム, ツイート, バレット, マトリックス, レザレクションズ, 三部作, 上映, 世界観, 中, 予告, 今, 今回, 今日, 前回, 字幕, 完璧, 少し, 展開, 後, 感想, 撮影, 新章, 方, 方法, 日本語版, 映像, 映画, 本日, 楽しみ, 残念, 気, 観, 限り,

イラストレーターというサブスクを見直しました。

2021.08.16

Logging

イラストレーターというサブスクを今まで使ってきましたが、収入源がないので一旦イラストレーターのサブスクを手放します。これからのアイキャッチ画像は自分が撮影したフォト画像かもしくはフリー素材を使用します。イラストレーターの良いところは数分でまぁまぁなデザインのものが作れてしまうという所です。これは他のイラストレーター似のソフトやWEBサービスでは出来ないものです。それぐらいイラストレーターは優秀ですが・・・(*´ω｀*)

このまま、無収入でサブスクを支払いを続けていると火の車になってしまいかねないので、節約できるところはしていこうと心を鬼にしてイラレのサブスクを解約しました?。

因みに今回のアイキャッチ画像もものの数分で作り上げる事も出来ました。当分使わないのだからもっと頑張ろうかなと思ったのですが・・・。

早く収入源を確保してイラストレーターをまた使いたいなと今は思っています。

退会する前にイラストレーターやフォトショップの代替えのソフトなども調べてみました、フォトショップ代替えのWEBサービスはある程度、無料枠で使えるものがあったのでおそらく何とかなるだろうなと思っています。この頃はアイフォンで撮影することが多いですが、ホコリを被っている数十年前の一眼レフカメラを使用してたまには撮影などもしてみようと思っていますが！！！！！?でも基本はアイフォンで撮影すると思います。

※当分の間、過去のアイキャッチ画像や写真などを使うと思います。

タグ

8, com, https, uhpvVZY-st, watch, web, www, youtube, あい, イラストレーター, イラレ, キャッチ, このまま, これ, サービス, サブ, スク, ソフト, それぐらい, デザイン, ところ, フォト, フリー, もの, 一旦, 事, 今回, 他, 使用, 優秀, 収入, 心, 所, 撮影, 数分, 火の車, 画像, 確保, 節約, 素材, 自分, 解約, 鬼,

庵野秀明の“世界初”大規模展覧会「庵野秀明展」が国立美術館にて！行かねばならぬ。

2021.06.24

Logging

庵野秀明の“世界初”大規模展覧会「庵野秀明展」が国立美術館にて！行かねばならぬ。予定では2021年の10月1日から12月19日まで展覧会が開かれているそうです。庵野秀明監督といえばエヴァンゲリオンやふしぎの海のナディアなどが代表作品になります。また実写では「シン・ゴジラ」を撮った監督さんです。にわかファンですけど、一応、ヱヴァンゲリヲンは全作品観ています。マニアックな事やサブキャラクタの名前などは覚えていませんが・・・?

これはヱヴァンゲリヲンに限らず自分は人の名前などを覚えない質でして・・・ヱヴァンゲリヲンファンごめんなさい！！。ということでワクチンを打ったら日帰りか一日東京に泊まりの旅で美術館観てきたいと思います。恐らく写真撮影はOKだと思うのでブログ等々でシェア出来たらと思います。そんな事より仕事を探さないと・・・ですよね?

追記：東京行きは諦めて大阪行きを予定していますが、コロナとの様子見ですね。

タグ

１, 10, 12, 19, 2021, ９, com, https, MB-dT, OK, watch, www, YE, youtube, エヴァンゲリオン, キャラクタ, ゴジラ, こと, これ, サブ, シェア, シン, ナディア, ファン, ブログ, マニアック, ワクチン, ヱヴァンゲリヲン, 一, 世界初, 予定, 事, 人, 仕事, 代表, 作品, 全作品, 写真, 名前, 国立, 大規模, 実写, 展覧会, 庵野秀明, 撮影, 旅, 日帰り, 東京, 海, 監督, 美術館, 自分, 質,

竜とそばかすの姫のロケ地は高知県だよね。

2021.06.10

Logging

竜とそばかすの姫のロケ地は高知県だよね。「竜とそばかすの姫」とはアニメーション映画監督・細田守が辿り着いた渾身の最新作、2021年、7月16日（金）公開！映画ですが、予告で描かれている場所、四万十の方にはいけないので、もう一つのロケ地、高知県高知市のある場所を写真に収めに行きました。この映画がヒットすれば自分のブログもアクセス数が上がるのではないかとかという下心てきな事は一切考えないです・・・よ?嘘、、、凄く考えております。

細田守監督の映画は全部観ているので観に行くと思います、もしくはブルーレイディスクとかになるかもしれませんが・・・。

でっ今回、撮影したスポットは県庁の近くにある、とある場所です。予告再生後3秒ぐらいに表示される場所です。

建物とかを見れば場所は高知県人ならすぐに分かるかと思います。ちなみに県庁近くのベンチャー企業が集まる建物には何度か入ったことがあります。

話戻しまして、「竜とそばかすの姫」は何故、過去の作品のオマージュなのかが知りたいです。特に似ているのが代表作品と言っても良い「サマーウォーズ」に凄く似ています。「サマーウォーズ」を超えるため「竜とそばかすの姫」作品を作ったと思います、そして今回はなんだか公開前からかなりネットなどで宣伝されており、細田守監督さんの並々ならぬ熱量を感じます。

そしてヒットすれば高知に巡礼する人がいるだろうなって思って今からワクワクしています?。

タグ

-t, （金）, 16, 2021, ３, 6, 7, 8, com, HM, https, OvWpo, watch, www, youtube, アクセス, アニメーション, スポット, そばかす, ディスク, ヒット, ブルーレイ, ブログ, もう一つ, ロケ地, 下心, 予告, 事, 今回, 公開, 再生, 写真, 嘘, 四万十, 場所, 姫, 建物, 撮影, 方, 映画, 最新作, 渾身, 監督, 県庁, 竜, 細田守, 自分, 表示, 観, 近く, 高知市, 高知県,

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

2021.05.24

Logging

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

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

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

タグ

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

雲の上の図書館と雲の上のレストランを見てきた。

2020.11.12

Logging

雲の上の図書館と雲の上のレストランを見てきました。雲の上の図書館はとても良い環境だなと感じました。こんな所が学生時代、あれば結構入り浸りだったと思います。567の影響でひとはあまりいなかったわけですけど、いない中でも若者たちは結構いました、あんな山奥のなかに「でっでーん」と目新しい隈研吾さんがデザインしたモノが建っていたら、そうなるかな。でもお昼過ぎぐらい到着してたのに図書館の前の庭で遊んでいた学生さん、アレは学生さんではなかったのかな？因みに図書館の中は蔦屋書店のミニバージョン木張りと想像して頂ければ良いかなと思います。

外観より中が良かった雲の上の図書館を後にして、帰りに雲の上のレストランの外観をパシャパシャ撮影して帰りました。デザインは雲の上のレストランの建築デザインが好きでしたね。おそらく雲の上の図書館は町並みに合わして作られた感じがします。逆に雲の上のレストランは風景に映える建築デザインだなと感じました。すごくマッチしていて良かったです。

タグ

567, アレ, デザイン, なか, バージョン, パシャ, もの, レストラン, わけ, 上, 中, 到着, 前, 図書館, 外観, 学生, 山奥, 庭, 建築, 影響, 後, 想像, 感じ, 所, 撮影, 昼過ぎ, 時代, 書店, 木, 環境, 町並み, 若者, 蔦屋, 逆, 隈研吾, 雲, 風景,

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

2020.10.29

Logging

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

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

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

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

タグ

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

センスがいいONE Media｛ワンメディア｝：動画2.0。

2020.05.04

Logging

動画クリエイターのためのメディアカンパニーONE MEDIAは伝え方凄くセンスがいい。尺が短い動画でも何を伝えたいのかがよく分かります。これって凄く大事な要素だと思います。動画に関してはズブの素人だけど映像コンテンツは結構見てきているのである程度善し悪しは感覚的に分かっている。つもり(*￣(ｴ)￣*)

動画で表現できる人は凄いなと。自分は全然。自分が撮った動画は無編集動画が殆どです。動画編集とか最初の頃は時間がかかると思います。動画は撮影力と編集力がなければ中々だと感じています。因みにワンメディア代表の明石ガクト氏が本を出版されています。この本には明石ガクト氏のヒストリーも書かれていますが、基本となる撮影技術も記載されている。

これからYOUTUBEで発信を行いたい人はこの本とYOUTUBER取り扱い説明書のような２冊の本を読んでみると動画愛や闘争心が湧くかもしれない。YOUTUBEで今後生き残れるのはほんの一握りです。殆どの人はゆめ砕けてしまいます。夢に挑むことは大事かと思います、なぜなら人生一度きりだから。

最後にチャンネル登録はこちらです。
https://www.youtube.com/user/spotwright/featured

https://onemedia.jp/ WEBサイトもセンスが良いので合わせて貼っときます。

タグ

2, 2.0, media', one, youtube, YOUTUBER, ガクト, カンパニー, クリエイター, これ, コンテンツ, センス, ため, つもり, ヒストリー, メディア, ワン, 中々, 人, 代表, 何, 出版, 動画, 善し悪し, 基本, 大事, 尺, 愛, 技術, 撮影, 明石, 映像, 時間, 最初, 本, 殆ど, 発信, 程度, 素人, 編集, 自分, 表現, 要素, 記載, 説明書, 闘争心, 頃,

Bandicamで画面録画（キャプチャー）じゃなくてコレで録画している。

2020.02.05

Logging

いま、自分がYOUTUBE録画で使っているのはこちらのソフトを使っています。YOUTUBEを撮ろうかなぁと思っているときに、たまたま、そのソフトを開発している企業がキャンペーンしていて無料でそのソフトを購入したので経費0円です。実際買うと4000円弱します。ちょっと不安なのは中国製品だということ、まぁ仕方がない。

ソフト名はVideoProcです。良い所はPCの画面録画と当時にウェブカメラも接続できるのでこれで録画しています。良くあるこういう画面が撮影可能。これで価格も安いです。

YOUTUBE動画の画面操作はこれで撮っています。そして撮ったものをAdobeのPremiere Proで編集をしてUPしています。いまの所、顔出しする意味はあまり無いかなと思っています。Facebookみれば自分の顔写真上げているのでそれで良いかなと・・・。自分の声を編集している理由は聞き取りにくいから調整しています。

ちなみにVideoProcはこういう機能があります。

いまはVersion3.5ですが自分が使用しているのは3.4です、アップデートすると費用がかかるので上げてません。画面録画するぐらいで必要だから不自由ないですね。編集はAdobeの方で対応すれば良いので何も不自由しないです。

タグ

0, 4000, Adobe, Bandicam, Facebook, PC, Premiere, Pro, UP, VideoProc, youtube, いま, ウェブ, カメラ, キャプチャー, キャンペーン, こちら, こと, これ, コレ, ソフト, とき, もの, 不安, 中国, 企業, 価格, 動画, 可能, 声, 実際, 当時, 意味, 所, 接続, 撮影, 操作, 無料, 理由, 画面, 経費, 編集, 自分, 製品, 調整, 購入, 録画, 開発, 顔写真, 顔出し,

動画を無音声に変換するバッチ

2019.09.28

Logging

こらからプログラムしている所のVlogを撮ろうと
月曜日に、WEBカメラを新調しました。
いざ撮影してみると部屋の雑音などが入ってしまうので
音声カットする方法は無いのかなと
フリー編集ソフトをググっていたのだけど
フリーの動画編集ソフトは動画の最初に開発会社のロゴが
表示されるものが多くて何だかやだなーと思い
断念、よくよく考えると自分プログラマーじゃないかということを
思い出しffmpegの存在を思い出して、、、。
ffmpegで無音声で検索すると音の切り離しができる事を知り
バッチを作る事が出来たのでその方法をおすそ分け。
Windows用のffmpeg（解凍したフォルダffmpeg）がC:の直下に入っているとした場合の
バッチです、尚、解凍したフォルダはffmpegに名前変更済とします。
下記のコードをテキストファイルにコピーしてその後、拡張子をbatと変更し
お使いください。動かない場合、下記のプログラムを正しく理解するか
知り合いのIT関係者にヘルプしたら大体の方はわかると思います。
※環境変数には登録していないのでexeにパラメータを渡します。

@echo off
set /P INMP4="動画ファイル名（絶対パス）を入力ください"
set /P OUTMP4="出力動画ファイル名（絶対パス）を入力ください"
cd C:ffmpegbin & ffmpeg.exe -i "%INMP4%" -vcodec copy -an "%OUTMP4%"
echo "complete"

 
無事、無音声の動画に音楽をYOUTUBEで付与することが出来ました。
https://www.youtube.com/watch?v=0-0FH3iaEP4

タグ

Bat, ffmpeg, Vlog, web, Windows, おすそ分け, お使い, カット, カメラ, コード, こと, コピー, ソフト, だなー, テキスト, バッチ, プ, ファイル, フォルダ, フリー, プログラマー, プログラム, もの, ロゴ, 下記, 事, 動画, 名前, 場合, 変換, 変更, 存在, 後, 所, 拡張子, 撮影, 断念, 新調, 方法, 最初, 月曜日, 検索, 用, 直下, 編集, 自分, 表示, 解凍, 部屋, 開発, 雑音, 音, 音声,

香南市みなこい港まつり花火2018に行ってきましたよ。

2018.08.06

Logging

香南市みなこい港まつり花火2018に行ってきましたよ。
写真ではなく動画で撮影しました。
ほぼノーカットでいっさい編集していません。
それをまるごと、YOUTUBEにアップロードを行いました。
動画の撮影にはお友いらないし、彼女もいらない、
ひたすらiPhoneで撮影しました。
暗いのであまりひと目は気にならなかったですが撮影していて、そういや彼女と花火見たことないなとか思いつつ凹んでいました。
こんな事ばかりしているから、彼女が出来ないだと思う半面、ひとりが楽だなとも感じますが、やはり彼女がいればなぁとは思いますｗ

タグ

iPhone, ｗ, youtube, アップロード, いっさい編集, お友, ノーカット, ひとり, ひと目, 写真, 動画, 半面, 彼女, 撮影, 気, 花火, 香南市みなこい港まつり花火2018,

よさこい前夜祭2015へ行ってきましたよ。

2015.08.10

Logging

よさこい前夜祭2015へ行ってきましたよ。行って良かったです、LIVEの良さをあらためて実感しました、全然迫力とかそういうモノが違います。途中から撮影より見る方を優先しだして、あまり写真や映像は撮らなかったです。あと前夜祭と鏡川のお祭りもあったので結構な人混みでした。開催時間から一時間ぐらい遅く高知の中央公園に着いたのですが、その時はもう良い席は埋まっていました。着いた時は近場で撮影は不可能に近かったです。撮影がやっとうまく出来たのが20時半ぐらいです。ちなみに現地集合で男友達と合流しましたけど、次回は混合で行きたいものだなと感じました。もうひとつ思ったことはiPhoneでは、やはり撮影が難しい。動画を撮影するなら撮影道具が必要かなとは思いましたけど、まぁ・・今のところiPhoneで我慢します。人を撮るのは苦手です。基本的にドアップで撮らないよう意識して撮影したつもりです。
明日からよさこい祭り本番です、12日には全国大会もあります。今年は例年以上に暑くなりそうですね。踊り子さんは暑さ対策は必須になりそうです。熱中症で倒れることないように祈っています。
じぶん、今日は仕事だ・・・。
https://youtu.be/N3_5MiAaPeg
 

タグ

お祭り, じぶん, もうひとつ, よさこい前夜祭2015, よさこい祭り本番, 中央公園, 人混み, 例年以上, 全国大会, 撮影, 撮影道具, 混合, 熱中症, 現地集合, 男友達, 踊り子, 近場, 迫力, 鏡川, 高知,

スケジュール表を復活させましたのでうっぷ。

2014.12.27

Logging

スケジュール表を復活させました、WEB関係のお仕事まってます、デザインとかよりコーディングの依頼を重視して受付を行いたいと思いますので、よろしくお願いします。尚、依頼に関しては通常勤務を優先しますので在宅でのお仕事に関してはその合間でのお仕事になります。また、仕事依頼等はTwitterのDMもしくはhttps://crowdworks.jp/public/employees/19264（クラウドワークス）よりお願いします。
※Twitterで依頼された方も同様、決済に関してはクラウドワークスのシステムでの決済になります。
※WEB依頼のお仕事以外でも受付をしております（風景写真などの撮影：被写体不可）。
https://zip358.com/job/?（スケジュール表）

タグ

Twitter, WEB依頼, WEB関係, お仕事, お仕事以外, クラウドワークス, コーディング, システム, スケジュール表, デザイン, 仕事依頼, 依頼, 受付, 合間, 在宅, 撮影, 決済, 被写体不可, 通常勤務, 風景写真,