並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 3017件

新着順 人気順

Chromiumの検索結果321 - 360 件 / 3017件

  • 「職人の技」の定量化を目指す TensorFlow

    .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

      「職人の技」の定量化を目指す TensorFlow
    • VS Codeで任意コード実行が可能だった脆弱性から学ぶ、Electron開発の注意点(CVE-2021-43908) - Flatt Security Blog

      初めに こんにちは。株式会社Flatt Security セキュリティエンジニアの石川です。 近年、クロスプラットフォームなデスクトップアプリケーションを作成する上で、Electronを採用することが選択肢の1つになってきています。 Electronの開発では、ライブラリとしてのElectronの実装と、その上にユーザーが構築するデスクトップアプリケーションの2つのコードが存在します。デスクトップアプリケーションの実装においても、メインプロセスとレンダラープロセス、サブフレームなど、考慮すべき概念が多数存在します。 そこで本稿では、Electronのアーキテクチャを意識しながら、実際に発見された脆弱性の傾向について考察することで、 Electron開発者が開発時に気を付けるべき点とその緩和策について、セキュリティの観点から記述していきます。 その上で、一例として、2022年のBlack H

        VS Codeで任意コード実行が可能だった脆弱性から学ぶ、Electron開発の注意点(CVE-2021-43908) - Flatt Security Blog
      • Microsoft EdgeがChromeと同じエンジンを採用した理由とは? 日本マイクロソフトに直接聞いてみた

        日進月歩で発展を続けるITの世界。「WebブラウザといえばInternet Explorer」だった時代は過ぎ去り、今では「PCを購入しネットに接続したら、まずはお気に入りのWebブラウザをダウンロードする」という人は珍しくないはず。でも、こんな疑問を抱いたことがある人もけっこういるのではないでしょうか? 「Windowsに標準搭載されているけど、Microsoft Edgeってどれくらい使えるんだろうか?」 今回は、そんな疑問を日本マイクロソフトの製品担当者に直接ぶつけてみました。ぶっちゃけ、Microsoft Edgeの使い心地ってどうなんです? Windows 10のユーザーなら必ず見ているMicrosoft Edgeのロゴ 本企画は上下2本構成となっています 「Microsoft Edge」の“使える機能”ってなんですか? Chromeと同じエンジンを採用した“新Microsoft

          Microsoft EdgeがChromeと同じエンジンを採用した理由とは? 日本マイクロソフトに直接聞いてみた
        • Saving Passwords In Your Browser? You Shouldn't: Here's Why

          Has Chrome, Edge, or another browser given you the option to "save password"? Here's why you shouldn't, and what to do instead. Everyone should already know how important it is to use strong passwords. Ideally, you'd have a different password for each account, and all of them would be long, complex, and contain numbers and special characters. Few abide by these rules, which is understandable. Afte

            Saving Passwords In Your Browser? You Shouldn't: Here's Why
          • いよいよ登場!マイクロソフトのRPA「Power Automate」を試す

            本連載は、マイクロソフトのSaaS型デスクトップ&Webアプリケーション「Office 365」について、仕事の生産性を高める便利機能や新機能、チームコラボレーションを促進する使い方などのTipsを紹介する。 Office 365を使いこなして仕事を早く終わらせたい皆様にお届けする本連載。今回はRPA(Robotic Process Automation)機能を搭載し、「Microsoft Power Automate」として生まれ変わったMicrosoft Flowに注目する。 新たに追加された「UIフロー」でデスクトップ操作を記録 本誌でも既報のとおり、Microsoft FlowにRPA機能が加わり、「Microsoft Power Automate」に改称した。ただし、Microsoft Flowにおけるフローはこれまでどおり作成・実行できるが、RPA部分は新たに加わった「UIフロ

              いよいよ登場!マイクロソフトのRPA「Power Automate」を試す
            • Appleは今後、広く使われているBlenderやChromium、Electron、FFmpeg、MonoなどのオープンソースプロジェクトにApple Silicon製Mac対応パッチを提供するもよう。

              Appleは今後、広く使われているBlenderやChromium、Electron、FFmpeg、Mono、QT、Python 3、GoなどのオープンソースプロジェクトにApple Silicon製Mac対応パッチを提供するそうです。詳細は以下から。 Appleは日本時間2020年06月22日午前10時より世界開発者会議(WWDC20)をオンラインで開催していますが、06時より開催された「Platforms State of the Union」の中でAppleは、2020年末にも発売が開始されるApple Siliconを搭載したMacで開発者がアプリの移植を迅速に進められるように、現在広く利用されているオープンソースプロジェクトやソフトウェアに今後パッチを提供すると発表しています。 We are also passionate about making sure that open

                Appleは今後、広く使われているBlenderやChromium、Electron、FFmpeg、MonoなどのオープンソースプロジェクトにApple Silicon製Mac対応パッチを提供するもよう。
              • WebAssemblyのガベージコレクションが正式機能に、最新版のChrome 119で。Firefoxも今月リリースのFirefox 120で正式機能になる見通し

                WebAssemblyのガベージコレクションが正式機能に、最新版のChrome 119で。Firefoxも今月リリースのFirefox 120で正式機能になる見通し 2023年2月にリリースされたChrome 111から試験的実装となっていたChromeにおけるWebAssemblyのガベージコレクション機能(以下、WasmGC)が、10月31日にリリースされたChrome 119で正式機能になったことが明らかになりました。 Firefoxでも今月(2023年11月)21日リリース予定のFirefox 120においてWasmGCが正式機能になる見通しです。 WasmGCを利用することで、ガベージコレクション機能が言語のランタイムに含まれているJavaなどプログラミング言語をWebAssemblyで実装することが容易になるため、今後WebAssembly上でさまざまなプログラミング言語の実装

                  WebAssemblyのガベージコレクションが正式機能に、最新版のChrome 119で。Firefoxも今月リリースのFirefox 120で正式機能になる見通し
                • Chrome 92以降のSharedArrayBuffer警告に対するZOZOTOWNが実施した調査と解決策 - ZOZO TECH BLOG

                  こんにちは、ZOZOTOWN部フロントエンドチームの高橋(@anaheim0894)です。 Chrome 92から「SharedArrayBuffer」の仕様が変更されます。それに伴い、ZOZOTOWNの対応方針と解決策をご紹介いたします。そもそも「SharedArrayBuffer」が何のことなのか分からず困っている方も多いかと思います。本記事で紹介するZOZOTOWNの取り組みが対応時に皆様の参考になれば幸いです。 取り組みのきっかけ 2021年3月、Google Search Consoleに以下メッセージが送られてきました。 Googleの公式アナウンスによると、「Chrome 92からはcross-origin isolation(クロスオリジン分離)が構成されていないと正常に動作しなくなる」と書かれていました。 つまりSharedArrayBufferを引き続き使うには、他サイ

                    Chrome 92以降のSharedArrayBuffer警告に対するZOZOTOWNが実施した調査と解決策 - ZOZO TECH BLOG
                  • Custom Scrollbars In CSS

                    Custom scrollbars are getting more popular nowadays, and I’m very keen to dig into them. There are different reasons why to customize a scrollbar. For example, the default scrollbar can make an app UI look inconsistent across multiple operating systems, and here we can get the benefit of having a unified style. I have always been interested in learning about how to customize a scrollbar in CSS but

                      Custom Scrollbars In CSS
                    • The New CSS Reset

                      Skip to the content. The New CSS Reset This new CSS reset is using the new CSS features: The global CSS reset keywords, ‘unset’ and ‘revert’ keywords. The new property of ‘all’ which can reset all properties combined. The :where() pseudo-class to remove specificity. The :not() pseudo-class with multi arguments. What the-new-css-reset is resetting? This CSS reset is built from the understanding we

                      • Svelte + TypeScriptで
