@Blog

タグを出現回数によってタグの文字の大きさを変更するコードを実装しました.

2025.08.25

Logging

おはようございます.先日の休みに昼寝から目を覚ましたときに「あっそういや」と思って実装した機能がタグを出現回数によってタグの文字の大きさを変更するコードでした.記事の最後の最後あたりに付いているタグ文字の大きさが記事によって変わっているのが分かると思います.

こういうアイディアはもともとあるけれど、そのアイディアさえも思いつかなくなってしまったら悩ましいですね.因みにリアクトをこのサイトに実装するという計画はまだ実行に移していません.

if(document.querySelector('#main_content')){
    let txt = document.querySelector('#main_content').textContent;
    let tagElements = document.querySelectorAll('.tag');
    [...tagElements].forEach(element => {
        element.style.fontSize = fontSizeChange(txt,element.textContent);
    });
}
function fontSizeChange(text,word)
{
  const regex = new RegExp(word, "gi");
  const matches = text.match(regex);
  let cnt = matches?.length ?? 0;
  const sizes = ['medium', 'x-large', 'xx-large', 'xxx-large'];
  let fontSize = sizes[
    cnt > 6 ? 3 :
    cnt > 4 ? 2 :
    cnt > 2 ? 1 : 0
  ];

移したら技術共有か何かで記事を書くかもしれないです.

明日へ続く

タグ

```, アイディア, あたり, コード, サイト, タグ, とき, リアクト, 休み, 先日, 共有, 出現, 回数, 変更, 実行, 実装, 技術, 文字, 明日, 昼寝, 最後, 機能, 計画, 記事,

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

2016.05.15

Logging

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

タグ

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