#shadow-root(open) #document shadowRoot

Quick Edit Pencil

Element.shadowRoot

shadowRootのスタイルをいじる

/*shadow-root商品説明*/
var descriptionOfItem = document.querySelector("mer-show-more");
var content = descriptionOfItem.shadowRoot.querySelector(".clamp");
content.setAttribute("style", "-webkit-line-clamp: none");
var button = descriptionOfItem.shadowRoot.querySelector(".show-more-button");
button.setAttribute("style", "display: none");

var itemName = document.querySelector("mer-item-object");
itemName = itemName.shadowRoot.querySelector(".container").getAttribute('aria-label');
for (var i = 0; i < itemName.length; i++) {
  /*商品メイン画像のシャドウルート内の要素を非表示/削除*/
  if(itemName[i].shadowRoot.querySelector(".sticker")){
  console.log(itemName[i].shadowRoot.querySelector(".sticker"));
  itemName[i].shadowRoot.querySelector(".sticker").setAttribute("style", "display:none;");
  }
}

このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

※PowerShell初心者 ※下の方に画像が持つExif情報を列挙する方法もあります。 例えば、あるJPG画像（C:\IMG_0001.JPG）のカメラ機器のモデル名とExifの撮影日時に関する情報が欲しいとします。 1. PowerShellでは、Get-ItemPropertやGet-ChildItemを使いFileInfoプロパティ取ることができます。 $path = "C:\IMG_0001.JPG" Get-ItemProperty $path | Select-Object * | Format-List $path = "C:\IMG_0001.JPG" Get-ChildItem $path | Format-List -property * 結果: しかし、Get-ItemPropert等を使い取ることができるFileInfoプロパティには必要な情報がありません。 そこで、 GetDetailsOf を使い、ファイルプロパティの詳細情報から必要な情報を取得します。 PSPath : Microsoft.PowerShell.Core\FileSystem::C:\IMG_0001.JPG PSParentPath : Microsoft.PowerShell.Core\FileSystem::C:\ PSChildName : IMG_0001.JPG PSDrive : C PSProvider : Microsoft.PowerShell.Core\FileSystem Mode : -a---- VersionInfo : File: C:\IMG_0001.JPG InternalName: OriginalFilename: FileVersion: FileDescription: Product: ...
Read more »

ヤバい！JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた！！！

イメージ
注文翌日にはブツが届き、梱包も本体にもおおむね満足している。通電も映像も設定も問題はない。メーカー対応は未知数だが品物はクールだ。さらに詳しくは下に... 何かと怪しさ満点のJAPANNEXT IPS液晶モニターのJN-IPS2716WQHD 27型 WQHD ディスプレイをアマゾンで注文してみたレポ。２０１６・５・５ JN-IPS2716WQHD 27型 WQHD モニター 60Hz対応ワイド液晶ディスプレイ （2560×1440 ) HDMI/DVIポート搭載 アマゾンが発送するので品物が届かないという不安は無さそうなのでお遊びで注文してみたが...
Read more »

blender4.1 レンダリング画像を左右反転する方法

イメージ
＞方法: コンポジティングを使用する レンダリング: 通常通りにシーンをレンダリングします。 コンポジティング: コンポジティングノードを使用して、レンダリング結果を左右反転させることができます。 「コンポジティング」タブに移動し、「Use Nodes」を有効にします。 「Image」ノードを追加し、レンダリング結果を接続します。 「Transform」ノードを追加し、X軸のスケールを-1に設定します。 最後に「Composite」ノードに接続します。 コンポジティングノードでの反転のしかたを初心者にもわかるように詳しく教えて . GPT-4o mini Blenderのコンポジティングノードを使用して画像を左右反転させる方法を、初心者向けに詳しく説明します。以下の手順に従ってください。 ステップ1: シーンをレンダリングする シーンを作成: Blenderでシーンを作成し、レンダリングしたいオブジェクトを配置します。 レンダリング: F12キーを押してシーンをレンダリングします。レンダリングが完了すると、画像が表示されます。 ステップ2: コンポジティングタブに移動 コンポジティングタブを開く: 上部のタブから「コンポジティング」を選択します。 ノードを使用する: 「Use Nodes」にチェックを入れます。これにより、ノードエディタが表示されます。 ステップ3: ノードを設定する レンダー結果ノードを追加: 右クリックして「Add」メニューを開き、「Input」から「Render Layers」を選択します。これがレンダリング結果を取得するノードです。 変換ノードを追加: 再度右クリックして「Add」メニューを開き、「Distort」から「Transform」を選択します。これが画像を変換するためのノードです。 コンポジットノードを追加: もう一度右クリックして「Add」メニューを開き、「Output」から「Composite」を選択します。これが最終的な出力ノードです。 ステップ4: ノードを接続する ノードを接続: 「Render Layers」ノードの出力（右側の出力ポイント）を「Transform」ノードの入力（左側の入力ポイント）に接続します。 「Transform」ノードの出力を「Composite」ノードの入力に接続します。 ステッ...
Read more »

googleスライドにリンクした表を更新するスクリプト

GASについて質問ですGoogleスライド内にスプレッドシート... - Yahoo!知恵袋 ↑の結果は 2024/7/17 9:34　の情報では 不可能 な様子でした。グラフはできるそうです。 googleスライドのリンクされた図のリンク更新方法 ↑の結果は 2023/06/25 12:30　の情報では 不可能 な様子でした。グラフはできるそうです。 キーワード googleスライド、リンクされたオブジェクトを更新、Google Apps Script
Read more »

