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

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

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

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

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

このブログの人気の投稿

ブックマークレット　DOM　ソース変更

javascript: (function() { /*https://www.atmarkit.co.jp/ait/articles/0808/04/news124.html*/ /*https://into-the-program.com/removechild/*/ /*ヘッダのタグを削除*/ var scripts= document.head.getElementsByTagName('script'); let len = scripts.length; for (var i = 0; i < len; i++) { document.head.removeChild(scripts[0]); } var links= document.head.getElementsByTagName('link'); len = links.length; for (var i = 0; i < len; i++) { document.head.removeChild(links[0]); } var style= document.head.getElementsByTagName('style'); len = style.length; for (var i = 0; i < len; i++) { document.head.removeChild(style[0]); } /*クリップボードに保存*/ var clips = document.title; clips += '; '; clips += document.body.querySelector('p.size').textContent; clips += '; '; clips += document.URL; console.log(clips); /*イメージの集合要素を保存*/ var images= document.body.queryS...
Read more »

カルチャーラジオ 日曜カルチャー「人間を考える 思いを伝えることば」

イメージ
3 月 17 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（3） 作家…島田雅彦 「思いを伝えることば」第3回は作家の島田雅彦さん。島田さんは過去の人たち、亡くなった人たちを蘇（よみがえ）らせ登場させるのが小説家だと言います。島田さんは既に亡くなった安部公房、中上健次など多くの作家と交流があり、交わした言葉に影響を受けました。今も夢に出てくるといます。現実の世には存在しない、いわば言語が作り出した世界「あの世」や「時間」など、島田さんの目線から「ことば」についてお話し頂きます。 シェアする 3 月 10 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（2） コピーライター…梅田悟司 「思いを伝えることば」第2回は広告制作をはじめ製品開発など幅広く活動しているコビーライターの梅田悟司さんです。梅田さんは自分の思っていること考えていることを言葉にして伝えることが大切で、そのためには自分の「内なる言葉」に目を向け高めることが必要であるといいます。今回は、ことばを生かす仕事に携わっている梅田さんにどうすれば思いを伝えることばを生み出すことができるのか、具体例を交えお話しいただきます。 シェアする 3 月 3 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（1） ＜全4回＞ 文筆家・エッセイスト…青木奈緒 「人間を考える 思いを伝えることば」。第1回は文筆家、エッセイストの青木奈緒さんです。青木さんの母方の曾祖父は幸田露伴、祖母は幸田文そして母のたまさんも文筆家として知られています。青木さんは、心を表すのが言葉だといいます。今回は曾祖父の幸田露伴、祖母の幸田文、母のたまさんそして青木奈緒さんと代々伝えられてきた言葉や座右の銘について、その言葉が発せられた背景や込められた思いと共にお話しいただきます。
Read more »

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

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

memo: ショートカットファイルを直接削除する

ショートカットファイルを直接削除する C:\Users\%USERNAME%\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup （一部カタカナ表示あり） C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp （一部カタカナ表示あり） レジストリから削除する　regedit コンピューター\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Run コンピューター\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run コンピューター\HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Windows\CurrentVersion\Run グループポリシー 「コンピューターの構成」→「Windowsの設定」 ＞light＜ ＞dark＜ ＞night-bule＜ ＞vibrant-ink＜ ＞wed＜
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 »

VMWare Playerでホストとゲスト間でクリップボードが共有できない時の対処法

こちらは2015年9月の情報となります。 内容は、物理環境を仮想化した時に起こるVMwareToolsが起動・常駐しない場合( クリップボード共有できない )の対処方法となっています。 VMWare Player（6.0.5） ホストOS：Windows8.1 Pro ゲストOS：windows7 32bit Home Premium※1 ※1.ゲストは既存の物理環境をVMware vCenter Converterで仮想化しVMwareToolsをインストールしたがクリップボードが共有できなかった。 多くの検索結果では.vmxファイルにパラメーターを追記削除する方法が紹介されていますが、.vmxファイルを編集する前に確認していほしいのはゲストでVMwareToolsが常駐しているかどうか。 既存の物理環境を仮想化した場合VMwareToolsを正常にインストールしても常駐しない場合があるそうで、今回のクリップボードが共有できない症状はVMwareToolsが起動（常駐）していないのが原因だった。 ゲストでVMwareToolsが常駐していて、クリップボードの共有ができていない場合は次を試すと良さそうです。 ～.vmxファイルに以下追加して再度起動 isolation.tools.copy.disable = false isolation.tools.paste.disable = false VMwareToolsが起動（常駐）していない場合の対処方法 まず確認したいことはVMwareToolsが常駐しているか確認する。 通常はゲスト起動時にVMwareToolsが起動して常駐するのでタスクバーの通知領域にVMwareToolsのアイコンが表示されている。 常駐していなければ、"C:\Program Files\VMware\VMware Tools\vmtoolsd.exe"を起動すれば良いのだが、右クリックで管理者として実行をクリックしても起動してくれないので、次のコマンドをコマンド プロンプト（DOS窓）で実行することで常駐させる事ができるハズだ。 "C:\Program Files\VMware\VMware Tools\vmtools...
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 »