退職日まで日数を求める・JSでカウントダウンコードを構築してみた😆

2022.07.02

Logging

おはようございます。ちょっと退職後の事を思うと不安が過りますが、何とかなる何とかします😆。

さて、退職日まで後何日あるかを確認出来る物を作りました、土日はカウントしない場合も考慮しています。このコードは人様のコードを拝借して再構築したものになります。

参考にしたサイトはこちらです。土曜日、日曜日は除くように新たに無名関数を入れ込んでいます。土日はカウントせず月曜日のカウントになります。JavaScriptのコードは下記になります。HTMLコードに敢えて記載しません、ご自由に書き換えて試してくださいませ。

var showDiffDate = function( tYear, tMonth, tDay) {
    var nowDate = new Date();
    var dnumNow = nowDate.getTime();
    var targetDate = new Date( tYear, tMonth-1, tDay );
    var dnumTarget = targetDate.getTime();

    var diffMSec = dnumTarget - dnumNow;
    var diffDays = diffMSec / ( 1000 * 60 * 60 * 24 );
    var showDays = Math.ceil( diffDays ); 
    var Msg;
    if( showDays >= 0 ) {
       Msg = "" + showDays + " days(" + function(){
         var is_days = parseInt(parseInt(showDays) - Math.floor(showDays / 7) * 2);
         is_days = (nowDate.getDay() === 0)?is_days -2:is_days;
         is_days = (nowDate.getDay() === 6)?is_days -3:is_days;
         return is_days;
       }() +")";
    }
    else {
       Msg = "" + (showDays * -1) + "";
    }
    return Msg;
 };

 document.getElementById("days").innerText = showDiffDate(2022,7,15);

尚、このコードはそれほど難しいことはなく難易度で言えば最も簡単なコードだと思います。

タグ

date, dnumNow, function, getTime, html, javascript, JS, new, nowDate, showDiffDate, targetDate, tDay, tMonth, tY, tYear, var, カウント, カウントダウン, コード, こちら, サイト, もの, 下記, 不安, , 人様, 何日, 参考, 土日, 土曜日, 場合, , 拝借, 日数, 日曜日, 月曜日, 構築, 無名, , 確認, 考慮, 記載, 退職, 関数,

All in ONE SEOはヘッダーをゴニョゴニョしてくれるだな😌

2022.03.16

Logging

All in ONE SEOはヘッダーをゴニョゴニョしてくれるだな😌という事で自分でヘッダー部分にタイトルやソーシャル用のタグを基準する必要ないのです。

因みに個別記事に関連記事が入っているとそれがタイトル名になる場合がありますので、そこらへん関連記事の構造を意識する必要があります。その事を知らなかったので一時タイトル名が違ったタイトル名が表示されていました。

SEO的にどれぐらい効果があるかは不明ですが、ワードプレスで開発するときにAll in ONE SEO入れておくと勝手にそこらへん記述がコードに挿しこむ事が出来るので結構便利かと思います。

ただ、プラグインですからね、無名なプラグインを使っていると痛い目にあう事もあるので注意が必要です。もし無名なプラグインで良いのがあったら似たような動作で自作プラグインを作ったほうがマシです。何もかも人様のプラグインを使っていると後々のメンテナンスで痛い目にあいますし、下手をするとプラグインとともに共倒れって事さえありますので、プラグイン導入は慎重にした方が良いです。

特に企業サイトの運営にむやみにプラグイン導入は間違いなく害悪です。

タグ

all, in, one, SEO, コード, ゴニョゴニョ, ソーシャル, そこら, それ, タイトル, タグ, とき, どれぐらい, プラグイン, プレス, ヘッダー, べん, まし, メンテナンス, ワード, , 不明, , 人様, 何もかも, 便利, 個別, 効果, 動作, 勝手, 基準, 場合, 後々, 必要, 意識, 構造, 注意, 無名, , , 自作, 自分, 表示, 記事, 記述, 部分, 開発, 関連,

今はよく使う無名関数と即時関数というモノ?

2021.06.21

Logging

javascriptを例に無名関数即時関数をよく書いています。尚、PHPでも同じ要領で無名関数と即時関数がかけます。たぶんいろいろな言語に同じ要領で書けるようになっていると思います。但しPHPにアロー関数での無名関数と即時関数がどうか分かりません。因みにPHPの方に即時関数があることは結構、最近になって知りました。
自分は無名関数の存在は知っていましたが、あまり使うことがなく使い方もヘンテコな使い方をしていましたね。
無名関数や即時関数を使わない人もいると思います、駆け出しのエンジニアさんに配慮して書かないという職場もあるでしょうし、制約で書けない場合もあるかもしれません。

【JavaScript入門 #7】匿名関数、高階関数、コールバック関数を攻略せよ!【ヤフー出身エンジニアの入門プログラミング講座】

