あのYahoo!と同じ機能を追加しようか悩んでいる．選択した文字を

2024.11.01

Logging

おはようございます．あのYahoo!と同じ機能を追加しようか悩んでいる．選択した文字をサイト内検索する機能．やり方はこのサイトを参照すると導入できそうなんだけど、ちょっとウザいかもしれないと言う気持ちが自分の中にあるので悩んでいます．

もし追加するなら休みの日に機能追加をするつもりです．なので、直近の三連休中に追加していなかったら追加しなかったんだなと思って頂いて構わないです．

let paragraphElement = document.querySelector("p");

paragraphElement.addEventListener('selectstart', function() {
    paragraphElement.addEventListener('mouseup', function(event) {
        console.log(window.getSelection().toString());
    });
});

その場合でもこんな感じになります的なコードは公開しようと思っています．

明日へ続く

タグ

console.log, EVENT, function, let paragraphElement, mouseup&#39, paragraphElement.addEventListener, querySelector, quot;p&quot, selectstart&#39, toString, window.getSelection, Yahoo, ウザ, コード, 休み, 文字, 機能, 機能追加, 気持ち, 直近,

Kindle（キンドル）とアレクサアプリで読み上げが出来なくなりキンドルアプリ単体で．

2024.09.15

Logging

おはようございます．Kindle（キンドル）とアレクサアプリで読み上げが出来なくなりキンドルアプリ単体で読み上げが出来るように変わっていた．方法はアマゾンの公式サイトにも書いていますが、キンドルアプリのフォントサイズ設定のAaという項目を選択して次にメニューのその他を選び、最後にアシスタントをONに設定すると読み上げが出来るようになっています．

昔はアレクサアプリでキンドルの読み上げが出来ていたのですが、どうもその機能は消失したぽっいです．やり方を知っているという方は方法を一言メッセージなどで教えて頂けると幸いです．

因みに自分は音声に合わせて文字をハイライトもONにしています．ONにした理由は、読み上げは音声合成なので読み間違いがあります．特に登場人物の名前を読み間違えたりする場合があるのでONにしています．

明日へ続く．

タグ

AA, Kindle, ON, アシスタント, アマゾン, アレクサアプリ, キンドル, キンドルアプリ, キンドルアプリ単体, その他, フォントサイズ設定, メニュー, 一言メッセージ, 文字, 昔, 最後, 登場人物, 音声, 音声合成, 項目,

アクセシビリティという程のものではないけども．機能追加．

2024.07.31

Logging

おはようございます．サイトの上部に文字の大きさを変える機能を追加しました．こちら実際に目が悪いひとには気づきにくいのかもしれない.そのことに関しては今後の課題です．

アクセシビリティというのを調べていたら色覚の障害がある人はどのようにこの世界が見えるのかという事が理解できるサイトがあり、その内容が結構衝撃的だった．（サイトは下記のリンクです）

https://www.itra.co.jp/webmedia/color-blindness.html

五体満足で生きていると分からないことが多く、そして障害を持った人達がどんな所で不便や苦労をしているかという事に気づきにくいのかもしれないと思います．デザインしている人でも障害を持った人達のことを考えてサイトやデザインをしている人は恐らく少数ではないのかと思います．

自分はあまり考えてこなかったタイプの人間なので分からないことが多いです．

ですが、障害の持った人達も普通の人と変わらない生活が出来る社会になればと思っています．今後、そんな社会になる可能性は高いと思っています．日進月歩で医学分野も進んでいて再生医療や遺伝子治療も進んできているので今世紀には殆どの障害は克服することが可能になるのではないかと思っています．

明日へ続く．

タグ

アクセシビリティ, タイプ, デザイン, 上部, 下記, 世紀, 人間, 再生医療, 医学分野, 少数, 悪いひと, 文字, 日進月歩, 殆ど, 社会, 色覚, 苦労, 課題, 遺伝子治療, 障害,

釣りマップなう

2024.02.23

Logging

おはようございます、釣りマップなうというものを少しずつ 少しずつ作ろうとしています。いつ完成になるのかは未定ですが運用していこうと思っているサービスです。

このサービスは何度も頓挫しているサービスなので、上手くいく確率はかなり低いかなとは思いつつも認知されれば定着率は高いじゃないかなって思っています。掲示板といえば掲示板みたいなものなんですけども、世にでているサービスは殆どがそんなものなんですよ。深掘りすると文字、映像、音声を認知するだけです、もし次に来るサービスはと問われたら自分の回答は触感です。これが出来ればコンプリートするだと思いますし、そんな社会になれば障害というものが無くなる気がします、何故なら現実や仮想世界の出来事を脳にダイレクトに通信できるようになれば、失われた機能を仮想的に再現することが可能になるからです。

明日へ続く。

タグ

かなり, サービス, マップ, 仮想世界, 何度, 出来事, 回答, 定着率, 掲示板, 文字, 映像, 機能, 殆ど, 気, 現実, 確率, 社会, 脳, 触感, 音声,

小島プロダクションから新たな新作予告ーOD

2023.12.17

Logging

おはようございます、小島プロダクションから新たな新作予告ーODが何やら怖いですけど中毒性ありそうな予告です。いやー本当に小島監督は凄いな、新感覚のゲームを作るのがうまい、今度は臨場感のある音を駆使して怖さを伝えている。演出やビジュアルもありますが今回はサウンドだと思います。

ODはオーディオ（AUDIO）か何か文字から文字を取ってきたのかも？今回はXboxから先行発売されるということですが、恐らくPS5でも順次発売されると思っているので気長に待ちます。

明日へ続く。

タグ

AUDIO, OD, PS5, XBox, オーディオ, ゲーム, サウンド, 中毒性, 予告, 先行, 小島プロダクション, 小島監督, 文字, 新作予告ーOD, 新感覚, 演出, 臨場感, 音, 順次,

