CSSファイルの設定を読み込んで一括背景色変更するコード。 #cssfile #javascript #coding #colors

2022.11.30

Logging

おはようございます、先日の日曜日は原因不明の体調不良で寝込んでおりました(¦3[▓▓]。

今日は何とか体調が回復したので、CSSファイルの設定コード読み込んで一括背景色変更するプログラムコードを作成しました。※実際、自分のブログ・サイトで動いているコードになります。

<link rel="stylesheet" href="examplestyle.css">

導入方法はまずヘッダーに変更したいCSSファイルを記述します。次にbody内に下記のコードを記述します。

<span id="site_description"></span>

最後にJSコードを挿入します。JSコードはファイルで読み込むでもベタ書きでも良いのですが、上記のHTMLタグより下に記述してください。そうしないと動作しません😗。

let htmlcode = ["#efefef", "#181B39", "#262a2e", "#192734", "#1c483b", "#bf7800", "#83094f"].map(elm => `<span class='color_code' style='color:${elm}' data-color-code='${elm}'>■</span>`).join("\n");

const basecolor = "#262a2e";
let cookiefn = function (CodeColor) {
    let r = document.cookie.split(';');
    return r.length ? ((r) => {
        let changecolor = "";
        for (let ii = 0; ii < r.length; ii++) {
            let content = r[ii].split('=');
            for (let i = 0; i < content.length; i++) {
                if (content[i].replaceAll(" ", "") === "bgcolor_code") {
                    changecolor = content[i + 1];
                }
            }
        }
        return changecolor?changecolor:CodeColor;
    })(r) : CodeColor;
};

let old_color = cookiefn(basecolor);
document.getElementById("site_description").insertAdjacentHTML("afterend", htmlcode);
[...document.querySelectorAll(".color_code")].forEach(elm => {
    elm.addEventListener("click", function (e) {
        color_set(elm.getAttribute("data-color-code"));
    });
});

color_set(old_color);

function color_set(color) {
    for (let ii = 0; ii < document.styleSheets.length; ii++) {
        if (String(document.styleSheets[ii].href).match(/mag_tcd036-child\/style\.css\?ver=/)) {
            for (let i = 0; i < document.styleSheets[ii].cssRules.length; i++) {
                let element_css_code = document.styleSheets[ii].cssRules[i];
                try {
                    element_css_code.style.backgroundColor = color;
                    if (color === "#efefef") {
                        element_css_code.style.color = "#000000";
                        
                    } else {
                        element_css_code.style.color = "#FFFFFF";
                    }
//いらないかも領域🤔👇
                    document.querySelectorAll("#wp-calendar > tbody > tr > td > a").forEach(elm=>{
                        elm.style.backgroundColor = "#909091";
                    });
                    document.getElementById("searchsubmit").style.backgroundColor = "#000";
                    document.querySelector("#s").style.backgroundColor = "#909091";
                    [...document.querySelectorAll("code")].forEach(elm=>{
                        [...elm.querySelectorAll("span")].forEach(childen_elm=>{
                            childen_elm.style.backgroundColor = "#565656";
                        });
                    });
//いらないかも領域🤔👆                    
                } catch (error) {
                }
            }

            document.cookie = "bgcolor_code=" + color;
        }
    }
}

注意事項:背景色を変更するCSSファイルをJSコードでチェックしています。そのチェックしている部分を外すと全てのCSSファイルの背景色を変えることが可能です。

タグ

, body, coding, colors, css, cssfile, description, examplestyle, gt, href, ID, javascript, JS, link, lt, quot, rel, site, span, stylesheet, コード, サイト, ファイル, ブログ, プログラム, ベタ, ヘッダー, 一括, 下記, 不明, 不良, 今日, 体調, 作成, 先日, , 原因, 回復, 変更, 実際, 導入, 挿入, 方法, 日曜日, 最後, 背景色, 自分, 記述, 設定,

ブログを書いていなかったので、今頃、日誌を書きます。

2022.08.11

Logging

※この記事は2022/08/12に書いた記事ですが投稿日は昨日の日付になっています。

こんにちは、昨日ブログを書いていなかったので埋め合わせの記事を今、書いています。

昨日はよさこい祭りの最終日でしたね。その頃、自分はLaravelで開発をしていました。昼からは体調不良だったので、仮眠を取ってたりして何とか夕方頃から復活して、続きのコードを書いたりしていました。全然、今日までブログを書いていたつもりになっていていました。

まだまだ暑い日が続きますが、熱中症やコロナには気をつけてお過ごしください。

あとこの頃、TikTokとか言うもののアカウントを作りました、一応開設して動画を投稿したりしています。YOUTUBEのショートに上げた内容を今後、TikTokにもUPするつもりでいます。あと、YOUTUBEも実名アカウントも併用しつつ今まで使っていたアカウントもたまに使用しながら活動していきます。

トイウコトデ、近況報告でした🙇。

タグ

08, 12, 2022, Laravel, TikTok, UP, youtube, アカウント, コード, コロナ, ショート, たま, つもり, , ブログ, よさこい祭り, 不良, , 今後, 今日, 今頃, 仮眠, 体調, 併用, 使用, 内容, 動画, 夕方, 実名, 復活, 投稿, , 日付, 日誌, 昨日, , 最終日, , 活動, 熱中症, 自分, 記事, 開発, 開設, ,

たまには無題。

2022.02.09

Logging

おはようございます、今日はいつもより更新時間が遅いです。それには理由があって自分の体調が少し優れないのが原因です😌。昨日、Twitter経由で同じ高知県に住むデザイナーさんのブログを読ませてもらいました、そのデザイナーさんは体調を崩して精神疾患になったそうです、そしてこの頃、断薬に挑んでいるとのことです。それを読んで大変苦労されているだなって思いました。

やっぱこの業界ってそういうの多いのかな?

ITって精神的に辛いことが多いと思います、デジタルを使った粘着系の嫌がらせが結構あったりするので、どうなのかなって自分は思いますね。良くあるのはTwitterを使用したりして社員や同僚を貶したりする行為ですね😌。

これ深刻なネットいじめだと思います、大人になっても同じように他者をいじめる人々がいるです、大人になったからいじめは無くなると思い込んでいたら駄目ですよ。

大人の方が陰湿ですからね…。そういう職場からは逃げるのが一番です、訴えてもどちみち会社を去る事になりますからね。

IQが10違うと会話が成り立たないそうです・・・、そういうのも少なからず影響していると思います。

タグ

IT, Twitter, いつも, こと, これ, それ, たま, ちみち, デザイナー, デジタル, ネット, ブログ, 人々, 今日, 他者, 体調, 使用, 原因, 同僚, 大人, 嫌がらせ, 少し, 断薬, , 昨日, 時間, 更新, 業界, 無題, 理由, 疾患, 社員, 粘着, 精神, 経由, 職場, 自分, 苦労, 行為, 陰湿, , 駄目, 高知県,

WebAPIの作り方、考え方です?。サンプルコードもありますよ。

2021.12.24

Logging

昨日から風邪を引いてしまいました…。今日も体調が優れない状態ですが、昨日よりはマシになっています、因みに風邪というよりも腸と胃に菌がはいってしまって、それによる発熱です?。

さて、今回はPHP言語でWebAPIの作りましたので、ご報告致します、どんなAPIかというと生年月日とカウントしたい歳をPOSTすると、現在の年齢、今まで生きてきた日数、カウント日数がレスポンス(返却)されます。

【JavaScript入門 #8】WebAPIを叩いてみよう!async await構文を使うと簡単!【ヤフー出身エンジニアの入門プログラミング講座】

PHPコードは下記の通りになります。適当に作ったので間違っている箇所があるかもしれませんが、そこはご愛嬌でお願いできますでしょうか?、また、WebAPIの叩き方はご自身でお考えくださいませ。
サーバーに負荷が増したらWEBAPIは閉じます。

尚、WEBAPIのURLはこちらになります。

https://zip358.com/api/age/v1/type1/

<?php
header('Access-Control-Allow-Origin: *');
date_default_timezone_set('Asia/Tokyo');
$birth_date = (string)$_POST["birth_date"];
$max_age = (int)$_POST["point_age"];

/**
 * @param string $birth_date
 * @return string|false
 */
function check1($birth_date = ""): bool
{
    $flg = false;
    $str_date = explode("/", $birth_date);
    if (count($str_date) === 3) {
        $flg = true;
        if (!((int)$str_date[0] >= 1000)) {
            $flg = false;
        }
        if(((int)$str_date[0] > (int)date("Y"))){
            $flg = false;
        }
        if (!((int)$str_date[1] >= 1 && (int)$str_date[1] <= 12)) {
            $flg = false;
        }
        if ($flg) {
            if ((int)$str_date[1] === 2) {
                if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 28)) {
                    $flg = false;
                }
                if ((int)$str_date[0] % 4 === 0) {
                    $flg = true;
                    if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 29)) {
                        $flg = false;
                    }
                    if ((int)$str_date[0] % 100 === 0) {
                        $flg = true;
                        if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 28)) {
                            $flg = false;
                        }
                        if ((int)$str_date[0] % 400 === 0) {
                            $flg = true;
                            if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 29)) {
                                $flg = false;
                            }
                        }
                    }
                }
            } else {
                $last_day = [4, 6, 9, 11];
                if (array_search((int)$str_date[1], $last_day, false)!== false) {
                    if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 30)) {
                        $flg = false;
                    }
                } else {
                    if (!((int)$str_date[2] >= 1 && (int)$str_date[2] <= 31)) {
                        $flg = false;
                    }
                }
            }
        }
    }
    return $flg;
}

