Jam :: Require.jsを使う時に便利そうなパッケージマネージャ

JavaScript

Jam クライアントサイドJSのパッケージマネージャインストール npmから % sudo npm install -g jamjs ... % jam -v 0.1.11 パッケージをインストールしてみるダウンロードされるパッケージはカレントディレクトリに"jam"というディレクトリを作って配置さ…

2012-03-07

D3 メモ [SVG基礎編]

JavaScript

基本 SVGでグラフィックを描画する場合には、まずHTMLにsvg要素を追加して描きたいシェイプを追加していく感じ。 function draw(json) { var w = 500, h = 500; var svg = d3.select('#container') .append('svg:svg') .attr('width', w) .attr('height', h…

2012-03-06

D3 メモ[API]

JavaScript

API Reference https://github.com/mbostock/d3/wiki/API-Reference Event <div id="container"> <button class="clickme">click me</button> <button class="clickme">click me</button> <button class="clickme">click me</button> <button class="clickme">click me</button> </div> var data = [ { name: 'button1' }, …

2012-03-05

D3 メモ [基礎編]

JavaScript

D3 データを元にHTMLを操作するためのライブラリ。データを元にしたヴィジュアライズもできるし、jQueryの様な使い方で、動的なページを作ることもできる。http://mbostock.github.com/d3/ex/ 基本的な使い方(DOM操作) <html> <head> <meta charset="UTF-8"> <title>d3 demo</title> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> </meta></head></html>

2011-11-14

Backbone.js アプリのモジュール化

JavaScript memo

Organizing your application using Modules (require.js) require.jsでBackboneのView,Model,Routerやらを分けたい場合 underscore.js v1.2.1を使っていると動かないので若干変えてみました。https://github.com/daigo3/Backbone-Skelton

2011-03-29

jQuery x mustache メモ

memo JavaScript

mustache Minimal templating with {{mustaches}} in JavaScripthttps://github.com/janl/mustache.js jquery.mustache.jsを作る % git clone https://github.com/janl/mustache.js.git % cd mustache.js/mustache-jquery/ % ls jquery.mustache.js.tpl.post…

2011-02-22

JavaScriptパターン #3

1人で読書会 JavaScript

リテラルとコンストラクタオブジェクトの定義 // オブジェクトリテラル記法で定義 var dog = { name: 'Benji', getName: function() { return this.name; } }; // 組み込みのコンストラクタで定義 var dog = new Object(); dog.name = 'Benji'; dog.getName…

2011-02-18

JavaScriptパターン #2

1人で読書会 JavaScript

必須パターン高品質なJavaScriptコードを書くための必須パターンとコーディングの習慣。なぜ? バグ→修正するのにコストがかかる→時間が経つほどコストは高くなる修正すべき問題が新しければ、問題を把握しやすいので見つけたら即修正がベスト。コードを…

2011-02-16

JavaScriptパターン #1

1人で読書会 JavaScript

JavaScriptパターン ―優れたアプリケーションのための作法作者: Stoyan Stefanov,豊福剛出版社/メーカー: オライリージャパン発売日: 2011/02/16メディア: 大型本購入: 20人クリック: 895回この商品を含むブログ (68件) を見る JavaScriptでできることクラ…

2010-11-26

Console API

JavaScript memo

普段、console.log()ばかり使ってたのですが調べてみるといろいろあったのでメモ。Chromeで試しています。 > console.log('this is %s', 'log'); > this is log > console.info('this is %s', 'information'); > this is information > console.debug('this…

2010-11-13

Touch/Gestureイベントの勘所

JavaScript memo

iPhone/iPad向けのWebアプリでタッチでの操作を扱う際のメモ。ユーザによるズームは無効にしておいた方が良さそう。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 【追記】 contentの区切りは","が正です Touch Touchイベントは touchstart :スクリーンに指が触れた touchmove :スクリーン上で指が動い</meta>…

2010-11-09

Require.jsを使ってJavaScriptを管理する

JavaScript memo

RequireJS http://requirejs.org/ JavaScriptのライブラリやモジュールが増えてくると、読み込む順番を管理する必要が出てくる。 . ├── module1.js ├── module2.js ├── module3.js ├── lib │   ├── json2.js │   ├── pure.js │ &#1…

2010-10-14

Jakeを使ってみる

JavaScript

Jake - JavaScript build tool JavaScript(CommonJS)で記述できるビルドツール http://github.com/280north/jake インストール要Narwhal % tusk install jake Updating catalog. . . . Done. % jake No Jakefile found (looking for: jakefile, Jakefile, j…

2010-09-14

NarwhalをCentOS上で動かす時のメモ

JavaScript

CentOS release 5.5 (Final)CentOSでNarwhalを動かそうと思ったら $ js Error occurred during initialization of VM java/lang/NoClassDefFoundError: java/lang/Objectというエラーが出ます。rhinoがOpenJDKでは上手く動かないのが原因みたいです。という…

2010-05-12

MacにV8を入れる

JavaScript

V8 JavaScript EngineをMac(Snow Leopard)に入れる時のメモ。必要なもの GCC Subversion 1.4~ Python 2.4~ SCons 1.0~ XCodeがインストール済みであれば、GCCとSubversionはインストール済みのはずなので実質SConsのみ必要。http://www.scons.org/ % tar xv…

2010-03-21

Local Storageを使ったChrome Extensionを作る

HTML5 JavaScript

java-ja温泉で、Local Storageを使用したChrome Extensionを作りました(まだ途中)。 Local Storageと、Chromeのchrome.tabsモジュール、chrome.browserActionのまとめ Chrome Extensionの準備ツールバー内のアイコンをクリックすると新しいタブが開くタイプ…

2010-02-09

Narwhal事始め

一人勉強会 JavaScript

きっかけ id:hagino_3000:20100207さんのエントリを見て、かなり興味を持ったのでぼちぼち。 Narwhal? Narwhalは、CommonJSの実装の一つで、JavaScriptエンジンとして現在のところRhinoをサポートしてます。他のJSエンジンにも対応中の様です。 Narwhalのド…

2010-01-07

Chrome Extensions - Content Script

JavaScript 復習

ATNDのイベント情報をGoogleカレンダーに登録するChrome Extensionsを作ってみました。 atnd2GCal その時のメモです。 Content Script Webページ内でJavaScriptを実行して、そのページを拡張したりする様な場合はContent Script APIを使う。(FirefoxのGrease…

2009-12-24

Learning Advanced JavaScript#1

一人勉強会 JavaScript

Learning Advanced JavaScriptという素敵なチュートリアルを見つけたので、頑張って理解してみる。#90項目あるので抜粋です。 #2: Goal: To be able to understand this function: このチュートリアルの目標は以下の関数を理解すること。 // The .bind metho…

2009-12-16

モジュールと名前空間

JavaScript 一人勉強会

GoogleのClosure Toolsを触っていて、JSの名前空間がよくわかっていなかった。教科書：JavaScript 第5版モジュールと名前空間当初のJSはHTML中に小さな単純なスクリプトを書く程度現在は複雑になってきている →外部モジュール、ライブラリが登場 JSの言…