laravelの技術ネタ。こういうのを有ることを。

2023.10.03

Logging

おはようございます、laravelの技術ネタです。Laravelにはこういうメソッドが用意されています。下記のリンクを参照ください。

https://readouble.com/laravel/8.x/ja/collections.html

こんな機能が有ることを覚えて置くと良いです。なので、わざわざ自分でコードを書かなくても便利な機能があります。覚えて置くと良いです。

この頃の学びはPHPに文字の置き換えする事。いやいや文字の置き換えなんて初歩の初歩でしょって思うかも知れません。自分もそう思っていましたけど、PHPにはいろいろな文字の置き換えができるメソッドがあります。その中でこれは便利だなっていう文字の置き換えはこれ！！

文字の位置を指定して、その部分だけを文字を置き換えることが出来るメソッドです。

substr_replace

明日へつづく

タグ

Laravel, php, substr_replace, いやいや文字, コード, メソッド, リンク, わざわざ自分, 下記, 位置, 初歩, 技術ネタ, 文字, 機能, 自分, 部分,

文字と行間の大きさは何が良い？YAHOO!を信じて。

2023.05.30

Logging

おはようございます。文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦という記事を読みました。タイムラインのおすすめでシェアされていた人がいて、それがキッカケで記事を読んで、その日のうちに文字と行間の大きさを変更してみました。一ヶ月もすれば結果が分かるだろうと思っています。自分が運営しているこのブログでもモバイルユーザーは右肩上がりです。

技術的なことも書いたりしているので、業務PCからの閲覧も平日は多い感じですね。

Yahoo!さんが書いた記事の結論から言えば、文字の大きさ17pxが良いとのことです、行間は1.6あたりだそうです。いや～ビックデータからの情報なので信じて良いと思います。

どんなに良い記事を書いていても読まれなかったら、意味がないですからね。

そして、AIなどの登場でSEO崩壊なんて記事もこの頃は言われています。ですので・・・これからは人に読まれる記事を書くことや相互関係のあるサイトを作り上げている人のほうが集客が多くなりそうです。逆に個性のないサイトは沈んでいくと思います。

タグ

AI, KPI両立, SEO崩壊, Yahoo, うち, キッカケ, タイムライン, ビックデータ, モバイルユーザー, 個性, 右肩, 平日, 挑戦, 文字, 業務PC, 登場, 相互関係, 結論, 行間, 閲覧,

chatGPTでは自然言語で指示が出来る。 #chatGPT

2023.04.11

Logging

おはようございます、chatGPTでは自然言語で指示が出来ます。例えば下記のような文言で指示をすると以降、そのルールに対応して回答をChatGPTが行ってくれます。これはChatGPTに限らず日本ではまだ公開（提供）されていないBardでも同じことが出来ます。

以降からルールを決めます。文字の先頭に▲がある場合は日本語に翻訳してください。文字の先頭に■がある場合は英語に訳してください。また、それ以外は、通常の回答を行ってください。

今回のルールは単純なものでしたが、ルールを複数作ることで複雑な問題も解決してくれるchatGPTになります。尚、基本中の基本ですがNewChatをあまり作らずに分類ごとにまとめ、その分類ではその内容の質問を投げかけることで、より良いchatGPTになります。

タグ

Ｂａｒｄ, ChatGPT, NewChat, ルール, 下記, 先頭, 分類, 分類ごと, 回答, 基本, 指示, 文字, 文言, 良いchatGPT, 英語, 複数, 言語, 質問, 通常,

無くならない物、無くならない事、変わらない。 #魔法みたいに

2023.03.31

Logging

おはようございます。先日、Ｄｅａｒにっぽん　「ギフテッドが見る世界は　～東京・渋谷～」を見ました。似たような番組をNHKで放送されていて、そのロングバージョンのような内容の番組と思ってもらえれば良いかなって思います、その過去に放送された番組に対して記事を過去に記載したので感想は割愛させて頂きます。今回見た番組のエンディングで流れていた曲がなんだか、今回の内容にマッチした音楽になっていて凄く良かったです。

こういう歌はAIには作れないだろうなって思えます。人の気持ちを言葉にする歌にする、文字にする、絵にする。そんな創作化はこれからも活躍していくと思います。「魔法みたい」にという歌は素晴らしいなって思います。歌っているのは寺尾紗穂さんという人です。

https://sahoterao.thebase.in/

タグ

AI, Ｄｅａｒ, NHK, エンディング, ギフテッド, ロングバージョン, 創作化, 寺尾紗穂さん, 感想, 文字, 曲, 歌, 気持ち, 渋谷, 番組, 絵, 言葉, 過去, 音楽, 魔法,

ドメイン駆動設計、通称DDDを知った日。 #DDD

2023.02.11

Logging

おはようございます、悪魔祓いではありません🙄。

ドメイン駆動設計、通称DDDを知った日です。今まで名前は知っていたのだけど文章だけでふんわり理解していたのだけど、この度、職場で、こういう事がDDDなんだというが分かりました。かと言って、自分がドメイン駆動設計が出来るとは言っていません。

慣れれば出来そうな気もしますが、時間を要するかなって思います。

やっぱり何でもそうですが、体験してみるということは大事になるのだなと思います。経験を積むというのは、やはり大事になると思います。文字だけでは理解しにくいことも経験すると何だか、体感出来るのでイメージが付きやすいし、頭に入りやすいと自分は思います。

昨今、chatGPTなどを始め対話式回答ツールが流行っていますよね。こういうツールを使うと今まで知り得るまで時間がかかっていた事も知りえる事ができ、それを元に経験出来るようになると思っています。なので、躊躇しているひとは絶対に体験してみることが大事です。

