DOMContentLoadedイベントに対してリスナを登録

Quick Edit Pencil
2013年）過去記事
onloadの代わりにDOMContentLoadedを使ってみる

また使う機会があったので調べてみた

DOMContentLoaded周りの処理を詳しく調べてみました - Qiita

【JavaScript】記述方法別の実行タイミングについて - Qiita

このブログの人気の投稿

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 »

PowerShellで複数ファイルのプロパティを取得する方法（準備編）

イメージ
プロパティの詳細を一括でリストで書き出すPowerShellスクリプト 完成したスクリプトは 別ページ にて完成編として公開しています。 PowerShellで画像のプロパティを書き出す PowerShellで詳細プロパティの値を取得する（フォルダーを指定して複数ファイルを対象） $shell=New-Object -Com Shell.Application Get-ChildItem D:\Pictures\EOS` D30 -recurse | Where-Object {-not $_.PSIsContainer} | ForEach-Object {$folderobj=$shell.NameSpace($_.DirectoryName);$item=$folderobj.ParseName($_.name);$folderobj.GetDetailsOf($item, 22 )} > test.txt 凡例 任意指定 　　 ` はpath記述でスペースをエスケープ 　　　　　　 22 はプロパティ詳細の説明のタイトル項目の番号（末尾に一覧番号あり） オプション 　 -recurse はサブフォルダも含む 　　　　　　 > は上書き、 >> は追記 別の書き方として、次の「 若手基盤系SEの日記。 」さんのスクリプトでも同じ結果が得られます。 Get-ChildItemはオプションの指定で、拡張子やファイル名、ファイルサイズなどで検索して結果が得られます。 以下参考にしたサイト様 PowerShellで詳細プロパティの値を取得する（フォルダーを指定して複数ファイルを対象） 若手基盤系SEの日記。 大量のWordファイルのページ数を簡単に集計する方法（Powershell） http://blog.livedoor.jp/ryanorano/archives/2015-05-13.html # 指定されたパス配下のファイルのファイル名とページ数をCSV出力する。 # 変数 $path = " D:\temp " $output = $path + " /output.csv " # 指定されたパス配下...
Read more »

書字方向　横書方向変換スクリプト　左書きから右書きへ（コピペ用途）

