タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
以下のコードで HTML 全体の CSS を取得して Shadow DOM に適用することができます。 最近まで replaceSync() と adoptedStyleSheets() の存在を知らなかったのですが、 この 2つを使うと毎回 style タグを書き出すより効率的に処理できるらしい。 これまで Shadow DOM の中に link タグを書くような方法を使っていたのですが、link タグだと最適化がしにくい問題があります。 CSS はインライン化したほうが高速なので、その時にも同じように使える方法が欲しかったのですが、この方法でいけるとわかりました。 document.styleSheets も知らなかった…。 function getGlobalCSS() { let cssText = ""; for (const stylesheet of document.sty
設定として、かつては本編の舞台である「狭間の地」の一部だったのですが、なんらかの理由によってそこから物理的に切り離されました。 ストーリーの主軸となるものはふたつあります。まず、ミケラというキーアートにも登場しているキャラクターです。ミケラが「影の地」に向かって、プレイヤーがそれを追っていくというストーリーになっています。もう一方は「影の地」の歴史、女王マリカの過去の物語です。 ――「影の地」はどういったマップになるのでしょうか。本編と同じくオープンワールドで、レガシーダンジョンから小規模のダンジョンまであるのでしょうか。 そうですね。基本的には本編と同じだと思ってもらって問題ないです。オープンフィールドは大規模なレガシーダンジョンから小規模なダンジョンまで、すべてを含むものになりますので、『ELDEN RING』本編にあった冒険感はDLCにも変わらずあると思います。 ――本編と比べて、D
2024-02-27 DOMDOMトークス #1
宣言型 Shadow DOM は `<template>` 要素を使用して Shadow DOM を構築する方法です。宣言型 Shadow DOM を使用することで、従来の JavaScript を使用した Shadow DOM の構築方法と比較して、サーバーサイドレンダリング（SSR）に対応しているため、パフォーマンスの向上や SEO 対策に期待されます。 Shadow DOM は Web Components を構成する 3 つの技術の 1 つです。Shadow DOM はコンポーネントのカプセル化を実現します。Shadow DOM で定義されたスタイルは Shadow DOM の外部に影響を与えず、また外部のスタイルの影響を受けません。 Shadow DOM は再利用可能なコンポーネントを構築するために重要な技術ですが、従来は JavaScript を使用しなければ Shadow D
こんにちは、メディア事業でエンジニアをしている木村洋太です。 昨年のGREE Tech Conferenceでは「LIMIA」のフレームワーク移行プロジェクトにおけるコードの自動修正について話させていただきましたが、今回は同時に行ったインフラ移行について紹介いたします。 EC2からFargateへの移行例は多く存在しているとは思いますが、今回の移行では安全な移行のために、shadow-proxy環境での移行前のテストやEC2とFargateの同時稼働によるカナリアリリースなどさまざまな工夫を行いました。これらの中で得られた知見や失敗をまとめられたらと思っています。 インフラ移行の概要 フレームワーク移行プロジェクト フレームワーク移行プロジェクトでは、グリーが運営するメディアの一つである「LIMIA」のフレームワークをFuelPHPからLaravelへ移行することを目的としていました。 移
イラストを描くときや写真のシャドウではハイライトが非常に重要ですが、CSSのシャドウでこの発想は抜けていました。 テキストにCSSでシャドウを設定するときに、上部に1,2pxのハイライトを加えると、よりリアルで美しいシャドウになる実装テクニックを紹介します。 まずは、デモで実際のシャドウをご覧ください。 上部に2pxのハイライトを設定しています。 See the Pen highlight compliment to a text-shadow effect by coliss (@coliss) on CodePen. シャドウとハイライトのCSSは、下記の通りです。 カラーがoklch()で設定されていますが、hex値でも大丈夫です。ポイントは通常のシャドウと一緒にハイライト用のtext-shadowを上部に設定することです。 .highlighted-text-shadow { :r
『エルデンリング』は、フロム・ソフトウェアが手がけるアクションRPGだ。PC（Steam）およびPS4/PS5/Xbox One/Xbox Series X|S向けに2022年2月に発売された。本作は広大なオープンワールドを舞台としつつ、『ダークソウル』シリーズなど同スタジオ過去作のゲームプレイを色濃く継承。ボス戦闘をはじめ、手強い調整となっている戦闘なども特徴だ。 DLC「Shadow of the Erdtree」については2023年2月28日に開発中であると発表され、一枚の画像が公開された。画像の右下には『エルデンリング』のミケラと思わしき人物が確認可能。ミケラといえばデミゴッドのひとりであり、本編の物語では重要な役割を担っていながらも直接はプレイヤーに関わっていなかった。出生やルーツなど、複雑な背景をもつミケラの物語が、DLCでは明かされると見られる。 その後DLCについての情報は
“褪せ人”となり、エルデの王となるべく“狭間の地”を冒険するアクションRPGである本作は、さまざまな魅力に満ち溢れている。広大なオープンフィールドで構成された、豊潤な世界。緻密に構成された、起伏のあるダンジョン。多彩な武器種や魔術・祈祷、騎乗やジャンプといったアクションを駆使してくり広げられる戦闘……。 『DARK SOULS』（ダークソウル）シリーズなどで培われてきた、脅威と未知に満ちた世界、自由な冒険と手に汗握る戦闘、勝利への達成感を最大規模のボリュームで表現した『エルデンリング』は、発売されてから1年で世界累計出荷本数が2000万本以上となる大ヒットを記録しただけでなく、世界主要4大ゲームアワード（Golden Joystick Award、The Game Awards、D.I.C.E. Awards、Game Developers Choice Awards）でゲーム・オブ・ザ・
フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモードではフォーカスリングが表示されない問題があります。この記事では、ハイコントラストモードでフォーカスリングを表示する方法について解説します。 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングはキーボード操作をしているユーザーにとって現在のフォーカス位置を把握するための重要な要素です。このことは WCAG 2.2 の 2.4.7 項目で要求されています。 (レベル AA) キーボード操作が可能なあらゆるユーザインタフェースには、フォーカスインジケータが見える操作モードがある。 達成基準 2.4.
調査結果は記事の途中にあります。 Kailh Choc V2の新設計登場までを軽く振り返る キースイッチメーカーKailhは、薄型スイッチとしてChocシリーズを販売してきました。私もChocの薄さに惹かれて、Lily58、Sparrow62キーボードでは積極的に使ってきました。一方Kailh Choc V1シリーズは、専用のキーキャップを必要とする構造をしており、今は種類が増えましたが、Kailh公式のキーキャップしかないという状態が長く続いていました。 Kailh Choc V1 その中、KailhはChocV2を2021年に発売しました。こちらはCherryMX互換ステムの形をしています。このため、種類豊富なCherryMX互換キーキャップを使用できるように思えます。しかし、CherryMX互換スイッチの特徴的な形を期待しているキーキャップが多く、中には使えないものも存在しています。
『ELDEN RING』のDLC「Shadow of the Erdtree」を開発中です。 クリックすることで、高精細画像をご覧いただけます 本編と同じく、PlayStation 4 / PlayStation 5 / Xbox One / Xbox Series X|S / Steamでの配信を予定しております。 続報はまだ少し先になりますが、ご期待いただければ幸いです。 今後とも『ELDEN RING』をどうぞよろしくお願いいたします。
フロム・ソフトウェアは2月28日、『エルデンリング』のDLC「Shadow of the Erdtree」を発表した。本編と同じく、PlayStation 4 / PlayStation 5 / Xbox One / Xbox Series X|S / Steamで配信されるという。 フロム・ソフトウェアは2月28日、『エルデンリング』のDLC「Shadow of the Erdtree」を発表した。詳細は不明。本編と同じく、PlayStation 4 / PlayStation 5 / Xbox One / Xbox Series X|S / Steamで配信されるという。 『エルデンリング』は、フロム・ソフトウェアが手がけるアクションRPGだ。対応プラットフォームはPS4/PS5/Xbox One/Xbox Series X|S/PC（Steam）。本作は広大なオープンワールドを舞台と
“We are living off his good graces,” a Pentagon official said of Musk’s role in the war in Ukraine. “That sucks.”Photo illustration by Matt Chase; Source photographs from Getty; Shutterstock Last October, Colin Kahl, then the Under-Secretary of Defense for Policy at the Pentagon, sat in a hotel in Paris and prepared to make a call to avert disaster in Ukraine. A staffer handed him an iPhone—in par
フロム・ソフトウェアは2月22日、『エルデンリング』DLC「Shadow of the Erdtree」の最新映像を公開。同作を6月21日に発売すると発表した。DLCの価格は4400円。同社の代表取締役社長、宮崎英高氏によれば、「Shadow of the Erdtree」は同社が手がけるDLCの中でも最大規模のものになるという。海外ゲームメディアEurogamerやIGNなどが報じている。 『エルデンリング』は、フロム・ソフトウェアが手がけるアクションRPGだ。PC（Steam）およびPS4/PS5/Xbox One/Xbox Series X|S向けに2022年2月に発売された。本作は広大なオープンワールドを舞台としつつ、『ダークソウル』シリーズなど同スタジオ過去作のゲームプレイを色濃く継承。ボス戦闘をはじめ、手強い調整となっている戦闘なども特徴だ。また本作の制作には、人気ドラマ「ゲー
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション（英: Shadow Gradients）を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた
ほんのり影がついたようなドロップシャドウは、「浮いている」ような立体感を演出できる、ウェブサイトでは欠かせないデザイン要素のひとつです。 ドロップシャドウの使い方によって、デザインでユーザーを魅了するUIテクニックで、CSSによる手軽で、柔軟なスタイリングができるのも人気の理由でしょう。 しかし、いざCSSでドロップシャドウを作成しようとすると、設定する項目が多すぎて、なかなか思い通りの影が表現できないことも。 今回は、手軽な設定のみで、魅力的なドロップシャドウを作成できるオンラインツールをまとめてご紹介します。 簡単なクリック操作で、本物そっくりなリアルな影を作成できますよ。 Shadow Palette Generator ツールの特長 Shadow Palette Generatorは、後ほど紹介するツールにはない、ユニークな点が２つあります。 １つのCSSドロップシャドウを生成する
直感的なインターフェイスで、CSSのbox-shadowを使用した複雑で美しいシャドウを簡単に作成できるツールを紹介します。 シャドウはさまざまなパラメータで正確に調整でき、リアルタイムにシャドウの見た目とCSSのコードが生成されます。CSSの初心者でも経験豊富な人にとっても便利だと思います。 boxshadows.xyz boxshadows.xyzとは boxshadows.xyzの使い方 boxshadows.xyzとは boxshadows.xyzは直感的なインターフェイスで、レイヤー化された複雑なシャドウを正確に、そして簡単に作成できるオンラインツールです。シャドウのタイプ、シャドウのぼかしと広がり、オフセットの調整など、さまざまなパラメータを調整しながらリアルタイムにシャドウを確認しながら作成できます。
@AlanGDavalos が Web Platform Study Group Organizer の @takanoripe, LINE 証券フロントエンドエンジニアの @uhyo_ と共に、 Shadow DOM について語りました。 ゲスト紹介 @takanoripe https://twitter.com/takanoripe UI Designer / Front-End Engineer Web Platform Study Group Organizer 言及した Shadow DOM 関連の資料 https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM https://javascript.info/shadow-dom https://qiita.com/alangdm/it
どうも、ShinShaです。 今回は久しぶりに音楽の記事です。 ちょっと渋いところも織りまぜながら、ボブ・ディランの名曲を紹介します。 この記事では僕が大好きな4曲を選んで、英文歌詞と翻訳を載せました。 そして最新アルバム”Shadow Kingdom” 2023 収録曲も紹介しますよ。 曲を聴いたら、ぜひディランの詩を読んでみてください。 きっとそこには、心震えるような感動があります。 ボブ・ディランのプロフィール ディランはなんといっても、ノーベル文学賞受賞アーティストですからね。 選考委員も洒落たことやってくれたと思いました。 彼の曲はそれほど世界中の人々に愛され、影響を与えている。 ボブ・ディラン（Bob Dylan、出生名：ロバート・アレン・ジマーマン（Robert Allen Zimmerman）は、アメリカ合衆国のミュージシャン。 出生名は上記の通りだが、後に自ら法律上の本名
個人ゲーム開発者であるKOTAKE CREATEは11月6日、無限に続く地下通路からの脱出を描くゲーム『8番出口』を発表した。 対応プラットフォームはPC（Steam）で発売時期はは11月中を予定している。 無限に続く地下通路から脱出する短編ゲーム 「8番出口」のSteamページを公開しました。 周囲をよく観察し、異変を見逃さないこと。https://t.co/oT5wgmp528 11月中にリリース予定なので、 ウィッシュリストの登録やリツイートしていただけると嬉しいです。#gamedev #indiedev #ue5 #8番出口 pic.twitter.com/I1tzQZ5WOh — コタケクリエイト (@NOTOKEKE) November 3, 2023 『8番出口』はなぜか無限に続く「日本の鉄道の地下通路」からの脱出を目指す1人称視点のアドベンチャーゲームだ。見覚えがあるものの
A weird thing happened right after the Nov. 3 election: nothing. The nation was braced for chaos. Liberal groups had vowed to take to the streets, planning hundreds of protests across the country. Right-wing militias were girding for battle. In a poll before Election Day, 75% of Americans voiced concern about violence. Instead, an eerie quiet descended. As President Trump refused to concede, the r
どうも！LSSです！！ 【CSSサンプル】ふりむきカーン【ほぼジョークｗ】 - Little Strange Software でoutlineのオーラが広がって消えていくものを作りましたが、 「text-shadowとanimationを使えば、文字がまとったオーラが動く様子が表現できるのでは？」 と、試してみました^^ text-shadowが霧散するサンプル コード ちょびっとコード解説 text-shadowが霧散するサンプル さぁ、夏のあつさを、ふきとばそう！ コード <style><!-- @keyframes txtshda{ 0%{text-shadow:0px 0px 10px #ff0000;} 70%{text-shadow:0px 0px 10px #ff0000;} 100%{text-shadow:0px 0px 100px #ff0000;} } .txtsh
www.youtube.com 今回でYou Tubeアップ6本目です。 曲はThe Shadow Of Your Smile（いそしぎ）です。 まず、日本語でのタイトルで「いそしぎ」ですが、「磯鴫」と書いて磯にいる小鳥のことだそうです。 英語では「Love Theme from The Sandpiper」です。 この曲も映画のテーマ曲ですね。 そして、どんな映画なのか？ ですが、1965年のアメリカ映画で「自由な心を持つ美しい女流画家（Elizabeth Taylor ）と、妻子ある学校長（Richard Burton）との半年間の恋を描くメロドラマ」だとウィキペディアに記載されています。 いそしぎの歌詞を見ると海岸で傷ついたイソシギのヒナを片手に包み込み翼を手当するというストーリーなので海岸を舞台とする映画です。 キャストは・・・ Elizabeth Taylor エリザベス・テイラ
©Bandai Namco Entertainment Inc. / ©2022 FromSoftware, Inc.
どうも！LSSです！！ ふと思いついて、これまでに試した２つの小ネタを合体させてみました。 小ネタ＋小ネタ＝あわせても小ネタ、って感じですがｗ こんな枠、どうでしょう？ コード 元ネタ CSS部分ちょこっと解説 あとがき こんな枠、どうでしょう？ と、単なる枠に対する装飾なので、使い方は自由自在！ スマホで見るとまたちょっと形の印象が違うかもです。 コード <p style="box-shadow: 0px 0px 18px 0px lightgreen inset,-8px -8px 18px 0px lightgreen inset,5px 5px 15px 0px #888888; border-radius: 30%/10%; width: 100%; height: 400px; padding: 28px;">中に入れる文章</p> 元ネタ 上記２つの記事で使ったネタを併用して
We’re pleased to announce that support for the declarative shadow DOM API has been added and enabled by default in Safari Technology Preview 162. To recap, shadow DOM is a part of Web Components, a set of specifications that were initially proposed by Google to enable the creation of reusable widgets and components on the web. Since then these specifications have been integrated into the DOM and H
どうもSinShaです。 今回はジャズスタンダードの記事です。 シリーズ4回目のテーマは「いそしぎ」。 この曲は1965年映画「いそしぎ」の主題歌です。 過ぎし日の恋を懐かしむ、エモーショナルで美しいバラード。 ジャズのスタンダードって、失恋の曲とか恋の思い出とか悲しい曲が多いですね。 でも、最近、そういう気持ちよく分かります。 今回はギター、ピアノ、ホーンのインスト曲、ボーカルはトニー・ベネット、僕の永遠の歌姫アストラッド・ジルベルトなど素晴らしいチューンをご紹介します。 いそしぎ “The Shadow of Your Smile” 楽曲について 曲の歌詞 「いそしぎ」の名演奏 サブスクミュージックでジャズを聴こう 記事で採り上げたアルバムのamazonリンク おわりに いそしぎ “The Shadow of Your Smile” 楽曲について 1965年の映画『いそしぎ』のテーマ曲
どうも！LSSです！！ 今回は、コード生成ツール「text-shadow調整ツール」を公開します！ ブログなどで「影つき文字」を使いたい時にちょっと手間が省けるかも？なツールです。 text-shadow調整ツール 使い方 …という小ネタなんですが text-shadow調整ツール 文字色 文字サイズ 太字 影色 影位置・横 影位置・縦 影ぼかし コード 使い方 「文字色 文字サイズ 太字」で、装飾対象となる文字の設定ができます。 「影色 影位置・横 影位置・縦 影ぼかし」でtext-shadow部分の設定ができます。 お好みの設定ができましたら、「コード」内の文字列をコピペして、文章部分を書き換えてご利用ください^^ …という小ネタなんですが 自分でtext-shadowを使う際には、コード上の数値を調節しては、表示を確認して、また調整…という事をやっていたので、text-shadowを
どうも、ドミナゴ（@Dominago50）です。 Steam、Xbox Game Pass などのゲームを通じて英語の勉強をしています。 今回は、Steam,Xbox,Switch等で遊べるアクションゲーム、F.I.S.T.: Forged In Shadow Torch（フィスト紅蓮城の闇）をプレイしてみましたので、ご紹介できればと思います。 DMM英会話のお友達紹介コードは267989084です。 入会時にこのコードを入力すると紹介した方、紹介された方双方にプラスレッスンチケット3枚が貰えます。（誰が利用したかこちらには分かりません） F.I.S.T.: Forged In Shadow Torch（フィスト紅蓮城の闇） 実際にプレイしてみた感想 英語の教材としては F.I.S.T.: Forged In Shadow Torch（フィスト紅蓮城の闇） F.I.S.T.: Forged
どうも！LSSです！！ だいぶ古い記事ですが、 little-strange.hatenablog.com で、CSSフィルターのdrop-shadowを使ってみた事がありました。 CSSフィルターは他にも色々あり、それを用いて little-strange.hatenablog.com ↑こんな事も試してみた事がありました。 今回はまたdrop-shadowを使い、他のshadow関連プロパティであるtext-shadowやbox-shadowとはまた違った影効果を試してみます。 影つき吹き出し コード 例えばbox-shadowでやると、こうなります 例えばtext-shadowでやると、こうなります あとがき 影つき吹き出し radial-gradientで描いた 影の形に基づいた 影がつきます！ コード <style> .fukidashi{ width:300px; text-a
UE5を使って、アニメキャラクターをレンダリングするというのは、日本の皆さんにとって非常に興味深い分野だと思います。 単純なセルシェーダー、トゥーンレンダリングなどについては過去にも色々と解説記事を書いてきました。 unrealengine.hatenablog.com unrealengine.hatenablog.com www.docswell.com 今回はこれらで解説した内容をベースにしてアニメ顔用の影、通称SDF Face Shadowマッピングについてを解説したいと思います。ちなみにこの名称に正式な名称はないようで、私の方で勝手につけた名称となりますので、同じ名前で調べても情報が出てこないかもしれませんのでご了承ください。 そもそもSDFとは なぜSDF？ SDFのテクスチャー作成 モデルデータの準備 ライトベクトルから影向きの取得 SDFテクスチャーからアニメ顔用の影を取得
アクションRPG『ELDEN RING（エルデンリング）』のダウンロードコンテンツ『SHADOW OF THE ERDTREE』、2024年6月21日（金）に世界同時発売。 本作では新たな舞台「影の地」で、ミケラをめぐる物語が描かれます。 謎と危険に満ちた多彩なシチュエーション、新たに加わった武器や防具の数々、そして自由度の高い冒険をお楽しみいただけます。 発売日：2024年6月21日（金） プラットフォーム：PlayStation 5, PlayStation 4, Xbox Series X|S, Xbox One(SMART DELIVERY対応), Steam 公式サイト：https://www.eldenring.jp/ (C)Bandai Namco Entertainment Inc. / (C)2024 FromSoftware, Inc.
He says his Japanese wife disappeared from the family home with his two children three years ago and that he has not seen them since. His story is far from rare in a country that only allows one parent sole custody of children when marriages break down, and other parents have joined his protest.
最近趣味でPython のSeleniumを使ってスクレイピングしているんだが なぜか要素が取得できないことがある。 技術的な原因としては 以下2点のことがあるみたい。 取得したい要素にiframeが使われている 取得したい要素がshadow-rootで囲まれている この内、「1.iframeが含まれている場合のスクレイピング」については ネットでググれば大抵のこと書いてあるから割愛したい。 ここでは「2. shadow-rootが使われた場合のスクレイピング」についてまとめる。 ちなみに私自身、ITエンジニアでもないタダのド素人だから 素人目にみてわかるように書きたいと思う。 ※玄人の人は許してね ちなみにshadow-root攻略に3日かかった そのくらい希少価値があるものだと思いたい。 1. shadow-rootについて 2.shadow-root内のスクレイピング方法 下準備 3
2020.10.07 template 要素の shadowroot 属性による宣言的な Shadow DOM Shadow DOM は、代替要素を除いた任意の HTML 要素を DOM API で参照して attachShadow({ ... }) メソッドを呼び出すことで命令的に生成できる。これを新たに <template> 要素の shadowroot 属性によって、対象の HTML 要素の Shadow DOM を宣言的に生やせるようになる仕様が提案されている。既に Chrome 85 で試験的に実装されており、フラグ付きで利用できるようになっている。この記事は自分用にまとめたメモ。 Add declarative Shadow DOM features by mfreed7 · Pull Request #892 · whatwg/dom Add declarative Shad
どうも！LSSです！！ なんとなくCSSをいじっていたら、「かなりシンプルな記述で面白い効果」を見つけました！ シンプルなサンプル box-shadowって border-radiusとpaddingを使わないとこんな感じ 見出し装飾や、ちょっとしたポイントに良さそうですね シンプルなサンプル この枠には、border-radius、box-shadow、paddingしか使っていません。 box-shadowにinsetをつけて、ぼかしを大きめにとるだけでこんな効果に！ お手軽に やわらかく立体感のあるボックスが作れますね^^ コード <div style="border-radius: 15px; box-shadow: -4px -4px 15px 0px blue inset; padding: 1em;">中に入れる文章</div> box-shadowって ↑こんな風に、ボック
どうも！LSSです！！ 以前にも少し、 の中で書いたような話になりますが、も少し汎用性を持たせた小ネタを思いつきました。 彫文字 コードの中で重要なのは赤文字３行 background-color: pink; color: white; text-shadow: -2px -2px 0px #00000040,2px 2px 0px #ffffff40; あとがき 彫文字 彫りこんだような、くぼんで見える文字のサンプルです。 サンプルの文章 コード <div style=" background-color: pink; font-weight: bold; font-size: 30px; color: white; padding: 0.5em; text-shadow: -2px -2px 0px #00000040,2px 2px 0px #ffffff40; ">サンプルの文章
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 全体の CSS を取得して Shadow DOM に適用する
![[みんなのケータイ]いつの間にか便利になっていたスマホアプリ版「NotebookLM」](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c29d951f2848519d8dc4b845662d028327bbf07/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F2062%2F435%2F1.jpg)