人は経験してみないと学ばない生き物なので、そういうツールはこれから上手く使いこなせると良いと思いますよ。

タグ

ChatGPT, DDD, イメージ, ツール, ドメイン駆動設計, ひと, ふんわり理解, 元, 名前, 対話式回答ツール, 度, 悪魔祓い, 文字, 文章, 昨今, 生き物, 経験, 職場, 通称DDD, 頭,

md5でいいのかそれで？。 #wp #phpcode

2022.11.17

Logging

おはようございます、いきなり寒くなりましたね。朝起きるのに勢いが必要になってきました😆。

今日はワードプレスでもパスワードの暗号化に使用されているmd5に関して思うことがあります。そもそもmd5は強固な暗号なのか？、答えはnoだと思いますよ。md5を使用すると３２文字の暗号化された文字列が返却されます。確かに暗号化されているですけど・・・。同じ文字をもう一度、暗号化すると同じ文字列が返却されます、なので暗号化された文字列になるかどうかで、元の文字が割り出せてしまいます。

総当たりすれば時間はかかりますがパスワードが分かちゃうので、パスワードを保存する方法としては△な感じかと思います。じゃ何が良いかといえばphpの場合、password_hashと言う関数があるので、そちらを使用した方が得策かと思います。Eメールなどはmd5でも良いかも知れませんが微妙。

echo password_hash("rasmuslerdorf", PASSWORD_DEFAULT);

因みに、パスワードなどやメールアドレスを平文で扱っている開発会社はよく見かけます。何故、平文を放置しているかと言えば直す暇がないなどの理由からだと思います。また、クライアント様がそうして欲しいなどの理由もあります。そういう事から個人情報が保護されていないデータベースはあります。

尚、自分が使用しているWEBサービスも個人情報にあたる部分は暗号化しています。なので、データーが流出しても直ぐに情報が漏れるということはないと思っています🫠。

タグ

32, 5, echo, hash, md, no, password, php, PHPCODE, quot, rasmusl, wp, こと, そちら, パスワード, プレス, メール, ワード, 一度, 今日, 何, 使用, 保存, 元, 勢い, 場合, 得策, 微妙, 必要, 文字, 文字列, 方, 方法, 時間, 暗号, 暗号化, 朝, 答え, 総当たり, 返却, 関数,

文字数カウントは奥が深いよ。日本語より𓅇エジプト😇 #javascript #code #プログラミング #unicode

2022.10.05

Logging

おはようございます、先日（日曜日のこと）は久しぶりに本屋さん巡りしていました😋。本屋📖は良いですね落ち着きます。

さて、文字コードのカウントは奥が深いなって話を記載していきます。人目線からすれば文字をカウントするという至って簡単な話にですが、PC（コンピューター）にとっては奥が深いです・・・日本語漢字も面倒だけどエジプト系の象形文字系(unicode)は本当に面倒そうです。まだ、作りかけですがツイッターの用な文字コードのカウントするjavascriptコードを書きましたのでサンプルコードとしてご使用ください。

※WindowsOSの環境下でChromeブラウザ動作させ検証しました。コピペ文字には対応していません😇。UTF-8 ではない違う文字コードを貼り付けてみてください、変なことになると思います😂。例えばEUC文字コードだとか・・・。

動作サイトはこちらです。

        function moji(o) {
            let m = o.nextElementSibling;
            //ads
            let h = ((o) => {
                let l = o.value.match(/(https?:\/\/[a-z|A-Z|0-9|\-|_|%|\.|\/]{0,})/giu);
                let ml = l ? ((l) => {
                    return sum = l.reduce((s, e) => {
                        return s + e.length;
                    }, 0);
                })(l) : 0;
                return l ? {
                    len: (l.length * 23),
                    mlen: ml
                } : {
                    len: 0,
                    mlen: ml
                };
            })(o);
            //zenkaku            
            let k = ((o) => {
                let l = o.value.match(/[^\x20-\x7e]/giu);
                let ml = l ? ((l) => {
                    return sum = l.reduce((s, e) => {
                        return s + e.length;
                    }, 0);
                })(l) : 0;
                return l ? {
                    len: (l.length * 2),
                    mlen: l.length
                } : {
                    len: 0,
                    mlen: ml
                };
            })(o);
            m.innerHTML = "【 " + (o.value.length + h.len - h.mlen + k.len - k.mlen) + "文字{半角/280} 】";
            if ((o.value.length + h.len - h.mlen + k.len - k.mlen) >= 280) {
                m.innerHTML = "<span class='text-danger'>【 " + (o.value.length + h.len - h.mlen + k.len - k.mlen) + "文字{半角/280} 】</span>";
            }
        }

                    <label for="my-textarea" class="h3">文字を入力してください。</label>
                    <textarea id="my-textarea" class="form-control" oninput="moji(this);" name="" rows="3"></textarea>
                    <span class="h3"></span>

尚、サンプルコードは１バイトを一文字としてカウントしていきます、そしてURL文字はどんなに長くても２３文字にカウントされます、これはTwitter社の仕様と合わしています。URL文字はURL短縮が行われ23文字の短縮URLが生成されるからその様にカウントしているのですが、なんか本物と違うですよね挙動が・・・🙇‍♂。因みに絵文字がどのようにカウントされるかは確認していません。

※UTF8では絵文字(unicode)を３バイトで表記させているそうです。昔、UTF-8は2バイトで表現しているとか習っていたのですが、それはカナリ古い知識だったみたいです😇。

タグ

