JavaScript

ネイティブアプリのような超軽快ボタンをWebで実現してみた

iOSやAndroidのモバイルアプリをWebアプリで作り始めて自分が我慢ならなかったのが「ボタン」だ。Aタグを使っても、clickイベントをバインドしても、反応が遅い、トロいボタンになってしまう。ネイティブにはやはり勝てないのか。クイックなボタンはWebで作…

nvmを使ってUbuntu 12.04に最新のNode.jsとnpmをインストール

Nodeのバージョン管理システムであるnvmを使って、UbuntuにNode.jsとnpmをインストールする。 nvmを使うことで最新のNode.jsを使うことができるのはもちろん、安定したちょっと古いバージョンを選んだりもできるし、バージョンアップも容易に可能だ。インス…

Phantomjs + node webshotで日本語を文字化けさせないでスクリーンキャプチャする

サーバ側でWebサイトのスクリーンショットを撮りたいというときに、ヘッドレスブラウザのPhantomjsを使う方法はすぐに見つかる。これをNode.jsから使えるようにした「node-webshot」を使えばWebサイトのキャプチャを撮れるようにするのは簡単。ただ、Ubuntu …

順番通りにIFrameを読み込むJavaScriptライブラリ「IFrameNeatLoader」

久しぶりにコンパクトなJavaScriptのライブラリを書いた。 IFrameの中身を指定した順番で読み込ませたい!というニッチな要件に対応する「IFrameNeatLoader.js」を公開する。機能 読み込み順をIFrameの属性に数値で定義できる フレームのロード完了まで、次…

Excelみたいな列固定が出来るテーブル拡張ライブラリ3つ(JavaScript)

Excelの列固定、便利ですよね。それをHTMLのテーブルでやろうとすると、HTML5をもってしても、いまだにJavaScriptを使わないといけない。そこで、テーブル先頭列固定ができるJSライブラリを探してみた。もちろん、すべて無料。先頭行の固定が出来るライブラ…

IE8以下におけるグローバル変数の気持ち悪い挙動

グローバル変数がIE8以下だと、他のブラウザと挙動が異なる事象があるようだ。(参考) http://tobyho.com/2013/03/13/window-prop-vs-global-var/ Windowプロパティ指定で変数定義 別のスクリプト内で、Varをつけた同名の変数値を初期化 という特殊な例ですが…

Angular.jsのソースコードを読んでわかったJavaScriptの実践的テクニック8つ 第1回

勉強のためにAngular.js(v1.0.1)のソースコードを読み始めました。フレームワークの仕組みを把握するために読み始めたのですが、「おぉそんなことがあるのか!」と新しい事実の発見があったり、「やはりこの書き方は推奨されるんだな。。。」とベストプラク…