/**
 * @param int $age
 * @return string|false
 */
function check2($age = 0): bool
{
    $flg = true;
    if ($age < 0) {
        $flg = false;
    }
    return $flg;
}


/**
 * @param string $birth_date
 * @param string $maxage
 * @return string $reslut
 */
function sumup($birth_date, $maxage)
{
    $reslut = [];
    $birth_date_array = explode("/", $birth_date);
    $birth_date = sprintf("%04d%02d%02d", $birth_date_array[0], $birth_date_array[1], $birth_date_array[2]);
    $today = date('Ymd');
    $age = floor(($today - $birth_date) / 10000);
    $day1 = new DateTime("{$birth_date_array[0]}-{$birth_date_array[1]}-{$birth_date_array[2]}");
    $day2 = new DateTime();    
    $interval1 = $day1->diff($day2, true);
    $baseday =  (int)($interval1->format('%a'));
    if ((int)$maxage <= (int)$age) {
        $pointday = 0;
    } else {
        $maxage--;
        $day3 = new DateTime((date('Y') + ($maxage - $age)) . "-{$birth_date_array[1]}-{$birth_date_array[2]}");
        $interval2 = $day2->diff($day3, true);
        $pointday = (int)($interval2->format('%a'))+1;
    }


    $reslut = [
        [
            "result" => "success",
            "age"=>$age ."歳",
            "baseday" => $baseday . "日(生きてきた日数)",
            "pointday" => $pointday . "日(" .($maxage +1). "歳まであと)"
        ]
    ];
    return json_encode($reslut);
}