8, Chrome, Code, EUC, javascript, PC, Unicode, UTF-, WindowsOS, エジプト, カウント, コード, こと, コピペ, コンピューター, サンプル, ツイッター, ブラウザ, プログラミング, 久しぶり, 人目, 使用, 先日, 動作, 変, 奥, 対応, 数, 文字, 日曜日, 日本語, 本屋, 本当, 検証, 漢字, 環境, 用, 簡単, 記載, 話, 象形, 面倒,

検索されなかったワード埋もれた価値について! #javascript #php

2022.09.26

Logging

おはようございます、今日は引き落とし日です🫠。

さて、今日は検索されなかったキーワードの価値のお話です。此処で言う検索されなかったというのは、エンターキーや検索ボタンを押さなかった、キーワードの価値のお話です、たぶん、その情報をGさんは収集してそうな気がします。GサイトやYサイト等のキーワード収集は基本出来ませんが、自サイトの検索フォームの情報を収集出来ます。

此処からは技術的なお話になりますが、検索ボタンを押した時とは別に文字入力をしたときの挙動を感知するプログラムを導入する事により比較的簡単に導入できるかと思います。例えば下記のようなjavascriptコードを検索フォームに導入します。

document.getElementById("sh").addEventListener("input",(e)=>{
    $.ajax({
        type: "post",
        url: "example.com/sh.php",
        data: {text:this.value},
        dataType: "json",
        success: function (response) {
            
        }
    });
});

あとはPHP側でデータを受信しデータベース等に保存すれば良いだけです。この検索されなかったワードは、結構価値があると思います。より細かな情報を取得したい方はIPアドレスやどのページからの情報なのかも取得可能です。

これらのデータを元に販路開拓は十分出来ると思います。情報を保存する際に大量の情報が収集されるので、保存先に一工夫必要になります。JSで制御する手段もありますが、それだとあまり情報収集出来ないですからね。

因みにこのサイトに情報収集の処理は導入していません（今後の導入は未定）。

タグ

addEventListener, ajax, document, getElementById, gt, input, javascript, php, quot, sh, エン, お話, キーワード, コード, サイト, ターキー, とき, フォーム, プログラム, ボタン, ワード, 下記, 事, 今日, 価値, 入力, 収集, 基本, 導入, 情報, 感知, 挙動, 文字, 日, 時, 検索, 此処, 気, 簡単, 自,

デスクツアーをYOUTUBEで見るのが好きです。あんなデスクにしたいよね！！

2022.05.06

Logging

おはようございます。

こういうデスクツアーものを見ているとポチッとYOUTUBEの概要をりんくを押している時があります。因みに先日、自分のデスクをTweetしましたが、動画のようなスキッリとした感じになっていません。また拡大したらホコリがデスクに溜まっているのが分かると思います。あと、実名のTwitter垢もありまして個人情報ダダ漏れですが、今まで個人情報ダダ漏れだったので特に今のところ、Tweetを削除する気はありません。

今、YOUTUBEでも＃デスクツアーと検索するとハッシュタグの付いた検索ができるようになっています。またアドレスバーにhttps://www.youtube.com/hashtag/任意の文字と入力するとハッシュタグの付いたものが一覧で表示されますので、そちらで検索するのも一つの方法かと思います。

https://www.youtube.com/hashtag/任意の文字

ここ数年でYOUTUBEにありとあらゆる動画が蓄積されているので、本当に自分の好みにあった動画を見るのも難しくなくなりつつあります。凄い時代になりましたね・・・本当に。

タグ

com, hashtag, https, Tweet, Twitter, watch, www, xWJ-DqAQDuQ, youtube, アドレス, スキッリ, そちら, だだ, ツアー, デスク, ところ, バー, ハッシュタグ, ポ, ホコリ, もの, リンク, 一つ, 一覧, 今, 任意, 個人, 先日, 入力, 削除, 動画, 垢, 実名, 情報, 感じ, 拡大, 文字, 方, 時, 検索, 概要, 気, 自分, 表示,

お店のホームページ（サイト）の作り方を解説していきます。

2022.02.28

Logging

おはよう御座います。
今日は昨日よりも暖かくなるそうですね☀。

さて、突然ですがお店のホームページ（サイト）の作り方を解説していきます。次回の記事から何回かにわけてお店のホームページ（サイト）の作り方を文字と動画により解説していきますね。今では無料でお店のホームページを作ることが出来てしまいますが、無料でサイトを作った場合は広告などが表示されお店のブランドを損ねてしまう可能性大なので、月額１３１円で静的なサイトを構築していく方法を教えます（予約機能付き：一部有料）。

尚、プログラムを全て解説すると言うよりかは雛形のサイトを提供しますので、そちらの雛形のサイトに記載している文字や画像を差し替えてオリジナルテンプレートをご自身で作ってもらうという形になります。それも難しいという方に向けて文字や画像をサイトから差し替えできるサービスを作っていこうと思っていますが開発は未定です、そのサービスは無料で提供するつもりでいます。

無料で提供して見返りも求めないという自分には何にもメリットがないものです。ただ、このサイトのアクセス数がもっと増えたらなという思いがあります😌。

追伸：無料で提供するテンプレートの中に、こちらのリンクを貼っていただければ有り難いですがこれもご自身で判断してください。

タグ

１３１, オリジナル, お店, こと, ご自身, サービス, サイト, そちら, それ, つもり, テンプレート, ブランド, プログラム, ホームページ, 一部, 予約, 今, 今日, 何回か, 作り方, 全て, 動画, 可能性, 場合, 大, 広告, 形, 提供, 文字, 方, 方法, 昨日, 月額, 有料, 未定, 構築, 機能, 次回, 無料, 画像, 表示, 解説, 記事, 記載, 開発, 雛形,

最新記事を非広告記事で読みたい方用のページを作りましたよ😏。

2022.02.14

Logging

おはようございます、俊足で朝からコードを書いたりしていました😌。