googleスプレッドシートで名前範囲内のデータが更新された時にタイムスタンプを更新

function onEdit(e) { var sheet = e.source.getActiveSheet(); var range = e.range; var namedRange = e.source.getRangeByName("YourNamedRange"); // 名前付き範囲を指定 var timestampSheet = e.source.getSheetByName("YourTimestampSheet"); // タイムスタンプを表示するシートを指定 var timestampCell = timestampSheet.getRange("A1"); // タイムスタンプを表示するセルを指定 // 名前付き範囲内のセルが編集された場合 if (range.getA1Notation() === namedRange.getA1Notation() || (range.getRow() >= namedRange.getRow() && range.getRow() < namedRange.getLastRow() && range.getColumn() >= namedRange.getColumn() && range.getColumn() < namedRange.getLastColumn())) { if (timestampCell) { var currentDate = new Date(); var formattedDate = Utilities.formatDate(currentDate, Session.getScriptTimeZone(), "yyyy/MM/dd HH:mm"); timestampCell.setValue("Last Update Date: " + formattedDate); // 書式を指定してタイムスタンプを設定 } } } 名前付き範囲が複数ある場合 func...
Read more »

Blender: 辺の長さを数値で指定するアドオン

イメージ
二つのアドオンが見つかりましたが、開発者は同じの方のようです。 二つ試しましたが、どちらも便利に使うことができます。とても重宝します。 距離が入力できるアドオン（2.7用） ブレンダーで設定した単位が反映、 単位（m,cm,mm） を入力値で指定 可能 、入力値に スケールは 反映されない 。 mesh_edges_length.py (ver1) mesh_edges_length_unstable.py （ver2） ダウンロード blender_addons/mesh_edges_length.py at master · peppelinux/blender_addons · GitHub 距離と角度が入力できるアドオン（2.7用） ブレンダーで設定した単位が反映、 単位（m,cm,mm） を入力値で指定 不可能 、入力値に スケールが反映 される。 mesh_edges_length_angle_yi.py ブレンダーフォーラム [Addon] Directly Set Length(edge) and Angle(edges) [v0.2] 日本語の情報 Blender Addon Review: 辺の長さを数値入力で設定できるアドオン（Directly Set Length(edge) and Angle(edges)） – CGrad Project お気に入りの設定
Read more »

AppleScript 改行 コード 置換

改行を置換 returnキーはLF、ASCII character (10)と\nはLF、ASCII character (13)と\rはCR、controlキー + returnキーはラインブレーク   (* テスト文字列を変数にセット *) set str to "1LINE(LF)" & ( ASCII character (10)) & "2LINE(CR)" & ( ASCII character (13)) & "3LINE(LineBrake) 3LINE_2" log " ★生 str: " & str & " ★ " (* ★生 str: 1LINE(LF) 2LINE(CR) 3LINE(LineBrake) 3LINE_2 ★ *)   (*LF 置換 *) set LFstr to do shell script "echo " & quoted form of str & " | perl -pe 's/\\n//g'" log " ★ LF 置換 str: " & LFstr & " ★ " (* ★ LF 置換 str: 1LINE(LF)2LINE(CR) 3LINE(LineBrake) 3LINE_2 ★ *)   (*CR 置換 *) set CRstr to do shell script "echo " & quoted form of str & " | perl -pe 's/\\r//g'" log " ★ CR 置換 str: " & CRstr & " ★ " (* ★ CR 置換 str: 1LINE(LF) 2LINE(CR)3LINE(LineBrake) 3LINE_2 ★ *)   (* ラインブレーク置換 *) set LAINBLAKEstr ...
Read more »

Macの「写真.app」アプリでオリジナルをFinderで表示するAutomatorサービス

イメージ
できるだけアプリやサードパーティプラグインをインスコしたくないので、写真アプリからオリジナルを表示するAutomatorサービスを書きました。 自分の環境用にパラメータを設定してあるので、必要な方は自分の使っている写真ライブラリ名に変数値を変更して使ってみてください。 マスターをFinderで開く.workflowをダウンロード Google ドライブに公開してますのでダウンロードしてくださ。 インストール方法 ダウンロードした「マスターをFinderで開く.zip」を解凍して「マスターをFinderで開く.workflow」をダブルクリックしてください。 Automatorで開くかインストールするかたずねるダイアログが出るので任意の方法を選んでください。 使い方 写真.appでオリジナルを表示したい写真を選択します。 Automatorで開いた場合 Automatorで「マスターをFinderで開く」再生してください。 インストールした場合 右クリックまたはアイコンから選択した写真の情報ウインドウを選択します。 情報ウインドウのファイル名あたりを右クリックして表示されたメニューから「マスターをFinderで開く」を選択します。 写真ライブラリ名を指定 Automatorで「マスターをFinderで開く.workflow」を開き、AppleScriptが記述されている部分に下記のコードがあるので、赤文字の変数値を自分の環境に合わせた写真ライブラリ名に変更してください。 --ユーザーの設定項目 set pictLib to " 写真 Library " --写真.appで使っているライブラリを指定 --以下編集不要 set pictFol to path to pictures folder from user domain as text --ピクチャフォルダのパスを取得 set pictOrg to ".photoslibrary:Masters" --マスターが保存されているパスを指定 tell application "Photos" set a to selection --写真.app(Photos)上で選択中の写真/ムービーのうち最初のものを処理対象に if a = {} the...
Read more »