並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 3521件

新着順 人気順

chromeの検索結果201 - 240 件 / 3521件

  • ギットハブ、「マスター」の用語を変更--BLM運動がきっかけに

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます GitHubの最高経営責任者(CEO)は、奴隷制度に関係する用語を不必要に使用するのを避けるために、「マスター」という用語を「メイン」などの中立的な用語に変更する取り組みを進めていることを明らかにした。 既に、GitHub以外にも多くのIT企業やオープンソースプロジェクトが、黒人コミュニティーが不快に感じる可能性がある用語をなくす活動に対して支持を表明している。 これには、「マスター」や「スレーブ」を「メイン、デフォルト、プライマリー」や「セカンダリー」に変更することだけでなく、「ブラックリスト」や「ホワイトリスト」を「拒否リスト」や「許可リスト」に変更することなども含まれる。 ITコミュニティーでは、全米で巻き起こっている「ブラックラ

      ギットハブ、「マスター」の用語を変更--BLM運動がきっかけに
    • Yahoo! JAPAN はパスワードレス認証で問い合わせを 25% 削減、ログイン時間も 2.6 倍速に

      Yahoo! JAPAN は日本にて検索やニュースといったメディアサービス、e コマース、メールサービスなど、100を超えるサービスを提供している企業です。これらのサービスで利用するためのユーザーアカウントも長年提供し続け、月間のログインユーザーは 5,000 万を超える規模となっています。しかし、このユーザーアカウントを提供する中で、ユーザーアカウントに対しての攻撃を継続的に受けており、また、アカウントを継続利用する上での課題についてユーザーから問い合わせも多く頂いていました。これらの課題の多くはパスワードという認証手段に依存するものでした。また、当時、技術的にもパスワード以外の認証手段を提供するための機能やデバイスの普及が始まりつつありました。こういった背景のもと、Yahoo! JAPAN はパスワードによる認証からパスワードレスな認証へ移行すると判断しました。 なぜパスワードレスか

        Yahoo! JAPAN はパスワードレス認証で問い合わせを 25% 削減、ログイン時間も 2.6 倍速に
      • ブラウザでTCPを直接送受信できるDirect Sockets APIについて - ASnoKaze blog

        ブラウザから直接TCP・UDPで送受信する「Direct Sockets API」という仕組みが議論されています。 実験段階ですが、Chromeでは起動時にオプションを付けることでこの機能を有効にできます。今回はTCPの方で簡単に動作を見てみます。 Direct Sockets API Direct Sockets APIは、TCP・UDPで直接送受信可能にするAPIです。既存のアプリケーションプロトコル(SSHやIRC)、P2Pのような機能を実現可能になります。 もちろんセキュリティ上の問題もあるので、Chromeでは現状デフォルトでは有効になっていない機能です。 セキュリティ面についてはだいぶGithubリポジトリで議論されておりますので目を通すと良いでしょう。ローカルネットワークへの通信やSame-Origin-Policy(CORS)回避の話が上がっていますが、今回は細かくは紹介し

          ブラウザでTCPを直接送受信できるDirect Sockets APIについて - ASnoKaze blog
        • 突然、紹介されるAndroidアプリ集を書いた増田のガジェット

          こういうオープンソースとか詳しい人ってどんなスマホやパソコン使ってんだろ? 気になるし資金的余裕があれば真似したい anond:20210516133911 とのことなので暇だし書いてみる パソコン自作デスクトップパソコンOSArch LinuxCPURyzen 9 5900Xワーキングメモリ32GB DDR4 SDRAMストレージ(システム)1TB NVMe SSDストレージ(データ1)6TB SATA HDD(RAID0+1)ストレージ(データ2)6TB SATA HDD(RAID0+1)ストレージ(データ3)6TB SATA HDD(RAID0+1)ストレージ(データ4)6TB SATA HDD(RAID0+1)GPURadeon RX 6900 XT 16GBディスプレイモニタ(プライマリ)LG 35WN75C-Bディスプレイモニタ(セカンダリ)中華ノーブランド14インチ16:9タ

            突然、紹介されるAndroidアプリ集を書いた増田のガジェット
          • なぜフットスイッチを入れたら仕事の効率が2割増になったのか考えてみる - 勝間和代が徹底的にマニアックな話をアップするブログ

            とにかく最近の私のマイブームはフットスイッチです。こちらにブログを書いたところやけにバズりました。 katsumakazuyo.hatenablog.com 実はこの時点からさらにTABキーを増やしたかったので、もうひとつだけ買い足して7つになっています。 今7つはそれぞれ左からこのような形で、キーがアサインされています。 Googleドキュメント音声入力トグル(Shift+CTRL+S) 改行 TAB BS 、 。 Google Chrome VoiceIn音声入力トグル (Shift+CTRL+9) そしてこれを入れたら本当にびっくりするぐらい仕事が早く終わるようになりました。なぜそんなに早く終わるようになったかということを考えたのですが、結局これまでは その1 安定しているけれども句読点があまり上手に入らない Google 音声入力 その2 不安定だけれども句読点はそこそこちゃんと入

              なぜフットスイッチを入れたら仕事の効率が2割増になったのか考えてみる - 勝間和代が徹底的にマニアックな話をアップするブログ
            • セキュリティ調査に役立つブラウザ拡張機能のまとめ - 午前7時のしなもんぶろぐ

              おはようございます。しなもんです。 今回はセキュリティ調査に使える便利なブラウザの拡張機能 (アドオン・エクステンション) をご紹介します。 こうした拡張機能の多くはこの世で唯一無二の機能を持っているわけではありませんが、普段から一番よく使う調査ツールである「Web ブラウザ」に直結するため、手間の節減や各種オンラインサービスへのアクセシビリティ向上に大きな効果を発揮する場合があります。 前提 Mitaka IP Address and Domain information Link Redirect Trace User-Agent Switcher Flagfox IP Domain Country Flag Wappalyser anonymoX Wayback Machine Exif Viewer/EXIF Viewer Pro Simple Translate Mouse Di

                セキュリティ調査に役立つブラウザ拡張機能のまとめ - 午前7時のしなもんぶろぐ
              • GitHub - microsoft/playwright: Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                  GitHub - microsoft/playwright: Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
                • そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説! | Web Design Trends

                  WebP(ウェッピー)は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP(ウェッピー)の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP(ウェッピー)とは? WebP(ウェッピー)は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34%程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過(アルファチャンネル)や、アニメーションにも対応しています。つまり、JPEGのよ

                    そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説! | Web Design Trends
                  • ChatGPTを神の道具にするChrome拡張機能4選

                    いろいろと便利に使えると話題のChatGPTですが、基本OpenAIのウェブサイトから使う仕様なのに機能が少なくて使いやすいとは言えなかったりします。 この記事ではそんなChatGPTの弱点を改善するChrome拡張を紹介します。 Glarity-Summary for Google/YouTube (ChatGPT)Glarity-Summary for Google/YouTube (ChatGPT)は、ChatGPTを用いてさまざまなサイト上で要約をしてくれるChrome拡張です。 右側に検索ワードに対する要約を出してくれるGoogle検索ではこのように右側に要約欄が現れ、検索ワードに対する要約を出力してくれます。 YouTubeでも右側に要約欄が出現、その下には書き起こし欄もYouTubeにも対応しており、動画の要約と音声の書き起こしを行なってくれます。 「とりあえずChatGPT

                      ChatGPTを神の道具にするChrome拡張機能4選
                    • Google Chromeの隠れ機能「Side Search」でブラウザ検索が超スムーズに! | ライフハッカー・ジャパン

                      サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】

                        Google Chromeの隠れ機能「Side Search」でブラウザ検索が超スムーズに! | ライフハッカー・ジャパン
                      • 全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA

                        2020年初め、Chromium版のMicrosoft Edge(以下新Edge)がリリースされました。新Edgeは「Microsoft Edge Legacy」(以下Edge Legacy)と比べて多くの機能が使えるようになっており、Chrome・Firefox・Safariのモダンブラウザと遜色ないレベルになっています。 先日5月29日にリリースされた「Windows 10 May 2020 Update」では、Edge Legacyの開発が終了することもアナウンスされており(参考記事「Windows 10 features we’re no longer developing - Windows Deployment」)、今後のWindows標準ブラウザは新Edgeとなっていくでしょう。 ウェブ制作の面で嬉しいことは、多くのCSSやJavaScriptの機能が使えるようになったことで

                          全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA
                        • 【楽しい】Googleの水中ストリートビューがいつの間にか超絶パワーアップしていてヤバい! 人や車のかわりに海ガメやイルカとすれ違う不思議な感覚

                          » 【楽しい】Googleの水中ストリートビューがいつの間にか超絶パワーアップしていてヤバい! 人や車のかわりに海ガメやイルカとすれ違う不思議な感覚 特集 【楽しい】Googleの水中ストリートビューがいつの間にか超絶パワーアップしていてヤバい! 人や車のかわりに海ガメやイルカとすれ違う不思議な感覚 江川資具 2019年6月9日 ぶっちゃけそんなに盛り上がらないけれど、毎年6月8日は国際連合が唱導(しょうどう)する「世界海洋デー」。海に感謝しよう的なそういう日なのだが、そのタイミングでGoogleが公式Twitterにて水中ストリートビューの動画をアップ。 アレ? 水中ストリートビューってそんなだったっけ? なんだかとてつもなくパワーアップしてる感。さっそく見てみると……すげぇぇえええええ! 移動できるぅぅうううう! 海ガメいるぅぅううううう!! ・水中に進出したのは結構前 Googleス

                            【楽しい】Googleの水中ストリートビューがいつの間にか超絶パワーアップしていてヤバい! 人や車のかわりに海ガメやイルカとすれ違う不思議な感覚
                          • Engadget | Technology News & Reviews

                            Blink Outdoor 4 security cameras are up to half off right now

                              Engadget | Technology News & Reviews
                            • WebAssemblyの歴史について

                              はじめに 最近、Node.jsとDenoの開発者であるRyan DahlさんがJavaScript Containersという記事を書いていることを知った。 Webとの親和性の高さがサーバーサイドで求められる中、JavaScriptがユニバーサルスクリプトとして活躍するだろう。そして、コンテナランタイムがLinuxコンテナの抽象レイヤーとしてあるように、JavaScript界隈では既存のWebAPIそのものが抽象化の手助けとなるであろう、みたいな趣旨の内容だった。 彼がChromeのV8 JavaScript Engineを使ってNode.jsを誕生させた同じ頃、JavaScriptの可能性を信じて方法を模索した人がいる。Alon Zakaiさんだ。 Alon(以降、敬称略)はWebAssemblyやその考えの元になった asm.js 、 JavaScriptコンパイラ Emscripte

                                WebAssemblyの歴史について
                              • 10年落ちMacBook AirをChrome OS Flexで現役Chromebookにしてみた

                                私は古いPCは結構処分してしまうんですが、筋金入りのマカーである夫は使わなくなったApple製品も大変いい状態で保存しています(Macintosh Plusも電源を入れれば動く)。この10年前のMacBook Airも十分使える状態です。でも、Big SurでmacOSのアップデート対象からはずれたので、引退してもらっていたのでした。 MacBook AirをChromebook化するために必要なのは、 MacBook Air(本人) Flexのブータブル(起動できる)USBメモリにするためのUSBメモリ(容量は8GB以上) ブータブルUSBを作るためにFlexをダウンロードできるPCまたはChromebook (もちろんネット接続環境も) さっそくMacBook Airを充電。あ。MagSafeのACアダプターがなかなか見つからない。 夫にアダプターを探してもらいつつ、私はChrome

                                  10年落ちMacBook AirをChrome OS Flexで現役Chromebookにしてみた
                                • CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

                                  CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化(階層化)でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー(@layerC

                                    CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
                                  • mouseover 中に表示される DOM のデバッグ | blog.jxck.io

                                    Update 2024-03-30: Chrome 123 から "Emulate a focused page" が追加された。 これを用いれば良いため、以降の全ての方式は古くなった。 Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page マウスが乗ってないと出ない UI も、そこに Tab などでフォーカスを移し、その状態で Dev Tools の "Emulate a focused page" を有効にすれば良い。 Intro 先日、後輩が「mouseover 中にしか表示されない DOM のデバッグ」に手こずっ

                                      mouseover 中に表示される DOM のデバッグ | blog.jxck.io
                                    • 小学生たちはChromeがオフライン状態だと恐竜のゲームが遊べることに気付いて休み時間にWi-Fi繋がずに遊んでいるらしい

                                      てとらα SI @TETRA_IT 小学生たち、Chromeがオフライン状態だと恐竜のゲームが遊べる事を発見して学校のタブレットで休み時間にWi-Fi繋がずに遊んでるらしいww pic.twitter.com/4XYiWk5TSP 2021-06-25 20:30:38

                                        小学生たちはChromeがオフライン状態だと恐竜のゲームが遊べることに気付いて休み時間にWi-Fi繋がずに遊んでいるらしい
                                      • Latest topics > なぜMozillaはXULアドオンを廃止したのか?(翻訳) - outsider reflex

                                        Latest topics > なぜMozillaはXULアドオンを廃止したのか?(翻訳) 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « 「同調圧力は忌むべきものだ」と思考停止していたことに気付いた話 Main 「なぜMozillaはXULアドオンを廃止したのか?」に寄せられていた反応を見て、「甘い……甘すぎる……」と思って、W3C信者時代からの価値観に行き着いた話 » なぜMozillaはXULアドオンを廃止したのか?(翻訳) - Aug 22, 2020 (原著:David Teller, 2020年8月20日、CC BY-NC 4.0で公開されている内容の全訳。Qiitaにもクロスポストしています。) 要約:Firefoxはかつて、XUL

                                        • Chrome の console.log でハマらないために

                                          JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説しますが、Firefox や Safari でも同じ落とし穴があります。 console.log とは まずはさらっと基本をおさらいしましょう。 大前提なのですが、console.log は JavaScript の言語仕様(ECMAScript)で定義されていません。ブラウザ向けには whatwg の仕様がありますが、あくまでもそれはブラウザ向けの仕様であり、Node.js を含むほぼ全ての JavaScript 環境で使えるのは cons

                                          • Edgeに「Chromeのダウンロードを中止するように必死で促す新機能」が追加、実際の画面はこんな感じ

                                            Windows 11ではMicrosoft Edge以外のブラウザを既定のブラウザに設定する操作が非常に面倒になっています。新たに、Microsoft Edgeに「Google Chromeのインストールを中止するように促すポップアップ」を表示する機能が追加されたと報じられました。Microsoft EdgeがGoogle Chromeのダウンロードを阻止するようなポップアップを表示するのかを実際に確かめてみました。 Microsoft says its own Edge browser is more trustworthy than "so 2008" Google Chrome - Neowin https://www.neowin.net/news/microsoft-says-its-own-edge-browser-is-more-trustworthy-than-so-200

                                              Edgeに「Chromeのダウンロードを中止するように必死で促す新機能」が追加、実際の画面はこんな感じ
                                            • 無料で論文をシンプルに管理できて引用文献リスト作成もワンクリックな高性能文献管理ソフト「Zotero」レビュー

                                              学生時代に卒業論文に取り組んだことがある人なら「参考文献が多すぎて収拾がつかなくなってしまった」という経験があるはず。学生や研究職ではない人でも、興味がある事柄についてインターネットで調べることがよくありますが、引用や参照を次々とたどっていくと、何がどの論文に書いてあったのか分からなくなってしまうことがよくあります。そんな時にWindows・Mac・Linux向けオープンソースソフトの「Zotero」を使うと、DOIやPMIDで簡単に論文を検索して管理可能で、論文同士の関連付けや引用リストの作成も簡単とのことなので、実際に使ってみました。 Zotero | Your personal research assistant https://www.zotero.org/ ◆Zotero本体と拡張機能の準備 ZoteroはZotero本体とブラウザ向け拡張機能を併用することで便利に使えます。ま

                                                無料で論文をシンプルに管理できて引用文献リスト作成もワンクリックな高性能文献管理ソフト「Zotero」レビュー
                                              • Web制作者は要チェック!現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css

                                                現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Reseter.css -GitHub Reseter.cssの特徴 Reseter.cssの使い方 Reseter.cssの中身 Reseter.cssの特徴 Reseter.cssは現在のWeb制作に合わせて制作された新しいCSSリセットで、ブラウザによって事前に作成されたすべてのスタイルをリセットします。クロスブラウザのエクスペリエンスを向上させるために、ブラウザのスタイルシートを正規化します。 Reseter.css バグやブラウザの不整合

                                                  Web制作者は要チェック!現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css
                                                • 「あのページ何だったっけ……」を激減して情報収集効率を爆上げできる履歴全文検索アドオン「Falcon」レビュー

                                                  インターネットで調べ物をしていると、「過去に閲覧したページをもう一度閲覧したいけど、タイトルを忘れて検索できない!」という困った状態が頻繁に発生します。ブラウザ拡張機能「Falcon」を使えば、閲覧したページの本文を自動保存して「記事内のかろうじて覚えているワード」を用いた全文検索が可能になるとのこと。めちゃくちゃ便利そうだったので、実際にインストールして使ってみました。 Falcon - Chrome ウェブストア https://chrome.google.com/webstore/detail/falcon/mmifbbohghecjloeklpbinkjpbplfalb Falcon – 🦊 Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/falcon_extension/ FalconにはCh

                                                    「あのページ何だったっけ……」を激減して情報収集効率を爆上げできる履歴全文検索アドオン「Falcon」レビュー
                                                  • URLについてくる不要なパラメーターを消してくれる拡張機能「ClearURLs」レビュー

                                                    検索結果やSNSに張られたリンクをクリックすると、本来のURLの後ろに何やらパラメーターがいろいろとくっついてくることがあります。これは、どういったリンクをクリックしたのかなどの情報を得るために付与されたもので、なくても機能します。「あって困る」というものでもありませんが、「プライバシーを守るために消せるものなら消したい」という人のために役立つのが拡張機能「ClearURLs」です。 ClearURLs https://docs.clearurls.xyz/latest/ 「ClearURLs」はChrome、Firefox、Edge向けが提供されています。 ClearURLs - Chrome ウェブストア https://chrome.google.com/webstore/detail/clearurls/lckanjgmijmafbedllaakclkaicjfmnk ClearU

                                                      URLについてくる不要なパラメーターを消してくれる拡張機能「ClearURLs」レビュー
                                                    • 損害4.6兆円、それでもGoogleが広告ブロッカー「AdBlock」を潰さない腹黒理由 | AppBank

                                                      広告ブロックソフトである「AdBlock(アドブロック)」は、収入の多くを広告料に頼っているGoogleに多くの損害を与えています。しかし、GoogleはAdBlockをあまり気にしていないようです。実際、AdBlockはChromeウェブストアで今もなお提供され続けています。 なぜ、Googleは収入を奪うAdBlockを放置し続けるのでしょうか?その理由について、海外YouTubeチャンネル「Logically Answered」が解説しています。 GoogleとAdBlockにはどのような関係があるのか? 2012年当時、AdBlockはGoogleに8億8700万ドル(約1,100億円)の損害を与えました。そして、2015年にはこの損害は66億ドル(約8,700億円)にまで増加し、2020年には350億ドル(約4.6兆円)になったといわれています。現在、インターネットを使う42.7

                                                        損害4.6兆円、それでもGoogleが広告ブロッカー「AdBlock」を潰さない腹黒理由 | AppBank
                                                      • ブラウザ拡張機能でブックマークコメント一覧が表示されるようになりました - はてなブックマーク開発ブログ

                                                        いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターの id:yone-yamaです。 ブラウザ拡張機能に関するアップデートをお知らせいたします。 拡張機能に「コメント簡易閲覧機能」が追加されました Chromeウェブストア Firefoxアドオンページ 具体的な変更点 補足:コメント簡易閲覧機能に関するこれまでの経緯 旧バージョンの拡張機能からの移行について 拡張機能に「コメント簡易閲覧機能」が追加されました Chrome・Firefoxで提供している拡張機能「はてなブックマーク ブックマーク機能」で、コメント簡易閲覧機能の提供を開始しました。 Webページに集まったブックマークコメントを一覧で確認できるコメント簡易閲覧機能は、これまで旧バージョンの拡張機能でのみ提供していた機能です。 今回のアップデートで、「はてなブックマーク ブ

                                                          ブラウザ拡張機能でブックマークコメント一覧が表示されるようになりました - はてなブックマーク開発ブログ
                                                        • 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

                                                          Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

                                                            次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
                                                          • CSSの新しい単位(lvh, svh, dvh)がすべてのブラウザでサポート、100vhがビューポートの高さいっぱいにならない問題を解決

                                                            Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChromeでもサポートされました! CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュースです。 画像: @bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいビューポート単位「lvh」「svh」「dvh」とは ブラウザのサポート状況 はじめに W3CのCSS Values and Units Module Level 4で、ビューポート単位についていくつか仕様が変更されました。Large、Small、Dynamicといったビューポートサイズ

                                                              CSSの新しい単位(lvh, svh, dvh)がすべてのブラウザでサポート、100vhがビューポートの高さいっぱいにならない問題を解決
                                                            • レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

                                                              iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード(command+shift+M)で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます! Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。

                                                                レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
                                                              • 君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita

                                                                2022/04/28:追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます!苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典: 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている

                                                                  君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita
                                                                • Engadget | Technology News & Reviews

                                                                  OpenAI co-founder and Chief Scientist Ilya Sutskever is leaving the company

                                                                    Engadget | Technology News & Reviews
                                                                  • 無料で表示中のページの過去を簡単に見ることができる拡張機能「Vandal」レビュー

                                                                    サイトを閲覧中に「このサイトの過去のページが気になるけど、わざわざインターネットアーカイブにアクセスしてウェイバックマシンで検索するのはちょっと面倒」と思ったことがある人は少なくないはず。無料でインストール可能なChromeおよびFirefox向け拡張機能「Vandal」を使うと、ウェイバックマシンが収集したスナップショットを簡単に見ることができます。 Vandal | Navigator for Web Archive https://vegetableman.github.io/vandal/ 上記のURLにアクセスすると、以下のように表示されます。VandalはChrome版とFirefox版が用意されていますが、今回はChromeに導入するため「ADD TO CHROME」をクリックします。 続いて「Chromeに追加」をクリックします。 「拡張機能を追加」をクリックします。 導入

                                                                      無料で表示中のページの過去を簡単に見ることができる拡張機能「Vandal」レビュー
                                                                    • 【最新2022年版】Googleが選ぶChrome拡張機能人気ベスト10! | ライフハッカー・ジャパン

                                                                      1. Compose AI:AIを使って文章作成を支援する拡張機能Screenshot: Compose AIまずはAIを使った機能から。 私がAIにライターの仕事を奪われることはないと思いますが、AIツールを使うとどんなふうに文章の質が上がるのか知りたくてたまりません。 テキストボックスに文字を入力する時間があるなら(メール、現状アップデート、ブログの投稿など)、Compose AIをチェックしてみてください。 この拡張機能は、正しい文法を提案するだけでなく、文章全体を書く手助けをしてくれる素晴らしいオートコンプリート機能も備えています。 さらに、わかりにくい文章を書くと、別の表現に書き換えるのを手伝ってくれます。 2. SwiftRead: 流し読みしたいものを速読する拡張機能Gif: SwiftRead速読は読む人によっても読むものによっても向き不向きがあります。 小説、ノンフィクシ

                                                                        【最新2022年版】Googleが選ぶChrome拡張機能人気ベスト10! | ライフハッカー・ジャパン
                                                                      • Google Meetで文字起こしやチャット保存を実現する無償のChrome拡張

                                                                          Google Meetで文字起こしやチャット保存を実現する無償のChrome拡張
                                                                        • 610億円を払って「Firefox」を延命するGoogleのズル賢さ | AppBank

                                                                          現在主流なブラウザはGoogle Chromeですが、他にもAppleのSafariやMicrosoft Edge、そしてFirefoxなど、ブラウザは数多く存在します。 中でもFirefoxはGoogle Chromeの長年のライバルでした。しかし不思議なことにGoogleは昨年、Firefoxに対して610億円を資金提供しており、同社の経営を助けています。なぜGoogleが競合を救うのか、その疑問について海外YouTubeチャンネル「Logically Answered」が解説しています。 GoogleがFirefoxを助けた理由 2008年にGoogle Chromeが発売されて以来、市場を席巻しています。現在はGoogleのサービスや拡張機能の統合により、多くの人がChromeを使っていることでしょう。 当然、Chrome以外のブラウザを利用しているユーザーもいます。例えばSafa

                                                                            610億円を払って「Firefox」を延命するGoogleのズル賢さ | AppBank
                                                                          • JavaScript で print デバッグ時に変数名を出力する - mizdra's blog

                                                                            数列の和を求めるプログラムを作成することになり、意気揚々と以下のようなプログラムを書いたという状況を想像して下さい。 function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 一見すると何も問題なさそうに見えるプログラムですが、実はバグがあります (皆さん分かりますか?) *1。実際に上記プログラムを実行すると 55 ではなく 10 が出力されます。 こうした場面に遭遇すると、自然と sum

                                                                              JavaScript で print デバッグ時に変数名を出力する - mizdra's blog
                                                                            • 広告ブロッカーのブロックを本格化する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は広告を検知・削除できるように設計された広告ブロッ

                                                                                広告ブロッカーのブロックを本格化するYouTubeでも使える検出不能な広告ブロッカー「FadBlock」
                                                                              • Google、「Chrome for Testing」を発表 ~ブラウザー自動化とテストに特化したバイナリ/自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放

                                                                                  Google、「Chrome for Testing」を発表 ~ブラウザー自動化とテストに特化したバイナリ/自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放
                                                                                • CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる!

                                                                                  複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。 そんな:is()と:where()の便利な使い方を紹介します。 CSS :is() and :where() are coming to browsers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 :is()を使用すると、繰り返しを減らせる :where()を使用すると、詳細度を低くキープできる CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 CSSの新しい疑似クラス「:is()」「:where()」が、Safari(Tech Preview 1

                                                                                    CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる!