マガジンのカバー画像

ちょいテク

9
本
運営しているクリエイター
英臣
英臣

英臣

【HTML＋CSS】疑似クラス :has() がめちゃくちゃ便利！２（table絞り込み機能）

【HTML＋CSS】疑似クラス :has() がめちゃくちゃ便利！２（table絞り込み機能）

ちょっとご無沙汰しておりました。
久しぶりの投稿です。

前回の【HTML＋CSS】疑似クラス :has() がめちゃくちゃ便利！の続きですが、また疑似クラス:has() を使用して面白いものを作ってみました。

とりあえず、サンプルHTMLをご覧ください。
【疑似クラス :has() 使用のtable絞り込み機能】
https://revenue-test.biz/test_html/has-t

もっとみる
英臣

英臣

【HTML＋CSS】疑似クラス :has() がめちゃくちゃ便利！

【HTML＋CSS】疑似クラス :has() がめちゃくちゃ便利！

先日、2023年12月にFirefoxがとうとう疑似クラス:has() に対応したとのことで、ほとんどの主要ブラウザで対応された記念にこの素晴らしい機能について解説したいと思います！

そもそも、この疑似クラス:has() とはなんぞや？とお思いの方もいらっしゃるかと思います。
これは、「こんな子孫要素を持っている親要素にCSSを適用する」という、今までになかった疑似クラスなんです。
さらには、「

もっとみる
英臣

英臣

サイトマップ（sitemap.xml）をサーチコンソールなしでGoogleに送信する方法

サイトマップ（sitemap.xml）をサーチコンソールなしでGoogleに送信する方法

※2024年3月現在、この方法は使用できなくなっておりました・・・。
残念です。

Sitemaps ping is deprecated. See https://developers.google.com/search/blog/2023/06/sitemaps-lastmod-ping.
Error 404

とのことです。

サイトマップ（sitemap.xml）の送信って、みなさまGoo

もっとみる
英臣

英臣

ブラウザなどでお役立ちなショートカット＆操作などなど②

ブラウザなどでお役立ちなショートカット＆操作などなど②

日々、ブラウザやWindowsなどで効率よく使用する方法のまとめです。
中にはショートカットですらないのも混じっている場合も(笑)

すごく基本的なものから、意外と知られていなさそうなショートカットキーもあるかもしれません。
（自分では普通に使っているので…）
今回はフォームなどの入力系でよく使用しているものが多いです。

「Ctrl」＋「C」：コピー
「Ctrl」＋「X」：切り取り
「Ctrl」

もっとみる
英臣

英臣

【Wordpress】SWELLテーマのCSS色変数を解析してみました。

【Wordpress】SWELLテーマのCSS色変数を解析してみました。

タイトルの通りなんですが、最近、Wordpressの「SWELL」というテーマを使用することが多く、色々とCSSでサイトをカスタマイズする際に・・・
「管理画面で設定した色はどういう風にして取得しようか」
と考えるようになりました。
Google先生に聞いてみようと検索もしてみたんですが、どうもSWELLのCSSの色変数を紹介している記事に巡り合えず・・・

で、SWELLをちょっと自身で解析して

もっとみる
英臣

英臣

【オススメ！】chromeで開いているタブのURLを全て取得できる「Copy All URLs」プラグインがめちゃ便利！

【オススメ！】chromeで開いているタブのURLを全て取得できる「Copy All URLs」プラグインがめちゃ便利！

とりあえず、本題から。
IT業界で働いていると、URLをまとめたりすることって多くないですか？
そんな時に、この「Copy All URLs」というプラグインがすごく便利です！
https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk/related?hl=ja

まずはインスト

もっとみる
英臣

英臣

ブラウザなどでお役立ちなショートカット＆操作などなど①

ブラウザなどでお役立ちなショートカット＆操作などなど①

日々、ブラウザやWindowsなどで効率よく使用する方法をちょっとまとめたいと思います。
そんなにたいしたことではないのですが、知っておくと便利＆体に覚えさせておくと便利、みたいな操作方法やショートカットってたくさんあります。
ショートカットは、基本的に考えるよりも体で覚えておくとメッチャ便利です。作業効率がけっこう上がります。

とりあえず前置きは置いておいて、ご紹介していきますね。
ブラウザは

もっとみる
英臣

英臣

chromeがなかなか立ち上がらない or よくフリーズする方へ。

表題の通りなんですが、chromeが普通に動いている方はスルーしてもらって大丈夫です(^_^;)

ちょっと最近、私のPCのchromeがよくフリーズするようになり、原因を調べたら…
存在しないアクセラレーター（グラボなど？）をよく探しに行っていることが原因のようでした。

改善方法

１．chromeの右上の3点リーダーをクリック
２．「設定」クリック
３．設定画面から、「詳細設定」→「システム

もっとみる
英臣

英臣

【ちょいテク】画像の文字をテキスト化したい！そんな時にはOCR。WEB上では、Googleが提供しております。

【ちょいテク】画像の文字をテキスト化したい！そんな時にはOCR。WEB上では、Googleが提供しております。

今回は、「OCR」についてご紹介したいと思います。
で、最初に言ってしまいますが、GoogleはGoogleドライブとGoogleドキュメントを使用して、OCRサービスをWeb上で実現しています。

「OCR」ってなに？OCR＝Optical Character Recognition/Reader、光学的文字認識
なのだそうです。
簡単に言えば、「画像に描かれた文字をテキスト化してくれるツール」

もっとみる