そんな感じで仕事をしているといろいろ制約の中でコードを書くことになるので、ちょっと窮屈感を感じる人も多いと思います。特に開発に新しい技術を取り入れるような実験が出来る職場は少ないです。大規模開発になればなるほど、実験的な事ができなくなる傾向にあると思います。それも仕事だと割り切るしか無いかなと思います。使いたい技術は私用で開発するときに使うようにしましょう。そういうITエンジニアは結構いますよ。

//functionで無名関数
var mumei1 = function(a){
	return a;
};
console.log(mumei1(123));
//アロー関数で無名関数
var mumei2 = (a)=>{
	return a;
};
console.log(mumei2(123));
//functionで即時関数
console.log((function(a){
	return a;
})(123));
//アロー関数で即時関数
console.log(
((a)=>{
	return a;
})(123));

タグ

javascript, php, アロー, いろいろ, エンジニア, コード, こと, ヘンテコ, もの, , , , , 仕事, 使い方, , 傾向, 制約, 即時, 場合, 大規模, 存在, 実験, , 感じ, 技術, , 最近, 無名, 窮屈, 職場, 自分, 要領, 言語, 配慮, 開発, 関数, 駆け出し,

いいねしてくるYOUTUBERは!?

2020.09.13

Logging

TwitterにいいねしてくるYOUTUBERやブロガーを紹介することほぼないと思います。自分のYOUTUBEの判断基準は、自分が良いなと思ったものです。ブレはないですよ。だいたいのYOUTUBERは認められていきます、そこそこYOUTUBEで生活することが出来る人が多いです。

この基準以外ないので、それが無名でYOUTUBE登録者数が少なくても紹介します、逆に駄目だなと感じたものに関しては紹介しません。
自分はYOUTUBEの動画は全然駄目だけど、これは伸びそうという感覚は結構なぜだか分からないけど当たるみたいです。

なので、Twitterにいいねして間接的に紹介してねみたいなのは、天の邪鬼なので紹介は余程良いひとでまだ登録者数が少ない人以外は紹介しません。

まとめると、おすすめYOUTUBEに掲載する基準は自分がいいなと思ったものだけです!

因みに自分のYOUTUBEそろそろ再活動します、活動するけどvlogですので伸びないでしょう?編集能力と声や画面映しないので伸びはしないだろうとは思ってますけど、作業vlogは撮っていこうかなと思います。理由は誰かの役に立つことが出来るかなと思うからです。

タグ

Twitter, Vlog, youtube, YOUTUBER, おすすめ, こと, これ, それ, ひとで, ブロガー, もの, , 判断, 動画, 基準, 天の邪鬼, 感覚, 掲載, 活動, 無名, 生活, 登録者, 紹介, 自分, , 駄目,

javascriptのアロー関数ってアレだな。

2020.05.20

Logging

javascriptのアロー関数ってアレだな、無名関数の省略形だと思ったら良いです。アロー(arrow)=矢って意味、まんまだよね。日本語に直訳すると矢関数って意味になるのかな・・・。矢関数って響きが良くないのでアロー関数って読んでいるだけだと思うのです。英語のわからない自分は矢関数で良いじゃないと思ったりするわけです。

例文:載せときます、、比較的新しいブラウザなら動作します。

	const test = (e)=>{
		var view = document.querySelector("#view1");
		view.innerHTML = e.target.value;
	};
	const input = document.querySelector("#t");
	input.addEventListener("input",test);

一応、デモサイトのリンクも載せときますので、動作確認してみてくださいな。
尚、今回は純正なjavascriptだけで記載しました。これから極力、純正で純粋なjavascrpitで書いていこうと思います、いまのWEBの流れはそうなんだって。そしてTypescriptとかが今後来るみたいに言われていますよね。

https://zip358.com/tool/demo15/

タグ

, addEventListener, arrow, const, document, gt, innerHTML, input, javascript, querySelector, quot, target, test, value, var, view, アレ, アロー, ブラウザ, まんま, 例文, 動作, 意味, 日本語, 無名, 直訳, 省略形, , 自分, 英語, 関数,

漫画家もYOUTUBERしている。

2020.02.12

Logging

漫画家もYOUTUBERしている。下記の動画を観てプロフェッショナルってどういう事なのかが、ヒシヒシと伝わってきます。恐らくプロとアマの違いは妥協するハードルの設定が違う。要するに技術的なところが圧倒的に違うということ。そこがプロとアマの境目なんだろうと動画を観て思いました。

そして自分の動画やブログを読み返したり見返したりする事があるのですが、甘々なアマから抜け出せないのは、そこらへんのクオリティに拘るとかそういう所なのかもしれないなと思います。有名なひとはクオリティがあまり無くても視聴者はつきます、特に芸能人とかはそんな感じですね。

自分みたいな無名な素人はクオリティが無いと再生回数やブログのプレビュー数は跳ねないなとつくづく思います。いきなりクオリティが良くなるわけではないのでやはり日々、精進していくしかないと思います。ちなみに今日からYOUTUBE動画、実の声で配信することにしました。実の声は嫌いなのですが動画を見直すと少しうるさく感じるので変えてます。あとは解説をもっと上手にしたいのですが、コレばかりは慣れかなと思います。大量に解説すれば何れ上達すると思っています。無編集の状態でUPしているのですがなんか加工した方が良いのかなと思っていますが解説動画なので悩ましい限りです。

