cl⌒l⌒b'ω'*)

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

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

 

参考:

JAVASCRIPT::BOOKMARKLET

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

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

 

便利そうなとこみつけた!まだ試してないけど

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

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

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

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

 

 

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

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

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

これいいよ!なオススメや、ここはこうしたほうがいいよとの改善アドバイスがあればぜひコメントで教えてください。

 

 

 

 

こちらのサイト様にあった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等の英和辞書ブックマークレットが使えるようになるので単語調べが楽ちん。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%
}/*背景色やフォントの設定*/
span{display:block;}/*原文訳文を上下に出す*/
.notranslate {margin: inherit;}/*段落の行間*/ 
.drop_m,.t_text,.feedback,.note,.tags,.primary,.user,.heading,.download,.stats,.login,.group{display: none;}/*不要部分を非表示*/
.storytext {text-align: left;}/*本文左寄せ*/ 

 

※もっと変えたい部分がある場合は自前でCSSを用意して外部サーバーにアップロードする。(ブログ用に外部サーバを用意(Googleサイト) | iKnowHow

 

・使い方

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

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

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

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

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

 

  

google翻訳画面

f:id:oTo:20180531100552p:plain

                                  ↓  

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

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

                                  ↓    

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

f:id:oTo:20181117103149p:plain

 

 

 


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

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

 

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

.notranslate {pointer-events: none;}

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

.notranslate {margin: inherit;}

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

a {pointer-events: auto;}

 

f:id:oTo:20181117103236p: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;
line-height: 1.8;
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;}
span{display:block;}
.notranslate {pointer-events: none;margin: inherit;}/*マウスイベント無効化で原文ボックスを消し、段落に行間*/

a {pointer-events: auto;}/*リンク部分だけマウスイベントを有効*/
.drop_m,.t_text,.feedback,.note,.tags,.primary,.user,.heading,.download,.stats,.login,.group{display: none;}
.storytext {text-align: left;}

※このブックマークレットの背景色茶色ver.はb2.css

 


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.文字カウント(選択範囲の文字数をカウントする)★

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

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('文字列が選択されていません!') })()

 


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');}}}

 

 

 

 

.