@Blog

香美市立図書館「かみーる」へ

2024.04.26

Logging

おはようございます、香南市民なのに香美市の綺麗になった図書館に行ってきました．図書館の広さは香南市の図書館よりも広い感じで開放感もあり良い感じでした．

入口から奥へ進むと勉強スペースや読書スペースもあり良い！、香南市民からすると今ある図書館をリニューアルして欲しいなという思いが、、、．香南市の方が人口が多いわけだから税も多くとっているわけだから、市民が使用する図書館にも力を入れてほしいものですね．

明日へ続く．

タグ

Photo by Element5 Digital on Pexels.com, 人口, 入口, 力, 勉強スペース, 図書館, 多く, 奥, 市民, 広い感じ, 税, 良い感じ, 読書スペース, 開放感, 香南市, 香南市民, 香美市,

LaravelのファザードとDDD設計というもの。

2023.08.31

Logging

おはようございます、Laravelのファザードを使用すると自分で作ったクラスファイルを共通のものとして使用できたりします。これは便利ですよね、設定はQiitaとかでググると使用方法が出てくるのでここでは割愛してリンクだけ載せておきます。

https://qiita.com/minato-naka/items/095f2a1beec1d09f423e

これとDDD設計を駆使すればもっと奥の深いLaravel使いになれるでしょうけれど、自分はまだ見習い戦士レベルなのでDDD設計に関しては読めるだけで、あれをこうしてあーしてすれば良いじゃないとまでは言えないですね。この頃、思うのですがITの話って抽象的な話になってきますよね、昔はそれが理解不能でしたがこの頃、それが何となく理解出来る様になってきました。

抽象的な話って会話の前後を汲み取って、こういう事だろうという事を考えないといけない部分もあります。抽象的な話は何となく理解出来ているのですが、抽象的な問いに関しては未だにどう返せば良いのか分からず言葉が詰まることがありますね。

ちなみに自分がIT就職活動していた時に、この抽象的な問いによく出会いました。どう答えても間違いじゃない。答えが何通りもある答えに言葉を詰まらすより、自分が思っていることや考えていることを意思表現した方が良いです。余程、変な回答をしない限り面接官が受け流してくれます。

最後に丸コピみたいなコードを記載して今回の記事は〆とします。

\ClassA::methodA();

タグ

ClassA, DDD設計, IT, IT就職, Laravel, methodA, qiita, ファザード, 丸コピ, 会話, 共通, 前後, 回答, 奥, 意思, 戦士, 最後, 深いLaravel使い, 答え, 限り面接官,

文字数カウントは奥が深いよ。日本語より𓅇エジプト😇 #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, エジプト, カウント, コード, こと, コピペ, コンピューター, サンプル, ツイッター, ブラウザ, プログラミング, 久しぶり, 人目, 使用, 先日, 動作, 変, 奥, 対応, 数, 文字, 日曜日, 日本語, 本屋, 本当, 検証, 漢字, 環境, 用, 簡単, 記載, 話, 象形, 面倒,

とにかくプロなフロントエンドエンジニア。

2020.11.16

Logging

下記の動画を見て頂ければ分かると思うのですが、フレームワークなどを使わずにベタでこれを作っているというのは、フロントエンドエンジニアとしてはプロ領域だと感じます。出来る人の違いはCSSをゴニョゴニョ使えるかにあるだろうなと、ここまでゴニョゴニョ使えたらフレームワークなんていらないよな。ちゃんとレスポンシブにもなっていて、感心してしまいます。ここまで出来ないとプロのフロントエンドエンジニアとは言えないのかは、わからないけど。でも見ていて爽快感がありますよね。

自分もゴニョゴニョとフロントエンドエンジニアの領域も侵食していかなければ、いけないなと何事も手を動かさないと覚えない。この頃のWEBは動的なデザインをCSSやJSを駆使して作られているので、そこんトコロを自分も勉強していけたらなと思います。バックエンドもフロントエンドも両方極めたいなと思えた動画だった。未だにWEBは奥が深いなと思うし、ソフトもアプリもそうなんだけどいろいろと頑張らないと思えてならない。

