honjarake blog

自分用にテキトーにまとめる

2014-09-01から1ヶ月間の記事一覧

ニコニコ動画概要から動画リンクだけ抽出して表示するスクリプト

ノートPC買おう…前回のスクリプトと同時進行で作っていたモノ(暫定 これからの課題 windowのresize(拡大縮小を交互に速めに行う)で動画プレイヤーが右にずれていく問題 現時点で、ブラウザの全画面表示、サイズ変更でリセットされるのを確認最悪、ツール…

ウィンドウサイズを変えたとき

[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する | CreativeStyleこの前、$(window).resize に body内に追加した要素のtopを変更する処理を追加したら画面が大幅に崩れたんだけど ついでにこれを入れてみようと思うtop位置変えてるだけ…

iframe.contentDocument.location.replace

インラインフレーム(iframe)の参照(src)を書き換えるとブラウザの履歴に残る iframe.src = url; 同じページ内のiframeにサムネを表示するスクリプトを作ったときに発覚 (iframe表示しているページが履歴に何個も残っていた) 解決方法 iframeのlocation…

はてブ整理 増田まとめ ~9/20

圧迫してくるといやなので http://b.hatena.ne.jp/entry/excel-databace.hatenablog.com/entry/2014/09/04/094049 かなり不快だ.. 「手に職」って詐欺みたいなもんなんだな ぜんぶかいてみたカテゴリはなんだろう?

ニコニコ静画(漫画)にNGワード設定機能を付与するgreasemonkeyスクリプト

縦にスクロールするタイプのみ IDが表示されないので、作っている最中から誰得だなと感じていたが とりあえず、形になったのでバックアップも兼ねてもう、この時点でやりたかったことをやり切ったような雰囲気が出てきている… 現時点で、統一感がない部分(…

JavaScript document.evaluate

δtech -DeltaTECH- JS:document.evaluate()の使い方がやっと分かった… Vector-Link.user.jsというグリモンのスクリプトで使われていて 何をやってるんだろうと思っていたが こんなものもあるんだ!という驚きとか書きつつ //meta[@name='download'] の記述の…

イベント監視 メモ2

外部jsファイルの読み込み - honjarake blog prototype.jsを読み込んでから下記を実行 var handler = function (event) { //console.log(this); try { var event = event || window.event; var target = event.target || event.srcElement; console.log('han…

ソースコピペ状態を振り返って

よく知らないけど使っているもの(関数、概念)が多いなと思う 用語にしても全く頭に入っていないのが気になってはいた 実は発音すら知らず、調べてみて「え?そうだったの?」となることも多いWEB関連の用語なんて、それこそ全く知らなかった プログラミン…

外部jsファイルの読み込み

イベント監視 メモ - honjarake blog prototype.jsを読み込む var includeJS = (function (JS_PATH) { var xhr = null; if (window.XMLHttpRequest) xhr = new XMLHttpRequest(); else if (window.ActiveXObject) try { xhr = new ActiveXObject('Msxml2.XML…

イベント監視 メモ

Event.observe - イベントを監視 - prototype.jsリファレンス これがやりたいけど、prototype.js を読み込まないといけない変更オブザーバー (Windows) Event.observe に変わる機能がないかと探していたときに見つけた いつか使えそうな機能監視ならjqueryで…

多かったミス まとめ

自分が適当に組んでるときよくやっているミスが 誤字、脱字効果:undefinedを多発させる。特に大文字と小文字の混在ミス、疲れているとたまに気づかない 例: var bclick = element; if(bclick.tagName != 'a') return; if(bClick.href == 'foo') return; ←…

matchの戻り値の型

var current = local.href.match(); と変数に格納したあと current.match(); したらエラーになった type errorその型にmatch関数ないよだって typeof current を見てみたら [object] だった[JavaScript] String.match( regexp ) の返り値は何か?/ 正規表現…

JavaScript ページ読込切替しないページ (URLは変わっている・履歴も残る)

一部のサイトでページ移動したように見えるのに loadイベントが走らないページがあるのは、なぜなのか? 調べて行き着いたのが、このサイト 十二章第三回 History API — JavaScript初級者から中級者になろう — uhyohyo.net で、ページの一部だけ読み込み、変…

Stylish で Firefox の ツールバーのスタイルをいじる

Stylishってこんなこともできるんだな とりあえず、FirefoxのUIであるXUL(ズールって読むらしい)がどうなってるのか見てみる アドレスバーに chrome://browser/content/browser.xul を入力すると見れたんでもって、Stylish側のコードを書くときのnamespaceは…

水道管の結露 他

水道管の結露を解決 家の洗濯機周りの床に薄っすら水がにじんでいた 水漏れかと思って知り合いの詳しい人に見てもらったら 水道管が結露を起こしているのが原因らしいと、いうことで、ホームセンターで対策グッズを買いにいったのだが 結露を防ぐテープ?と…

JavaScript 要素の絶対座標

[Javascript] 要素の絶対座標を取得する - The ruin of ruinz - Techmemo function getElemAbsolutePosition(ctrl){ try { var rect = (function (elem) { var html = document.documentElement; var rect = elem.getBoundingClientRect(); var left = rect.…

視力減退 視力回復トレーニング

視力が異様に落ちた。スマホが原因だろうか メガネをかけてディスプレイをみるのは始めてで目が疲れるとりあえず、目のトレーニングをやってみる たったの5分のトレーニングで0.4の視力が1.5まで上がった(動画) | News Kirei Navi 視力回復トレーニン…

JavaScript HTMLエスケープとHTMLデコード

JavaScript 文字列のエスケープについて - honjarake blog 前回の件の続き 結局、デコードは凝ったことをやめ、replaceした 特殊記号エスケープはCSSのセレクタ用にピンポイントで使う /* escape */ // HTMLエスケープ function NNSH_escapeHTML(str) { retu…

GM_getValueが動かない?

@grant GM_getValue 宣言したのにis not defined エラーが出る公式からのコピペだし、表記は間違っていない 途中、何回もデバッグを繰り返していたら デバッガの調子がおかしくなったのかログがでなくなった その後も、期待通りの動きをしていないwindow.loa…

JavaScript 文字列のエスケープについて

escapeHTML についてここを参考 escapeHTML の実装 3 パターン (ベンチマーク付き) - (new Hatena).blog()これは特殊文字「変換」に当たるかなまずは、区切り記号をエスケープする前に、区切り記号を何にするか… CSVのイメージで「,」を使おうと思っていたけ…

JavaScript textareaから読み出し と、これから実装する機能まとめ

[JavaScript]textareaを1行づつ処理するこれを参考に読み出してサニタイジング、改行コードを区切り記号(カンマ等)に変換して保存かな 逆に読み出すときは区切り記号でsplitしてから文字列に戻してクオート等をエスケープして…とりあえず、目的からまとめ…

JavaScript デバッグについて

※操作を間違って保存失敗したため、短めにまとめ デバッグについて JavaScriptのデバッグTips - os0x.blog JavaScriptのデバッグTips - os0x.blog デバッグツール WebInspector WebInspector : 富士通 デバッガが吐き出すエラーについて エラー&トラブル一…