:not()で例外が便利（最近便利なCSSおれおれAdvent Calendar 2023 – 18日目） | Ginpen.com
引数と詳細度 :not(a, b c, d > e + f) のように、カンマ区切りで複数のセレクターを指定できます。 詳細度はその引数で与えられるセレクター群の中で最も高いものになります。:is() と同じです。 なお絶対に該当しないセレクターを指定してむやみやたらと詳細度を上げることもできます。:not(#important #important #super-important) で (3,0,0) とか。やめよう、悪用！ おしまい スタイル宣言の順序とかで頑張ることもできるけど、こっちの方が意味が通じて良いんじゃないかな。 参考 :not() – CSS: カスケーディングスタイルシート | MDN
広告ブロッカーのブロックを本格化するYouTubeでも使える検出不能な広告ブロッカー「FadBlock」
YouTubeは広告ブロッカーをブロックするためのアンチ広告ブロッカーの展開を本格化しており、Adblock PlusやuBlock Originといった人気広告ブロッカーがYouTubeで機能しなくなっています。そんな中でもYouTubeで問題なく使えることをアピールしている広告ブロッカーが「FadBlock」です。 GitHub - 0x48piraj/fadblock: Friendly Adblock for YouTube: A fast, lightweight, and undetectable YouTube Ads Blocker for Chrome, Opera and Firefox. https://github.com/0x48piraj/fadblock 開発者のPiyush Raj氏によると、FadBlockは広告を検知・削除できるように設計された広告ブロッ
あなたが知らないであろう15個の強力なJavaScriptのテクニック🗡🔈🔥
はじめに この記事はこちらの記事の和訳となります。 なお、著者には許可をいただいております。是非原文もご覧ください。 拙訳なので、ご指摘などあればお待ちしております。 Javascriptのバグ修正や答えを求めてGoogleやStackOverflowを探し回るのは楽しくないでしょう🏴☠️。 この記事では、生産性⚡を最大化し、苦痛🩸を最小化する、20個（訳註:正確には15個）の短く、パワフルなJavaScriptのテクニックを紹介します。 それではコードを見ていきましょう🤘 配列の重複を除去 配列から重複した要素を除去します。 const arr = ["a", "b", "c", "d", "d", "c", "e"] const uniqueArray = Array.from(new Set(arr)); console.log(uniqueArray); // ['a',
録音した音声を一発でプロっぽく仕上げてくれる「Enhance Speech from Adobe」を使ってみたレビュー
Adobeが、AIを使った音声編集ウェブサービス「Adobe Podcast」を公開し、Podcast編集用ツール「Enhance Speech from Adobe」のデモを公開しています。Enhance Speech from Adobeを使えば、録音した音声が簡単にプロっぽく仕上がるとのことで、実際に使ってみました。 Enhance Speech from Adobe | Free AI filter for cleaning up spoken audio https://podcast.adobe.com/enhance このAdobe Podcastは2021年12月にProject Shestaという名前で開発が進められており、「語るべきストーリーを持つ人々のためのオーディオツール」と表現されています。 そして、AdobeがAdobe Podcastに含まれるツールとして「E
クリエイター注目！人工知能（AI）活用のすごい＆無料ウェブサービス22選
人工知能（AI）を活用したツールは、デザイナーなどクリエイティブな業種において、特におすすめです。 これまでは、夢物語と思われていたような未来のことが、誰でもほんの数クリックで実現、作成できるようになったのが、一番の理由でしょう。 実際、ここ数年のあいだに、AIテクノロジーは目覚ましい進歩を続け、2022年は大流行した年にもなりました。 今回は、クリエイターが活用したい、AI搭載の便利なウェブツールをまとめてご紹介します。 長い記事を要約したり、文字を画像や音声に変換できるAIツールをカテゴリ別にまとめたリストも参考にどうぞ。 クリエイターが活用したい、AI搭載の便利＆無料ウェブツールまとめ Magic Eraser 写真に写り込んだ不要、邪魔なものや人を、なぞるだけで簡単に消すことができるツール。先発のCleanup.Picutresも、精度が高くてオススメ。 Dall-E-2 2022
Gitでグローバルにファイルを無視する共通設定（Gitの小ネタおれおれAdvent Calendar 2022 – 05日目） | Ginpen.com
Gitの小ネタおれおれAdvent Calendar 2022 – 05 日目 Git で管理したくないファイルはリポジトリーの .gitignore ファイルに書き込んで無視 (ignore) することができます。 リポジトリーごとの無視リストの他、端末全体でグローバルに無視する設定があります。 core.excludesFile core.excludesFile – Git – git-config Documentation 対象のファイルを指定して設定します。 $ git config --global core.excludesFile "~/.gitignore_global" .gitignore_global ファイル名は何でも良いんだけど、どうもこれが標準的に広く利用されているみたい。 .gitignore_global – Google Search 使いどころ 利用
実はこんなこともできる！MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
VSCode Settings Syncで端末ごとに同期する設定値を切り替える方法
v1.4.8から標準になったSettings Syncで複数台の端末で設定値を同期できるようになりました。 しかし、端末ごとに異なる値にしたいフォントサイズや、OSごと（Windows, Mac, Linux）に異なる設定値にする必要が出てきます。 Settings Syncとは VSCodeの設定値、キーボードのカスタマイズ、拡張機能を複数台の端末で同期できる機能です。 元々は拡張機能の一つとしてリリースされていましたが、v1.4.8から公式で標準機能となりました。 紛らわしく注意が必要なのは、機能名が新旧で同じですが中身は別物で設定方法も異なります。 ここでは、公式で標準になった新しいSettings Syncの設定方法を記載しています。 端末によって同期したくない設定値 端末ごとに異なる値にしたいフォントサイズや、OSごと（Windows, Mac, Linux）に異なる設定値にする
なぞるだけで写真の不要なものを消せるウェブサービス Cleanup.pictures
「せっかく良い写真が撮れたのに、背景に不要なものや人が写り込んでしまった。」「シャツにケチャップのしみがついている」「写真にうつった文字を変更したい。」 誰ももこんな経験、一度はしたことがあるのではないでしょうか。 なぞるだけで写真の不要なものを消すことができる、魔法のようなオンラインツールCleanup.Picturesをご紹介します。 人やものなどの被写体、文字テキストなど、あらゆるものを写真から消し去ることができます。 写真の不要なものをなぞるだけで消すことができるWebサービス Cleanup.pictures CleanUp.picturesは、ほんの数クリックするだけで、写真の不要なものを消し、クリーンアップできる無料ウェブサービスです。 ものを消すだけでなく、削除した部分を自動かつ、正確に再描画してくれます。 操作はいたってシンプル。写真の不要な部分をブラシでなぞるだけで、あ
邪魔な被写体を塗りつぶすだけで存在しなかったことにできるウェブアプリ「Cleanup.pictures」レビュー
「撮影した写真に必要ない小物や人物が写り込んでしまった!」という状況は多くの人が経験しているはず。そんな画像の中の邪魔な被写体を「上からなぞるだけ」で消し去ってくれるウェブサービス「Cleanup.pictures」が公開されていたので、実際に使って手軽に被写体を削除してみました。 Cleanup.pictures - Remove objects, people, text and defects from any picture - 100% free https://cleanup.pictures/ Cleanup.picturesのトップページでは、写真に写り込んだ物体・人物・文字などを削除できることがアピールされています。 Cleanup.picturesを使うには、まず削除したい被写体が写り込んだ写真を灰色のエリアにドラッグ＆ドロップします。 すると、こんな感じに写真と緑色の
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
WordPress 記事一覧から非公開記事を除外する方法 - by Takumi Hirashima
WordPress で記事一覧から非公開記事を除外（非表示）する方法を紹介します。 例えば、クライアント運用時「非公開記事の表示が紛らわしい」場合に便利な方法です。 サイト全体で非公開記事を除外する方法 メインループやサブループから非公開記事を除外する方法 サイト全体で非公開記事を除外する方法 投稿に「非公開記事」がある場合、管理画面へログイン中の時には記事一覧に「非公開記事」が表示されてしまいます。 非公開記事を非表示にするにはクエリをカスタマイズして、公開済みの記事のみを表示するようにすることができます。 例えば、アーカイブページ一覧から非公開記事を除外するには、function.php に次のコードを追加します。 /*【出力カスタマイズ】クエリーカスタマイズ、ループから非公開記事を除外 */ function custom_posts() { global $wp_query; if
CSSの否定疑似クラス「:not()」で、複数のclassを指定する場合の使い方
:not()セレクタは非常に便利です。例えば、リストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんな時に使用すると簡単に指定することができます。 :not()セレクタは通常一つのclassしか指定できませんが、複数のclassを指定する場合の使い方を紹介します。 CSS :not() with Multiple Classes 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :not()セレクタとは、特定のclassがない要素を選択する否定疑似クラスです。
CSSスニペット：簡単なコードでマウスホバーした要素以外を透過する | かちびと.net
Result かなり昔にJSによる方法を書きましたがどこちらの方がスマートだったのでメモ ハイライトは要素にユーザーの注視を促す手法として効果的なので今でも健在の手法だと思います cssspan {/*アニメーション*/ padding: 0 1rem; transition: opacity 0.2s; } .sibling-fade:hover span:not(:hover) {/*透過処理*/ opacity: 0.5; }親要素にホバーしたら全体を透過、更に要素にホバーしたもの以外に適応させる これでマウスホバー中のアイテムだけは透過処理範囲から外れるようになります html<div class="sibling-fade"> <span>Item 1</span> <span>Item 2</span> <span>Item 3</span> <span>Item 4</spa
Googleアナリティクスのビューとフィルタで不要なアクセスを除外する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 Googleアナリティクスを使って解析を始めてみると、「なんだかアクセス多いなぁ」と思ったら自分だった！ なんてケースが出てくると思います。 そんな時は「フィルタ」機能を使って特定のアクセスを除外するのですが、実はちょっとクセがありまして…。 フィルタを使って除外したアクセスはどこにも残らないのです。将来的にフィルタを削除しても、フィルタをかけていた期間のアクセスは戻りません。 そこでセットで覚えてほしいのが「ビュー」機能です。 フィルタをかけたビューと、フィルタをかけていないビューといった感じに分けて使うことで、万が一の設定ミスにも備えることが可能です。 Googleアナリティクス連載第6回目では、なんとなく難しく見える「ビュー」と「フィルタ」を実際に使いながら覚えてみましょう。 設定したことが無いかも…という方はこの機会にぜひ試してみてください！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gitignore.io - Create useful .gitignore files for your project
)
Wiper - Google検索結果から指定したサイトを除外するブロックリストアドオン MOONGIFT
remove.bg 神アップデート！ネコや犬もサポート、動物や植物や物体などの画像から背景を1クリックで切り抜き
行き着く先はあんこ