並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 859件

新着順 人気順

chromiumの検索結果281 - 320 件 / 859件

  • 【知ってた?】ChromeでPDFを連結できる! 拡張機能と印刷テクニック

    PDF形式のファイルを連結したいけど、専用アプリを持っていない! ビジネスあるあるですよね。専用アプリを持っている人に頼むのも気が引けるので諦めているという人は、WebブラウザーのChromeで解決しましょう。 複数ファイルの連結や見開き化が可能 ExcelやPowerPointで作成したファイルをほかの人と共有するとき、PDF形式に変換することがよくありますよね。 PDFは異なるパソコンやスマートフォンでも表示が崩れないうえ、改ざんしにくく、ファイルサイズも小さいと、いいことずくめです。相手から受け取る資料にも、PDF形式のファイルが数多くあると思います。 ただ、同一の資料の前半部分と後半部分などで分割されていたりする場合、1つにまとめたくなりますが、PDF閲覧用の無料アプリ「Acrobat Reader DC」では、PDFファイルを連結できません。 サードパーティの専用アプリも知らない

      【知ってた?】ChromeでPDFを連結できる! 拡張機能と印刷テクニック
    • “江頭2:50”を「Google Chrome」のアドレスバーからググると……?/あまり知られていないURLの形式が罠に【やじうまの杜】

        “江頭2:50”を「Google Chrome」のアドレスバーからググると……?/あまり知られていないURLの形式が罠に【やじうまの杜】
      • [速報]Chromium版Microsoft Edgeがリリース候補に到達。2020年1月15日が正式リリース日と発表。Ignite 2019

        [速報]Chromium版Microsoft Edgeがリリース候補に到達。2020年1月15日が正式リリース日と発表。Ignite 2019 マイクロソフトは、フロリダ州オーランドで開催中のイベント「Microsoft Ignite 2019」で、レンダリングエンジンにChromiumを搭載した新版のMicrosoft Edgeが2020年1月15日に正式リリースされる予定であることを発表しました。

          [速報]Chromium版Microsoft Edgeがリリース候補に到達。2020年1月15日が正式リリース日と発表。Ignite 2019
        • Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に

          Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に Google Chromeの開発チームは、Google Chromeをユーザーインターフェイス画面なしで利用できるヘッドレスモードの実装が新しくなったことを明らかにしました。 Chrome’s Headless mode just got a whole lot better! We made Headless more useful for developers by bringing it closer to Chrome’s regular “headful” mode. https://t.co/FhAblWvJQj pic.twitter.com/tJHV0j9fc7 — Chrome Developers (@ChromiumDev) February 22, 2023 ヘ

            Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に
          • CSSだけでif~else文と同じことができる! しかもすべてのブラウザでサポートされています

            CSSでif~else文が使えたら、と思ったことはありませんか? もちろんifとかelseはCSSにはありませんが、CSSだけでif~else文と同じようにスタイルを設定できます。 CSSでif~else文を実現するには...記事の続きを読む

              CSSだけでif~else文と同じことができる! しかもすべてのブラウザでサポートされています
            • 日本のPCの搭載メモリは他国と比べて少ないのか? Chrome開発チームのグローバル調査で分かる、各国のパソコンやスマホ事情

              Google Chromeブラウザの開発チームが、世界の主要国でChromeブラウザがどんなスペックのデバイスで実行されているかを調査した「Chrome user device characteristics report」を公開しました。 あるソフトウェアを、PCやスマートフォンで適切に、あるいは高速に実行できるように最適化するには、対象となるデバイスのメモリ容量やコア数などを想定しなければなりません。 Chromeブラウザ開発チームはChromeブラウザが適切に実行できるように、世界各国においてどのようなデバイスでChromeが実行されているのかを知るために調査を行いました。その結果が公表されたわけです。 調査項目は、Windows、Android、ChromeOSに対応したデバイスに関するメモリ容量、プロセッサのコア数、WebGLの対応状況です。そしてこれが主要国、具体的にはブラジル

                日本のPCの搭載メモリは他国と比べて少ないのか? Chrome開発チームのグローバル調査で分かる、各国のパソコンやスマホ事情
              • 2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ!

                2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります! CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数を使用すると、複雑なアニメーションに使用するJavaScriptを減らしたり、要素を曲線に配置するレイアウトなどもCSSで実装できます。 Chrome Platform Status CSS Trigonometric functions(三角関数)はCSS Values and Units Module Level 4ですでに定義されています。 sin() 引数として与えた数のサイン ボックスのサイズ

                  2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ!
                • トラッキング規制と代替技術の最新情報まとめ

                  2021/6/25 Tech x Marketingの発表資料

                    トラッキング規制と代替技術の最新情報まとめ
                  • 業務で使うツール(iTerm2,SequelPro,Chrome)をShellScriptでハイパーテクニックする - ハイパーマッスルエンジニア

                    業務で使うツール(iTerm2,SequelPro,Chrome)を ShellScriptでハイパーテクニックする はじめに この記事は今年イチ!お勧めしたいテクニック by ゆめみ feat.やめ太郎 Advent Calendar 2019の20日目の記事です。 今年は「お勧めテクニック」ということで、業務効率化ッ!!を盾に業務時間の30%はShellScript遊びに当てている私にピッタリな企画ですね、ありがとうございます。 今回は業務でよく使うツールを、ShellScriptでハイパーテクニックする方法をいくつかご紹介。 今回紹介するコードは全部Githubにあげているので実際に試したい人はどうぞ。 ハイパーテクニックする対象 GoogleChrome iTerm2 SequelPro GoogleChrome ブラウザに移動せずTerminalで自在にタブ移動する Web開発を

                      業務で使うツール(iTerm2,SequelPro,Chrome)をShellScriptでハイパーテクニックする - ハイパーマッスルエンジニア
                    • Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

                      (2023/08/29) 全ブラウザでネストに対応したので記事を更新しました。 本日2023/08/29、全ブラウザでCSSでネスト(入れ子)ができるようになりました💐 次のようなコードが、「SassではなくCSSで」できるようになります。Sassを使わないCSSコーディングを大きく変えることでしょう。

                        Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応
                      • マイクロソフトの新「Edge」、グーグル「Chrome」との重要な相違点は

                        インターネットの黎明期、1995年にMarc Andreessen氏は、飛ぶ鳥を落とす勢いの自身の企業Netscape Communicationsが、すぐにも「Windows」を「デバッグが不十分なデバイスドライバの寄せ集め」にしてしまうだろうと予言したのは有名な話だ。 だがなんと、Netscapeはとうに消滅し、Andreessen氏の大胆な主張はインターネット上の単なる伝説と化した。だが、この予言はある意味、実現したとも言える。 第1次ウェブブラウザ戦争の戦士たちが予想もしなかったことには、Netscapeはウェブブラウザ市場を支配しなかった。Microsoftもその栄誉に浴することはなかった。その代わりに25年後、Googleのブラウザ「Chrome」がインターネットで情報を公開するための事実上の標準になった。 そのすべてが、2020年1月15日を物語っている。この日、Micros

                          マイクロソフトの新「Edge」、グーグル「Chrome」との重要な相違点は
                        • スタバで若い子が「チョロメってダウンロードしなきゃいけないの?」って言ってたけど、多分Chromeのことだ→チョロメも間違ってはいない

                          青田努 @AotaTsutomu スタバで若い子が「チョロメってダウンロードしなきゃいけないの?」って言ってたけど、たぶんChromeのことだ。 2022-10-31 13:48:54

                            スタバで若い子が「チョロメってダウンロードしなきゃいけないの?」って言ってたけど、多分Chromeのことだ→チョロメも間違ってはいない
                          • CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決! CSSの新しいビューポート単位の使い方と注意事項

                            先日リリースされたChrome 108で、CSSの新しいビューポート単位(svh, lvh, dvhなど)がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport units by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに おさらい: ビューポートとその単位 新しいビューポート単位の必要性 注意事項 リソース はじめに 先日リリースされたChrome 108で、動的なバーがあるスマホのビューポートを考慮したCSSの新しいビューポート単位がサポートされました。SafariとFirefoxではすでにサポート

                              CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決! CSSの新しいビューポート単位の使い方と注意事項
                            • 2019年、2020年のJavaScript - 別にしんどくないブログ

                              この記事は JavaScript Advent Calendar 2019 - Qiita の初日の記事です。 2019年を締めくくるアドベントカレンダーの初日ということで、今年のJavaScriptを簡単に振り返りたいと思います。2020年のJavaScriptについても予習しましょう。 2019年、2020年が何を指しているかは後述します。 カテゴリが「プログラミング言語」なので、React、Vue、AngularやNode.jsなどJavaScriptを使った技術ではなく、JavaScriptの言語機能にフォーカスしたいと思います。 はじめに ES2019 Optional catch binding JSON superset Symbol.prototype.description Object.fromEntries Well-formed JSON.stringify Arr

                                2019年、2020年のJavaScript - 別にしんどくないブログ
                              • パスワード不要の認証技術「パスキー」はパスワードよりもエクスペリエンスが悪いという批判

                                FIDOアライアンスが仕様を策定した「パスキー」は、パスワードではなく生体情報を用いて認証する「FIDO 2.0」を「Webauthn」標準に基いて利用して得た資格認証情報をデバイス単位で管理運用する技術です。このパスキーが抱える問題点について、Webauthn標準に関わったエンジニアのFirstyearことウィリアム・ブラウン氏が自身のブログで解説しています。 Firstyear's blog-a-log https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/ Webauthnがパスワードに代わる認証技術として大きな可能性を秘めていると考えていたブラウン氏は、2019年にオーストラリアからアメリカに渡り、友人と共にWebauthnのRust実装であるwebauthn-rsの開発を始めました。その過程で

                                  パスワード不要の認証技術「パスキー」はパスワードよりもエクスペリエンスが悪いという批判
                                • WebサイトがどのCMSと技術で作られているかが分かるGoogleChrome拡張機能「Wappalyzer」 – ワードプレステーマTCD

                                  「このサイトはどのCMSや技術でつくられているのか」 それが一目で分かるGoogleChromeエクステンション「Wappalyzer」をご紹介します。「Wappalyzer」を使えば、ブラウザにこのように表示されます。 「Wappalyzer」をインストールする GoogleChromeブラウザを開き、下記ページから「Chromeに追加」をクリックします。Firefoxをお使いの方は右側のボタンからどうぞ。 Chrome版 Firefox版 以上でインストール完了し、ブラウザの右上に表示されるようになります。WordPressを使っているサイトであれば、ブラウザからひと目で分かるようになりますね。また、アイコンをクリックすると、インストールされているWordPressのPHPバージョンや使っているアクセス解析ツールなども見れるようになります。 WordPressを使っているかどうかもひと

                                    WebサイトがどのCMSと技術で作られているかが分かるGoogleChrome拡張機能「Wappalyzer」 – ワードプレステーマTCD
                                  • クローズド NW だから塩漬け Flash で vSphere Web Client を使おうと思ったらそうはいかない - vHoge

                                    時が流れるのは早く、既に 2020 年も 10 月半ば。 あと 2 ヶ月で 2020 年も終わり、来てしまうのです… そう、Flash の EOL が。 普通にネット見る分にはさすがに Flash コンテンツを見ることはほぼ無くなり大した影響はなさそうですが、VMware 界隈だと vSphere Web Client (Flash版)がメインの GUI である vSphere 6.0 が一応 EOL 前ということで、お世話になる人はまだいそう。 気になる文言 Adobe のページより www.adobe.com 4.2020年末を過ぎても、アドビから旧バージョンのAdobe Flash Playerをダウンロードできますか? いいえ。アドビは自社サイトからFlash Playerのダウンロードページを削除します。また、Flashベースのコンテンツは、サポート終了日以降、Adobe Fla

                                      クローズド NW だから塩漬け Flash で vSphere Web Client を使おうと思ったらそうはいかない - vHoge
                                    • 日本からipv4only.arpaへの名前解決が大量に送られてるっぽい - momokaのブログ

                                      一番下に追記あり。 ipv4only.arpa への名前解決 Cloudflareの1.1.1.1を使ったドメインランキングを眺めていたら人気でないはずのドメインが日本国内ランキングで上位に。 ipv4only.arpaへの名前解決が大量に。 https://radar.cloudflare.com/domains/domain/ipv4only.arpa https://radar.cloudflare.com/domains/jp 51位にあった amazon.co.jp より高い位置に。 確実にネットワーク機器か何かソフトウェアが行っているDNS。(ランキング上位はそのようなものがどっちみち多いが) でも日本だけ多いのがとても不思議。 ipv4only arpaの名前解決をそんなに大量にするってどんな状況だろうか? ipv4only arpaのAAAAクエリの名前解決はDNS64 (

                                        日本からipv4only.arpaへの名前解決が大量に送られてるっぽい - momokaのブログ
                                      • 👻 GhostText — Use your text editor in the browser

                                        • Use your text editor in the browser Whenever you’re writing more than a little snippet of code anywhere on the web, activate GhostText to open your preferred text editor and enjoy your own development environment. Installation GhostText is a browser extension that connects to your editor via its own extension. Install both extensions and, if necessary, start the GhostText server in the editor’s

                                          👻 GhostText — Use your text editor in the browser
                                        • メモリが384GBのパソコン。ストレージじゃないよ、RAMだよ #COMPUTEX 2019

                                          メモリが384GBのパソコン。ストレージじゃないよ、RAMだよ #COMPUTEX 20192019.06.01 18:3036,261 西谷茂リチャード これを必要とする現場に行ってみたい。 COMPUTEX 2019 TAIPEIにて、PC用メモリーメーカーのG.SKILL(ジースキル)がとんでもないモンスターシステムを展示していました。それがこちら…。 Image: 西谷茂リチャードなんとメモリが384GBもあるんです! ストレージ(SSDとかHDDとか)じゃなくて、メモリ(RAM)がですよ!一般的なPCのRAMは8GBや16GBくらい、ハイエンドなシステムでも32GBか64GBくらいなのに! 興奮のあまりに撮影したこちらの動画でざっとに解説しています。 メモリが384GB...。ストレージじゃなくてメモリが!!! 速度も3GB/s出ます(理論的に) これならGoogle Chrom

                                            メモリが384GBのパソコン。ストレージじゃないよ、RAMだよ #COMPUTEX 2019
                                          • GoogleやBingの検索結果にChatGPTを表示させる拡張機能「ChatGPT for Search Engines」

                                            OpenAIのChatGPTは高度な自然言語処理モデルを利用した対話型AIで、文章を入力するとまるで人間が書いたような自然な文章を返してくれます。これまでの検索エンジンでは検索クエリに複数の単語を入力する必要がありましたが、このChatGPTを応用すれば、調べたいことを直接文章で入力することでより適切な検索結果を示す次世代の検索エンジンが可能になると期待されています。そんなChatGPTの回答を実際にGoogleやBingなどの検索結果に表示させる拡張機能「ChatGPT for Search Engines」が、Chrome・Firefox・Edge向けにリリースされています。 ChatGPT for Search Engines https://chatonai.org/ ChatGPT for Search Enginesを利用するには、あらかじめChatGPTにアカウントを作成して

                                              GoogleやBingの検索結果にChatGPTを表示させる拡張機能「ChatGPT for Search Engines」
                                            • 「Google Meet」に高精度なリアルタイム文字起こし機能やチャット履歴ダウンロード機能を追加/Chrome拡張「こえもじ」は議事録作成を格段に効率化。おまけの「ニコ動」風字幕機能も【レビュー】

                                                「Google Meet」に高精度なリアルタイム文字起こし機能やチャット履歴ダウンロード機能を追加/Chrome拡張「こえもじ」は議事録作成を格段に効率化。おまけの「ニコ動」風字幕機能も【レビュー】
                                              • CSSのスタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用

                                                Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素(コンテナ)のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイルを設定できるスタイルクエリを紹介します。 たとえば、下記は右のカードの親要素に特定のスタイルが設定されており、それに応じて子要素のスタイルが適用されています。 Container Queries: Style Queries by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コンテナクエリとスタイルクエリの違い スタイルクエリの基礎知識 スタイルクエリの使い方 スタイルクエリのブラウザサポート スタイルクエリのリソース はじめに CSSのコンテナクエリは「コンテナのサイズ」だけではない

                                                  CSSのスタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用
                                                • NFCタグをWebアプリで読み書きできる「Web NFC」、Chrome 81ベータで実装開始

                                                  Googleは現在開発中のChrome 81ベータ版に、Web NFCの機能を試験的に組み込んだことを明らかにしました。 Web NFCは、WebアプリケーションからNFC(Near Field Communication:近距離無線通信規格)タグの読み書きを行うための仕様および機能です。NFCに対応したICタグとデバイスを数センチの距離に近づけると非接触で通信ができます。 スマートフォンの多くにはすでにNFCリーダー/ライターの機能が備わっているため、Web NFCの機能を組み込んだWebブラウザを利用することでアプリケーションからスマートフォンのNFC機能を利用可能です。 ただし現時点でのWeb NFCの対応範囲はNDEF(NFC Data Exchange Format)と呼ばれる軽量なメッセージ交換までで、ISO-DEP、NFC-A/B、NFC-F、HCEなどへの対応はスコープ外と

                                                    NFCタグをWebアプリで読み書きできる「Web NFC」、Chrome 81ベータで実装開始
                                                  • Macより売れてる。Chromebookって何がいいの?

                                                    ChromebookとはGoogleが作ったOS(基本ソフト)「Chrome OS」が搭載されたノートPCのことです。触っていて思ったのは、Win/Macよりだいぶシンプルな作りだなということ。何をすればいいかで迷わないのがいいです。 ChromeのメニューからGmailやYouTubeを起動して利用するのを踏まえた作りですImage: かみやまたくみChrome OSはGoogleのブラウザ「Chrome」の動作に特化したOSで、Chromeだけでひととおりの仕事がこなせるデザインになっています。 Chromeを立ち上げる→ググったり、Gmailでメールを書いたり、Googleドキュメント/スプレッドシートで文書/表計算を作ったり、YouTubeで動画を観たりするのが基本。ぜーんぶChromeに集約されています。しかも、Gmailはメーラーとして高機能、Googleドキュメント/スプレッ

                                                      Macより売れてる。Chromebookって何がいいの?
                                                    • 【ゲーム禁止】教育委員会にScratchだけじゃなくGoogle検索も規制してもらおう! - パパ教員の戯れ言日記

                                                      Scratch禁止が多くなっている <ヒーローショーのノリで> やぁみんな!GIGAスクール構想で配付されたタブレットで、ゲームしてますかー!? news.yahoo.co.jp 特にみんなにはScratchが大人気だよね!いろんなゲームで遊べるし。 …ん? 「Scratchは、休み時間にやっちゃダメってルールになったよ」 あ、そうなんだ。どうして? 「ゲームばっかりやってるように見えるからだって。」 ゲームがダメなのかー。そっかー。 それで、そんなに流行ってるScratchなんだけど、キミ、6年生だよね。 5年生の時、算数でScratch使った? 「え?授業で使うの?」 ん?(東京書籍)5年生の3学期で正多角形と円の学習したときに、Scratchやらなかった?もしくは他のでも良いんだけど、パソコン使って正三角形とか描かなかった? 「…やってないよ?」 そっかー。(使い方も教えないのによく

                                                        【ゲーム禁止】教育委員会にScratchだけじゃなくGoogle検索も規制してもらおう! - パパ教員の戯れ言日記
                                                      • レスポンシブの実装が今までと変わる! CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説

                                                        CSSの新機能コンテナクエリ(@container)と:has()疑似クラスが、いよいよChrome 105(8月末、来週リリース予定)でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素(コンテナ)のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素を含んでいる場合にスタイルを適用できます。 レスポンシブの実装この2つの新機能は単独でも強力ですが、組み合わせるとさらにすごいパワーを発揮します。この2つの新機能の最初に理解しておきたい基礎知識を紹介します。 container and :has(): two powerful new responsive APIs landing in Chromium 105 by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと

                                                          レスポンシブの実装が今までと変わる! CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説
                                                        • Chrome、IPアドレスを秘匿する機能を実装へ

                                                            Chrome、IPアドレスを秘匿する機能を実装へ
                                                          • MicrosoftのChromium採用により、Chromiumのコードベースから侮辱的・攻撃的表現を置き換える動きが進む | スラド IT

                                                            Microsoftが次期Microsoft EdgeでChromiumを採用したことで、Chromiumのコードベースに含まれる侮辱的・攻撃的表現を置き換える動きが進んだようだ(Issue 981129、 The Registerの記事)。 Microsoftのコントリビューターは7月初め、Microsoft内部で使用している機械学習によるツール「PoliCheck」でChromiumのコードベースをスキャンし、抽出結果の一部をバグとして報告している。このコントリビューターによればChromiumのコードベースはおおむね問題ないが、サードパーティーのコードを継承している部分に冒涜的な表現や地政学的に問題のある表現、多様性の面で問題のある表現の多くが含まれるという。 Google側ではコードベースに意図して侮辱的・攻撃的な表現を含めることはないとしつつ、これまで問題点を洗い出そうとしたことは

                                                            • iPadを「時代遅れ」にするGoogleの秘策 | AppBank

                                                              Googleは2023年に、「Pixelタブレット」の発表を予定しています。iPad対抗モデルとして期待されているこのモデルですが、Googleはさらに「iPad Pro」をも超えるための秘策を隠し持っているようです。 *Category:テクノロジー Technology *Source:9to5Google(1) ,(2) ,Google Googleの渾身作「Pixelタブレット」 GoogleはPixelタブレットを、2023年内に発表することを明かしています。Pixelタブレットの最も大きな特徴は、スピーカー付き充電ドッグに対応している点です。このドッグに接続することで、Pixelタブレットはスマートディスプレイ「Nest Hub」のように使うことができます。 この機能のメリットは、今まで使用していない間は「邪魔な板」でしかなかったタブレット端末に、新たな役目を与えられることです

                                                                iPadを「時代遅れ」にするGoogleの秘策 | AppBank
                                                              • Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方/「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】

                                                                  Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方/「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】
                                                                • Railsアプリの開発環境向けDockerfile + docker-compose.yml - アジャイルSEの憂鬱

                                                                  人に説明するときに記事あると便利なので、開発環境向けのDockerfileとdocker-compose.ymlを書いておく。 Dockerfile FROM ruby:3.0.0 WORKDIR /app # Using Node.js v14.x(LTS) RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - # Add packages RUN apt-get update && apt-get install -y \ git \ nodejs \ vim # Add yarnpkg for assets:precompile RUN npm install -g yarn # Add Chrome RUN curl -sO https://dl.google.com/linux/direct/google-ch

                                                                    Railsアプリの開発環境向けDockerfile + docker-compose.yml - アジャイルSEの憂鬱
                                                                  • Record, replay, and measure user flows  |  DevTools  |  Chrome for Developers

                                                                    Take a glance at the new Recorder panel (preview feature) with the video below. Complete this tutorial to learn how to use the Recorder panel to record, replay, and measure user flows. For more information on how to share the recorded user flows, edit them and their steps, see the Recorder features reference. Open the Recorder panel Open DevTools. Click on More options     > More tools > Recorder.

                                                                    • Googleで深まる労使対立 優秀な人材が集う企業であり続けられるか

                                                                      米Googleと一部の従業員の対立が激化しています。オープンな社風と「Don't be evil」(邪悪になるな)のモットーで知られる企業でも、従業員数が10万人を超え、巨大化してひずみが目に見えるようになってきているのでしょうか。 最新の動きは、11月26日に4人の従業員が解雇されたことです。この4人はそれぞれ、企業の姿勢を疑問視する活動をしていました。昨年11月から活動している従業員グループ「Google Walkout」は、「GoogleはCode of Conductで『(Googleが)間違っていると思うものを見つけたら、声を上げよう』とうたっているのに、それを実行した従業員に報復した」と抗議しています(Mediumより)。

                                                                        Googleで深まる労使対立 優秀な人材が集う企業であり続けられるか
                                                                      • Microsoftの新OS「Windows 10X」のほぼ最終版がリーク、Chrome OSに近い見た目の軽量版Windowsとの評価

                                                                        Microsoftの新OS「Windows 10X」のほぼ最終ビルドと見られるOSがリークされました。Windows 10Xを実際に入手した複数のメディアは新OSを、「Windows 10の軽量版で、Chrome OSに対するMicrosoftからの答えとなるものだ」と評しています。 Hands-on with Windows 10X for single-screen PCs (video) | Windows Central https://www.windowscentral.com/hands-windows-10x-single-screen-pcs Windows 10X is now Microsoft’s true answer to Chrome OS - The Verge https://www.theverge.com/2021/1/14/22230554/micr

                                                                          Microsoftの新OS「Windows 10X」のほぼ最終版がリーク、Chrome OSに近い見た目の軽量版Windowsとの評価
                                                                        • ブラウザ内にOSを起動して膨大なブックマークをGUIで管理できる「VisiOS」レビュー、ブラウザ内でアプリ開発や文書編集も可能で超多機能

                                                                          ニュースサイトやブログ、SNS、動画配信サービスなど大量のウェブサイトを巡回するために膨大なブックマークを管理している人は多いはず。ブックマーク数が数十個のうちはブラウザ標準のブックマークマネージャーで問題なく管理できますが、ブックマーク数が数百個に到達すると「○○についての情報を得られるサイトをブックマークしたはずだけど見つけられない」という事態が発生しがちです。プログラマーのExis氏が開発したブラウザ拡張機能「VisiOS」を使えば、ブラウザ内にWindowsやmacOSのデスクトップのような画面を表示してファイルをフォルダーでまとめるような操作感でブックマークを管理することが可能とのこと。さらにVisiOSには「YouTubeプレイリストを作成」「文書ファイルを編集」「ペイントアプリやゲームアプリを追加インストール」など多種多様な機能が搭載されているとのことなので、VisiOSを用

                                                                            ブラウザ内にOSを起動して膨大なブックマークをGUIで管理できる「VisiOS」レビュー、ブラウザ内でアプリ開発や文書編集も可能で超多機能
                                                                          • CSSのsvh・dvhが全ブラウザ対応。iOS・Androidの画面いっぱいに要素を広げる最適解

                                                                            iOS SafariやAndroid Chromeの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日(2022/11/30)リリースされたGoogle Chrome 108で対応したsvhを使えば、手軽に画面いっぱいのヒーローイメージを作れます。 Safari・Firefoxでは対応済み、Chromeと中身が同じEdgeは12/1週リリースの108で対応するので、全ブラウザで使える時代が来ます。もちろん、iOS・Androidも対応です。 本記事では、svhの使い方、同様に使えるようになったdvhやsvmaxなどの違い、従来の手法のデメリットをデモを交え

                                                                              CSSのsvh・dvhが全ブラウザ対応。iOS・Androidの画面いっぱいに要素を広げる最適解
                                                                            • Google Chrome、メモリの大食い、やめるってよ

                                                                              Google Chrome、メモリの大食い、やめるってよ2023.02.20 19:00133,983 三浦一紀 これは期待大。 多機能で使いやすいWebブラウザ「Google Chrome」が、最新バージョン「Chrome 110」で、「メモリセーバー」と「省エネモード」を搭載。 順次アップデートが行なわれています。 メモリとバッテリーを節約「メモリセーバー」は、アクティブではないタブのメモリを解放して、アクティブなタブや他のアプリのために使用する機能。 「省エネモード」は、バックグラウンドアクティビティと視覚効果を制限して、バッテリーを節約する機能です。 僕のChromeにもやってきた!ということで、自分のGoogle Chromeを見てみたら、最新のChrome 110のアップデートが来ていたので、早速アップデートしました。 Image: 三浦一紀設定画面で「パフォーマンス」という項

                                                                                Google Chrome、メモリの大食い、やめるってよ
                                                                              • Chromebookのシェア、いつのまにかMacを抜いていた

                                                                                Chromebookのシェア、いつのまにかMacを抜いていた2021.02.17 17:0087,278 塚本直樹 いつのまにかそこまで…。 影の巨人とでもいいましょうか。2020年第4四半期(10月〜12月)におけるラップトップの販売シェアにおいて、ChromebookがMacを超えていました。 Strategy Analyticsの調査によると、同期のChrome OSのシェアは16.4%で、macOSのシェアは9.1%と大きな差をつけています。また2020年のシェアでもChrome OSは14.9%で、macOSの8.7%を超えています。 このようなChromebookの躍進は出荷台数からも見ることができ、2020年第4四半期は1140万台を出荷し、2019年第4四半期の490万台から133%も成長しているのです。 Chromebookといえば、Google(グーグル)の「Pixel

                                                                                  Chromebookのシェア、いつのまにかMacを抜いていた
                                                                                • Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発

                                                                                  Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 WebブラウザにはJavaScriptを実行するためのJavaScriptエンジンが搭載されています。それはChromeであれば「V8」、Firefoxであれば「SpiderMonkey」と呼ばれ、それぞれのWebブラウザベンダがECMAScriptの標準に準拠したうえで独自に実装しています。 そしてJavaScriptは以前から正規表現の機能を備えているため、正規表現を解釈し展開するための正規表現エンジンもそれぞれのWebブラウザベンダが実装を行っていました。 その正規表現エンジンについてMozillaは今後、V8の正規表現エンジンのコードをそのままFirefoxのSpiderMonkeyに取り込むようにすると表明しました。 Mozillaはこれを実現するため、V8用の正規表

                                                                                    Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発