weblog of key_amb

主にIT関連の技術メモ

JavaScript

Middleman, Slim, Sass を使って AngularJS のチュートリアルをやってみた

AngularJS のチュートリアルとして、すぐできる AngularJS を写経しました。 ただコピーするだけでは面白くないのと、最近のフロントエンド開発のツールをついでに触ってみたかったので、Middleman, Slim, Sass を使って書き直しました。 本当は途中まで Cof…

(メモ) CoffeeScript ことはじめ

Sass の記事とほぼ同じような内容ですが、CoffeeScript を触り始めたので、Getting Started 的なことを書いておきます。 CoffeeScript <=> JavaScript の変換は Js2coffee: convert JavaScript code to CoffeeScript で行うことができます。

(メモ) Slim と AngularJS を同時に使う場合のエラー回避

SlimでAngularJSを扱ってエラーが出たときの対処法 - 大学生からはじめるWeb開発 を先に見て気になっていたのですが、試していたところ、やっぱりエラーになってしまいました。 エラーになったのは {{ }} によるデータバインディングです。 参考サイトでは3…

Vim で CoffeeScript を編集しやすくする

Slim のときとほぼ一緒ですが、CoffeeScript を Vim で編集するための初期設定です。 自分の dotfiles は key-amb/dotfiles · GitHub に置いてます。 シンタックスハイライト kchmck/vim-coffee-script · GitHub を使います。 ~/.vimrc に以下を記述して :Ne…

(メモ) Bower こと始め

AngularJS 使ってみようとしたら、Bower でインストールするやり方が載ってたので、「なんじゃそれ?」と思いながら Bower をインストールしてみました。 Bower は npm (Node.js のパッケージマネージャ)でインストールできます。 npm install -g bower で、…

(メモ) Mac に nodebrew と Bower と AngularJS をインストール

nodebrew 参考: Mac OSXにnodebrewをインストールする - Qiita brew install nodebrew # 最新の nodejs をインストール nodebrew install latest インストールした nodejs を使う設定をする。 $ nodebrew list v0.11.14 current: none $ nodebrew use v0.11.…

JavaScriptでクエリストリング処理

JavaScriptでクエリストリング処理をするのは面倒くさい。 // URLパラメータ('?'以下)取得 var params = location.search; // '?'を除去 params = params.substring(1); var pairs = params.split("&"); // '&'で分解 for (var i=0; i < pairs.length; i++) …