漫画原稿1枚 下絵・ペン入れできるまで 全収録

最後に漫画家さんのYOUTUBEチャンネルのリンクを貼っときます。 https://www.youtube.com/channel/UCeySBnV71dyC-gwqapq9NwQ

タグ

youtube, YOUTUBER, アマ, クオリティ, こと, そこ, そこら, ところ, ハードル, ひと, プレビュー, プロ, ブログ, プロフェッショナル, べん, わけ, 下記, , 今日, 再生, 動画, 回数, 境目, , 妥協, 嫌い, 少し, 感じ, , 日々, 有名, 漫画家, 無名, 甘々, 精進, 素人, 自分, 芸能人, 視聴者, 設定, 違い, 配信,

オレオレ無名関数の再帰処理。

2019.10.26

Logging

無名関数はよく使います。ちょっとしたモノを書きたい時、
オレオレ無名関数を書いて済ますことが多くなりました。
無名関数の良いところは無名関数を使用する手間にメソッドがあるので
確認しやすいというところですね。
 

<?php
$mumei = function ($tasu=0) use(&$mumei){
    if($tasu<=150){
        $tasu = $tasu + 5;
        print $tasu."n";
        return $mumei($tasu);
    }
    return $tasu;
};
//オレオレ無名関数の使い方は…小道具ぐらい程度のもの。
print $mumei();
// 5
// 10
// 15
// 20
// 25
// 30
// 35
// 40
// 45
// 50
// 55

タグ

0, 10, 15, 150, 20, 25, 30, 35, 40, 45, 5, amp, function, if, lt, mumei, nbsp, php, print, return, tasu, use, オレオレ, こと, ところ, メソッド, もの, 使い方, 使用, 再帰, 処理, 小道具, 手間, , , 無名, 確認, 程度, 関数,

PHPの無名関数の使い道が未だにわからないし…

2019.03.09

Logging

<?php
$mumei = function()
{
    if($cnt = func_get_args())
    {
        foreach($cnt as $key=>$value)
        {
            print func_get_arg($key);
        }
    }
};
$mumei(1,2,3,4,5,6);

わからない、未だにわからないし、使う機会が少ないのだけどいったいどこに使うのか。

追記:
2021年の今、無名関数を使ってコードを書くことが増えました、PHP8になりオブジェクト指向が洗練されてきています。今後、無名関数を使用してコードを書くこともあると思います。因みにJSの方が無名関数でコードを書くことが多いですね。

PHPでの無名関数の問題点は、頻繁に無名関数ばかり使用していると他のエンジニアが読みづらく感じる所かもしれません。特にPHPの昔のバージョンになればなる程、読みづらいと思います。

タグ

, 2, 2021, , 4, 5, 6, 8, arg, args, as, cnt, foreach, FUNC, function, GET, gt, if, JS, key, lt, mumei, php, print, value, エンジニア, オブジェクト, コード, こと, どこ, , 今後, , 使い道, 使用, 問題点, , 指向, , 未だ, 機会, 洗練, 無名, 追記, 関数, 頻繁,

映画、スターウォーズ(フォースの覚醒)を観てきましので感想なんかを。 #映画レビュー #スターウォーズ

2015.12.23

Logging


映画、スターウォーズフォースの覚醒を
観てきましので感想なんかを残しときます。
この映画、12月18日に観に行ってきました。
当日には観ないとか断言していたのにも・・・
関わらず観に行ってきました(・ω・)
何故って?それはやっぱ観に行きたいという思いが強かったからです。
超期待して観に行ってきたのですが・・・。
自分の超期待には答えてくれしませんでした。
スターウォーズファンは今までのスターウォーズシリーズから
脱線していないという事で好印象らしいです。
興行収入もジュラックパークを抜いて
歴代一位になったそうですが・・・。
自分としては次回作に期待という印象です。
この頃のスターウォーズシリーズ何かが
物足りない、CGも迫力もあるし
俳優陣も無名の俳優さんが殆どなので?
先入観なしで映画が観ることができるのだけど
ストーリーに物足りなさを感じるのか。
観終わった後の余韻がない・・・。
要するに何かが足りない。
この頃、SFでこれは良かったなってのが
無くなって来ている。もう少し非現実的はなしを
現実的に見せて欲しい気がします。
そこが・・・今回のスターウォーズフォースの覚醒には
少し無かった気がします。
でも、あまり映画を観ない人が観たら
楽しめる映画になっていると思います・・・?。

タグ

ジュラックパーク, スターウォーズ, スターウォーズシリーズ何か, スターウォーズファン, スターウォーズフォース, ストーリー, 余韻, 俳優, 俳優陣, 先入観, 大事, 好印象, 始末, 感想, 映画レビュー, 次回作, 殆ど, 無名, 興行収入, 覚醒, 迫力,