if (!check1($birth_date)) {
    print json_encode([
        [
            "result" => "error",
            "error" => "string is invalid1"
        ]
    ]);
} elseif (!check2($max_age)) {
    print json_encode([
        [
            "result" => "error",
            "error" => "string is invalid2"
        ]
    ]);
} else {
    print sumup($birth_date, $max_age);
}

タグ

39, Access-Control-Allow-Origin, API, header, lt, php, POST, url, WebApi, お願い, カウント, コード, こちら, ご報告, ご愛嬌, ご自身, サーバー, サンプル, そこ, それ, まし, レスポンス, 下記, 今回, 今日, 体調, 作り方, 叩き, 年齢, 日数, 昨日, , 状態, 現在, 生年月日, 発熱, 箇所, 考え方, , , , 言語, 負荷, 返却, 通り, 適当, 風邪,

アーユーハッピー?

2020.11.28

Logging

退職を機に体調不良を整えようとインドの療養施設に滞在した際、肩こり、不眠、ストレスによる湿疹など延々と続く私の訴えをウンウンと聞き取った医師が最後に尋ねた言葉。

「それで、あなたは幸せなの?」。
虚を突かれ、思わずたじろぐ。

私たちは何かを手に入れて幸せになろうとしている。モノ。お金。そして健康。でも手に入らなければ不幸なのか?例えば病人は不幸なのか?だとすれば私たちは皆、不幸にまみれて一生を終わるのだ。

だって病と死からは誰も逃れられないもの。でも本当は病人だって、モノやお金がなくたって幸せになれるはず。肝心なのは何かを手に入れることじゃない。ハッピーになること。

「ある」幸せがあるなら「ない」幸せがあったっていいじゃない。そう考えると意外なほどに心は浮き立つ。人生は自由だ。そしてどこまでも開かれている。

アーユーハッピー?