さて、自分のサイトを広告無しだったら読んでも良いという人が少なからずいると思いまして、この度、テキストオンリーのページを作りました。このページでは最新記事しか読めません、過去記事を読みたい方はzip358.comよりサイトを参照くださいませ。

非広告ページ👇

https://zip358.com/tool/blog-non-ads/

因みにページの表示速度が若干遅いです、これはサーバーの処理に依存するものですのでこれ以上、速度を上げることは今の所出来ません。また、どんなプログラムなのか知りたいという方もいると思いますのでソースコードを掲載致します。これを非広告ページで見ると英字文字がずらっと並んでいるように見えると思いますが、バグではないですので悪しからず（ソースコードを記載した部分が表示されているだけです）。

尚、ソースコードを見てRSSだけで読み込みが出来そうだねって、指摘する人もいるかと思いますが自分のサイトのRSSは記事の中身が出力されない仕様でして、このようなコードになっています。取得できる方はもっと表示速度は早くなると思います・・・。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>RSS 非広告 blog-zip358.com</title>
</head>
<body>
<div class="container">
    <div class="row">
            <?php
$rss = @simplexml_load_file("https://zip358.com/feed");
if($rss){
    ob_start();
    foreach($rss->channel->item as $key=>$val){
        ?>
        <div class="col-12">
            <p class="h3" ><?=$val->title?>[<a href="<?=$val->link?>">*読みやすい記事へ*</a>]</p>
            <p class="h4" ><?=$val->pubDate?> by <a href="https://twitter.com/zip358com">@zip358com</a></p>
            <p><?=context($val->link)?></p>        
        </div>
        <?php
    }
    print ob_get_flush();
}
?>
        </div>
    </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>
<?php
/**
 * @param $link string
 * @return $reslut string
 */
function context($link=null){
    $reslut = "";
    if(is_null($link))return $reslut;
    $htmldata = @file_get_contents($link);
    $dom = new DOMDocument();
    $html = mb_convert_encoding($htmldata, "HTML-ENTITIES", 'UTF-8');
    @$dom->loadHTML($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
    $xpath = new DOMXPath($dom);
    $reslut = $xpath->query("//*[@id=\"article\"]/div[3]")[0]->textContent;
    return $reslut;
}

タグ

358, blog-non-ads, com, https, tool, www, zip, オンリー, コード, こと, これ, サーバー, サイト, ソース, ソースコ, テキスト, バグ, プログラム, ページ, もの, 人, 今, 依存, 俊足, 処理, 参照, 広告, 度, 所, 掲載, 文字, 方, 最新, 朝, 自分, 若干, 英字, 表示, 記事, 記載, 速度, 過去, 部分,

コード書き初め、そろそろネタが尽きてきたよ「始め」！？

2022.01.03

Logging

コード書き初めは何が良いのかなぁなどと考えておりましたが、やはりこれかなっていう事で文字のグラデーションを徐々に変えてい行くものを作ってみました。IEとかでは動きませんが、最新のChromeやFirefox、エッジなどでは動くかなと思います。ソースコードを写景してみて、コードの動きがわかればソースコードを変更していろいろと試してみてください。

動作はこちらから確認くださいませ。

https://zip358.com/tool/demo51/

尚、このコードは２０２１年の１２月２８日に書いたものになります。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>Happy New Year 2022</title>
<style>
    body{
        background-color: black;
    }
    #HNY{
        font-weight: bold;
        font-size: 222px;
    }
</style>
</head>
<body>
    <h1 id='HNY'>Happy New Year 2022</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script>
    let color1 =["40","E0","D0"];
    let color2 =["FF","8C","00"];
    let color3 =["FF","00","80"];
    let postion =[2,0,1];
    setInterval(() => {
        if((parseInt(color1[postion[0]],16) + 1)<255){
            color1[postion[0]] = (parseInt(color1[postion[0]],16) + 1).toString(16);
        }else{
            color1[postion[0]] = (100).toString(16);
            postion[0]--;
        }
        if((parseInt(color2[postion[1]],16) + 1)<255){
            color2[postion[1]] = (parseInt(color2[postion[1]],16) + 1).toString(16);
        }else{
            color2[postion[1]] = (50).toString(16);
            postion[1]--;
        }
        if((parseInt(color3[postion[2]],16) + 1)<255){
            color3[postion[2]] = (parseInt(color3[postion[2]],16) + 1).toString(16);
        }else{
            color3[postion[2]] = (80).toString(16);
            postion[2]--;
        }
        
        for(key in postion){
            if(postion[key]<=-1){
                postion[key] = 2;
            }
        }
        //console.log(`#${color1.join("")}, #${color2.join("")}, #${color3.join("")}`);
        document.getElementById('HNY').style = `
        color: #FF8C00;
  background: -webkit-linear-gradient(0deg, #${color1.join("")}, #${color2.join("")}, #${color3.join("")});
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
        `;    
    }, 70);
</script>
</body>
</html>

タグ

12, 2021, 28, 8, cGLonkCQ, charset, Chrome, com, D-, DOCTYPE, Firefox, gt, head, html, https, IE, ja, lang, lt, meta, name, quot, UTF-, viewport, watch, www, youtube, いろいろ, エッジ, グラデーション, コード, こちら, これ, ソース, ネタ, もの, 事, 何, 写, 動作, 変更, 文字, 景, 書き初め, 最新, 確認,

映画 #007ノー・タイム・トゥ・ダイを観てましたので感想を残しときます。

2021.10.02

Logging

昨日、インターネットが繋がらなくて映画の感想を書くことが出来なかったので、本日、感想を残しときます。尚、インターネットの繋がらなかった原因は電柱の光回線が消耗（摩耗）していた事が原因だったみたいです。

さて、映画、007ノー・タイム・トゥ・ダイの感想を残しときます。率直に言えばジェームズ・ボンドの時代はもう・・・・なんだなぁとしみじみして観てしまいましたね。エンドクレジットを最後まで見たらリターンという文字が書いているから・・・もしかしたら、もしかするかもと思っていますがどうなんですかね（ネタバレ過ぎるかな？この書き方！？）。今後に期待ですね？？

因みに今回の007は過去の作品を見ていないと全然意味がわからないと思うですよ、表面的なストーリーは読み取れても過去の作品を見ていないとわからないと思います。なので劇場に足を運ぶ前に、ここ数年の過去の作品を観といてくださいな。そうすることにより意味はわかるわぁ?になります。

ラストシーンは言えないですが是非映画館で楽しんでくださいね?。

タグ

007, インターネット, エンド, クレジット, ここ, こと, ジェームズ, ストーリー, だい, タイム, ドゥ, なん, ノー, ほんと, リターン, 事, 今回, 今後, 作品, 光回線, 前, 劇場, 原因, 意味, 感想, 摩耗, 数, 文字, 映画, 昨日, 時代, 書き方, 最後, 期待, 本日, 消耗, 率直, 足, 過去, 電柱,

クリックでON、OFFする表示だけど。無数の書き方があると思ふ?

2021.08.26

Logging

不要不急の町内アナウンスが流れる中、この記事を書いています。不要不急ってなんだろう、人によって解釈が違ってしまうし判断もかなり違うような気がします。

さて、今日は凄く単純なJS（javascript）のコードを書いてみました。とても簡単なコードですが素人が書くともっとコード数は増えると思いますし、玄人が書くともっとコードを短く書くことも可能かと思います、例えば自分はonoffという変数をスイッチ代わりに使用していますが、本当はこれもいらないです。そうなるともっとコード数は少なくなります。なぜ要らなくなるかと言えば、表示されている文字で判断することが可能だからです。

今回はそのコードは記載しませんので、ご自身で考えてみてください。

プログラムコードは無数にあります、最初は短く書くという事が難しいかもしれませんが徐々に上達していくものだと思います。なので、手を動かしながら学ぶことは大切かと思います。駆け出しのエンジニアさんはいろいろなコードを見て先人の技を盗んでくださいませ。

このソースコードは美しいという考え方はわかります。数式が美しいと意味は似ているように思えてなりません。数式はわかりませんがね?。

https://zip358.com/tool/demo39/

onoff = 0;
document.getElementById("c").addEventListener("click",()=>{
    document.getElementById("view").innerHTML = (()=>{
        onoff = !onoff?1:0;
        return onoff?"on":"off";
    })();
});

タグ

javascript, JS, off, ON, onoff, アナウンス, かなり, クリック, コード, こと, これ, ご自身, スイッチ, プログラム, もの, 上達, 不要不急, 中, 事, 人, 今回, 今日, 使用, 判断, 単純, 可能, 変数, 大切, 手, 文字, 書き方, 最初, 本当, 気, 無数, 玄人, 町内, 簡単, 素人, 自分, 表示, 解釈, 記事, 記載,

java言語を勉強していて結構つまずく。ゴリゴリとコードを書きたいな。

2021.08.19

Logging

家のクーラーの付いている環境にいると日中が寒いぐらいですね。洗濯物を干すのに自分の部屋が活躍しているのでクーラーが切れないのです。早くお天気の日にならないものか?？

さて、java言語を今、勉強していると書きましたが本当にメチャクチャな勉強方法なので、基本的な順番をすっ飛ばしているような気がします。コマンドラインでoとxを入力出来るものを作りました。それ以外を入力すると再度、入力してもらうという単純なアルゴリズムですが、PHP言語のような文字判定をしていたので三項演算子で正しいデータを入力しているのに否定を返すように処理が動いてしまってつまずきました。

こんな感じで毎日、java言語に触れていたら「習うより慣れよ」という感じで日々、覚えていけるのではないかなと思います、今回躓きは初心者の初の字ぐらいの部分だと思いますが、こうやって覚えていくしかないなと思います。

あるアプリ会社を一年ぐらい前に受けたのですが二次面接で不採用になりました。その会社の紹介サイトを先日、拝見したら未経験の人を採用している紹介文を見て絶句しました。なんだろうか、この行き場のないやるせない気持ちは・・・と、そんなわけでjava言語のコードを記載します。

import java.util.Arrays;
import java.util.Scanner;
import java.util.function.BiFunction;
import java.util.function.Consumer;
public class Ox {
    public static void main(String[] args) {
        String [][] ox_list = new String[3][3];
        int x_max = 3,y_max = 3;
        BiFunction<Integer,Integer,Boolean> md = (x,y)->{
            Scanner kigo = new Scanner(System.in);
            System.out.printf("縦%d 横%d 番目の記号を入力してください{o,x}\n",y,x);
            ox_list[y][x] = kigo.next();
            return ((ox_list[y][x].equals("x") || ox_list[y][x].equals("o"))?true:false);
        };
        Consumer<String> Oxview = (s)->{
            System.out.println(s);
            String str = "";
            for (int i = 0; i < y_max; i++) {
                for (int ii = 0; ii < x_max; ii++) {
                    str+=  "|" + ox_list[i][ii] ;
                }
                str+= "|\n";
            }
            System.out.println(str);
        };
        for (int i = 0; i < y_max; i++) {
            for (int ii = 0; ii < x_max; ii++) {
                if(!md.apply(ii,i)){
                    System.out.println("入力が不正です");
                    ii = (ii-1)>=0?(ii-1):-1;
                }
                Oxview.accept("入力中");
            }
        }
        Oxview.accept("最終結果");
    }
}

タグ

