Chromeブラウザの拡張機能を新たに作ったお話。 #拡張機能

2022.11.22

Logging

おはようございます、転職活動はあまりしていません😯。

本当なら就職出来ている頃だと思います。なぜならハローワークだけで活動しているので、他のスカウトは無視しているという変な転職活動をしています。今年欲しいという求人は人手不足な会社かなと思いますし、年末押し迫って転職できるとはとても思い難いです。頑張っている事は確かですが、今は難しいという思いもあります。

そんな中でChromeブラウザの拡張機能を新たに作ったお話です、一応、皆さんが使えるようにGさんに申請しました。どんな拡張機能を作ったのかと言えば、サイト内検索が出来る拡張機能です、特に難しいコードなどは使用していませんが、人様の拡張機能は少し不安なので自分で自作した訳です。どんな時に使用するかは人によって違うかも知れませんが、例えばITエンジニアならサイト内のドキュメント検索に使用できるかなって思います。今のリファレンスサイトなどはサイト内検索が出来るようになっているモノのそれでも抜け落ちている部分があるので、それを拡張機能の力で補えるかなと思います。

Chrome拡張サイト内検索機能の動作手順。
サイト内、検索のChrome拡張機能の動作手順。

因みに中のmainコードはこれだけです。コレでサイト内検索を行っています。