左横書きを右横書きへ簡易変換します．（コピペ用途） 変換処理はウェブブラウザだけで完了．ネットワーク通信が発生しないので安心．注，複数行の場合は一行になりそう．また，句読点（符号），顔文字の正確な変換は１００％無理っぽ． 変換する文字列（横左方向→） テスト 変換した文字列（←横右方向） 書字方向　横書方向変換スクリプト　HTMLソース JavaScriptコード 変換する値（横左方向→） <form name="form1"> <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea> </form> <input onclick="clickBtn1()" type="button" value="変換" /> <input onclick="clickBtn2()" type="button" value="クリア" /> <p>変換した値（←横右方向）</p> <p id="rtl" style="background-color: lightgrey; box-sizing: border-box; color: darkslategrey; line-height: 1.6; overflow: auto; padding: 1rem; text-align: right;"></p> <script> function clickBtn1(){ // 値を取得 const ta1 = document.form1.textarea1.value; const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。 document.getElementById(...
Read more »

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

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

簡単　らじるらじるの聴き逃し番組、NHKラジオのストリーミングを保存・ダウンロードする方法　2019

イメージ
パソコン初心者でも簡単に保存・ダウンロードできる方法を紹介 ウェブブラウザと１つの無料ソフトだけでダウンロードが可能 パソコンはWindowsでもMacでもオッケー 使用するソフトは古くからある無料のVLC media playerを使います。 目次 ようこそ VLC media player （ ダウンロード ） （ インストール ） ダウンロード・保存の準備 （ m3u8ファイルのURLを取得する方法 ） （ NHKゴガクのm3u8ファイルのURLを取得する方法 ） ダウンロード・保存の実行 （ VLC media playerでストリーミングを変換／保存・名前を付けて任意の場所に保存 ） m3u8ファイルURLをブックマークレットで取得する （ 3mu8ファイルのURLと保存名をリストするBookmarkletの紹介 ） 補足 （ ブックマークレットの中身 ） （ 一括ダウンロード　コマンドラインとFFmpeg ） （ NHKラジオ聞き逃しJSONの取得、語学のxmlの取得 ） ようこそ データ通信料を節約したい。 聞き逃し番組をオフラインで聞きたい。 スマホや携帯プレイヤーに入れて聞きたい。 mp3、mp4でダウンロード。 本記事の内容は私的利用に限ります。 VLC media player （ダウンロード） VLCメディアプレイヤーの公式ダウンロード - VideoLAN VLC media playerダウンロードは窓の杜からも可能です。 「VLC media player」定番の無料メディアプレイヤー - 窓の杜 （インストール） インストール方法は、次の解説サイトをご紹介しておきます。 VLC Media Playerのダウンロードとインストール方法 - ぼくんちのTV 別館 Googleの検索リンクも貼っておきます。 VLC media player インストール方法 - Google 検索 ダウンロード・保存の準備 （m3u8ファイルのURLを取得する方法） ラジオ番組の保存・ダウンロードの肝は個別番組のm3u8ファイルのURLを取得する事です。 取得に特別なアプリは不要です。 インターネットブラウ...
Read more »

簡単　NHKゴガクのラジオストリーミングをダウンロードする　2019

イメージ
パソコン初心者でも簡単に保存・ダウンロードできる方法を紹介 ウェブブラウザと１つの無料ソフトだけでダウンロードが可能 パソコンはWindowsでもMacでもオッケー 使用するソフトは古くからある無料のVLC media playerを使います。 このページでは、 NHKゴガクのストリーミングをダウンロードするのに必要な　個別番組の音声ファイル　m3u8　形式ファイルの場所（URL）を取得す方法を解説します。 取得した　m3u8ファイルをもとにダウンロードする手順は、次のリンク先にて詳しく解説していますので後からご覧ください。 簡単　らじるらじるの聴き逃し番組、NHKラジオのストリーミングを保存・ダウンロードする方法　2019 | TAGO.OK NHKゴガクのラジオストリーミングデータ（m3u8）の取得方法 m3u8ファイルは　各番組のホームページ　の　ストリーミングページ　から　取得　できます。 m3u8ファイルの場所はインターネットブラウザで知ることができます。 インターネットブラウザのデベロッパツール（F12キーで起動）することで取得可能ですが、ここでは、より簡単に取得できる方法として　ブックマークレット（インターネットブラウザのブックマークに登録するJavaScriptプログラム）を利用する方法を紹介します。 先ずは目的のゴガク番組のホームページに移動します。 らじるらじる　聞き逃しを番組を探す　ジャンル　語学 https://www.nhk.or.jp/radio/ondemand/index_genre.html?g=genre12 次に、利用するブックマークレットをブラウザのお気に入りバー等へ登録します。 ｛ブックマークバーへの登録方法｝ 次のリンク　 NHKゴガクStreaming.bookmarklet 　をブックマークバーにドラッグアンドドロップします。 ドラッグアンドドロップできないインターネットブラウザ（マイクロソフトエッジ等）では、 次のリンクテキストにマウスカーソルを合わせ　 NHKゴガクStreaming.bookmarklet 　右クリックして、リンクをコピーします。 次に一旦このブログをお気に入りバーに登録します。 次に登録したこのブログのお...
Read more »

TWINGOのルーフボックスを選ぶ :: トゥインゴ 5ドア用のルーフキャリア

イメージ
ルーフボックス装着時の全高が最も低くなる組み合わせを選びました。 ベースキャリア（ルーフバー）、ルーフボックスともに最も低い数値を示したのはカーメイト製のイノーでした。 ルノー トゥインゴ インテンス（2014～） 全高：1545(mm) ベースキャリア　INNO XS201 装着高さ：1620(mm) ルーフボックス　INNO BRS660 装着高さ：1865(mm) 参考 ルノージャポンルーフバー情報 スーリーベースキャリア製品仕様 スーリー寸法図 イノーベースキャリア製品仕様 イノールーフボックス仕様一覧 ネット通販で購入 カーメイト ルーフボックス inno ウェッジ660 容量300L  BRS660 posted with カエレバ カーメイト(CARMATE) 2015-08-20 Amazonで探す 楽天市場で探す Yahooショッピングで探す カーメイト INNO イノー ルノー AH系 トゥインゴ用ルーフキャリア エアロベースキャリア取付4点セット 【ステーXS201+バー(シルバー)XB108S+XB100S+フックK490セット】 posted with カエレバ 楽天市場で探す Amazonで探す Yahooショッピングで探す カーメイト INNO イノー ルノー AH系 トゥインゴ用ルーフキャリア エアロベースキャリア取付4点セット 【ステーXS201+バーXB108+XB100+フックK490セット】 posted with カエレバ 楽天市場で探す Amazonで探す Yahooショッピングで探す カーメイト INNO イノー BRP12 ボックス用Tスロットアダプター2 ルーフボックス取付金具 Tスロット用取付金具付 posted with カエレバ 楽天市場で探す Amazonで探す Yahooショッピングで探す
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 »

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 »