並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 3545件

新着順 人気順

"Google Chrome"の検索結果41 - 80 件 / 3545件

  • 「Operaは変わり果てたのでもう使うな」と有識者が語る

    ノルウェー発のウェブブラウザのOperaは、「Opera最強伝説」で知られるなど、ニッチながら根強い人気に支持されているブラウザです。テクノロジージャーナリストのコービン・ダベンポート氏が、「素晴らしいウェブブラウザだったが見る影もなくなった」としてOperaや派生ブラウザのOpera GXを使うのをやめることを宣言し、その理由をブログを説明しました。 Stop using Opera Browser and Opera GX https://www.spacebar.news/stop-using-opera-browser/ ◆これまでのOperaの足取り Operaは1995年にリリースされたウェブブラウザで、当初は有料ソフトウェアだったということもあり、当時主流だったInternet ExplorerやNetscape Navigatorに比べてユーザーは少なく、全盛期でさえニッチ

      「Operaは変わり果てたのでもう使うな」と有識者が語る
    • Microsoft Intune で Mac を管理するときに躓いたこと - Techtouch Developers Blog

      あいさつ Mac のパスワードポリシーを変更すると必ずローカルユーザーのパスワードを変更する必要がある Mac へブラウザ拡張機能を配布するにはplistを配布する おわりに あいさつ こんにちは、CSE(Customer Success Engineer) の kacchan です。先日、大学時代からファンであるプロのジャズギタリストからレッスンを受けたこともあり、毎週末とりあえずギターをさわるようになってきました。アドリブをいいかんじで取れるように練習するぞ! さて、半年くらい前にはなるのですが社内へ Microsoft Intune 導入を進めました。そのときに Mac 関係で躓いたことがあったのですが、あまりインターネット上に情報がなかったので紹介します。 Mac のパスワードポリシーを変更すると必ずローカルユーザーのパスワードを変更する必要がある 結論から述べると、以下の mac

        Microsoft Intune で Mac を管理するときに躓いたこと - Techtouch Developers Blog
      • 講義や会議など長時間にわたるムービーをChatGPTの力で時間ごとに要約してくれるツール「summarize.tech」使ってみたレビュー

        講義や会議の様子がまるごとYouTubeにアップロードしてあっても、ムービーが数時間にも及ぶような場合内容を確認するのはかなり気が引けるものです。「summarize.tech」はChatGPTを利用して5分単位で内容をまとめてくれるツールとのことなので、実際に使って試してみました。 summarize.tech: AI-powered video summaries https://www.summarize.tech/ 最初に要約してもらうのは下記のムービーです。 This is Financial Advice - YouTube 再生数・評価ともに高く、おそらく何かいい内容なのだとは思うのですが、いかんせんムービーの長さが2時間半以上もあり見始める前から心が折られそうです。というわけでsummarize.techの出番というわけ。まずはURLをコピーします。 summarize.t

          講義や会議など長時間にわたるムービーをChatGPTの力で時間ごとに要約してくれるツール「summarize.tech」使ってみたレビュー
        • 「Windows 10のサポートが切れてもChromeOS Flexを入れればPCを使い続けられる」とGoogleが猛アピール

          Windows 10のサポートが2025年10月で終了すると大量のジャンクが発生するという懸念がある中、Googleが「ChromeOS Flexをインストールすることで廃棄せずに使い続けることができます」とアピールしています。 11 Ways You Win with ChromeOS Flex | Google Cloud Blog https://cloud.google.com/blog/products/chrome-enterprise/11-ways-you-win-with-chromeos-flex/ Windows 10は2025年10月14日でのサポート終了が決定しています。Windows 11への移行があまり進んでおらず、まだまだWindows 10が圧倒的なシェアを誇っているため、サポート切れに伴い大量の廃棄品が発生すると懸念されています。 Windows 10サ

            「Windows 10のサポートが切れてもChromeOS Flexを入れればPCを使い続けられる」とGoogleが猛アピール
          • 【作業効率化】4年目エンジニアが「使わなくなった」アプリを供養する - Qiita

            はじめに よくQiitaでおすすめアプリとかの記事を見かけますが 逆に使わなくなったアプリの紹介記事ってなくね? と思い今その勢いで本記事を書き進めています。需要があるかはしーらないっ。 本記事では、今年で4年目のエンジニアが作業効率を追い求める中で淘汰されていったアプリたちを紹介します。 ちなみに当方Macユーザです。 エディタ Visual Studio Code 3年目くらいまでは結構使ってました。 settings.jsonやkeybindings.jsonをdotfilesで管理してみたいなこともするくらいには使ってました。 が、何かのタイミングでvimに興味を持ち、vimを使いはじめてから徐々に使わなくなってゆきました。 vimに興味を持った最初の頃はVSCの拡張でvimがあったので、それを使ってました。 VSCでvimの操作を再現できる拡張です。 しかし vimと言えば学習コ

              【作業効率化】4年目エンジニアが「使わなくなった」アプリを供養する - Qiita
            • 次世代のブラウザテスト自動化プロトコルWeb Driver BiDi

              Seleniumの独自実装が元となって2018年にはW3C勧告として標準化されました。[1] 言葉の使い方が非常にややこしいのですが、ここでいうW3CのWebDriverはChrome Driver, geckodriverといった具体的な実装ではなく、ブラウザを自動化するためのAPIとプロトコルを規定したものを指しています。 Selenium4を例にとるとWebDriver型のツールは次の流れで動作しています。 Driverに対してクライアントから自動化コマンドを送る Driverが実際のブラウザ操作に変換し、ブラウザを自動操作 Architecture of Selenium WebDriver この方式はW3Cの標準が存在しクロスブラウザ対応が容易な点でメリットがあります。一方で仕組み上flakyになりやすかったり、websocketを使った実装に比べて低速であるというデメリットがあ

                次世代のブラウザテスト自動化プロトコルWeb Driver BiDi
              • input type=“date” の沼から、ライブラリを導入する意義を考える - Mirrativ Tech Blog

                はじめまして!2023年7月からミラティブでフロントエンドインターンをしております、かずえもんと申します😺 今回は、インターンでの作業中にハマってしまった Safari のバグについて調査していたら、なんと10年モノの issue だったことが判明し、ライブラリを導入する意義について考える機会となった話を書いてみたいと思います。 Safari の日付入力欄に無効な日付を入れると起こるバグ onChange が正しく呼ばれないのは Safari が原因? Safari 17 以降で再現しないので原因は Safari で間違いなさそう Safari 17 以前での解決方法として DatePicker を使ってみる まとめ: ネイティブを補う存在としてのライブラリ We're Hiring!! Safari の日付入力欄に無効な日付を入れると起こるバグ 2023年8月、私はミラティブの管理シス

                  input type=“date” の沼から、ライブラリを導入する意義を考える - Mirrativ Tech Blog
                • 【エンジニアの日常】これが私の推しツール!〜日々の開発を豊かにするおすすめツール〜 Part1 - Findy Tech Blog

                  こんにちは。 Findy で Tech Lead をやらせてもらってる戸田です。 突然ですが皆さんは、開発をするうえで欠かせないツールやOSSはありますか? キーボードやマウス、マイクといった物理的なツールは机を見ればわかりますが、他のエンジニアがどういったツールを使って効率化しているかは、その人の画面を見ないとわかりません。 そのため、他のエンジニアがどういったツールを使って効率化しているのか、実は意外と知らないということが多いのではないでしょうか? そこで今回は 推しツール紹介 と題して、弊社エンジニア達が日々の開発業務で愛用しているツールやOSSを紹介していきます。 それでは見ていきましょう! 推しツール紹介 戸田 git-cz git-cz-for-api-developer 新福 Nx vscode-spell-checker 森 Rectangle Hammerspoon Vi

                    【エンジニアの日常】これが私の推しツール!〜日々の開発を豊かにするおすすめツール〜 Part1 - Findy Tech Blog
                  • Playwrightでライブプレビューツールを実装する - ベースマキナ エンジニアブログ

                    こんにちは、yebis0942です。 先日、@basemachina/bm-view-previewというツールをnpmで公開しました。ベースマキナのビュー機能のソースコードをローカル環境で編集しながら、Next.jsのnpm run devのようにライブプレビューで動作を確認できるツールです。 ライブプレビューはPlaywrightによってコントロールされたChromiumで表示しています。PlaywrightをE2Eテストや自動化以外の用途で使うのは珍しい事例かと思いますので、その背景と実装の裏側についてご紹介します。 ビュー機能とは ローカル環境で開発したい bm-view-previewの内部構成 ライブラリとしてのPlaywright ブラウザを人の手で操作できるようにする ウィンドウを表示する ウィンドウのリサイズに対応する ダイアログを自動で閉じない できなかったこと アプリ

                      Playwrightでライブプレビューツールを実装する - ベースマキナ エンジニアブログ
                    • Chromeウェブストアの拡張機能が原因でマルウェアに感染しているユーザーは数億人に上ることが判明

                      Googleが提供するウェブブラウザの「Google Chrome」には、ブラウジングを便利にするさまざまな拡張機能を追加できる「Chromeウェブストア」が存在します。スタンフォード大学のセキュリティ専門家チームが、Chromeウェブストアから入手した拡張機能が原因で、数億人ものユーザーがマルウェアに感染していることを報告しています。 [2406.12710] What is in the Chrome Web Store? Investigating Security-Noteworthy Browser Extensions https://arxiv.org/abs/2406.12710 Security experts find millions of users running malware infected extensions from Google Chrome Web

                        Chromeウェブストアの拡張機能が原因でマルウェアに感染しているユーザーは数億人に上ることが判明
                      • 拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう - Techtouch Developers Blog

                        こんにちは、カスタマーサクセスエンジニア(CSE)の komo です。 この記事では CSE の主業務の1つにテクニカルサポートがありまして、それを効率化するために作ったツールの話をします。 具体的には Google Chrome 拡張機能で DevTools に独自パネルを追加して、トラブルシュートに有用な情報を表示させるツールです。実物をそのまま紹介はできないため、ひな形を別途作りました。作り方を書くので、同じようなカスタマー系エンジニアの方々に真似してもらって、役立ててもらえると嬉しいです。 ツールの説明 ひな形からの発展形 作り方 ステップ1:最小の拡張機能を作る ステップ2:パネルを追加する ステップ3:パネルに機能を追加する おまけ:動作確認・キャプチャ取得用に作ったHTMLとJSON おわりに 参考資料 ツールの説明 別途作ったひな形はこんなものです。 通信を監視して、特定の

                          拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう - Techtouch Developers Blog
                        • タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし – TAKLOG

                          タブやアコーディオンの非表示コンテンツにはdisplay:noneがよく用いられますが、hidden="until-found"を利用するほうがメリットがあります。 hidden=“until-found”で非表示にしたコンテンツはページ内検索でアクセスできるuntil-foundはhidden属性に新たに追加された属性値です。 hidden - HTML: ハイパーテキストマークアップ言語 | MDN hidden グローバル属性は 列挙型属性であり、ブラウザーがその要素の中身を表示すべきではないことを示します。例えば、 要素がまだ、あるいはもはや関連性がないことを示す論理型属性です。例えば、ログイン処理が完了するまで使用できないページの要素を非表示にするために使用することができます。 developer.mozilla.org 従来のhidden属性とは違い、until-found"属

                            タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし – TAKLOG
                          • Google、サードパーティcookie廃止を3度目の延期 年内には実施せず

                            米Googleは4月23日(現地時間)、2024年中に完了する予定だったWebブラウザ「Chrome」でのサードパーティcookieの廃止を延期すると発表した。延期はこれで3度目になる。 延期の理由は「業界、規制当局、開発者からの異なるフィードバックを調整することに関連する課題が継続している」ため。 特に、「プライバシーサンドボックス」の取り組みに懸念を示している英政府競争規制当局の競争・市場庁(CMA)が「業界テストの結果を含むすべての証拠を検討するための十分な時間を確保することが重要」としている。 CMAは1月、Googleに対し、複数の競争関連の懸念が解消されるまで、サードパーティcookie廃止を一時停止するよう命じた(リンク先はPDF)。 CMAによる検討などに引き続き協力することで、プロセスを年内に完了し、合意に達すれば2025年初頭から廃止を進める想定という。 Googleは

                              Google、サードパーティcookie廃止を3度目の延期 年内には実施せず
                            • CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 レバテックラボ(レバテックLAB)

                              TOPフォーカスCSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 2024年4月24日 「NES.css」開発者 ダーシノ SIerでの業務アプリ開発や職業訓練校でのプログラミング講師を経て2015年にさくらインターネット株式会社にフロントエンドエンジニアとしてジョイン。2018年にファミコン風CSSフレームワーク「NES.css」を開発、公開する。人生の目標に「笑って死ぬ」を掲げている。柔道初段。 X ブログ GitHub ファミコン風のデザインのWebページをすぐにつくれる、オープンソースのCSSフレームワーク「NES.css」。フロントエンドエンジニアのダーシノさんが2018年にGitHu

                                CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 レバテックラボ(レバテックLAB)
                              • Windows標準の「ファイル名を指定して実行」「エクスプローラーのアドレスバー」を活用する話の記事を Web で探した時の記録 - Qiita

                                Windows標準の「ファイル名を指定して実行」「エクスプローラーのアドレスバー」を活用する話の記事を Web で探した時の記録Windowsコマンドファイル名を指定して実行アドレスバーエクスプローラー はじめに とある事情により、Windows標準の機能でできる便利なことを調べています。 ⇒ 「本来は、その便利なことを実現できるアプリを導入するほうが簡単」という内容もあったりするのですが、これをやっている背景は「自分が扱う複数の PC の中の一部(で、ある一定期間だけ使うことになった PC)」に「Windows標準の機能/アプリ以外や、標準機能・アプリの一部についても制限がかかっているもの」があり、それを便利にできないか調べてみているという状況があります それで、調査をしている中で「ファイル名を指定して実行」を色々活用する、という話題を見かけて、個人的にその話が気になったので、今回の内容

                                  Windows標準の「ファイル名を指定して実行」「エクスプローラーのアドレスバー」を活用する話の記事を Web で探した時の記録 - Qiita
                                • Google ChromeにはGoogleだけがアクセスできる隠しAPIがプリインストールされていることが判明、EdgeやBraveなどのChromiumベースのブラウザも同様

                                  JavaScript Registry(JSR)やDenoの開発者であるLuca Casonato氏が、Google純正のウェブブラウザであるGoogle ChromeにはGoogle関連のウェブサイトしかアクセスできないAPIがプリインストールされていると指摘しています。 Casonato氏によると、Google ChromeはすべてのGoogle関連サイトにシステムおよびタブ上でのCPU使用率・GPU使用率・メモリ使用率といった情報への完全なアクセス権限を付与しています。他にも、より詳細なプロセッサ情報へのアクセス権限や、ログを記録するバックチャンネルへのアクセス権限も付与しているそうです。これらを実現するAPIは、他のウェブサイト向けには公開されておらず、Googleが自社サイトでのみ利用しているものであると、Casonato氏は指摘しています。 So, Google Chrome

                                    Google ChromeにはGoogleだけがアクセスできる隠しAPIがプリインストールされていることが判明、EdgeやBraveなどのChromiumベースのブラウザも同様
                                  • 「X」(Twitter)のインプレゾンビを駆逐しろ! スパッと報告+ブロックできるアドオンが登場/「Google Chrome」用、「Microsoft Edge」でも利用可能【やじうまの杜】

                                      「X」(Twitter)のインプレゾンビを駆逐しろ! スパッと報告+ブロックできるアドオンが登場/「Google Chrome」用、「Microsoft Edge」でも利用可能【やじうまの杜】
                                    • まぎらわしいサイトデザインでユーザーをだます「ダークパターン」いろいろまとめ

                                      ユーザーをだまして判断を誤まるように誘導するような、悪意のあるウェブサイトのデザインを「ダークパターン」といいます。ダークパターンは、ユーザーのプライバシーを侵害したり、ユーザーにより多くのお金を使わせようとしたりするため、問題視されています。そんなダークパターンに該当するさまざまなケースをまとめたサイト「Dark Patterns Hall of Shame(HOS)」が公開されています。 Collection of Dark Patterns and Unethical Design https://hallofshame.design/collection/ ◆しつこい要求 「しつこい要求」は、アプリやウェブサイトで通知や連絡先へのアクセス許可をユーザーに何度も求めるという手口です。ユーザーは何度も拒否しますが、最終的には根負けして許可してしまうケースがよくあります。 HOSはTik

                                        まぎらわしいサイトデザインでユーザーをだます「ダークパターン」いろいろまとめ
                                      • あらゆるアプリやウェブサイトのOpenAPI仕様を自動生成してくれるChrome向け拡張機能「OpenAPI DevTools」を使ってみた

                                        ウェブ上の通信で利用されるAPIのうち、OpenAPIを使用して記述されているAPIを検知して自動でOpenAPI形式の仕様を作成してくれるツールが「OpenAPI DevTools」です。Chrome向けの拡張機能としてリリースされており、簡単に使えるとのことなので実際に使って試してみました。 AndrewWalsh/openapi-devtools: Effortlessly discover API behaviour with a Chrome extension that automatically generates OpenAPI specifications in real time for any app or website https://github.com/AndrewWalsh/openapi-devtools GitHubのリポジトリにアクセスし、「Downl

                                          あらゆるアプリやウェブサイトのOpenAPI仕様を自動生成してくれるChrome向け拡張機能「OpenAPI DevTools」を使ってみた
                                        • おススメ!英語発音・矯正アプリ:BoldVoiceで目指せネイティブ!日本人でも正確にアメリカ英語の発音習得ができる方法

                                          タグ 10ドル以下 注目銘柄10ドル以下の米国個別株20232023年 税率20242024年2024年ベストLEDマスク20ドル以下の小型個別株24hours market list24時間取引25%UP401k401K40代50代50代 趣味50代おひとりさま50代でもあきらめない50代の達成感5月FOMC60000ppm70%上昇予測ACLXAIAI 英語学習AIチャットAI関連株AI搭載Allure 受賞AmazonAmazon Prime dayAMCAPPLAPRが上がって困る人はAPRレートとは「サヨウナラ」の始め方おいしいお寿司おいしい料理おうちでダイエットおすすめ スムージーおススメおススメ本お茶漬けお土産お尻お得な買い物かかと つるつるかかと ひび割れかかと ガサガサかかとクリームかかとケアかかと保湿かぶれかまってちゃんかゆみがんばり屋さんのこころのトリセツささやかなプ

                                            おススメ!英語発音・矯正アプリ:BoldVoiceで目指せネイティブ!日本人でも正確にアメリカ英語の発音習得ができる方法
                                          • iTermをやめてVSCodeのターミナルに寄せる - yasuhisa's blog

                                            背景 担保したいこと 1: ホットキーで一撃で呼び出せる 2: ウィンドウを透過させてターミナルと他のウィンドウを同時に眺められること 調査したこと & 解決方法 ホットキーで呼び出せるか => hammerspoonで割り当てで対応 ターミナルの透過 => 無理そうなので、代替手段で対応 メモ: ターミナル関係のキーバインド tmuxっぽくしたい その他キーバインド 背景 iTermをずいぶん長く使ってきたけど*1、VSCodeのターミナルが急速に進化しているので、乗り換えを検討した。 VSCodeが色々便利になってきた 自分が使っている範囲だと、vimキーバインドも特に問題ない*2 普段のコーディングはVSCode、コマンド操作くらいしかiTermは使っていない 特にCopilot系の進化は目覚ましい、長い物には巻かれろというか長期的にはエコシステムに乗っておきたい エディタだけでなく

                                              iTermをやめてVSCodeのターミナルに寄せる - yasuhisa's blog
                                            • Docker Compose で php-fpm が発行するシステムコールを見る - Shin x Blog

                                              php-fpm の挙動を確認するために発行されるシステムコールを簡単に確認できる Docker Compose 環境を作りました。 github.com システムコール strace-php-fpm strace オプション php-fpm が発行するシステムコール例 ini ファイルの探索 nginx からの FastCGI リクエスト PHP ファイルの読み込み さいごに 参考 システムコール システムコールは、php-fpm のようなユーザプログラムが、ファイル操作やネットワーク通信、プロセス制御のようなカーネルが提供する機能を利用する仕組みです。PHP コードは PHP(ここでは php-fpm)で実行する必要があるので、php-fpm が発行するシステムコールを確認することで php-fpm や PHP コードがどのように動作しているかを知る手掛かりになります。 システムコールを

                                                Docker Compose で php-fpm が発行するシステムコールを見る - Shin x Blog
                                              • Xのスパムを一掃する「Clean-Spam-Link-Tweet」、マンガ転載・プロフ見て系も駆除/「Google Chrome」「Firefox」向け拡張機能

                                                  Xのスパムを一掃する「Clean-Spam-Link-Tweet」、マンガ転載・プロフ見て系も駆除/「Google Chrome」「Firefox」向け拡張機能
                                                • 格安で日本の銀行口座からアメリカの銀行口座に送金する方法:WISEの活用ガイド

                                                  タグ 10ドル以下 注目銘柄10ドル以下の米国個別株20232023年 税率20242024年2024年ベストLEDマスク20ドル以下の小型個別株24hours market list24時間取引25%UP401k401K40代50代50代 趣味50代おひとりさま50代でもあきらめない50代の達成感5月FOMC60000ppm70%上昇予測ACLXAIAI 英語学習AIチャットAI関連株AI搭載Allure 受賞AmazonAmazon Prime dayAMCAPPLAPRが上がって困る人はAPRレートとは「サヨウナラ」の始め方おいしいお寿司おいしい料理おうちでダイエットおすすめ スムージーおススメおススメ本お茶漬けお土産お尻お得な買い物かかと つるつるかかと ひび割れかかと ガサガサかかとクリームかかとケアかかと保湿かぶれかまってちゃんかゆみがんばり屋さんのこころのトリセツささやかなプ

                                                    格安で日本の銀行口座からアメリカの銀行口座に送金する方法:WISEの活用ガイド
                                                  • BOOX Pageいい感じ - n0te

                                                    Kindle Oasisが好きすぎる僕ではあるが、画面の隅が表示されない端末を使い続けるのは、なかなか厳しいものがある。とはいえ、発売から5年が経とうとする第10世代を今から買い増すのは流石に躊躇する。 そんな感じで、隅の褪色した古書風Kindle Oasisを見つめながら、microUSB〜microUSB〜と呟き続ける毎日を送っていたところ、「KindleがダメならBOOXを買えばいいじゃない」と僕の中のマリー・アントワネットが声を上げた。 BOOXはePaperディスプレイを備えたAndroidタブレットで、これにKindleアプリをインストールすれば、Kindle端末のような読書体験が出来るらしい。しかも、Androidなので、Kindle以外のプラットフォームの電子書籍やブラウザのWebマンガも読む事ができる。って、いやいや、僕が欲しいのは次世代Kindle Oasisなんだぜ!

                                                      BOOX Pageいい感じ - n0te
                                                    • 無料でYouTubeを広告や追跡なしで見ることができるオープンソースアプリ「NewPipe」をインストールしてみた

                                                      「NewPipe」は、煩わしい広告なしでYouTubeやPeerTubeなどの動画共有サービスを利用できるオープンソースのアプリです。GoogleのライブラリやYouTubeのAPIを使用しておらず、YouTubeアカウントでのログインも不要だというNewPipeを実際にAndroidスマートフォンに導入してみました。 NewPipe - a free YouTube client https://newpipe.net/ NewPipe/doc/README.ja.md at dev · TeamNewPipe/NewPipe · GitHub https://github.com/TeamNewPipe/NewPipe/blob/dev/doc/README.ja.md AndroidのGoogle Chromeで上記のリンクからGitHubのリポジトリにアクセスしたのが以下。なお、日

                                                        無料でYouTubeを広告や追跡なしで見ることができるオープンソースアプリ「NewPipe」をインストールしてみた
                                                      • 【CSS】スタイルが適用される範囲を限定する@scopeが非常に便利で有能 - Qiita

                                                        CSSの大きな問題点のひとつとして、スタイルが影響する範囲を指定することができませんでした。 そのため一か所だけ書き替えたと思ったら全然関係ないところが崩れたりして、その欠陥をどうにかすべくBEMやらScoped CSSやらStyled Componentsやら解決策が乱立してどうにもならなくなりました。 とりあえずStyled Componentsとかの乱数スタイルシートはユーザスタイルシート適用が困難なのでさっさと滅びろ。 さて先日リリースされたGoogle Chrome 118でCSSが@scopeに対応しました。 なんと、素のCSSで適用範囲を制限できるようになります。 <div class="out"> <span>ここはfooの外</span> <div class="foo"> <span>ここはfooの中、barの外</span> <div class="bar"> <sp

                                                          【CSS】スタイルが適用される範囲を限定する@scopeが非常に便利で有能 - Qiita
                                                        • Google Chromeのパスワード管理に障害、保存していたパスワードが消える

                                                          Googleは「Google Workspace Status Dashboard」において、2024年7月24日22時半過ぎから25日16時半ごろ(協定世界時)までChromeのパスワードマネージャーが正常に動作しなくなったと報じた。影響を受けたユーザーは保存していたパスワードが消え、パスワードを保存できなくなったと報告している。 Google Workspace Status Dashboard パスワードが消えた原因 Googleは今回の件の根本原因を次のように説明している。 予備分析から問題の根本的な原因は、適切な機能保護なしに製品の動作を変更したことにあると判明した。Googleのエンジニアは修正プログラムを展開することで問題を軽減した。今後数日以内に完全修復し、根本原因を明らかにする。 現時点では暫定的な修復ではあるものの、問題は解決したと説明している。また、影響を受けたユーザ

                                                            Google Chromeのパスワード管理に障害、保存していたパスワードが消える
                                                          • MicroCMSとViteで作るかんたん静的サイト | DevelopersIO

                                                            この記事では、ヘッドレスCMSを使ってHTMLコンテンツを生成する手順を紹介します。 前回の記事(MicroCMSと11tyで作るかんたん静的サイト)ではAPIデータの取得とHTMLの生成のみを行いましたが、今回はSassを使うためにビルドツールであるViteを導入して、より実制作に近い環境での検証をします。 ビルドツールであればGulpやWebpack等の選択肢もありましたが、Viteの設定が非常に簡便であるという噂を聞いたので試してみることにしました。 HTML CSS JS GulpやWebpack等のビルドツール利用経験 各ツールの役割 MicroCMS:ヘッドレスCMS。コンテンツのデータを登録できる、APIを提供している。 11ty:ヘッドレスCMSのAPIからコンテンツを取得できる静的サイトジェネレーターで、HTMLを出力することができる。複数のテンプレート形式に対応している

                                                              MicroCMSとViteで作るかんたん静的サイト | DevelopersIO
                                                            • 無料&ログイン不要でブラウザやスマホからも電子書籍にアクセスできるEPUBリーダー「Flow」

                                                              電子書籍ファイルとして使われることが多いEPUBをブラウザ上やウェブアプリで読むことができるEPUBリーダーの「Flow」は、文章のハイライトやメモ書きができたり細かい読書進度を確認できたりする他、オンラインストレージサービスのDropboxと同期することで複数端末間で書籍を共有しやすくなっています。 Flow - Online EPUB reader https://www.flowoss.com/ 公式ページにアクセスして、「Open App」をクリック。 Flowはブラウザからも使うことができますが、プログレッシブWebアプリとしてインストールすることで、より高速かつオフラインでもアクセスが可能になります。Google ChromeでFlowを開いたら、アドレスバーに表示されるダウンロードボタンをクリックします。 「インストール」をクリック。 Webアプリ版のFlowは以下の画像のよ

                                                                無料&ログイン不要でブラウザやスマホからも電子書籍にアクセスできるEPUBリーダー「Flow」
                                                              • 【機械学習】機械学習を用いたin silico screening【AI創薬】~第2/5章 スクレイピングによる公共データベース(PDB)からの機械学習データを収集~ - LabCode

                                                                本記事はAI創薬の一つである機械学習を用いたin silico screeningについて書かれた記事です。第5章まであり、すべての内容が理解できると、目的の標的にあった薬物候補化合物を発見することができます。こちらの記事は第2章で、スクレイピングによる公共データベース(PDB)からの機械学習の学習データを収集となります。webからの情報収集であるスクレイピングの基礎ができるようになります。ぜひ、トライしてみてください!第1章はこちら。 AI創薬とは? AI創薬は、人工知能(AI)技術を利用して新しい薬物を発見、開発するプロセスです。AIは大量のデータを高速に処理し、薬物の候補を予測したり、薬物相互作用を評価したりします。また、AIは薬物の効果や安全性をシミュレートすることも可能で、臨床試験の前の段階でリスクを評価することができます。これにより、薬物開発のコストと時間を大幅に削減することが

                                                                • ツール・ド・フロントエンド2024(フロントエンド班の開発環境や興味のある技術を調査してみた)

                                                                  こんにちは、チームラボのフロントエンド班に所属している速水です。 今回、フロントエンド班内でツール・ド・フロントエンドというイベントを行ったので、その一部を紹介させてください。フロントエンド班の雰囲気が少しでも伝われば幸いです。 ツール・ド・フロントエンドとは フロントエンド班内で、開発環境や生産性の上がるツール、興味のある技術やテーマについて紹介し合うイベントです。 2016年からほぼ毎年行われていて、流れとしては、みんなで各テーマに関して自分の使っているツールや技術を下記のようにドキュメント上に記載し、意見を交換していく形です。 調査結果 開発機のOS Windows に一票も入らず、 Mac に票が集まる形になりました。 使用しているエディタ VS Code が、やはり強い結果となりました。 エディタの選定基準として「 GitHub Copilot が使えるかどうかが大事だよね」や「

                                                                    ツール・ド・フロントエンド2024(フロントエンド班の開発環境や興味のある技術を調査してみた)
                                                                  • GoogleがChromeの「シークレットモード」で収集された閲覧データを破棄することに同意、1兆円の価値がある勝利と原告

                                                                    プライベートな情報を収集しないはずのGoogle Chromeのシークレットモードが、実際には検索や閲覧の履歴を収集していたことをめぐる裁判で、Googleがこれまで集めていた数十億件の閲覧データを削除および匿名化することで原告と和解したことが報じられました。 Google agrees to delete Incognito data despite prior claim that’s “impossible” | Ars Technica https://arstechnica.com/tech-policy/2024/04/google-agrees-to-delete-private-browsing-data-to-settle-incognito-mode-lawsuit/ Google agrees to destroy browsing data collected in

                                                                      GoogleがChromeの「シークレットモード」で収集された閲覧データを破棄することに同意、1兆円の価値がある勝利と原告
                                                                    • Google Chromeで特定のサイトのキャッシュクリアする方法

                                                                      EC担当の齊藤です。 サイト修正後の確認に必要なキャッシュクリア。 クライアントに修正後、確認を依頼したもののキャッシュクリアすることをお伝えし忘れて「修正されてないよー!」と連絡をいただいてしまうなんて経験、エンジニアにはあるあるなのではないでしょうか。 (齊藤はあるあるです。) ブラウザ全体のキャッシュクリアしてしまうとログイン状態が解除されたり、ブラウザで保存していたID・パスワードが削除されてしまうことがあります。 特定のサイトのみキャッシュクリアする方法をご紹介します。 まずはキャッシュクリアしたいサイトを開きます。 デベロッパーツールを開きます。 Windowsでは「F12キー」もしくは「Ctrl + Shift + I」 Macでは「Ctrl + Shift + C」で開きます。 デベロッパーツールを開いた状態で更新ボタンを長押しします。 長押ししていると選択肢がでてくるので

                                                                        Google Chromeで特定のサイトのキャッシュクリアする方法
                                                                      • 第810回 Ubuntu 24.04 LTSの変更点 | gihyo.jp

                                                                        adwaita-icon-theme, baobab, evince, gdm3, gnome-bluetooth-3-common, gnome-calculator, gnome-characters, gnome-clocks, gnome-control-center, gnome-disk-utility, gnome-font-viewer, gnome-initial-setup, gnome-keyring, gnome-remote-desktop, gnome-session-bin, gnome-settings-daemon, gnome-shell, gnome-system-monitor, gnome-text-editor, gnome-user-docs, mutter-common, nautilus, orca, tecla, ubuntu-sessi

                                                                          第810回 Ubuntu 24.04 LTSの変更点 | gihyo.jp
                                                                        • JSConf JP 2023「書いたJavaScriptがそのままブラウザで動く未来へ」スピーカーノート

                                                                          この記事は、JSConf JP 2023 で発表した「書いたJavaScriptがそのままブラウザで動く未来へ」のスピーカーノートです。もともと PDF を公開していたのですが、読みにくいという声をいただいたので移植しました。内容はそのままで、見出しだけ付けています。 はじまり こんにちは、今日は「書いたJavaScriptがそのままブラウザで動く未来へ」というタイトルで発表をします。「いやいや、JavaScriptはブラウザで普通に動くだろう」と思われる方もいらっしゃるかもしれませんが、話を聞いてもらえれば何を言っているのかわかると思います。 JSConf JPで登壇させていただくのは今回で3度目なのですが、オフラインのカンファレンスで話すのは今回がはじめてなので少々緊張しています。 最初に軽く自己紹介をします。鈴木 颯介と言います。大体のところで Sosuke Suzuki という名前

                                                                            JSConf JP 2023「書いたJavaScriptがそのままブラウザで動く未来へ」スピーカーノート
                                                                          • 「確定申告書等作成コーナー」に問題、「Google Chrome」で[次へ]を押しても先へ進めない/国税庁が回避策を案内 【1月19日追記】

                                                                              「確定申告書等作成コーナー」に問題、「Google Chrome」で[次へ]を押しても先へ進めない/国税庁が回避策を案内 【1月19日追記】
                                                                            • Chromeのアイコン、突如ゆるキャラとして人気に 公式も「びっくりしています」

                                                                              米GoogleのWebブラウザ「Google Chrome」のアイコンが、突如ゆるキャラやマスコットとして人気になり出した。Xでは「Chromeくん」などとして、手足の生えたアイコンのファンアートなどが相次いで投稿されている。きっかけはGoogle日本公式Xアカウントが6月5日に投稿したとある図版だ。 公式アカウントが投稿したのは「実はChromeのアイコンにはグラデーションがかかっている」ことを示す画像。青・白の丸を赤・黄・緑のパーツが囲むおなじみのマークだが、実は赤・黄・緑の部分は単色でなく、微妙にグラデーションがかかっていることを紹介するものだ。 これだけでもちょっとした豆知識だが、Xユーザーには違った受け止められ方をした。この図版がまるでキャラクターのように見えるという意見が相次ぎ、ファンアートが作られ始めたのだ。 というのも、図版はアイコンに引出線(説明する箇所を強調する線)をつ

                                                                                Chromeのアイコン、突如ゆるキャラとして人気に 公式も「びっくりしています」
                                                                              • EdgeがChromeの閲覧履歴や支払情報などをスパイ。全データを取得している恐れ。無効化方法あり | ニッチなPCゲーマーの環境構築Z

                                                                                Google ChromeとMicrosoft Edgeの両方のブラウザを使用している場合、EdgeがChromeのすべての履歴・データを取得している恐れがあります。 私はときどきEdgeを使用しているが、Edgeを起動するたびにChromeで最後に開いていたページが開くようになった。 調べたところ、Edgeを起動するたびに、Chromeのオートフィルの設定、閲覧の履歴、Cookie、拡張機能、ブックマーク、開いているタブ、お支払い情報、保存されているパスワードが読み込まれていることが判明した。 いったいなぜそんなことが起こるのか。その原因は、Edgeの設定にある『ブラウザを起動するたびに閲覧データをインポートする』という項目。 EdgeがChromeの閲覧データを取得する この設定は文字通り、Edgeを起動するたびにChromeの閲覧データ(閲覧の履歴、Cookie、拡張機能、ブックマー

                                                                                  EdgeがChromeの閲覧履歴や支払情報などをスパイ。全データを取得している恐れ。無効化方法あり | ニッチなPCゲーマーの環境構築Z
                                                                                • 世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita

                                                                                  はじめに 社員の皆さんはこんな奴が最近エンジニアになって頑張ってるんだなと暖かい目で読んでいただければと思います。 社外の方やエンジニアを目指している方は少しでも学習の参考や、コネクター・ジャパンに興味を持っていただければと思います。 自己紹介 建築の営業→未経験から独学でプログラミング学習し5ヶ月でLaravelでポートフォリオを作成しました。そして現在は自社開発企業に入社し、WEBエンジニアとしてプロダクト開発に携わっています。 概要 あなたは普段どんなブラウザを利用していますか? ほとんどの方がGoogleChromeで、fireFox、Vivaldiなど色々ブラウザがありますね。 私は最近世界で話題になっている新しいブラウザ「Arc」を使っており、Chromeから移行のしやすさや、利便性の良さからすっかり虜(ファン)になってしまいました笑 そんな「Arc」を3ヶ月使ってみての使用感

                                                                                    世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita