JavaScript

chrome.windows.createで作られるwindowはフレームを含むのでOS毎にサイズを変えないといけない

最近、メインのOSをWindowsに移しつつあって、以前つくったChrome拡張の favurl - Chrome ウェブストア をWindowsで使ってみると、URL をツイートするwindowがうまく表示されなかった。ここでのwindowはbrowser_actionで出るpopup、つまりツールバーのアイコ…

Icon Resizerていうwebアプリつくった

Icon Resizerていうアイコンをリサイズするwebアプリをつくった。Icon Resizerドロップした画像からスマホアプリとかブラウザの拡張を開発するのに必要な複数のサイズのアイコンを一気に生成してくれるっていうやつ。 スマホアプリとかブラウザの拡張作る時…

jQueryのajax()で返り値を得る方法

jQueryのAjax()で返り値がとれない!? こんなふうに書くと返り値はundefinedになってしまう。 function test(){ $.ajax({ type: 'GET', url: 'http://hoge.fuga' dataType: 'text', success: function(response){ return response; }, error: function(respon…

chrome extentionのpopupを別窓で表示する。

chrome extentionのpopupとはブラウザの右上のアイコンを押すと出てくるアレである。popupをwindow.open()で表示すると、新しいタブで大きいwindowで表示されてしまいpopupではなくなってしまうが、chrome.windows.createを使うことで、ブラウザのwindowとは…

某英語学習サイトのコピペ防止方法

某英語学習サイトのreading問題のページではコピペ対策がなされている。 それがどういうものか解説しようと思う。コピーしようと、本文を選択しctrl + Cすると、コピー禁止と書かれたalertが出る。 これはhtmlが以下のようになっていることが原因であった。 <body bgcolor="#8BB67B" oncopy="alert('コピー禁止');return false;"></body>…

Web Speech API で使える音声一覧。

Web Speech APIとは ブラウザにしゃべらせたり、音声認識させたりできるAPI。Chromeではバージョン33から対応している。 先日、公開したfavurlをしゃべらせるのに使用している。 これを使ってしゃべらせるのに利用可能な音声一覧が載ってるサイトが見つから…

JavaScriptでURI encodeする。

半年位前に書いて放置してた... URI encodeとは URI(URL)には使えない記号や文字を変換し使える形式にするというもの。 このURI encodeに使えそうなものとして、escape()、encodeURI()、encodeURIComponent()の3つの関数がある。 これらの関数を見ていく。 e…

favurlというTwitterのふぁぼビューワーをつくった。

favurlとは ふぁぼったツイートの中でURL付きのもののみを表示するChrome拡張。 URLをあとで見るという意味でふぁぼったツイートを見る時に便利。ほかのツイートをふぁぼっても、あとで見たいツイートが埋もれる心配がない。また、Chromeを起動した時にChrom…

indexOfを使う際は配列の要素に注意

2つの配列の差分を取るコードをindexOfを使って書いた。 function get_diff(older, newer){ function callback_filter(element, index, array){ return (this.indexOf(element) === -1); // 要素が含まれていなければtrue } return newer.filter(callback_fi…

JavaScriptのforがややこしい。

ややこしいので忘れたときのためにメモ。主に配列を走査するとき。 for inで配列の走査してはダメ Array.prototype.hoge = function() {}; for (var i in ['a', 'b', 'c']) { console.log(i); // 0, 1, 2, hoge が表示される } for in はオブジェクトのプロ…

githubからgistに飛ぶブックマークレット作った。

github眺めてると、この人のgistみたいなっていう時に、gistに行くボタンがなくて不便だったし作った。これでワンクリックでgistに行ける。これをブックマークバーに持ってくと使える。 goToGistただ単にリンクを貼るだけでは貼れなかったので、下のリンクの…