by shigemk2

当面は技術的なことしか書かない

JavaScript

Electronからブログを書いてみるテスト

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…

Flux issue 135 FluxのGitterつくったらいいじゃんね

github.com IRCあるじゃん/Issueで十分じゃん?/Slackあるじゃん?/GitHubに紐付いているから要調査っていう。

ternを入れてみる 失敗

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…

JavaScriptでsrcが空文字を返す件 SOでの続き

前回の続き。 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…

動的にCSSを追加したい メモ

stackoverflow.com こういうのそらで書けるようにしたい。 var css = document.createElement('link'); css.setAttribute('rel', 'stylesheet'); css.setAttribute('href', 'css path'); document.getElementsByTagName('head')[0].appendChild(css); あとは…

ミリセカンドでタイミングを図りたいというSOの質問

stackoverflow.com timer.jsを使う、という方法もあるらしいですが、普通にwindow.performance.now()などを使えば良いのでは?という感じ。

JavaScriptでsrcが空文字を返す件

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; // …

csv2tableで改行コードCRのCSVファイルを読み込むと死ぬ

CSVの改行コードによって、挙動が変わる問題 表題のとおりですが、例によって、とりあえずこういう感じのCSVを用意する。 "日付","結果","遠征","燃料","弾薬","鋼材","ボーキ","開発資材","高速修復材","高速建造材", "2014-12-14 08:04:36","大成功","水上…

csv2tableを使ってみて

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をちょっといじってみる

impress.js結構便利ですよね。でも、不満なところがあって スライドの移動時のアニメーションが遅い スライドの移動時のフェードインがちょっとうざい というわけで、JSとCSSをちょっといじりました。 差分はちょっと見づらいけども。 JavaScript スライドの…

js2-modeちょっと書き換え その2

前回のアレから、 js2-modeちょっと書き換え - by shigemk2shigemk2.hatenablog.com このようなご指摘を頂いたので。 @shigemk2 関数 underscore-requireの定義は hookで呼ばれる関数の外に出した方が良いです. これだと Javascriptファイルを新規に開くたび…

js2-modeちょっと書き換え

ちょっと書き換えました。 js2-mode起動時のみに実行できる関数underscore-requireを定義しています。 gist.github.com いろいろ助力は受けております。 (when (memq major-mode '(twittering-edit-mode)) 〜) とか RT: Emacsで特定のmajor modeが発動してい…

Underscore.jsをnode.jsで使う

なんばんせんじなんでしょう。 node.jsでunderscore.jsを使うyume-build.com npm install underscore したらいいんです。あとは、こんな感じでコードを書くと、_とかfilterとか使えて関数型っぽく書けるというスグレモノなのかもしれない。 gist.github.com

throw

エラーを意図的に投げるアレ。 gist.github.com

withとuse strict

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…

JavaScriptの1行あたりの文字数とEmacs

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 とりあえず、1行あたり80文字がベターだそうです。 で、Emacsで1行あたりの文字数を超えたらハイライト…

try-catch

05-204149.js あまり使わなかったけど、こういう使い方もあるんですね。 JavaScript Throw Statement

数値の正規表現ってどうなの

数値の正規表現

isNaNっていうやつ

02-200340.js JSにはisNaNっていうPHPでいうところのisNumericみたいなものだけど、数値だったらfalse、それ以外だったらtrueっていう触れ込み。 とか言いつつ、nullでもfalse、falseでもfalseなので、とってもワンダーな関数です。普通にtypeof で確認した…

文字列concat

久々にMacを引っ張り出してきているけど、なんだかよくわからない。 よくわからないといえば、concatは配列だけではなく文字列もconcatできるのに驚いています。 24-133929.js Array.prototype.concat Array.prototype.concat - JavaScript | MDN

++を使って変数に代入する話

TypeScriptをごにょごにょしていたら、当たり前のように++に遭遇したので。TypeScriptでも++や--はJSと同じ挙動になる。 enum_x.js JavaScriptプログラマと銘打っているだけあって、JSを全く知らない人を軽く門前払いしている感がある内容なのでブログにとど…

Uncaught TypeError: Cannot set property ’[object Array]’ of undefined widgets.js:1

結論からいうと、prototype.jsのバージョンを上げろ、それか諦めろ!みたいなことがある。 prototype.jsとwidgets.jsを併用している場合、最近Twitterで仕様変更があったからなのか、widgets.jsの機能がうまく使えなかったりする。 http://geckotang.tumblr.…

undefinedの話

undefined.js こうなるんだな。というか、typeofの戻り値はstringなのでした。 JavaScript:undefined値の判定 JavaScript:undefined値の判定 - 泥のように

呪いのtypeofについて駄文

考えてみると、JavaScriptで"123"の型はStringで、123の型はNumberなんですね。当たり前のことですが、JavaScriptに型はあるということが理解できないと、バグの温床になりがちなので†悔い改めて† PHPだとisNumericという便利なのか便利じゃないのかよくわか…

grunt-css-copy

gruntjs/grunt-contrib-copy gruntjs/grunt-contrib-copy · GitHub ファイルをコピーするGruntのパッケージの一つ。 copy: { main: { expand: true, cwd: 'src/', src: '**', dest: 'build/' } こういうふうに書くといいと思う。

Gruntのdynamic_mappingsについて。

こういう書き方があるってことを学ぶ。 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…

JavaScriptのスコープ

第3回 変数の宣言とスコープ (2/4) 連載:Ajax時代のJavaScriptプログラミング再入門:第3回 変数の宣言とスコープ (2/4) - @IT JavaScript のスコープを理解する - tacamy.blog JavaScript のスコープを理解する - tacamy.blog その変数はグローバル変数に…

TreasureData JavaScript SDK

TreasureData - Treasure Data JavaScript SDKの使い方 - Qiita TreasureData - Treasure Data JavaScript SDKの使い方 - Qiita Treasure Data JavaScript SDK | Treasure Data Treasure Data JavaScript SDK | Treasure Data headタグにライブラリのJSを突…

cookieのhttpOnly

httpOnlyなCookieとは? - それマグで! httpOnlyなCookieとは? - それマグで! HttpCookie.HttpOnly プロパティ (System.Web) 言葉だけ追うとあまり意味がよくわかりませんが、要するに HttpOnly 属性を持つクッキーを、このプロパティに対応しているブラ…