幸福論/ソー、エミコ・・・アー・ユー・ハッピー? インドの病院の医師/稲垣えみ子

昔、録画していた情熱大陸を再度見る。このネタは昔書いたかものとつぶやいた事を再構築するという意味で書いている。この情熱大陸回のラストにナレーターが読む幸福論がじぶんは好きだなと思える。たまに忘れてしまうけどこの言葉はとても良いな、人生は自由だ。人生を狭めているのはじぶんの心だと、もっと気楽に生きていけるようにしたいと。

自分は稲垣えみ子さんのこの言葉に虚(きょう)を突かれたじろぎました。特に「ない」幸せがあったっていいじゃないという言葉に?

タグ

アー, あなた, インド, エミコ, えみ子, お金, こと, ストレス, ソー, ネタ, パス, ハッピー, もの, ユー, 一生, 不幸, 不眠, 不良, 人生, 体調, 何か, 健康, 再度, 医師, 幸せ, 幸福, , 情熱大陸, 意外, , 施設, , 最後, 本当, , , 湿疹, 滞在, , 病人, 病院, 療養, , , 稲垣, 肝心, 肩こり, 自由, , 言葉, , 退職, 録画, ,

明日へ続く愚痴。

2020.05.28

Logging

この頃、体調不良です。睡眠は大切ですよと本当に思います・・・。
自分の場合、平均的に8時間睡眠が必要となり、3、4時間の睡眠を毎日続けていると食欲不振になります。また寝ることを我慢していると今度は眠りが浅くすぐ目覚めてしまうという悪循環になることがわかりました。なので、明日からは規則正しい生活習慣に戻します。

この頃、お空からお金が舞い込んでこないので、自分でなにか無料のシステムを作り上げてそこから広告収入を得ようかなと考えています。例えばアプリを大量生産してそれで生計を立てているひとも世の中にはいます。自分はアプリではなくWEBシステムで生計を立てようと思っています。その他にもクラウドからお仕事もやらないといけなくなるでしょう、それに付いては明日書きますね。

まぁこの頃、プログラミングを頑張ってレベル上げして毎日頑張っていろいろ取り組んできたのですが、少々、アクセルを踏みすぎた感があります。ちなみにプログラミングは好きなので、休み無くコードを書く癖があります。凄い集中というか、そういう生き物なのだけです。仕事をしていたときからそういう感じでした。真面目ではないですよ…暗いわけでもないですよ。集中するとそうなるだけなんですよね。

逆に電話がなると仕事を中断しないといけないし時間を使うので自分はテキストが非常に良いと感じます。ホリエモンほど極端ではないものの、やはり電話は仕事を奪うという感覚はあります。もし自分が会社の社長になったなら、プログラマーさんには電話には出なくて良いといいますし、打ち合わせにもリーダー以外出なくて良いといいます。生産性を上げるには最初の上流工程でちゃんと設計するという事が大事になります。それをせず口頭だけでやっといて丸投げするような会社は使えないシステムが生産されます。そういう会社は逃げたほうが良いです。責任だけを負わされるだけで何のメリットも生まれません。そんなわけでプログラマーの生産性を上げるには徹底した効率的な職場が必要かと思います。

明日に続く。

タグ

, 4, 8, web, アクセル, アプリ, お仕事, お金, クラウド, コード, こと, システム, そこ, その他, それ, ひと, プログラミング, レベル, 不振, 不良, , , 今度, 休み, 体調, 収入, 場合, 大切, 大量, 少々, 広告, 循環, 必要, 愚痴, , 我慢, 明日, 本当, 毎日, 無料, 生活, 生産, 生計, , 睡眠, , 習慣, 自分, , 食欲,

もし仕事が見つからなかったらコレしか自分無いなと感じます。

2020.02.22

Logging

下記の動画ようなそんな生き方に。自分はそういう事が嫌いじゃないので、それで生きていきたい。そしてここでは言えないが事情があり、そういう生き方のほうが精神的に生きやすいと思うのだが、フリーランスという道はそんなに甘いものではないのは理解しているつもりで書いてます。今は職につく事を考えているのですが、やはり毎日、精神疲労がひとと違っていつも大変なのですね、ここ数年、仕事に務めてきたけど結構つらい、特に冬場の夕方あたりが精神的に重くなるので辛いのだ。