chrome拡張を作る

                        Transcript Svelte + TypeScriptͰ Chrome֦ுΛ࡞Δ Sakito ࣗݾ঺հ • ໊લɿsakito • Twitterɿ@__sakito__ • ॴଐ • αΠϘ΢ζ גࣜձࣾ ϑϩϯτΤϯυΤΩεύʔτνʔϜ ΞδΣϯμ • Svelteͱ͸ʁ • ࡞Δ΋ͷ • ؀ڥߏங • manifestΛ࣮૷Λ͢Δ • svelteͰ࣮૷Λ͢Δ • ·ͱΊ Svelteͱ͸ʁ Svelteͱ͸? • React,Vue,AngularͷΑ͏ʹએݴతʹUIΛॻ͚Δ • গͳ͍ίʔυͰ࣮૷͕Ͱ͖Δ • https://svelte.dev/blog/write-less-code • Ծ૝DOMͳͲΛ࢖༻ͤͣɺϏϧυ࣌ʹ࠷దͳόχϥJSʹม׵͢Δ • ͦͷ্ύϑΥʔϚϯε΋༏Ε͍ͯΔ • TypeScript΁ͷରԠ΋͞Εͨ • https://svelte.de

                          Svelte + TypeScriptで
chrome拡張を作る
                        • グーグル、古いPCを無料でよみがえらせる「Chrome OS Flex」を発表

                          Googleは米国時間2月15日、古い「Windows」PCなどを「Chrome OS」搭載マシンとしてよみがえらせることができる「Chrome OS Flex」を発表し、試用や検証のための早期バージョンを提供開始した。このOSは、Googleが2020年12月に買収したNeverwareのOS「CloudReady」を再構築して、さらに強化したものだ。 CloudReadyは主に企業や教育機関向けに開発されたが、個人向けの無料版もあった。Windowsまたは「macOS」の負荷に対応しきれないコンピューターに、新たな命を吹き込むのにうってつけだ。 CloudReadyはChrome OSが備える価値の多くを提供していたが、操作感で及ばず、一部の重要な機能も欠けたままだった。Chrome OS Flexはそうした足りなかった要素の多くを埋めており、その代表格がブラウザーだ。 Chrome

                            グーグル、古いPCを無料でよみがえらせる「Chrome OS Flex」を発表
                          • .devドメインと.appドメインがHTTPSを強制する仕組み - Qiita

                            トップレベルドメインの中に.devと.appがある.これらはHTTPS接続を強制するドメインとして知られている.この仕組みが気になっていたので調べてみた. 参考: グーグル、完全HTTPS接続で安全なアプリ用ドメイン「.app」--早期登録を受付開始 - CNET Japan 結論: HSTSのPreload Listという技術を使っている. HSTS HSTS(HTTP Strict Transport Security)はHTTPでアクセスしてきたユーザ(HTTPクライアント)にHTTPSでのアクセスを強制するための技術である.対応しているWebサイトでは,HTTPレスポンスのヘッダに Strict-Transport-Security: xxx が付与されている.Qiitaの場合はstrict-transport-security: max-age=2592000が設定されている.R

                              .devドメインと.appドメインがHTTPSを強制する仕組み - Qiita
                            • シェルスクリプトの代替

                              要約:決定版はとくにない。 kzys氏のシェルスクリプトを書かないという記事は面白かった。 https://blog.8-p.info/ja/2021/09/15/bash/ シェルスクリプト、ごくたまに書くことはあるが、ほんともう細かい話とかはすべて忘れているし、覚える価値を感じない。いまさら覚える必要のない技術だなと感じる。が、その一方でなかなか代替品がないようなニッチでもある。 自分は必要に応じてPythonかRubyか、といったあたりを使うことが多いが(perlはもう書けなくなった)、なかなかこれという感じには思い至らない。なにがいいんだろうね?という。 前提条件:インタラクティブな環境(REPL)はなくてもいい。そこはもう既存のシェルでいい。自動化したシェルスクリプト的なタスク記述を目標とする。bashの置き換えという意味では「どこにでもインストールされていることを前提にしないと

                                シェルスクリプトの代替
                              • Back and forward cache  |  Articles  |  web.dev

                                Back and forward cache Stay organized with collections Save and categorize content based on your preferences. Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience, especially for users with slower networks or devices. This page outlines how to optimize your pages for bfcache across all browsers

                                  Back and forward cache  |  Articles  |  web.dev
                                • Chromebook、無料で試したい? だったら自作してしまおう!

                                  Chromebook、無料で試したい? だったら自作してしまおう!2020.08.27 22:0070,102 湯木進悟 次の休みにやりましょう! パソコンはWindowsか、Macか? もちろんほかにもLinuxなどの選択肢はあるものの、一般的にはほぼ2択の世界ではないでしょうか? でも、このところChromebookの存在が気になっているという人はけっこう多いはずです。すでに海外では、もっとも売れているラップトップに名指しされる勢い。そろそろデビューしてみたいなとか、次に買い替えるときは選択肢の一つにしてみたいなって気持ちがうずいてませんか? Image: AmazonちなみにChromebookが登場した当初は150ドル(1万円台)程度のお手頃モデルが続々と発売されて賑わっていたのですが、最近は高級化の波が押し寄せているようです。5万円前後のモデルが買いとされており、日本のAmazo

                                    Chromebook、無料で試したい? だったら自作してしまおう!
                                  • GitLab CIとPuppeteerを使ってはてなブログのデザインを継続的にデプロイする - pixiv inside - pixiv inside

                                    こんにちは!ピクシブ福岡オフィスでエンジニアをしている@tasshiです。 今回はpixiv insideリニューアルのデプロイ環境についてお話ししたいと思います。 pixiv insideについて 「pixiv inside(ピクシブ インサイド)」は、ピクシブ株式会社の日常を伝えるためのオウンドメディアです。 2014年に「pixiv engineering blog」としてスタートし、2017年に現在の「pixiv inside」になりました。 WordPressからはてなブログへ pixiv insideでは2020年1月にセルフホスティングのWordPressからはてなブログへと移行し、新デザインへのリニューアルを行っています。 デザインリニューアルではデザイナーさんの作ったデザインを元にして、エンジニアがJavaScript, CSSなどのデザインリソースを実装します。 その後

                                      GitLab CIとPuppeteerを使ってはてなブログのデザインを継続的にデプロイする - pixiv inside - pixiv inside
                                    • Google Chromeは「DNSルートサーバー」に大きな負荷をかけている、その理由とは?

                                      Google ChromeやMicrosoft Edgeのベースであるオープンソースのウェブブラウザ「Chromium」には、アドレスバーと検索バーを一体化させた「Omnibox」という機能が搭載されていますが、そのOmniboxによってDNSのルートサーバーに大きな負荷がかかっていると、ベリサインのCSOであるMatthew Thomas氏が報告しています。 Chromium’s impact on root DNS traffic | APNIC Blog https://blog.apnic.net/2020/08/21/chromiums-impact-on-root-dns-traffic/ A Chrome feature is creating enormous load on global root DNS servers | Ars Technica https://ar

                                        Google Chromeは「DNSルートサーバー」に大きな負荷をかけている、その理由とは?
                                      • NikonのカメラをWebカメラにする方法(もちろんマルチOSで) - Zopfcode

                                        がなかったので、自分で開発した。その後発表された公式アプリやSparkoCamとの差についてはこちらを参照。 tl;dr 最新リリースと動作確認情報(2020/11/26 現在) 類似ソフトウェアとの比較 使い方 経緯 開発 まとめ tl;dr 概観 github.com カメラからライブビュー (LV) を取ってきてOBS経由で仮想カメラにするソフト mtplvcap をGoで書いた PCやスマホからカメラのフォーカス等を制御できるリモコンもある libusbとOBSのおかげで Windows/macOS/Linux 全対応! マジめっちゃ動作確認情報を欲してるので、動いた/動かなかった情報を@puhitakuにガンガン送ってほしい(DM可) 最新リリースと動作確認情報(2020/11/26 現在) Version 1.1.2リリース。 開発者 puhitaku は新しい機種での動作確認

                                          NikonのカメラをWebカメラにする方法(もちろんマルチOSで) - Zopfcode
                                        • 牛の背に乗るネズミになれ! ソフトウェア思考のススメ

                                          牛の背に乗るネズミになれ! ソフトウェア思考のススメ 2020.01.04 Updated by Ryo Shimizu on January 4, 2020, 14:06 pm JST 昨年一年間をかけて、僕は日本の大企業群を研究した。 大企業の中心で働く様々な人にインタビューし、彼らの会社が技術をどう捉え、ビジネスをどう捉えているかを知った。 どうしてこれほど海外のネット企業勢の蹂躙を許しているのだろうか、という疑問に答えるためだ。 そしてわかったのは、根本的に日本のビジネスシーンでは「ソフトウェア」が理解されていないということだった。 プログラミングではない。ソフトウェアである。 アメリカのネット企業のトップも全員がプログラマーというわけではない。 しかし、彼らはソフトウェア的発想、ソフトウェア的思考法というものをごく当たり前のように身に着けている。 これを僕は「ソフトウェア思考」と

                                            牛の背に乗るネズミになれ! ソフトウェア思考のススメ
                                          • スマホでNintendo Switchを操作する 〜 USB GadgetでPro Controllerをシミュレート 〜

                                            スマホでNintendo Switchを操作する 〜 USB GadgetでPro Controllerをシミュレート 〜 Mzyy94 Game 19 Mar, 2020 あつまれ どうぶつの森の配信が開始されましたね。いくつか積みゲーが増え始めたNintendo Switchも、また新たにゲームが増えて稼働時間が伸びる一方です。 物をよくなくす身として、ゲームがしたいときにコントローラーが見つからないことは日常茶飯事です。 テレビやエアコンのリモコンもよく消えるので、スマートフォンから操作できるようにしています。スマート家電、文明の利器ですね。 コントローラーが見つからないとき、スマートフォンから操作はできないのでゲームはお預けです。 家電はスマホでスマートに操作できるのに、ゲームはレガシーなコントローラーを探さなきゃいけないなんて、なんてスマートじゃないのでしょう。 どうぶつたちの住

                                              スマホでNintendo Switchを操作する 〜 USB GadgetでPro Controllerをシミュレート 〜
                                            • VivaldiはGoogleの新技術FLoCからユーザーを守ります。 | Vivaldi Browser

                                              Googleは相変わらずですね。 Googleのこのデータ収集の新たな試みは悪質です。「FLoC (The Federated Learning of Cohorts: コーホートの連合学習)」と呼ばれるこの新しい広告技術は、サードパーティのcookieや、サードパーティのLocalStorageといった関連技術に代わるものです。これがユーザーのプライバシーに有害となる、危険な歩みであることは明確です。 現在、Google Chromeで試験運用され、Chromiumブラウザエンジンの一部に組み込まれています。 ここで本題です。このGoogleの新技術に対する、Vivaldiのスタンスは? VivaldiもChromiumのベースのブラウザですから、あって然るべき疑問です。Vivaldiは確かにページのレンダリングを適切に行うためにChromiumエンジンを使用していますが、Vivaldi

                                                VivaldiはGoogleの新技術FLoCからユーザーを守ります。 | Vivaldi Browser
                                              • ロシアから遮断・検閲されてもツイートできる「Tor版Twitter」が登場、実際にアクセスしてみるとこんな感じ

                                                ロシア政府によってアクセス制限を課されたTwitterが新たに、匿名ネットワーク技術「Tor」を駆使してアクセス制限・検閲を回避できる「Tor版Twitter」を開設したので、実際に使ってみました。 About twitter.com supported browsers https://help.twitter.com/en/using-twitter/twitter-supported-browsers Twitter launches Tor website to tackle Russian censorship https://www.bleepingcomputer.com/news/technology/twitter-launches-tor-website-to-tackle-russian-censorship/ Twitter Launches Tor Onion S

                                                  ロシアから遮断・検閲されてもツイートできる「Tor版Twitter」が登場、実際にアクセスしてみるとこんな感じ
                                                • Braveが非中央集権Webをブラウズする「IPFS」をサポート 政府で禁じられたサイトへもアクセス可能に

                                                  Webブラウザ「Brave」を開発する米Braveは1月19日(米国時間)、P2P分散ファイルシステムプロトコルであるIPFS(InterPlanetary File System)を同ブラウザでネイティブサポートすると発表した。最新バージョンである1.19.86から利用可能。 IPFSを利用することで地理的に離れたところに分散したコンテンツの読み込みが可能になり、IPFSのP2Pプロトコルを使ったコンテンツをシームレスにブラウズできる。コンテンツの指定にはHTTPおよびHTTPSではなく「ipfs://」で始まるURIを用いる。 デスクトップ版BraveのユーザーはコンテントハッシュであるContent identifier(CID)を用いてダウンロードもできる。一度見たコンテンツはオフラインでも再視聴可能だ。 Braveは、IPFSはプライバシーとセキュリティにも有用だと主張している。

                                                    Braveが非中央集権Webをブラウズする「IPFS」をサポート 政府で禁じられたサイトへもアクセス可能に
                                                  • GoogleとMozillaが独裁国家の認証するルート証明書をブロックすると発表

                                                    独裁政治が続くカザフスタンでは、政府が認証したルート証明書のインストールが国民に強制されています。このルート証明書を導入してしまうとHTTPSプロトコルの暗号化通信が政府に傍受される可能性がある、という強い批判を受けて、MozillaとGoogleがカザフスタン政府によるルート証明書をブロックすることを表明しました。 Google Online Security Blog: Protecting Chrome users in Kazakhstan https://security.googleblog.com/2019/08/protecting-chrome-users-in-kazakhstan.html Mozilla takes action to protect users in Kazakhstan - The Mozilla Blog https://blog.mozill

                                                      GoogleとMozillaが独裁国家の認証するルート証明書をブロックすると発表
                                                    • もっとも安全で安心できるおすすめのブラウザ4選 | ライフハッカー・ジャパン

                                                      1. Chromiumをベースにした『Brave』Image: Brave『Brave』は、WindowsとmacOS、iOS、Androidで利用できるスタンドアローンブラウザです。Chromiumをベースにしているので、Chrome派の人なら、きっと親しみやすいでしょう。 『Brave』への乗り換えは、何よりもまず、Googleのエコシステムから抜け出すということを意味します。 ログインしたアカウントから大量のデータがGoogleに送られていないことがわかっていれば、少しほっとできますよね。 さらに重要なのは、『Brave』の初期設定は、データプライバシーは高めたいけれど、その方法は学びたくない……。 つまり、愛用のブラウザでのトラッキングを減らすためとはいえ、インストールしなければならない拡張機能をすべて把握するのはちょっと……という人にうってつけということです。 Braveはデフォ

                                                        もっとも安全で安心できるおすすめのブラウザ4選 | ライフハッカー・ジャパン
                                                      • Microsoft Edgeの新機能「垂直タブ」の便利な使い方 | ライフハッカー・ジャパン

                                                        先日、ブラウザ「Microsoft Edge」がアップデートされ、新しい「垂直タブ」の機能を有効にするかを尋ねる、楽しい小さなプロンプトが表示されるようになりました。 「新しいもの好き」の人間として、ブラウザの提案に乗っかることにしました。 Screenshot: David Murphyもちろん、これで私のブラウザの左側に、かなり大量のタブの一覧が表示されました。 (そう。本当に整理する必要があります。この画像は、私の1440pディスプレイの高さすべてを埋め尽くしている一覧のほんの一部です) Screenshot: David MurphyRedditのリンクがすべて一緒になったことに気づくでしょう。これはあえて。 私は垂直バーをもう少し管理しやすくする方法を探していました。ブラウザの上にあるタブの荒れ地みたいなものよりは、少しまとまりがあるように感じます。新しいインターフェースを試すか

                                                          Microsoft Edgeの新機能「垂直タブ」の便利な使い方 | ライフハッカー・ジャパン
                                                        • overscroll-behaviorがお手軽! モーダルUI等のスクロール連鎖を防ぐ待望のCSS - ICS MEDIA

                                                          3つ値の具体的な動作は、次のサンプルで確認できます。overscroll-behaviorプロパティがcontainまたはnoneだった場合、背面のコンテンツにスクロールが伝達しないことを確認できます。 加えてcontainは、オーバースクロールの動作を維持します。このサンプルでは、コンテンツを超えて上下にバウンスする効果を確認できます。(次のGIF画像の2番目) 効果が有効かどうかは、OSやブラウザによって異なりますが、モバイルのPull-to-Refreshが有効なブラウザから確認できると思います。 サンプルを別ウインドウで開く コードを確認する(HTML、CSS) どのような使い方ができるのか、作例をいくつか用意しましたのでご紹介します。実装の参考にしてみてください。 画面固定で表示するUIの作例 画面固定で表示されるダイアログとハンバーガーメニューをdialog要素で実装し、ove

                                                            overscroll-behaviorがお手軽! モーダルUI等のスクロール連鎖を防ぐ待望のCSS - ICS MEDIA
                                                          • Apple、Google、Microsoft、MozillaがWeb改善「Interop 2022」で協力

                                                            Apple、Google、Microsoft、MozillaがWeb改善「Interop 2022」で協力 WebブラウザメーカーでもあるApple、Google、Microsoft、Mozillaは、ソフトウェアコンサルタント企業BocoupおよびIgaliaとともに、「Interop 2022」を発表した。多様なプラットフォームでより一貫したWebデザインを提供するための取り組みだ。 Interop 2022は、同名のベンチマークで複数のWeb標準が各ブラウザでどのように実装されているかを評価し、Web開発者やユーザーのネットでの不便さを解消することを目指す。 Google、Microsoft、Mozillaは2021年、同様の「Compat 2021」というベンチマークを立ち上げた。こちらにはAppleは参加していなかった。このベンチマークは5つのWeb標準の実装を評価するものだった

                                                              Apple、Google、Microsoft、MozillaがWeb改善「Interop 2022」で協力
                                                            • 長年触れられてなかった ABEMA の番組表を content-visibility でパフォーマンス改善した話 | CyberAgent Developers Blog

                                                              はじめに こんにちは、ABEMA で Web フロントエンドエンジニアをしています、20新卒の坂上です。 ABEMA には、各日付ごと、各チャンネルごとにどの時間帯にどの番組が放送されているかを確認できる 番組表 機能が存在します。 この番組表は開局当初から存在するものの、現在までそれほど変わりはない機能です。 そのため、実装にも手が加えられておらず、数年前の React のコードがそのまま残っている箇所も存在していました。 それゆえ、コードリーディングがしづらく、実装の詳細や仕様に関して詳しく知っている人がいないという状態から、番組表のパフォーマンスが芳しくないことは課題として上がっていましたが手をつけられていない状態でした。 その番組表に対して、再レンダリングの抑制と新しく提案された CSS プロパティである content-visibility を導入しました。 結果としては、Tim

                                                                長年触れられてなかった ABEMA の番組表を content-visibility でパフォーマンス改善した話 | CyberAgent Developers Blog
                                                              • 第617回 SOCKSを利用してSSHのみで簡易VPNを構築する | gihyo.jp

                                                                リモートワークを行う際に俎上に載る問題のひとつが「プライベートネットワークにある組織内リソースにどのようにアクセスするか」です。今回はそんな問題の解決策のひとつとなりうる、SSH経由でSOCKSプロキシを構築する方法を紹介しましょう。 HTTP/HTTPSが使えるVPN(のようなもの)がほしい ここからいろいろ述べますが、簡単に言うと「SSHのDynamic Port ForwardingをSOCKSプロキシとして利用する」というだけの話です。 さて、リモートワークによる働き方は、会社の文化・セキュリティ要件によって多種多様に分かれます。その中でも最も「ゆるい」のが、「⁠個人の端末・インターネット回線を用いてあとは良しなにやってくれ」というものでしょう。作業がインターネット上で完結する、つまりパブリックなクラウドサービスを積極的に活用している業務であれば、それでもおおよそなんとかなります。

                                                                  第617回 SOCKSを利用してSSHのみで簡易VPNを構築する | gihyo.jp
                                                                • 【Power Automateの新しいRPA機能】Power Automate Desktopで出来ること(全33機能の紹介) - Qiita

                                                                  【Power Automateの新しいRPA機能】Power Automate Desktopで出来ること(全33機能の紹介)RPAPowerAutomateDesktop はじめに Microsoft Igniteの発表でPower Automateの「per user with attended RPA plan」で「Power Automate Desktop」が使用できるようになりました。2020年9月26日時点でPreview機能です。 この記事ではPower Automate Desktopの自動化機能(アクションと言います)を紹介します。 この紹介を通じPower Automate Desktopがどのような自動化を行えるかの参考になれば幸いです。 2020年9月26日時点のアクションとなります。 トライアル開始手順もまとめてみましたので併せてご覧ください。 【Power A

                                                                    【Power Automateの新しいRPA機能】Power Automate Desktopで出来ること(全33機能の紹介) - Qiita
                                                                  • 競馬必勝本は本当に当たるのかを検証!〜Pythonで実装する馬券自動選択ツール〜 - エニグモ開発者ブログ

                                                                    こんにちは、サーバーサイドエンジニアの竹本です。 この記事は Enigmo Advent Calendar 2020 の3日目の記事です。 みなさまは2020年に買った中でよかったものはなんでしょう? 私はiPadです。 最新 Apple iPad Pro (12.9インチ, Wi-Fi, 128GB) - シルバー (第4世代) 発売日: 2020/03/25メディア: Personal Computers 主にkindleを見開きで読むことに活用しています。 エニグモの福利厚生の一つ「エンジニアサポート」で5万円の補助を受けました。わーい。 https://enigmo.co.jp/recruit/culture/ そしてみなさまは馬券、買っていますか? 馬券は競馬に賭ける際に購入する投票券です。 1口100円から、ネットでも気軽に購入することができます。(競馬は20歳から) 弊社にも

                                                                      競馬必勝本は本当に当たるのかを検証!〜Pythonで実装する馬券自動選択ツール〜 - エニグモ開発者ブログ
                                                                    • Maximally optimizing image loading for the web

                                                                      In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. I'll present them in the form of an annotated HTML example to make it easy for folks to reproduce the results. Some of these techniques are more established, while others are somewhat novel. Ideally, your favorite mechanism for pub

                                                                        Maximally optimizing image loading for the web
                                                                      • ようやくこの時がきた、MicrosoftからIE11サポート終了のお知らせ

                                                                        Microsoftから、IE11サポート終了までのスケジュールが発表されました。 Web制作者にとって、Microsoft Edge Legacy(Windows10のデフォルトブラウザ)のサポート終了は朗報ですね。 IE11サポート終了までのスケジュール 2020年11月30日、Microsoft TeamsのWebアプリはIE11をサポートしなくなります。 2021年3月9日、Microsoft Edge Legacy(Windows10のデフォルトブラウザ)をサポートしなくなります。 2021年8月17日、Microsoft 365のアプリとサービスはIE11をサポートしなくなります。 MicrosoftではIE11の代わりに、ChromiumベースのEdgeをインストールすることを勧めています。 Microsoft Edge ChromiumベースのEdgeリリースのお知らせ In

                                                                          ようやくこの時がきた、MicrosoftからIE11サポート終了のお知らせ
                                                                        • 25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール

                                                                          SpaceX Dragon の発射により、JavaScript が宇宙へと旅立つ!Dragon 2 のフライトインターフェースは Chromium と JavaScript を使って構築された。フライトコンピューターには C++ が使用されている。 SpaceX Dragon の発射により、JavaScript が宇宙へと旅立つ!Dragon 2 のフライトインターフェースは Chromium と JavaScript を使って構築された。フライトコンピューターには C++ が使用されている。

                                                                            25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール
                                                                          • サイトの HTTP3 化と DNS HTTPS RR および Alt-Svc Header によるアドバタイズ | blog.jxck.io

                                                                            Intro 本サイトを HTTP3 対応し、Alt-Svc ヘッダおよび DNS HTTPS Resource Record によってそれをアドバタイズする構成を適用した。 色々ハマったので作業のログを記す。 HTTP3 on h2o Fastly の数々の発表からも h2o が HTTP3 に対応していることは自明だが、その設定方法がドキュメントに記載されておらず、なかなか設定方法がわからずにいた。先日、たまたま当該 issue の中で、設定ファイルサンプルの中にコメントアウトされたフラグがあることを教えてもらい、これをたよりに HTTP3 化を進めることができた。 したがって、ここから記す内容はドキュメントやリリースノートの内容ではないため、将来的に全然違う方法になるかもしれない点には注意が必要だ。なお、最近はリリース自体がないため master をビルドしてデプロイしている。 h2o

                                                                              サイトの HTTP3 化と DNS HTTPS RR および Alt-Svc Header によるアドバタイズ | blog.jxck.io
                                                                            • Googleが開発してるらしい QUIC as a VPN (QBone)について (2020年更新) - Qiita

                                                                              (落ちの無い話です) [追記] IETF107 (2020/03/25)において、Googleでの利用例が共有されました。それについて、記事最後に追記しました。 公式な情報はまだないが、GoogleがQUICコネクションをVPNとして利用する「QUIC as a VPN (QBone)」なるものを作ってるのは窺い知ることができる。 2017年6月に、GoogleでQUICの開発に携わっているIan Swett氏より「QUIC Messages」という提案書が出ている。この提案書の、提案背景の章で「QUIC as a VPN (QBone)」は登場する。 Today, most production QUIC traffic is HTTP. However, developers are actively working on running WebRTC over QUIC (aka Q

                                                                                Googleが開発してるらしい QUIC as a VPN (QBone)について (2020年更新) - Qiita
                                                                              • WHATWG Living StandardとHTMLパーサ - Qiita

                                                                                この記事はドワンゴ Advent Calendar 2020 最終日の記事です。年の瀬ですね。 はじめに 本記事は、WHATWG Living Standardに準拠することを目的としたHTMLパーサである「gammo」の紹介を目的としている。gammoが実現していることを詳細に伝えるため、単なるgemの紹介に留まらず、HTMLの歴史や昨今のHTMLを取り巻く状況を簡単に解説し、WHATWG Living StandardにおけるHTML文書の解析アルゴリズムについて、実例と共に紹介する。 本記事で紹介するgammoの開発に取り掛かった理由は、主に以下の二点が挙げられる。 WHATWG Living Standardに準拠したHTMLパーサをRubyGemsの中から見つけられなかったため。 現在HTMLパーサの機能を持つライブラリの中で、最も利用されていると考えられるNokogiriと比較

                                                                                  WHATWG Living StandardとHTMLパーサ - Qiita
                                                                                • ヘッドレスブラウザとSSRF | MBSD Blog

                                                                                  ヘッドレスブラウザは、サーバ環境などでHTMLをレンダリングするためにバックグラウンドで動作させるブラウザです。 筆者も昨年診断ツールに組み込んだのを契機に使用し始めました。使ってみるとなかなか面白いので、今年は社内での学習用の「やられサイト」にも組み込んでみました。今回はこのやられサイトを題材にして、ヘッドレスブラウザとSSRF(Server-side request forgery)について書きます。 やられサイトの概要 開発したやられサイトは簡単なブックマークサイトです。ユーザがURLを入力すると、そのスクリーンショット画像をヘッドレスブラウザで取得して、ユーザが付けたコメントなどの付加情報とともに保存します。 下図はヘッドレスブラウザに関連する部分の構成です。 図のとおりNode.jsのPuppeteerを使用しており、バックエンドのブラウザエンジンはChromiumです。性能向上