java, php, アプリ, アルゴリズム, クーラー, コード, コマンド, それ, データ, めちゃくちゃ, もの, ライン, 一, 三, 今, 今回, 入力, 再度, 処理, 初, 初心者, 判定, 前, 勉強, 単純, 否定, 天気, 字, 家, 感じ, 文字, 方法, 日, 日々, 日中, 本当, 毎日, 気, 洗濯物, 活躍, 演算子, 環境, 自分, 言語, 部分, 部屋, 順番,

ネタがなくて九九表なんか作っている訳ではなく。

2021.08.10

Logging

暑い暑い日曜日、台風9号の影響は日曜日の夕方から夜中までかなとか思いながら記事を書いています。因みにこの頃、予約記事のストックが切れそうですね。ネタが思いつく時は一気に数記事書けるのですがネタが出てこないスランプに落ち込むと記事のネタが思いつかなくて書けない日が続くこともあります。

ネタがなくて九九表なんか作っている訳ではなく。単純に自分の頭は九九表がかけた頭になっていたので、そのために作っただけです。計算とかをパソコンなどに委ねていると自分の頭は退化する一方です。暇で何もせずにズゥーっと頭を使わないと呆けるというのは、本当なのかもしれません。

何もしないと漢字は書けなくなるし、基本的な計算することすら出来なくなるのですよね。プログラミングは毎日のようにしているのだけど、それ以外の事は何ひとつしていないので文字を書く時の筆圧具合いがめちゃくちゃだったりもして・・・、本当に基本的なことが全然できなくなってきています。

そういう事で基本の基に立ち返ろうとしているわけです?。

小学生の勉強につまずくとその後、全部の勉強につまずくことになります。なので小学生の勉強はかなり大事だと思います。

因みに今回のjavascriptのソースコードはこんな感じになります。

9×9:九九表はこちらから

https://zip358.com/tool/9×9/

document.getElementById("Q9_select").innerHTML = (function () {
    let str = "";
    for (var i = 0; i <= 9; i++) {
        str += !i ? "<option value=''> " + "選択してください" + "</option>\n" : "<option value=" + i + ">" + i + "の段</option>\n";
    }
    return str;
})();
document.getElementById("Q9_select").addEventListener("change", function (e) {
    let Q = this.value ? this.value : 0;
    let str = "";
    let view_flg = 1;
    for (var i = 1; i <= 9; i++) {
        let ans = Q * i;
        str += "<p class='h2'><span class='text-primary'>" + Q + "</span> × " + i + "= <span class='Q9_ans' style='visibility:visible'>" + ans + "</span></p>";
    }
    str += "<p class='text-center'><button class='h2 btn btn-primary' id='view'>九九の解を<span id='txt'>非表示に</span>する</button></p>";
    document.getElementById("Q9_view").innerHTML = str;
    document.getElementById("view").addEventListener("click", function () {
        let object = document.getElementsByClassName("Q9_ans");
        for (const key in object) {
            if (Object.hasOwnProperty.call(object, key)) {
                const element = object[key];
                element.style.visibility = view_flg ? "hidden" : "visible";
            }
        }
        view_flg = view_flg ? 0 : 1;
        document.getElementById("txt").innerText = view_flg ? "非表示に" : "表示";
    });
});

タグ

９, こと, ズゥー, ストック, スランプ, それ, ため, ネタ, パソコン, プログラミング, めちゃくちゃ, 一方, 九九, 予約, 事, 何, 具合い, 単純, 台風, 夕方, 夜中, 影響, 数, 文字, 日, 日曜日, 時, 暇, 本当, 毎日, 漢字, 筆圧, 自分, 計算, 記事, 訳, 退化, 頃, 頭,

文字の置き換えはよく使うjavascript「吾輩は猫である。」

2020.12.06

Logging

文字の置き換えはよく使う。いろいろな参考書にも文字の置き換えは出てくる基本中の基本だ、そしてコレは結構使うことがある、とくに商品名を整理するときなど、連番に命名を置き換えるなどに使用することがある。EC系のシステム開発ではデーターベースへ製品名（product name）を登録するときなどによく使うのである?が、製品名や商品番号が整っていないのは、よくあることだ、だがしかしコレが中小企業の現実なのである。

この頃、再帰処理を使うことが少なくなってきて、何でも良いから再帰処理に当てはまる題材をじぶんに課すべきだと思う今日このごろです?

<p>吾輩は猫である、名前はまだない。</p>
<p>吾輩は猫である、名前はまだない。</p>
<button class="btn btn-primary" id="btn" type="button">名前はまだない？</button>

<script>
	document.getElementById("btn").addEventListener("click",(e)=>{
		var object= document.querySelectorAll("p");
		for (const key in object) {
			
			if (object.hasOwnProperty(key)) {
				const element = object[key];
				(element).innerText = (element).innerText.replace("名前はまだない。","名前は猫はちだ。");
			}
		}
	});
</script>

タグ

btn, btn-primary, button, class, EC, gt, ID, javascript, lt, name, product, quot, type, いろいろ, こと, コレ, システム, じぶん, データー, とき, ベース, 中小企業, 今日このごろ, 使用, 再帰, 処理, 参考書, 名前, 吾輩は猫である, 命名, 商品, 基本, 整理, 文字, 現実, 番号, 登録, 系, 製品, 連番, 開発, 頃, 題材,

即席デザイン文字生成[iDrawジェネレーター]という命名がダサいｗ

2020.07.09

Logging

即席デザイン文字生成[iDrawジェネレーター]というWEBツールを作りました。あのイケハヤさんみたいなテキスト文字だけのアイキャッチ画像みたいなものが生成可能です。これをどうして作ったのか？