個人開発で複数のスキルを得るためにやったこと 〜 アプリ開発の企画やプログラミングからデザイン、マネタイズまで全部自分でやれるようになるには?

真面目に働くひとなので、今こういう体調になってしまったのだろうかと…思う。まぁでも体調や心が重くなる意外は基本的に普通なのだけど、これだけは後遺症みたいに何だか残ってしまったようです。なので、もしフリーランスになったとしたら、一番はこういう生き方を望みます。たぶん、自分が頑張ればこういう生き方を望めそうな気もします。自分の場合、収入が25万円あれば生きていけそうなので働き口がなかったら、そこらへんを目指していこうと思います。

トイウコトで動画の感想でした?今は自分でも働けそうな働き口を探すこととかに専念しています。なので労働しながら上記のような仕事へシフトしていくことも有りだなと思えました。

タグ

25, ここ, コレ, これだけ, それ, つもり, ひと, フリー, もの, ランス, , , 下記, , 事情, , 仕事, 体調, 冬場, 動画, 収入, 場合, 夕方, 大変, 嫌い, 後遺症, , 意外, , 普通, 毎日, , 理解, 生き方, 疲労, 真面目, 精神, , 自分, ,

強烈な歌詞、平井堅の「ノンフィクション」。

2017.06.03

Logging


強烈な歌詞、平井堅の「ノンフィクション」。
ドラマの主題歌になっている、この歌詞は本当にすごい歌詞だと
思います、魂の叫びのような歌詞でありメロディだなと。
やはりプロは違います。
この世の中の人々が噤んでいる言葉を表現したような歌詞にも思えます。
それを歌詞にするそして、音楽として提供する。だからヒットする単純なこと
でありながら、それはとても難しい事だと感じます。
 

平井 堅 『ノンフィクション』MUSIC VIDEO (Short Ver.)

タグ

B071YN7XLT, jp, この世, すごい歌詞, ドラマ, ノンフィクション, プロ, メロディ, 主題歌, 人々, 体調, 叫び, 平井堅, 歌詞, 言葉, 難しい事, 音楽, ,

金曜日からずっと。事情によりご飯をまともに食ってません(´∀`)。

2016.05.15

Logging


金曜日からずっと。事情によりご飯をまともに食ってません(´∀`)。
事情っていうのは体調不良で熱が出てお腹痛い状態が続いていたからです。
風邪薬を飲んで熱は1日で冷めたのですが・・・。
お腹痛いが治らない。
そして、変な寝相で寝ていたのかわからないけど
昨日はお腹痛い+肩が痛い状態になってました。
昨日はロクにご飯を食べてないのですが
お腹が空腹にならないですね、むしろ、食べたいっていう
食欲がわかないので食べずにいました。
いまも殆ど食べていません。
ちなみに昼寝をしたあたりから、再度、寝違えて
猛烈に肩が痛い状態に陥っています。
肩が痛いのを我慢しつつキーボード打ってたりします。
いま横になると肩が痛くて寝れないのですね。
激痛と吐き気がします・・・。
まさに肩こりの酷い版だと思います。
トイウコトデ、休日、2日間は体調不良で
あまり芳しくない感じで過ごす感じです、ただ熱がないので
まだ、いくぶん楽は楽ですけど、これで
また、熱が出たりすると凹みますね。
 

タグ

お腹, お腹痛い+肩, お腹痛い状態, キーボード, ご飯, トイウコトデ, 事情, 体調, 再度, 吐き気, 寝相, 昼寝, 激痛, , 痛い状態, 空腹, 肩こり, 酷い版, 金曜日, 風邪薬,

ニコニコ動画からメジャーへDAOKOさん。

2015.11.16

Logging


ニコニコ動画からメジャーへDAOKOさん。
自分の耳にまで届いたってことは、それなりに広がっているだなと
思って間違いないと思います。
ちなみに、ニコニコのアカウントは持っているのだけど
ニコニコはあまりどころか、全然というほど見ないです。
自分はYOUTUBE派やVine派なので。
なんか、夢子ちゃん路線で売っているようなところが
あるモノの声は綺麗な声をしているから
おそらく・・・人柄が悪くなければ浸透していくと思います。

DAOKO 『かけてあげる』Music Video[HD]

タグ

B00SXTXNN6, DAOKO, jp, Vine派, YOUTUBE派, アカウント, ところ, トコロ, 人柄, 体調, 動画, , 夢子, 夢子ちゃん路線, , 通常盤,