タグ

css, JS, web, アプリ, いろいろ, エンジニア, エンド, ここ, ゴニョゴニョ, これ, そこ, ソフト, デザイン, トコロ, バック, フレームワーク, プロ, フロント, ベタ, 下記, 両方, 人, 何事, 侵食, 勉強, 動画, 奥, 感心, 手, 爽快感, 自分, 違い, 頃, 領域, 駆使,

かがみ花フェスタの向日葵が！

2020.08.05

Logging

かがみ花フェスタの向日葵を撮り、今さきほど行ってきたのですが
もう見頃を終えて葉がこの夏の暑さの影響か・・・枯れてきてます。

そして何よりヒマワリの背丈がおいらの身長よりも低かったので、ちょっとそれはががっかりでした・・・。でもかがみ花フェスタの奥の方に進むと枯れていないひまわりもチラホラあるので救いかな。

でも全体的にはもうかがみ花フェスタの向日葵は見頃を終えている気がします。
とった写真はインスタグラムとツイッターにアップしました。

因みに何故、向日葵を撮りに行ったかの、きっかけは質問ボックスがきっかけです。

タグ

インスタグラム, おいら, かがみ花フェスタ, きっかけ, さきほど, ツイッター, ヒマワリ, 写真, 向日葵, 夏, 奥, 影響, 気, 背丈, 花フェスタ, 葉, 見頃, 質問ボックス, 身長,

jsのクリックイベントの謎？？

2019.06.22

Logging

javaScriptとjqueryのクリックイベントの挙動が違うのは
わかったのですが・・・。
これは結構奥が深い気がします。

See the Pen jsのクリックイベントの謎？？ by taoka (@taoka-toshiaki) on CodePen.

タグ

0, 265, BY, codepen, default, embed, gt, hash, Height, href, html, ID, io, javascript, jquery, JS, lt, ON, Pen, QXprJX, result, See, slug, tab, taoka, taoka-toshiaki, The, theme, user, イベント, クリック, これ, 奥, 挙動, 気, 謎,

オーテピア行ってきましたよ。

2018.08.04

Logging

オーテピア行ってきましたよ。
感想はやはり綺麗ですね、良いなぁ近隣の学生さんが
羨ましい。こういう図書館（複合施設）があれば便利だと感じます。
勉強も捗りそうですし、パソコン持ち込み可でwifi使えるからかなり便利だと感じました。
最初、３階のIT系の本がしょぼいなと思ったのですが、
奥の方に専門書が結構置いていました、それも結構な数が！！無料にしては
それなり勉強になるなと思います、人工知能の書籍やオライリージャパン出版の本もありましたからね。ここで勉強して昼に喫茶店でご飯食べてで時間暇つぶしにはもってこいな場所になりそうです。
自分の場合は車より高知駅から15分ほど歩くのが
良いかなと思いましたね、運良くオーテピアに止めれるかもしれませんが
それより電車で高知駅まで行き徒歩で目的地まで行くほうが
安上がりですから。
ちなみにオーテピア、金高堂書店の後ろにあります。

タグ

15, ３, IT, wifi, オー, オライリージャパン, かなり, ここ, ご飯, それ, それなり, テピア, パソコン, もってこい, 人工, 便利, 出版, 勉強, 可, 喫茶店, 図書館, 堂, 場合, 場所, 奥, 学生, 安上がり, 専門書, 後ろ, 徒歩, 感想, 数, 方, 施設, 昼, 時間, 暇つぶし, 書店, 書籍, 最初, 本, 無料, 目的, 知能, 系, 結構, 綺麗, 自分, 複合, 車, 近隣, 金高, 電車, 高知,