honjarake blog

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

javascript

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

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

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

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

iframe.contentDocument.location.replace

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

ニコニコ静画(漫画)に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…

外部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で…

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 で、ページの一部だけ読み込み、変…

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.…

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

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

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 : 富士通 デバッガが吐き出すエラーについて エラー&トラブル一…

JavaScript ループの次へ ループを抜ける

以降の処理を飛ばして次へ(ループは抜けない) while(条件式){ 実行される文; 実行される文; continue; 実行される文; // continueが実行されると、この文は実行されない 実行される文; // continueが実行されると、この文は実行されない // continueが実行…

基本 演算子について

JavaScript/演算子 - Wikibooks 式と演算子 - JavaScript | MDN C#だけど ビット演算を理解してフラグを使いこなす - C#:humming bird

javascript backgroundImage

例によって、グリモンのスクリプト作成中 imgタグの背景画像に読込中の画像を設定してみた // LOADING_GIFには、画像データののURI img.style.backgroundImage = 'url(\'' + LOADING_GIF + '\')'; あとは .style.backgroundSize="60px 120px"; //サイズ .sty…

greasemonkey データの保存

最近作っているスクリプトにNG機能を持たせようと思っており NGワードを保存する処理を考え中 やはり、グリモンが用意したものを使ったほうがいいのかなあ…そこで、GM_setValueについて調べる GreasemonkeyのGM_setValueで保存できるデータの種類 (Kanasanso…

greasemonkey 「@include * 」のときのbodyへのタグ追加

iframe中のbodyにも適応されちゃうんだな というか、iframe中のbodyでも同じ処理が走ってるわけだ iframeの方だけ実行したくない思いついた解決方法は @include、@excludeを指定する iframe判断してタグ追加を中止、または、追加された後iframe内だけ消す 1.…

javascript 条件分岐(switch~case文)

プログラミング言語によって微妙に違うif~else以外の条件分岐文 selectだったり、switchだったり、breakしないと次の判定を行ったり、breakしなくても一回の判定で処理を抜けたり…etcjavascriptでは、switch~case文らしいのでメモしとく switch (式){ case…

javascript 前のページ

string = document.referrer; referrerには前のページのlocationリンクでページ遷移、戻る(次へ)でページ遷移の場合も同じか?よくある、広告ページAを自動で飛ばして記事Bを表示するスクリプトを作ったが 戻るを押した場合でも動作(戻る→また自動で記事B…

正規表現に悩まされる

urlの末尾、ファイル名と拡張子以降だけ消したいんだけど… xxx.html?y=zみたいなやつで xxx.html のxxxの文字数が可変の場合が思いつかないですよ/.*\.html.*/ みたいにすると全部ひっかかるよねえ… /\/.*\.html.*/ でも違うし (//www.ooo/pp/xx.html?y=zが…

javascript 右クリックメニュー まとめ

コンテキストメニューを表示する。 | Javascriptista popupmenu.js - simple JavaScript popup menu library ・他の人の作ったjsファイルを google drive に上げて使うとかどうだろう まず、著作権表記を載せたとしても、配布元の人の許可下りないか…あとは…

はてブ整理 プログラミング

jquery jQueryやUI、PrototypeなどのライブラリーをGoogleライブラリAPIから読み込む方法-がんばるデザイナ tuts! - 推酷 javascript library popupmenu.js - simple JavaScript popup menu library convert VB Convert VB.NET to C# - A free code conversi…

増田の右下に、はてブのブクマ数を表示するやつ

増田でたまに、はてなとか増田関係のスクリプトみかけるので、検索してたんだけど その中に、何回か同じリクエストの増田があって、ちょっと気になった 「Permalink」の右にusersを出すgreasemonkey http://anond.hatelabo.jp/20130703221233 http://anond.h…

javascript unsift とか

前回というか、昨日のgreasemonkey(グリモンって略されてるところがちらほら。こっちの方が打つの楽)で動かないスクリプトの自分が使ったことない記述のまとめunshift http://d.hatena.ne.jp/maeharin/20130122/unshift_shift_pop_pushあと、jqueryの記述…

greasemonkeyの@grantについて ( → greasemonkeyバージョンアップしてた)

firefoxバージョン更新したらスクリプトの一部が動かなくなった とりあえず、@grantの記述がなさそうなので追加する。 http://wiki.greasespot.net/@grantこれだよな多分。なんとなく腑に落ちないけど…他人のソースコードなので、どの関数が問題なのか把握で…

今日まとめ

・町内の掃除、消化ポンプ新しくなってた 使い方は次には忘れてるかも…まあ、簡単だった この日記で思い出せ! 1-2-3-4順に、切るときは逆順4-3-2-1で。・javascriptの名前空間とか変数のスコープ分かりづらい ブラウザによってconst使えないってどうなん 関…

greasemonkey 自分用ソースコードまとめ2

greasemonkey 自分用ソースコードまとめ 長いので分割 greasemonkey 自分用ソースコードまとめ - honjarake blog innerHTML追加後にイベントを追加するサンプル // ==UserScript== // @name test item // @namespace http://espion.just-size.jp/archives/05…

greasemonkey 自分用ソースコードまとめ

Firefox更新前に色々作ったやつ貼っつけ あれ?ソースコード貼り付け用の記述できない? と思ったら何とかなった ニコニコ動画自動スクロール&手動スクロール(試作中) // ==UserScript== // @name nicoScroll_Button // @namespace http://blog.hatena.ne…