Unknown Region

プログラムでハマったエラーとその解決方法についての備忘録メモ

JavaScript

【Lua × JavaScript】Fengariのメモ

TypeScriptを弄っていたはずが、いつの間にか楽しくてFengariを弄っていた(?)ので……調べながら試したことのメモ。 fengari.io FengariはJavaScriptで実装されたLuaのVMとのこと。 ブラウザ上でLuaのスクリプトを動かすことができる。 以下は簡単なHello W…

【JavaScript】Object.defineProperty()の落とし穴

備忘録がてらにメモ。 公式ドキュメントを読まないばかりに実装に無駄に時間をかけてしまった自分への戒めとして残しておく。 JavaScriptの[Object.defineProperty()]という関数は、対象のオブジェクトに対して指定したプロパティを定義するという関数となっ…

Twitterのシェアボタン設置の落とし穴

Twitterのシェアボタン設置に関して、ハマってしまったので備忘録がてらにメモ。 Googleで「Twitter シェアボタン」なんて検索すると出てくる通り、以下のTwitterの公式サイトから「シェアボタン」のコードを生成して、自分のウェブサイトなどに埋め込むこと…

JavaScriptのヒアドキュメントについて

JavaScriptでヒアドキュメントを実現したい場合、ES6以降をサポートしていれば「`」で囲むことで実現することができる。 var str = ` hoge fuga `; ただしES6以前の場合は利用できないので、以下のチートを利用することでそれっぽいことを実現できる。 var s…

JSONのObjectとArrayの違いにご注意

まず、JSONについては以下のページが参考になるかと思います。 ja.wikipedia.org JSONは基本的に以下のようなフォーマットで提供されます。 例: サンプルJSON(Object) { "hoge": "fuga" } このJSONの場合、JavaScriptのJSON.parse(string)などで解釈させると…

【JavaScript】Infinityの判定について

JavaScriptでは0除算を行うと結果がInfinityになります。 基本的には他の言語と同様に0除算自体を回避すべきだと思うんですが、Infinityでないことをチェックするには以下のメソッドを使います。 Number.isFinite(128); // true Number.isFinite(128 / 0); /…

【JavaScript】Google Chartでグラフの描写後に処理を行う

JavaScriptにて、Google Chartの描写処理が終わった後で何か処理を行いたい場合(コールバック)はaddListenerという関数を使用する。 google.visualization.events.addListener(chart, 'ready', function () {}); 使用例: google.charts.load('current', {p…

【Bootstrap】「Popovers」でウインドウをリサイズすると表示が崩れる

jQueryでwindowのresizeにフックして調整を行う。 しかし大抵の場合はPopoverを非表示に切り替えていいと思うので、僕は以下のようにしている。 $('[data-toggle="popover"]').popover(); $(window).on('resize', function(){ $('[data-toggle="popover"]').…

Double Submit CookieでのCSRF対策について

※ この記事は[DIGITAL COFFEE]から移動したものです。 久々にエンジニア的な技術ネタを。 RESTfulなWebアプリケーションにおいて、どうCSRF(クロスサイトリクエストフォージェリ)の対策を行うかということについて。 クロスサイトリクエストフォージェリ -…

JavaScriptでQRコードを生成するメモ

※ この記事は[DIGITAL COFFEE]から移動したものです。 今まで全然知らなかったんですが、JavaScriptを使って簡単にQRコードが生成できるようなので個人的なメモを兼ねてご紹介。 と言っても、ただ作るだけなら以下のようなサイトで十分事足りるんですけどね…

連絡先: plugout777★yahoo.co.jp (クローラー対策のため★を@に変更してください)