昔、パソコンが壊れてアドビが一時期があり、その時に仕方ないのでこれでアイキャッチ画像を生成して使用しておりました。とくに凝ったデザイン文字が生成されるわけではなく。書体と背景色や文字色などを変更してそれらしいものを即席で作るというものです。昔、作ったので変数の命名もかなり杜撰な感じでしたがひとまず動く形になりましたので、公表しますね。

ご自由にお使いいただければ幸いです。
https://zip358.com/tool/idraw/

この他にも無料ツールをいろいろ作っているのでご自由にお使いいただければと思っています。

タグ

iDraw, ｗ, web, あい, アドビ, イケハヤ, お使い, かなり, キャッチ, これ, ご自由, ジェネレーター, それ, ツール, テキスト, デザイン, パソコン, もの, わけ, 一時期, 他, 使用, 公表, 即席, 可能, 命名, 変数, 変更, 形, 感じ, 文字, 昔, 時, 書体, 杜撰, 無料, 生成, 画像, 背景色,

遅延してました、じゃなくて。

2020.06.11

Logging

２日間ぐらいブログの更新を行っていませんでした。この頃忙しくてブログに時間を割けなかったのです。正直なところ今も忙しいです、、、、。収入がないのに仕事をしています。それが原因です…。クラウドワークスでもなんでもそうですが、お金をもらうわけだから軽はずみに出来ますとは言いたくないので、出来る仕事だと思ったら、出来るかどうかを検証した結果、クラウドワークスに応募しています。

すごく非効率的だと思うのですが、出来ないで出来るって言って、後からお客様を困らすよりかマシかと思う。それに信用も失うしね…。なのでほぼ全て検証した結果、応募しています。ちなみに今日からset-color.comという所でお仕事のご依頼を受け付けるようにしました。言った言わないがあるのでクラウドワークスでもなんでもそうですが、文字でのやり取りにしています。電話って良い面も有るのですが、トラブルの元になるので操作手順を教える以外は使用したくないツールです。

契約や追加機能の話を電話で行うと言った言わないになるし、噛み合わないことになることもあります、なので文字でのやり取りにしています。これは仕事上、それが大切だと思っているからです。電話は感情が伝わるので良いところもありますが、プログラムするときにはあまり良いツールではないかなと。

ノーテレフォンかもしれません。

タグ

2, com, set-color, お仕事, お客様, お金, クラウド, ご依頼, それ, ツール, ところ, トラブル, ブログ, まし, やり取り, ワークス, わけ, 今, 今日, 仕事, 以外, 使用, 信用, 元, 全て, 原因, 収入, 契約, 後, 応募, 所, 手順, 操作, 文字, 時間, 更新, 検証, 機能, 正直, 結果, 話, 追加, 遅延, 電話, 面, 頃,

何故、赤の他人にそんなにも敵対心や好意を抱いているのかと思うこの頃。

2020.02.26

Logging

今日の朝というか、朝方？
寝れなかったのでスマホでTWITTERアプリを開くとこんなの事が書かれていた（下記参照）。書いた本人は常識的な意見という事で指摘したのだろう。それに対して意見が大量についたみたいだけど、箕輪厚介氏と関係ある人はどれぐらいいるだろうかと思ったわけです。自分は基本的に名指しで批判はしないし、批判する場合は名前を伏せて時系列でツイートするけど（それは良いとして）。ふと思ったのは自身、箕輪厚介氏に限らずTVなどの有名人に親近感も持ち合わせていない。

メディアに出ている人は、これからの社会の常識を変える側の人間なのだとは思います。そういう人は率先してこうやって発信しているでしょう。その中で社会に受け入れられるものもあればそうではない物もある。たぶん、会議中にスマホにメモ取るのはIT業界ではOKになり、殆どの事務系はOKになるだろうと思います。音声録音機能と音声を文字変換するアプリもありますからね。効率的に議事録取れる可能性が高いです、そしてそうやって常識が崩れていくと思います。

常識を変えたくなければ絡まないことだと思うです、議論の場を与えなければ物事は変わらない。

余談1：
庶民がSNSを持つことにより、今まで声を上げれなかったひとが声を上げれるようになった事は良いことだと思いますが、逆に庶民は操れている感覚があります。それはTVよりもインターネットの方が操りやすいかなと思いますし、SNSのビックデータと人工知能の解析で民衆はかなりの確率で、もうこの日本でも民衆は操り人形化していると思います。

そしてこの頃思った事は賢い人間もいれば、そうではない人もいる。そうではない人たちは結構メディアを鵜呑みする傾向が強い。実際、事実は体験したひとの中にしか無いので、ある時から自分はメディアはあまり信じていない。特にひとの発信するものは感情がついて回る。ときには感情で法律が変わったりもする、それは恐ろしいことだと思います。

余談2：
賢く良識的な人間が考え出した結果に従いますか、それとも低能な人間が考え出した結果に従いますかと質問すると大体の人は賢い人間が考え出した結果に従うと答えると思いますが、日本国は民主主義なので選挙の票は同じ1票で重み付けはありません。本当にコレで良い世の中になるのかと…。

※余談2はある本で読んだ言葉を自分の言葉に置き換えて書きました。

タグ

IT, OK, TV, Twitter, アプリ, ありま, これ, スマホ, それ, ツイート, どれぐらい, メディア, メモ, もの, わけ, 下記, 中, 事, 事務, 人, 人間, 今日, 他人, 会議, 側, 厚介, 参照, 名前, 場合, 変換, 大量, 好意, 常識, 意見, 批判, 指摘, 敵対心, 文字, 時系列, 有名人, 朝, 朝方, 本人, 業界, 機能, 殆ど, 物, 率先, 発信, 社会, 箕輪, 自分, 自身, 親近感, 赤, 録音, 関係, 音声, 頃,