cl⌒l⌒b'ω'*) 

海外ファンフィクション読書記録。 ハリポタのスネイプとマーベルのロキ(マイティ・ソー2作目まで)が好き。 忘れっぽい自分のためにどんな話だったか記録してるのでネタバレばっかり。 ネタバレが嫌いな人は見ちゃダメ。オリキャラ大好き。 ダンブルドア・マローダーズ・ハリーらグリフィンドール勢は好きじゃありません。 ←この辺が好きな人は読まないほうがいいです。キャラバッシングあり。

海外二次創作・fanficを読むのに役立つブックマークレットまとめ(主に翻訳関連)

⇧topへ

 

 

 

 

自分が便利だなと思ったブックマークレットをメモしていきます。

知識がないので元はあちこちから持ってきたり改変したり。オリジナル作者さま方ありがとう。

★がついてるのは実際によく使ってるものです。

ここはこう変えたほうがいいよ等の改善アドバイスや、便利なオススメブックマークをご存知でしたらぜひコメントで教えてください。

 

 

 

 

こちらのサイト様にあった1のアルク辞書を参考にして2~11を作りました。(アドオンのPop-Up Dictionaryの使い方を調べてるときに見つけた辞書にこれで動くものがいくつかあったので。といっても単に余計な部分を削ってURLを入れ替えただけ。weblioの辞書は英和以外のものもほぼこれで応用が利くみたい。(11はpop-up dictionaryでは動かない)

firefoxを使ってるとスペースが%20に変換されます。読みにくくなった場合はこちらでデコードすると見やすくなります。


1.アルク(英辞朗)で英単語辞書@popup画面★★

javascript:(function(){var t='' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('http://eow.alc.co.jp/' encodeURIComponent(t) '/UTF-8/','_blank','width=350,height=600,scrollbars=1');})()


2.weblioで英単語辞書@popup画面★★

URL

https://ejje.weblio.jp/content/ ←PC用画面(一番詳しい。過去形や熟語もOK)

https://ejje.weblio.jp/content/amp/ ←スマホ向け画面(画面がコンパクトで見やすい。但し過去形や熟語はもう一回検索ボタン押してPC版で引き直すことになる)

https://m.weblio.jp/e/c/ ←モバイル用画面(簡易)

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://ejje.weblio.jp/content/amp/' encodeURIComponent(t) '','_blank','width=500,height=700,scrollbars=1'); } )()

 

ポップアップじゃなく新しいウィンドウをタブで開く場合は

javascript:(function(){var w=window;var d=document;var q='' (w.getSelection?w.getSelection():d.getSelection?d.getSelection():d.selection.createRange().text);q=q.replace(/^¥s |¥s $/g,'');if(!q){w.alert('¥u6587¥u5b57¥u304c¥u9078¥u629e¥u3055¥u308c¥u3066¥u3044¥u307e¥u305b¥u3093');}if(q){w.open('https://ejje.weblio.jp/content/' encodeURIComponent(q).replace(/(%20) /g,' '),'_blank');}})();


3.Cambridgeで英単語辞書@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://dictionary.cambridge.org/spellcheck/english-japanese/?q=' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


4.Tangorin(和英)で英単語辞書@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('http://tangorin.com/general/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


5.Wiktionaryで英単語辞書@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://ja.wiktionary.org/wiki/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


6.RNN時事英語で英単語辞書@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://rnnnews.jp/search/result/?q=' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


7.Weblio 辞書(総合)@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://www.weblio.jp/content/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


8.Weblio 類語@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://thesaurus.weblio.jp/content/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


9.連想類語辞典@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('http://renso-ruigo.com/word/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


10.翻訳訳語辞典@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://www.dictjuggler.net/yakugo/?word=' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


11.oxforddictionaries(英英)辞書@popup画面

javascript:(function() { var t = '' (window.getSelection ? window.getSelection(): document.getSelection ? document.getSelection(): document.selection.createRange().text);if(t)open('https://en.oxforddictionaries.com/definition/' encodeURIComponent(t) '','_blank','width=600,height=800,scrollbars=1'); } )()


13.背景色とフォント色を変える(黒板風)

javascript:(function(){var newSS,styles='*{background:#008080!important;color:#fdf5e6!important;font-family:Trebuchet MS;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}:link,:link *{color:#eee8aa!important;}:visited,:visited *{color:#ffdab9!important;}';if (document.createStyleSheet){document.createStyleSheet("javascript:'" styles "'");}else {newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,' escape (styles);document.getElementsByTagName("head")[0].appendChild(newSS);}})();

まめちしき: 背景色やフォント色を試すときはCtrl+Shift+Cで開発ツールのインスペクターを開く。色の部分をクリックするとカラーピッカーが現れるので簡単に色を変えて試すことが出来る。


14.背景色のみを変える

クリックすると小窓が開くので好きな背景色を入力する。beige,whitesmokeなんていうカラーネームでもOK。(WEB色見本)(色見本

javascript:void(document.body.style.backgroundColor=prompt("Type a colour for the background",""))


15.ページ内で検索結果をハイライト

雑文の小部屋 無料で使える便利ツール様よりハイライト表示1&2

 


16.見ているページをgoogle翻訳★★

javascript:q=location.href;void(location.href='http://translate.google.com/translate?hl=ja&sl=auto&u='+q);

 または

javascript:var t='https://translate.google.co.jp/#auto/ja/';var u='http://translate.google.com/translate?hl=ja&sl=auto&tl=ja&u=';var s=document.getSelection().toString();var q=location.href;if(s.length>0){var e=encodeURIComponent(s);var w=window.open(t e,'_blank','width=1280,height=800,scrollbars=yes')}else{var e=encodeURIComponent(q);var w=window.open(u e,'_tab')}void(0);

文章を選択時はTEXT翻訳で、何も選択してないときはWEBページ翻訳 こちらのサイト様より転載

 


17.見ているページをsonetの原文訳文に翻訳(httpサイト限定)

javascript:(function(){document.location.href='http://www.s-translation.jp/cgi-bin/translateHtml.cgi?lang=EJ&mode=MODET&url='+escape(document.location.href)})();

または

javascript:q=location.href;void(location.href='http://www.s-translation.jp/cgi-bin/translateHtml.cgi?lang=EJ&mode=MODET&url='+q);

見てるページをsonetの原文訳文に一発変換するブックマークレットだったんですがsonet翻訳が終了して使えなくなってしまいました。

 

 


18.見ているページをBing翻訳 

こちらのサイト様より転載

javascript:(function(){var mst='http://www.microsofttranslator.com/BV.aspx?ref=IE8Activity&a=';var url=location.href;if(url.indexOf(mst)!=-1){url=url.replace(mst,'');}else url=mst url;location.href=url;})();

 または

javascript:q=location.href;void(location.href='https://ssl.microsofttranslator.com/bv.aspx?from=&to=ja&a='+q);

または

javascript:(function(){document.location.href='https://ssl.microsofttranslator.com/bv.aspx?from=&to=ja&a='+escape(document.location.href)})();


19.google翻訳を原文訳文の上下同時表示に変える★

元のブックマークレットは既存のCSSを無効化して自分の好きな外部CSSを適用するというものでオリジナルはこちらのサイト様からの転載。

このブックマークレットと外部CSSを使って、googlewebページ翻訳を原文と翻訳文が並んだ上下同時表示に変更。

ブラウザのリーダービューでも似たような表示は出来るんですが、あちらは行間が詰まって読みにくいし、便利なアドオンが使えません。

リーダービューで使えなかった各種アドオン(pop-up dictionaryやアルクweblio等の英和辞書ブックマークレット、S3.Translator)が使えるようになるので単語調べが楽になります。

AO3、ff.net、見づらかったlivejournalなどの個人ブログの小説も読みやすくなります。

 

bookmarklet

javascript:(function() { var sheet = 'https://sites.google.com/site/storageboxoto/souko/b.css'; var s = document.styleSheets; for (var i = 0; i < s.length; i ) s[i].disabled = true; var l = document.createElement('LINK'); l.setAttribute('href', sheet); l.setAttribute('rel', 'stylesheet'); l.setAttribute('type', 'text/css'); document.getElementsByTagName('HEAD')[0].appendChild(l); })()

 

読み込むb.cssの中身は↓こんな感じにしてます

body{
padding: 1px;
color: #5b4636;
background-color: #f4ecd8;
line-height: 1.35;
font-family:Trebuchet MS;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%
}/*背景色やフォントの設定*/
.google-src-text{display:block;}/*原文訳文を上下に出す*/
.notranslate {margin: 20px;}/*段落の行間*/ 
p.landmark,ul#skiplinks,div#header,p.note,li.download,h3.landmark,dl.work,p.kudos,p.notice,ul.navigation{display: none;}/*不要部分を非表示*/
.storytext {text-align: left;}/*本文左寄せ*/ 

 

※もっと自由に変えたい場合は自分でCSSを用意して外部サーバーにアップロードする。(ブログ用に外部サーバを用意(Googleサイト) | iKnowHow )私もgoogleサイトを倉庫代わりに使ってます。

 

・使い方

読みたいページをgooglewebページ翻訳にかけて、フレームを外す。(firefoxの場合は「右クリック」→「このフレーム」→「このフレームだけを表示」、chromeの場合はThis Frameなどのフレーム外し用アプリを使う)

その後にこのブックマークレットを使うと下図のような原文訳文表示になる。

つまり(16.→フレーム外し→19.)

google翻訳は一度に訳せる量に限界があるので、それを超えた長い文章だと最後まで翻訳表示されない。

※長くて一度に訳しきれない小説の場合は面倒でもいったん非SSLのブログへ本文を転載しちゃったほうが楽google翻訳が一度に訳せるだけの量に区切って小説を転載し、「下書き機能」で保存。その下書きページをweb翻訳にかける。手間はかかるけど結局のところそのほうが早い。

 

  

google翻訳画面

f:id:oTo:20180531100552p:plain

                                  ↓  

 「右クリック」→「このフレーム」→「このフレームだけを表示」 で

フレームを外した後に このブックマークレットを使うと…

                                  ↓    

こんな風に英文と和訳が一緒に表示されます。 

f:id:oTo:20190515113727p:plain

 

 

 


20.google翻訳を原文訳文の上下同時表示に変える(原文ボックス無し・黒板風)★★

目に優しい黒板風。マウスホバーでポップアップする鬱陶しい原文ボックスも消しました。(16.→フレーム外し→20.)

 

・翻訳部分のマウスイベントを無効化し、原文ボックスを出さないようにする。

.notranslate {pointer-events: none;}

ついでにmarginを設定して段落の間を空けて読みやすく。

.notranslate {margin: 20px;}

・リンク部分のみマウスイベントの無効化を解除する。

a {pointer-events: auto;}

 

f:id:oTo:20190515112720p:plain

 

bookmarklet

javascript:(function() { var sheet = 'https://sites.google.com/site/storageboxoto/souko/c.css'; var s = document.styleSheets; for (var i = 0; i < s.length; i ) s[i].disabled = true; var l = document.createElement('LINK'); l.setAttribute('href', sheet); l.setAttribute('rel', 'stylesheet'); l.setAttribute('type', 'text/css'); document.getElementsByTagName('HEAD')[0].appendChild(l); })()

 

読み込むc.cssの中身

body{
padding: 1px;

background:#008080!important;
color:#fdf5e6!important;
font-family:'Comic Sans MS','Trebuchet MS','Hiragino Kaku Gothic Pro';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%
}

a:link { color:#eee8aa!important;}a:visited { color: #ffdab9!important;}

.notranslate {pointer-events: none;margin: 20px;}
a {pointer-events: auto;}
p.landmark,ul#skiplinks,ul.landmark,div#add_comment_placeholder,div#header,p.note,li.download,h3.landmark,dl.work,p.kudos,p.notice,ul.navigation
{display: none;}
.storytext {text-align: left;}


.google-src-text{display:block;
line-height: 1.5!important;
}
p{line-height: 2.5!important;}

※このcssの背景色をリーダービューと同じ茶色にしたバージョンがb2.css、茶色画像を背景にしたのがb3.css 背景透過テクスチャhttps://www.transparenttextures.com/

 


21.www→m fanfiction.comでモバイルページに移動★★

新しいタブで開く場合 こちら掲示板の投稿の転載  

javascript:(function(){window.open(location.href.replace("www.fan","m.fan"))})();

 

今のページを置き換える場合 こちらのサイト様のジェネレーターを使用

クリックする毎にwwwとmが入れ替わります。 

javascript:var l=location.href;if (l.match(/www\.fan/)) {l = l.replace(/www\.fan/,"m\.fan");}else{l = l.replace(/m\.fan/,"www\.fan");}location.href=l;

 


22.別窓リンク(ページ内の全てのリンク先を別窓で開くように変える)★

雑文の小部屋 無料で使える便利ツール様からの転載 

javascript:(function(){var a=document.links;for(var i=0;i<a.length;i ){a[i].target='_blank';}var v=document.createElement('div');v.setAttribute('style','position:fixed;top:30px;right:5px;z-index:1000;color:red;font-weight:bold');v.innerHTML='LINK:NewWindow';document.body.insertBefore(v,document.body.firstChild);})()

 

 


23.文字カウント(選択範囲の文字数をカウントする)★

文字数をカウントするブックマーク | pc.casey.jp様より転載

javascript:(function() { w=window;d=document;q=w.getSelection?w.getSelection().toString():d.getSelection?d.getSelection():d.selection?d.selection.createRange().text:'';if(q) alert(q.length + '文字です。'); else alert('文字列が選択されていません!') })()

 

javascript:alert(document.selection.createRange().text.length+" 文字");


24.不要なものを除去(印刷)

WEBページをプリントアウトするときに便利。いらない広告を消してインクを節約。

不要なものを消去::ブックマークレット

サイトの余計な部分を消すブックマークレット - 情報管理LOG

javascript:var b=new Array();var c=1;e=document.getElementsByTagName('*');for(i=0;i<e.length;i ){if(e[i].tagName!='HTML'&&e[i].tagName!='BODY'){e[i].title='click to remove ' e[i].tagName;e[i].onclick=function(){if(c)return;c=1;t=this;t.parentNode.removeChild(t);};e[i].onmouseover=function(){if(!c)return;c=0;t=this;b[t]=t.style.backgroundColor;t.style.background='#DADADA';};void(e[i].onmouseout=function(){t=this;t.style.backgroundColor=b[t];c=1;});if(e[i].tagName=='A'){void(e[i].href='#');void(e[i].target='_self');}}}

 

 


25. Wikipedia の短縮 URL を取得する★

Wikipedia の短縮 URL を取得するブックマークレットを作ってみた - Corredor

javascript:((r,i)=>{[].forEach.call(document.querySelectorAll('script'),s=>{r=s.innerHTML.match(/wgArticleId.*?(\d+)/);i=i?i:r?r[1]:''});i?prompt('URL','https://ja.wikipedia.org/?curid='+i):alert('探索失敗')})();

またはこちらのページ

WikipediaのURLを短縮する方法 - おねむゲーマーの備忘録

スクリプトでも。

 

 


26.google検索←→yahoo検索

google検索の結果画面を yahoo検索の結果画面に切り替える。ボタンを押すたび入れ替わる。

ブックマークレットy←→gを久々に改良 - Born Neet様より転載

 

javascript:(function(){var d=document;var h=location.hostname;if(h.search('yahoo.co.jp')!=-1){var q=d.getElementById('fp') || d.getElementById('yschsp') || d.getElementById('srchtxt');if(q)location.href='http://www.google.co.jp/search?hl=ja&q='+encodeURIComponent(q.value)+'&lr=';}if(h.search('google.co')!=-1){var q=d.getElementsByName('q')[0];if(q)location.href='http://search.yahoo.co.jp/search?p='+encodeURIComponent(q.value)+'&ei=UTF-8';}})()

 

 

 

 

 

 _

参考:

JAVASCRIPT::BOOKMARKLET

辞書で調べる・翻訳::ブックマークレット

↑ジェネレーターみたいな感覚でページ遷移・新規タブで開く・ポップアップで開くを選べる。

 

便利そう:

Webページ翻訳系ブックマークレット作成機

選択文字検索系ブックマークレット作成機 goo辞書

ウインドウを開く 【JavaScript 動的サンプル】

Online Interactive CSS Cheat Sheet ←使いこなせないけどここ凄い

ブックマークツールバーのアイコンを変更する @Firefox57 - おまえ、うまそうだな