CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方 実装の解説 :has()疑似クラスのシンプルでクールな使い方 みなさん、こんにちわ！👋 この記事では、最近すべてのブラウザに
Appleが、パスワードを不要にする技術の標準化に取り組んでいるFIDO Allianceに参加したことが明らかになりました。 現在、Webなどでユーザー認証の仕組みとして一般的に使われているユーザーIDとパスワードの組み合わせは、パスワードの流出によるリスト型攻撃や、総当たり的な攻撃など、さまざまな手法によって不正なログインを引き起こす要因となっています。 この状況を改善するために、パスワードに依存した認証ではなく、指紋認証や顔認証やPINコードなどを基に生成した秘密鍵と公開鍵を用いた公開鍵暗号の仕組みによって、ユーザー認証を行う業界標準の策定や利用促進を行っているのがFIDO Allianceです。 FIDO Allianceが策定した標準仕様である「FIDO2」の中心的な構成要素であるWeb認証技術「Web Authentication」（WebAuthn）は、2019年3月にW3C
Mouse Dictionary
超高速辞書ツール、Mouse Dictionary。英語または日本語の言語学習者に最適。
セキュリティ研究者で、有名な拡張機能「AdBlock Plus」の元開発者でもあるウラジミール・パラント氏が、Chromeウェブストアにある多数の拡張機能に難読化された悪意あるコードが含まれていたことを発表したと報告しました。 More malicious extensions in Chrome Web Store | Almost Secure https://palant.info/2023/05/31/more-malicious-extensions-in-chrome-web-store/ パラント氏が最初にこの問題を発見したのは、PDFファイルの編集や結合などの機能を持つ「PDF Toolbox」という拡張機能です。200万人以上のユーザーと「4.2」の評価を得ていたこの拡張機能は、表面的には何の変哲もない拡張機能でしたが、アドウェアを配布している「serasearchtop
Mozillaのメーラー「Thunderbird」プロジェクトが完全子会社化、Mozilla Corporationから切り離される
by Roland Tanglao Thunderbirdは、Mozilla Foundationが中心となって開発が行われるオープンソースのメーラーで、Windows版・macOS版・Linux版がリリースされています。およそ17年という歴史の中で二転三転してきたThunderbirdの開発・運営が「Mozilla Foundationの完全子会社に移行した」と公式ブログで発表されました。 Thunderbird’s New Home | The Mozilla Thunderbird Blog https://blog.thunderbird.net/2020/01/thunderbirds-new-home/ Thunderbirdの公式ブログによれば、2020年1月28日をもってThunderbirdプロジェクトはMozilla Foundationの完全子会社である「MZLA T
米Googleは3月29日（現地時間）、Webブラウザ安定版のアップデートとなる「Chrome 100」（バージョン100.0.4896.60）をWindows、Mac、Linux向けに公開したと発表した。数日かけてロールアウトしていく。 2008年9月1日に最初のβ版をリリースしてから約13年でバージョン100を迎えた。 一般ユーザー向けの新機能としては、ロゴのデザイン変更、Webアプリでのマルチディスプレイ対応、［設定］→「プライバシーとセキュリティ」の「安全確認」の改善などが追加された。 新しいロゴについてGoogleは、隣接する色の境目にあったシャドウをなくし、中心の円を大きくし、色も明るくしたと説明した。 Webアプリのマルチディスプレイ対応で、プレゼンなどで大画面でスライドを表示し、手元のPCで原稿メモを表示するような使い方ができるようになる。 バージョンが3桁になり、UA（ユ
Googleのビデオ会議ツール「Google Meet」が無料開放され、2020年9月30日までは、誰でも制限なく使えるようになりました。 Googleはこのサービスをすでにロールアウトしているので、Gmailのメールアドレスを持っている人なら誰でも、無料でビデオ会議を開催できます。 ほかのビデオ会議アプリと比べると、Google Meetの機能はやや見劣りしますが、ブラウザの拡張機能を活用することで、必要度の高い機能を追加できます。もちろん、この拡張機能も無料です。 Google Meetの新機能これらの拡張機能をご紹介する前に、Google Meetの現状について手短かに説明しておきましょう。 Googleは今でも、Meetに新たな機能を追加する取り組みを継続しています。 今後追加が予定されている機能には、参加者16人の顔が同時に見られるタイル表示（ほかのサービスでは「グリッド表示」と
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
Monaco Markdown Editor For GitHub GitHubでMarkdownを書くときにテキストエリアがVS Codeみたいになるブラウザ拡張 chrome.google.com 機能としては Markdownとコードスニペットのシンタックスハイライト Tabでインデント、Shift+Tabでインデントの戻し マルチカーソル F11でフルスクリーン フルスクリーンモードでは、十分な領域があればプレビューを表示 etc github1s GitHubのリポジトリのURLに1sを追加するだけで、VS Codeでリポジトリを読むことができるサービス 例えば、VS Codeのリポジトリ https://github.com/microsoft/vscode を見たい場合は、 https://github1s.com/microsoft/vscode を開くだけ。 なんだけど、
AWS（Amazon Web Services）は、AWS IAM（AWS Identity and Access Management）でWebAuthnに対応したことを発表しました。 AWS IAMは以前から多要素認証に対応しており、今回この多要素認証の要素の1つとしてWebAuthnが使えるようになりました。つまりパスワードを入力した上で、追加の認証を行う多要素認証にWebAuthnが加わったことになります。 （2022/6/8 12:45 追記：当初、WebAuthnでパスワードレスなログインが可能と表記しておりましたが、間違いでした。お詫びして訂正いたします。タイトルと本文の一部を変更しました） WebAuthnは、パスワードレス技術の標準化団体であるFIDO Alliance（ファイドアライアンス）が策定したFIDO2仕様の構成要素であるWeb認証技術のことです。 2019年3
これは はてなエンジニアアドベントカレンダー2023 3日目の記事です。 はてなエンジニア Advent Calendar 2023 - Hatena Developer Blog はてなエンジニアのカレンダー | Advent Calendar 2023 - Qiita 昨日は id:pokutuna さんの blog.pokutuna.com でした。私も若い頃に同僚とGitHub上で白熱してしまい観光名所になってしまっていたような気がします。気を付けていきましょう。 さて、この記事では SQLiteでLinderaを使った日本語全文検索をする話を紹介します。 モチベーション laiso.hatenablog.com 上の記事でも話題になっているように個人開発ではDBのコストは問題です。同様に全文検索したいときにもコストに頭を悩ませているのではないでしょうか？ たとえば Amazon
VSCodeの拡張開発に入門してみました
こんにちは。GMOアドマーケティングのK.Mです。 最近めっきりVSCode上で過ごすことが多くなりました。 というわけで、今回はVSCodeの拡張の作り方について調べてみました。 もともと便利な拡張がたくさんあるVSCodeですが、自分の作業に特化したかゆいところに手が届くものを自作できるようになることのメリットも大きそうです。 手始めに、エディタの拡張と考えると良い題材かと思われる選択範囲の文字列を見やすく整形して置き換える機能を作成してみたいと思います。 Beautify系の拡張はたくさんありますが、プロジェクト特化なログ文字列とかをサクッと整形したいようなケースで役に立つことを想定します。 プロジェクト準備 ジェネレーターが用意されているため、それを使ってプロジェクトの雛形を生成します。
この記事を読むと VSCodeを最適化することで、React開発効率が加速します。 関数コンポーネントの雛形が一瞬で出来る。しかもファイル名がそのままコンポーネント名になる ES6の作法に則った作法で自動でコード整形してくれる。どういう時に関数内の()が省略できるか等を覚えなくて良い useEffectの最適な第二引数を自動で補完してくれる コンポーネントのimport文を自動で挿入してくれる なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、React開発においてはもはやデファクトスタンダードです(長年愛用しているエディタがある方も、是非一度VSCodeを試してみてください)。 さて、VSCodeはそのままでも素晴らしいエディタです。しかし、使用するフレームワークや用途に応じて拡張機能を入れるとさらにその卓越した機能性を発揮します。VSCodeがなぜ世界中の
ウェブブラウザの利用中に「画面が突然閉じてしまった」という経験をしたことがある人は多いはず。ウェブブラウザ「Firefox」の開発チームの一員であるガブリエラ・スヴェルト氏は、Windows版Firefoxにおけるクラッシュを減らすために行ったメモリ最適化の概要を解説しています。 Improving Firefox stability with this one weird trick - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2022/11/improving-firefox-stability-with-this-one-weird-trick/ FirefoxはmacOSやLinuxといったWindows以外のOSにも提供されていますが、スヴェルト氏によるとメモリ不足に起因するクラッシュはWi
Pixel Art rendering v1.0 - ピクセルアート（ドット絵）風レンダリングを手軽に実装出来る無料のBlenderアドオンが登場！
ソフトウェア＆ツール-Software&Tool モデルビューアー LGLTracer V3 - 高速＆美麗なレイトレーシングレンダリングをブラウザ... 2024-04-09 todaylg氏（@WebAMV）による高速＆美麗なレイトレーシングレンダリングをブラウザ上で実行可能なビューアー＆エディター『LGLTracer V3』のご紹介！ 続きを読む AI 技術 技術-Technology Glimnote Early Access - ゲームやエンタメ制作者向けに世界... 2024-04-09 株式会社Witchpotは2024年4月に生成AIを基盤としたゲーム・エンタメ制作者向け世界観・設定制作AIツール「Glimnote（グリムノート）」のアーリーアクセスを開始しました！ 続きを読む Blender アセット アセット-Asset Cloth + Softbody in Geom
「2023年初頭に、Mozillaはパブリックにアクセス可能なソーシャルメディア連合（Fediverse）のインスタンスをMozilla.Socialにおいて立ち上げ、テストします」（In early 2023, Mozilla will stand up and test a publicly accessible instance in the Fediverse at Mozilla.Social.） Webブラウザ「Firefox」の開発などで知られるMozillaは、12月20日付けで公開したブログ「Mozilla to Explore Healthy Social Media Alternative」でこのように表明しました。 イーロン・マスク氏によって買収されたTwitterが大きな混乱を見せ、多くのユーザーがTwitterの代替となるソーシャルメディアを探し始めている中で、
WebAssemblyがSIMDをサポート、「WebAssembly SIMD」がChromeやFirefoxで標準実装。画像処理や物理演算など高速実行 － Publickey
WebAssemblyがSIMDをサポート、「WebAssembly SIMD」がChromeやFirefoxで標準実装。画像処理や物理演算など高速実行 ChromeなどのWebブラウザに搭載されているJavaScriptエンジン「V8」の開発チームは、WebAssemblyでSIMD命令をサポートする「WebAssembly SIMD」を来月、2021年5月にリリース予定のChrome 91からデフォルトで利用可能にすることを明らかにしました。 Firefoxでもx86版、x86-46版においてはすでにフラグを設定することでWebAssembly SIMDが利用可能になっており、Node.jsでもフラグの設定で利用可能になっています。 これによりWebAssemblyで画像処理などが高速に実行できるようになることが期待されます。 WebAssembly SIMD will be ship
何となく「安直な英単語のイメージから来る発想が低レベル(小学生的ダサさ)」「いい加減レッサーパンダだという事を理解しろや」みたいな嘲笑の声がどこからともなく聞こえてきそうでツラくなるから、だろうか。 ドラクエで「ドラゴンフライ」という「背中に薄い羽の生えた飛行形態のドラゴン」のモンスターが出現した際も同様な事を思った。「いや、“ドラゴンフライ”って『トンボ』やん…」と。 誰も鳥山明に突っ込む勇気が無かったのだろうかと思うと涙を禁じ得なかった。 他にもこういう事例があるような気がする。あまり共感は得られないかも知れないけど。
Google SpreadSheetをGitHubでバージョン管理するためのアドオンVersion Oceanをリリースしました
Google SpreadSheetをGitHubでバージョン管理するためのアドオンVersion Oceanをリリースしました
社内ではドキュメントの共有に Scrapbox が活発に使われており、するといきおい UserCSS や UserScript もさかんである。具体的には、/customize という共有のプロジェクトがあってみんなの自慢の装飾やカスタマイズが共有されている。これを個々人で import して使うんである。 こんな感じ。 自分の場合は /motemen/UserCSS/common に常に適用したいスタイルを書いておいて各プロジェクトから読み込んでいる。このページからさらに、共有プロジェクトや他人の個人プロジェクトページからよさそうな設定を import している次第。 つまりは多段インポート。こういうことを続けていると、だんだんと読み込みの遅さが気になってくる。こういうのはバンドルすればいいのだけど、巷のツールを普通に使うことはできない。インポートしてるリソースに認証がかかっているからだ
関連キーワード Google Chrome | Salesforce.com（セールスフォースドットコム） | セキュリティリスク | Webセキュリティ Salesforce（salesforce.com）は「混合コンテンツ」（mixed content、「混在コンテンツ」とも）の問題に関する情報発信で迷走している。混合コンテンツとは、エンドユーザーとWebサーバ間の通信が「HTTPS」で暗号化されているWebサイトにおいて、平文の「HTTP」通信でやりとりされているコンテンツを指す。 GoogleのWebブラウザ「Chrome」が混合コンテンツをブロックすることで発生する問題を受け、Salesforceは「Chromeの最新アップデートの適用を見送るか、旧バージョンにロールバックすること」を推奨した。 併せて読みたいお薦め記事 Webブラウザのリスクとセキュリティ ChromeやFir
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これは覚えておきたい！ CSSの:has()疑似クラスを使うと、こんな面倒な実装も簡単なCSSだけできる
Apple、パスワードを不要にするFIDO Allianceへの加盟が明らかに
悪意あるコードが仕込まれたChrome拡張機能が大量に発見される
「Google Chrome」でYouTubeを視聴するときに便利な裏技が“Twitter”で話題に／他のWebブラウザーでも利用可能……だけど、デザインや機能には少し違いも【やじうまの杜】
「Chrome 100」リリース 新ロゴやユーザーエージェント対策など
「Google Meet」で使える拡張機能5選 | ライフハッカー・ジャパン
Mozilla Firefoxに保存されているTwitterデータのキャッシュについて
GitHubと併せて使うと便利なツール - it-engineer’s blog
AWS IAMがWebAuthnに対応。多要素認証の要素として利用可能に（記事訂正）
あとで読むサービス「Pocket」、Firefoxアカウントへの全面移行を発表。期限は8月15日【やじうまWatch】
SQLiteでLinderaを使った日本語全文検索 - *iroi*
React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita
Windows版Firefoxの「メモリ不足によるクラッシュ」を70％減らした手法とは？
「DeepL」公式の「Microsoft Edge」向け拡張機能が登場 ～品質の高さで知られるAI翻訳サービス／部分テキストの翻訳ならば無料、Webページの翻訳も近日中に無料化予定
Mozilla、分散型ソーシャルネットワークのテストインスタンスを2023年前半に立ち上げると宣言
「Firefox」の翻訳が「あいつら」の声で脳内再生されてしまう問題（？）が発生中／悪いのは「YouTube」漬けになった自分の脳【やじうまの杜】
「firefox」→「キツネの尻尾から炎が出てる」みたいなのに共感性(?)羞恥を感じる
DevTools上でesbuildするChrome拡張を書いた - 詩と創作・思索のひろば
「Chromeをアップデートしないで」――Salesforce“異例のお願い”の真相