都内SEのプログラミング勉強と雑記

2008年より都内でSEをしてます。業務システムをリプレイスし続けてきました。ここでは主にjavaやその周辺技術関連を紹介予定。学ぶことリスト:https://docs.google.com/spreadsheets/d/1G4lUqbHxsMf4PGgeRVe1ZL3JTOjlSTrqsJYe1CKz9UY/edit?usp=sharing

javascript

開発者ツールを使ってDOM要素をクリップボードにコピーする

DOMコピー 開発者ツール(Chrome,Edge,Firefox,Safari)でいつも忘れがちなので備忘録。 @object1985 - printDom.js

記事を画面横幅いっぱいにして読みたい:ブックマークレット

色んなブログやサイトでwidth指定、max-width指定がある。 本来、読みやすくするためのものとは思いつ、 正直解像度やらモニタサイズによってかなり幅せまに指定されていると思う。 (特に600px以下とかしんどい・・・) そこで以下のブックマークレット。 …

JavaScriptでローカルファイルを取得するサンプル

JavaScriptでローカルファイルを取得する手軽な方法はないかな~、とぐぐってみました。 Webサーバを起動するのが一番だけど(令和のこの今も)ごく稀にネット環境がない状態で調査・解析することがあるので。 <html lang="ja"> <head> <meta charset="UTF-8"> </meta></head></html>

jsでhtml nodeの子要素をn番目以降だけ取得したい

<select id="shiritori"> <option>りんご</option> <option>ごりら</option> <option>らっぱ</option> ... <option>ぷりん</option> </select> りんご ごりら らっぱ ... ぷりん こんなhtmlでごりら以降(2個目以降)がほしかった。 わかれば簡単だった。 document.querySelector("#shiritori option:nth-child(n + 2)"); おまけ ・奇数番目 document.querySelector…

Chromeの開発者ツールで変数の値自体や取得結果などのオブジェクトをコピーする

今更だけど知っていればとても簡単だった。 変数名が test の場合、 copy(test) のみでOK。 以下のような感じ。 開発者ツールでのcopyコマンド これはtextでもjsonでもオブジェクトでもなんでも。 コンソールの出力結果をコピーしたい場合は、一度結果を右ク…

follow us in feedly