JavaScript
最近、メインのOSをWindowsに移しつつあって、以前つくったChrome拡張の favurl - Chrome ウェブストア をWindowsで使ってみると、URL をツイートするwindowがうまく表示されなかった。ここでのwindowはbrowser_actionで出るpopup、つまりツールバーのアイコ…
Icon Resizerというアイコンをリサイズするwebアプリを作った。Icon Resizerドロップした画像からスマホアプリとかブラウザの拡張を開発するのに必要な複数のサイズのアイコンを一気に生成してくれるアプリ。 スマホアプリとかブラウザの拡張作る時に、複数…
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とはブラウザの右上のアイコンを押すと出てくるアレである。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とは ブラウザにしゃべらせたり、音声認識させたりできるAPI。Chromeではバージョン33から対応している。 先日、公開したfavurlをしゃべらせるのに使用している。 これを使ってしゃべらせるのに利用可能な音声一覧が載ってるサイトが見つから…
半年位前に書いて放置してた... URI encodeとは URI(URL)には使えない記号や文字を変換し使える形式にするというもの。 このURI encodeに使えそうなものとして、escape()、encodeURI()、encodeURIComponent()の3つの関数がある。 これらの関数を見ていく。 e…
favurlとは ふぁぼったツイートの中でURL付きのもののみを表示するChrome拡張。 URLをあとで見るという意味でふぁぼったツイートを見る時に便利。ほかのツイートをふぁぼっても、あとで見たいツイートが埋もれる心配がない。また、Chromeを起動した時にChrom…
2つの配列の差分を取るコードをindexOfを使って書いた。 function get_diff(older, newer){ function callback_filter(element, index, array){ return (this.indexOf(element) === -1); // 要素が含まれていなければtrue } return newer.filter(callback_fi…
ややこしいので忘れたときのためにメモ。主に配列を走査するとき。 for inで配列の走査してはダメ Array.prototype.hoge = function() {}; for (var i in ['a', 'b', 'c']) { console.log(i); // 0, 1, 2, hoge が表示される } for in はオブジェクトのプロ…
github眺めてると、この人のgistみたいなっていう時に、gistに行くボタンがなくて不便だったし作った。これでワンクリックでgistに行ける。これをブックマークバーに持ってくと使える。 goToGistただ単にリンクを貼るだけでは貼れなかったので、下のリンクの…