document.getElementsByName("txt")[0].addEventListener("keydown", (elm) => {
    if (elm.key === "Enter") {
        chrome.tabs.query({ 'active': true,'lastFocusedWindow': true }, function (tabs) {
            var site = String(tabs[0].url).match(/https?\:\/\/[a-zA-Z0-9|\.|\-]*\/?/)[0].replace(/https?:\/\//,"").replace(/\//,"");
            chrome.tabs.create({
                url:"https://www.google.com/search?q=site" + encodeURI(":"+ site + " " + document.getElementsByName("txt")[0].value)
            });
        });
    }
});

追伸:公開されました。拡張機能はこちら👉

https://chrome.google.com/webstore/detail/site-search/ipemphkmnkbnfonlpmgacnmhnhfimmll/related?hl=ja&authuser=0

タグ

Chrome, IT, エンジニア, お話, コード, サイト, スカウト, ドキュメント, ハローワーク, ブラウザ, リファレンス, 不安, , , , 人手, 人様, , 今年, , 会社, 使用, , 少し, 就職, 年末, 拡張, , 本当, 検索, 機能, 求人, 活動, 無視, 申請, 皆さん, 自作, 自分, , 転職, ,

退職日まで日数を求める・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, コード, ゴニョゴニョ, ソーシャル, そこら, それ, タイトル, タグ, とき, どれぐらい, プラグイン, プレス, ヘッダー, べん, まし, メンテナンス, ワード, , 不明, , 人様, 何もかも, 便利, 個別, 効果, 動作, 勝手, 基準, 場合, 後々, 必要, 意識, 構造, 注意, 無名, , , 自作, 自分, 表示, 記事, 記述, 部分, 開発, 関連,

JS(javaScript)ファイルを動的に再読み込みする方法。

2021.10.13

Logging

今日は朝からメールで書類提出してクラウドワークスの仕事に何か良いものはないかなどを見ておりましたがありません?。

さて、JS(javaScript)ファイルを動的に再読み込みする方法のオリジナルコードを書きましたので、お裾分けします。前々の会社で JS(javaScript)ファイルを動的に再読み込みしないとJSが動作しないという何ともやるせない気持ちの仕様があり、その時は人様のコードを拝借して使っていましたが、今日はクラウドワークスなどの案件もないのでちゃちゃっと自分でコードを書きました?。同じように困っている方はご使用くださいな?

https://zip358.com/tool/demo67/

ちょっと愚痴?
そもそも前々の会社のオリジナルMVCはいろいろと欠陥だらけで且つ仕様書もない、何が正解なのかも教えてもらえない中、修正やらしていたので本当に大変でした。聞いても明確に答えてもらえないのは正直な所、大変です。後任にはちゃんと教えていたら良いのですがね。

"use strict";
document.querySelector("button").addEventListener("click",jsandcssreload);
function jsandcssreload(){
    let d = (new Date()).getTime();
    [...document.querySelectorAll("link")].forEach((elm)=>{
        elm.href = elm.href.replace(/(\.css)\??[0-9]{0,}$/,".css?" + d);
    });
    [...document.querySelectorAll("script")].forEach((elm)=>{
        elm.src = elm.src.replace(/(\.js)\??[0-9]{0,}$/,".js?" + d);
    });    
}

タグ

javascript, JS, MVC, いろいろ, オリジナル, お裾分け, クラウド, コード, チャット, ファイル, メール, もの, ワークス, , 人様, 今日, 仕事, 仕様, 仕様書, 会社, , 使用, 修正, 前々, 動作, 大変, 後任, 愚痴, , 拝借, 提出, , 方法, 明確, , 書類, , 本当, 案件, 欠陥, 正直, 正解, 気持ち, 自分,

読んでもらいたいと思って記事を書いている?

2017.06.04

Logging


人様に読んでもらいたいと思って記事を書いているわけでもないのだけど
アクセス数から言って読んでもらうレベルの記事を書かないといけないなと
思いつつも、結局、じぶんの個人的の思いや日常日誌として記載しているのが
何とも・・・。
この頃は技術的な記事もあまり書いていないし、映画の記事もあまり
書かなくなっている、このブログ、2014年の8月ぐらいからのデータしか
残っていないのだけど、本当はその1年前ぐらいから
書いているものなんだけれども、最初の頃のアクセス数なんて
雀の涙ぐらいのアクセス数だったのだけど、毎日毎日記事を
書くことにより情報量が増えていき、この頃は検索からやTwitterから
流れてくる人が結構増えてきています。
おかげさまで毎月、ジュース代が何本か飲めるぐらい収益を得ることが
可能になりましたが、しかしながら目指すところはサーバー代とドメイン代ぐらい
の収益を得たいと考えておりまして・・・。
本音はブログだけで飯を食いたいのです。
なかなか難しいのは分かっていたりするのだけど、文才もさほどないので
あと一桁増えないのはそこだということ、そして情報の価値を
あげないともう一桁増えないのは認識しています。
 

タグ

B01BOU4B22, アクセスアップ, アクセス数, おかげさま, サーバー代, じぶん, ジュース代, テクニック集, ドメイン代, 人様, 何本, 収益, 技法, 文才, 日常日誌, 本音, 雀の涙, 集客ブロガー,

その人、意識高い系2!

2016.08.19

Logging


今日のお題は「その人、意識高い系2!」です。
なぜ、2なのかというとこのお題は前にも書いたことがあります。
なので、二回目なので2って事です。
意識高い系の特徴。
・自分にも何か出来そうという思い込みが強い。
・同調意識を求めやすい。
・変革を起こしたい気持ちがある。
・空回り多い。
これが全て当てはまっている人は
意識高い系です。
意識高い系が悪いかどうかですが
人様に迷惑をかけていないので良いじゃないかなと思います。
逆に言えば意識低い系より意識高い系の人のほうが
見ていて楽しいです。
意識低い系のひとと一緒にいると
自分までテンションが下がってしまいます。
ちなみに自分は意識高い系のことを
ウェブでは書いているように思えます。

タグ

B01G0KUE4U, ウェブ, お題, テンション, ビジネス用語集, ひとと, 人様, 同調意識, 変革, 思い込み, 意識低い系, 意識高い系, 意識高い系2, 特徴, 空回り, 迷惑,

人様に迷惑をかけずに生きていくと意識していても迷惑はかかる。

2016.08.18

Logging

 

今日のお題は「人様に迷惑をかけずに生きていくと意識していても迷惑はかかる。」です。
「人様に迷惑をかけずに生きていくと意識していても迷惑はかかる。」けれども
意識しないより意識する方が大事だと思います。人様に迷惑は必ずかかるのです。迷惑かかるけれども
最初から迷惑をかけようと思って行動しては駄目です。
話変わって、ブロガーさんやネット著名人に難癖をつける人々が世の中にはいます。
自分はそういう人の気持ちが分かりません。
おそらく身近な存在に感じているのでしょうけどブロガーさんやネット著名人からして見れば
他人、全然知らない人にしかならないのです。
逆の立場になった時のことを考えれない人々が世の中にはいます。
こういう人達は、昔からいたのでしょうけどこの頃、この空気を読めない人々が増幅しているようにも思えます。
上記の内容と同じで人様に迷惑をかけずに生きていくという事を念頭に置いて生きていけばこのような事は起こらないでしょうけどね。

タグ

こと, ネット, ブロガー, 上記, , , , , 人々, 人様, 今日, 他人, 内容, 増幅, 大事, 存在, 念頭, 意識, , , , 最初, 気持ち, 空気, 立場, 自分, 著名人, 行動, , 身近, 迷惑, , 難癖, , , 駄目,

WEBプログラマでありソフト(アプリ)も経験あり。

2016.04.23

Logging

WEBプログラマでありソフト(アプリ)も経験あり。
一応、この頃、プログラマって言うようにしている。
昔はプログラマというのは、気の引ける感じがしていたのですが
この頃はプログラマっていうように意識しているようにしている。
前の職場をやめてレベルアップしたかというと
おそらくした。ここ一年で勘所ってやつが上手くなった
感じがする。むかしは人様のコードに新たな機能を追加するとか
苦手だったけど、この頃は苦手っていうのはなくなった。
ちなみに毎日のようにコードの追加作業をしていると
休日はコードを書くことが無くなった。
家に帰ってまでコードを書くことが無くなったのですね。
コードを書くことが嫌になったわけでもないですよ。
必要でもないのにコードを書くことはないなと
思うようになってしまったのですね。
ちなみにコードは感じるものだろうと・・・思うようになってしまったのです。
たぶん、教えても…。
デキる人はできるし、出来ない人はできない。と思うよう
なってしまったのです。
新人には質問されたら応えるで良いと思います(最初は説明しますが)。
この業種に限り、技は教えるけど、一から十まで処理を
教える必要ない業種なのかもしれないなと思います。
好きな人は自主的に勉強しますので
ちなみに自分も自主的に勉強してます。
※前の職場はプログラマというよりはシステムの運用が主でしたからね。
ブランクが4年ぐらいあって現場復帰したっていう感じなのです。

タグ

WEBプログラマ, アプリ, コード, システム, プログラマ, むかし, やつ, 人様, 休日, 処理, 勘所, 必要ない業種, 感じ, 新人, 機能, 現場, 経験, 職場, 追加作業, 運用,

武士たるもの。

2015.07.02

Logging


現実逃避のため絵を描きだした自分ですが・・。トイウノハ嘘で頭の体操になるかなと思って絵を描いてます。いつまで続くかはわかりませんが・・。何の前触れもなく違うことを始めるタイプなので(´Д`)、でぇ?毎日、毎日コードを見たり書いたりしていると帰宅後どっと疲れがきます。前の職が如何に・・と思う反面、いろいろと思うこともあることも確かです。人様のコードを見るというのは、まだアレですが人様のコードに手を加えるのは、頭使います・・。
労働系で働いている人は、こういうシステム系で働いていたりすると楽して稼いでいると思われがちですが、全然ちがいます。疲れる場所が違うだけで、やはり疲労感と知恵熱みたいなモノはあります。楽ではないです・・。
トイウコトデ今日もがんば!!
皆さんもお仕事とか、がんばってください。

タグ

アレ, お仕事, コード, システム系, トイウコトデ, トイウコトデ今日, トイウノハ, トイウノハ嘘, 人様, 体操, 前触れ, 労働系, 反面, 武士, 現実逃避, 疲労感, 知恵熱, , , ,

WordPressのプラグインを作るのって結構面倒くさいかも(´Д`)

2015.01.18

Logging


WordPressのプラグイン作成って結構面倒くさいです。自分はWordPressの仕様が
あまり分っていないので、いま勉強中なのですけどCMSって提供先が海外っていう
パターンが多いので情報も英語で書かれていることが多く。英語の分からない自分に
とってはめちゃ苦労するですね。わかる単語を継ぎ接ぎして読み取って「あぁ?」
こんな感じだろうと人様には言えないレベルで要訳して勉強してます。
なんでCMSって結構、理解するまで苦労します。ちなみにWordPressの参考書は
いろいろと出ているのですけど、ほぼ開発には役に立たないものが多い中、
この二冊があるとWordPressの開発が楽になる本を紹介します。
一つ目はWordPressプラグイン開発のバイブルです、タイトル通りこれまさに
手放せないバイブルです!!持っていて損がない本かなと思います。
二つ目はWordPress関数リファレンスガイドです。こちらもタイトル通り
リファレンスガイドです。日本語WordPressの公式サイトにもリファレンスは
掲載しています。この本も持っていないよりある方が何かと役に立ちます。
余談、このサイトの日の訪問者数が200人を突破しましたのでちょっと自慢しときます。
でも200人ってブログで飯を食っている人から言えば微々たる数字なんですけど
自分としてはこの短期間に三桁台に突入した事だけでも案外すごいじゃねと
思っていますトイウコトデ、今後もzip358.comをよろしくお願いします。
※密かに目指せ1万人を目指しています。
※本日8時投稿される記事ですが、めちゃ何かを頑張りました・・・・(誤字脱字がアリそうです)。

タグ

, CMS, WordPress, WordPressプラグイン開発, WordPress関数リファレンス, zip358.com, タイトル通りこれまさ, トイウコトデ, バイブル, パターン, プラグイン, プラグイン作成, リファレンス, 一つ目, 二つ目, 人様, 参考書, 日本語WordPress, 短期間, 英語, 誤字脱字,