JavaScript
facebook.github.io stackoverflow.com こちらと class MyComponent extends React.Component { constructor(props) { super(props); this.state = { /* initial state */ }; } } こちらは、 var MyComponent = React.createClass({ getInitialState() { ret…
loadURLを変えるだけ。 'use strict'; const electron = require('electron'); const app = electron.app; // Module to control application life. const BrowserWindow = electron.BrowserWindow; // Module to create native browser window. // Keep a g…
loadURLを変えるだけ。ちょっとまって。 'use strict'; const electron = require('electron'); const app = electron.app; // Module to control application life. const BrowserWindow = electron.BrowserWindow; // Module to create native browser win…
github.com IRCあるじゃん/Issueで十分じゃん？/Slackあるじゃん？/GitHubに紐付いているから要調査っていう。
Emacs - Javascript Completion and Refactoring $ npm install -g tern (require 'tern) (require 'tern-auto-complete) (add-hook 'js-mode-hook (lambda () (tern-mode t))) (add-hook 'web-mode-hook (lambda () (tern-mode t))) (eval-after-load 'tern…
前回の続き。 www.shigemk2.com stackoverflow.com 以下のコードで、srcメソッドで空文字列が返ってくる問題。 // returns whole url example var d1 = new DOMParser().parseFromString("<html><body><script id='hoge' src='http://stackoverflow.com/'></script></body></html>", "text/html"); d1.getElementById('hoge').src; // "http://stack…
stackoverflow.com こういうのそらで書けるようにしたい。 var css = document.createElement('link'); css.setAttribute('rel', 'stylesheet'); css.setAttribute('href', 'css path'); document.getElementsByTagName('head')[0].appendChild(css); あとは…
stackoverflow.com timer.jsを使う、という方法もあるらしいですが、普通にwindow.performance.now()などを使えば良いのでは？という感じ。
stackoverflow.com クリスマスイブなんだから質問するのやめようよって言われたけど、リロードしたらコメントが消えていた。 // returns whole url example var d1 = new DOMParser().parseFromString("<html><body><script id='hoge' src='http://stackoverflow.com/'></script></body></html>", "text/html"); d1.getElementById('hoge').src; // …
CSVの改行コードによって、挙動が変わる問題 表題のとおりですが、例によって、とりあえずこういう感じのCSVを用意する。 "日付","結果","遠征","燃料","弾薬","鋼材","ボーキ","開発資材","高速修復材","高速建造材", "2014-12-14 08:04:36","大成功","水上…
csv2tableとは CSVファイルをHTML上でテーブルにします。というライブラリを今日知りました。 見た目としてはこんな感じです。 サンプルのCSVとHTMLは以下から拝借しています。 jquery.csv2table.jsでShift_JISのCSVを表示する - Qiitaqiita.com <html> <header> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> </header></html>
impress.js結構便利ですよね。でも、不満なところがあって スライドの移動時のアニメーションが遅い スライドの移動時のフェードインがちょっとうざい というわけで、JSとCSSをちょっといじりました。 差分はちょっと見づらいけども。 JavaScript スライドの…
前回のアレから、 js2-modeちょっと書き換え - by shigemk2shigemk2.hatenablog.com このようなご指摘を頂いたので。 @shigemk2 関数 underscore-requireの定義は hookで呼ばれる関数の外に出した方が良いです. これだと Javascriptファイルを新規に開くたび…
ちょっと書き換えました。 js2-mode起動時のみに実行できる関数underscore-requireを定義しています。 gist.github.com いろいろ助力は受けております。 (when (memq major-mode '(twittering-edit-mode)) 〜) とか RT: Emacsで特定のmajor modeが発動してい…
なんばんせんじなんでしょう。 node.jsでunderscore.jsを使うyume-build.com npm install underscore したらいいんです。あとは、こんな感じでコードを書くと、_とかfilterとか使えて関数型っぽく書けるというスグレモノなのかもしれない。 gist.github.com
エラーを意図的に投げるアレ。 gist.github.com
use strictの下にwithを入れてはいけない。 Strict mode code may not include a WithStatement. http://www.ecma-international.org/ecma-262/5.1/ といったことが、ECMAの仕様書に書いてありました。 そもそもwithを使うのはNGみたいなことはEffective Jav…
http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 とりあえず、1行あたり80文字がベターだそうです。 で、Emacsで1行あたりの文字数を超えたらハイライト…
05-204149.js あまり使わなかったけど、こういう使い方もあるんですね。 JavaScript Throw Statement
数値の正規表現
02-200340.js JSにはisNaNっていうPHPでいうところのisNumericみたいなものだけど、数値だったらfalse、それ以外だったらtrueっていう触れ込み。 とか言いつつ、nullでもfalse、falseでもfalseなので、とってもワンダーな関数です。普通にtypeof で確認した…
久々にMacを引っ張り出してきているけど、なんだかよくわからない。 よくわからないといえば、concatは配列だけではなく文字列もconcatできるのに驚いています。 24-133929.js Array.prototype.concat Array.prototype.concat - JavaScript | MDN
TypeScriptをごにょごにょしていたら、当たり前のように++に遭遇したので。TypeScriptでも++や--はJSと同じ挙動になる。 enum_x.js JavaScriptプログラマと銘打っているだけあって、JSを全く知らない人を軽く門前払いしている感がある内容なのでブログにとど…
結論からいうと、prototype.jsのバージョンを上げろ、それか諦めろ！みたいなことがある。 prototype.jsとwidgets.jsを併用している場合、最近Twitterで仕様変更があったからなのか、widgets.jsの機能がうまく使えなかったりする。 http://geckotang.tumblr.…
![はてなブックマーク - Uncaught TypeError: Cannot set property ’[object Array]’ of undefined widgets.js:1](https://b.hatena.ne.jp/entry/image/https://www.shigemk2.com/entry/2015/02/16/Uncaught_TypeError%3A_Cannot_set_property_%E2%80%99%5Bobject_Array%5D%E2%80%99_of_undefined_widgets_js%3A1)
undefined.js こうなるんだな。というか、typeofの戻り値はstringなのでした。 JavaScript：undefined値の判定 JavaScript：undefined値の判定 - 泥のように
考えてみると、JavaScriptで"123"の型はStringで、123の型はNumberなんですね。当たり前のことですが、JavaScriptに型はあるということが理解できないと、バグの温床になりがちなので†悔い改めて† PHPだとisNumericという便利なのか便利じゃないのかよくわか…
gruntjs/grunt-contrib-copy gruntjs/grunt-contrib-copy · GitHub ファイルをコピーするGruntのパッケージの一つ。 copy: { main: { expand: true, cwd: 'src/', src: '**', dest: 'build/' } こういうふうに書くといいと思う。
こういう書き方があるってことを学ぶ。 src--abc--abc.js |_def--def.js こういうディレクトリ構成のJSがあったとして、buildディレクトリの下にこういう感じで圧縮したい。 build--abc--abc.min.js |_def--def.min.js しかも、ディレクトリやJSが増えたとし…
JavaScript の比較演算子 == と === の違い JavaScript の比較演算子 == と === の違い | TM Life JS使いにとっては割りと当たり前なところ。だけど静的言語メインの人にはクソだと思えるところ。 println(0 == false); // true println("" == false); // tr…
第3回 変数の宣言とスコープ (2/4) 連載：Ajax時代のJavaScriptプログラミング再入門：第3回 変数の宣言とスコープ (2/4) - ＠IT JavaScript のスコープを理解する - tacamy.blog JavaScript のスコープを理解する - tacamy.blog その変数はグローバル変数に…
