JavaScript.Next Returns 37ページ var array = ["1","2","3","2","1"]; var a = array.map(parseInt); console.log(a); //-> [ 1, NaN, NaN, 2, 1 ] console.log(parseInt(1, 0)); //-> 1 console.log(parseInt(2, 1)); //-> NaN console.log(parseInt(3, 2…

(MacOSX10.8, yeoman1.0.4, grunt v0.4.1) IP 調べる システム環境設定 > ネットワーク もしくは $ ifconfig yeoman のスケルトン作成 $ yo webapp Gruntfile.js hostname に iP いれる : connect: { options: { port: 9000, livereload: 35729, // change t…

修正・追加 Ruby irb(main):002:0> hoge ||= 'fuga' => "fuga" irb(main):003:0> hoge => "fuga" Javascript 1 > var hoge; undefined > hoge = hoge || 'fuga'; "fuga" > hoge "fuga" 2 > var hoge; undefined > hoge || (hoge = 'fuga'); "fuga" > hoge "f…

(Python==3.3, Django==1.6, djangorestframework==2.3.8, angular1.2.0, generator-angular0.6.0-rc.1) Django で apiサーバ作成 virtualenv mkvirtualenv booklist_sample --python /opt/local/bin/python3.3 インストール $ pip install django $ pip ins…

(AngularJS1.2.0) 問題 'use strict'; angular.module('sampleApp') .controller('MainCtrl', function ($scope) { $scope.books = []; $.getJSON('api/books/', function(json) { var _data = json.results; var _datum; for (var i = 0; i < _data.length;…

問題 前回やった方法だとapiサーバ、フロントエンドサーバ、プロキシサーバを立ち上げてとかちょっと面倒。 『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法』 を yo angular でやってみたメモ - 牌語備忘録 - pygo 前回の参考サイトの追記…

問題 AngularJS が 1.0.7 だったので安易に bower.json で 1.2.0 にして bower update して grunt server 立ち上げて Web ブラウザで見たら何も表示されなくなった。 修正してみる bower.json angular ~ の バージョンを全て変更する $ bower update angular…

(angular1.2.0, generator-angular0.6.0-rc.1, twitter bootstrap 3.0)angular-SimplePagination を利用してお手軽にページネーションしてみる https://github.com/svileng/angular-SimplePagination プロジェクト作成 $ mkdir simple_pagination_sample $ y…

(AngularJS1.0.7)※このエントリーは何かの勘違いか間違い（1.0.7 から 1.2.0 にバージョン上げたら動かなくなった） (angular1.0.7)ページネーションの実装してて ng-repeat でページ番号を入れた配列を回して ng-click を表示させようとしたらリンクが効か…

基本的に『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 - bathtimefish's blog』のスケルトン作成を AngularJS にしてそのままやっただけ。 あと CoffeeScript 使わずに Javascript で。 インストール easymock $ npm install -g easymoc…

(yeoman1.0.4, angularjs1.0.7) Bower で bootstrap をインストール bootstrap でなくて bootstrap-sass の方 $ bower install --save bootstrap-sassとすると必要なライブラリをインストールしてくれて 下記のように質問してくるので新しい方を選択 Unable …

(yeoman1.0.4, angularjs1.0.7) Yeoman インストール $ npm install -g yo grunt-cli bower generator-angular 環境構築 $ mkdir guestbook-sample $ cd guestbook-sample $ yo angular guestbook [?] Would you like to include Twitter Bootstrap? Yes : B…

AngularJS — Superheroic JavaScript MVW Framework AngularJS Ninja AngularJS 1.2 日本語リファレンス | js STUDIO AngularJS入門 (全12回) - プログラミングならドットインストール AngularJS の学習リソースまとめ - AngularJS Ninja AngularJSとGruntで…

変更 階乗 - Wikipedia Haskell fact :: Int -> Int fact 0 = 1 fact n = n * fact (n - 1) main :: IO () main = do print (fact 10) -- > 3628800 Python def fact(n): if n == 0: return 1 return n * fact(n - 1) print(fact(10)) #-> 3628800 Ruby def …

What are extensions? - Google Chrome 問題 とあるサイトだけで動く Google Chrome 拡張機能を作っていたら DOM要素にアクセスできなくて、html を見たら document.write で frame が書き出されていた。 対策 all_frames を true にする Content Scripts - …

local MDC: btoa (/ja/dom/window.btoa) > var encodedData = window.btoa("Hello, world"); undefined > encodedData; "SGVsbG8sIHdvcmxk" > var decodedData = atob(encodedData); undefined > decodedData; "Hello, world"

追記 2014-10-12：下記では動かないので書直した -> Emacs の js2-mode で jshint を利用するメモ - 牌語備忘録 - pygo (Emacs24.2, MacOS10.8.2) install npm $ sudo port install npm install jshint $ sudo npm install -g jshint install flymake-jshint…

Rails3.1でAjaxを使う | ひげろぐ フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com Ruby on Rails API jQuery API Documentation

Build Awesome Javascript MVC Applications - Spine Build Incredible Mobile Web Apps - Spine Mobile http://destroytoday.com/blog/reasons-for-spinejs/ Spine入門 https://github.com/maccman/spine-rails Spine.js をはじめよう [環境構築編] ｜ Deve…

(MacOSX10.7, node0.8.9, npm1.1.61) 問題 MacPorts で node0.8.9, npm1.1.61をインストールした環境で npm install すると入らない $ npm install -g spine.app hem Segmentation fault: 11 解決策？ http://renaissancenerd.net/post/14301177334/node-js-…

下記サイトの解説がとても分かりやすい [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記 Question 次のような関数をつくるには？ （例：関数を実行するたびにカウントする） f(); //-> 1 f(); //-> 2 f(); //-> 3 Answer function outer(…

AngularJS公式サイトのトップページにある "Wire up a Backend" のコードサンプルを Rails に移植。 ただ Rails3 と SQLite3 で動くようにしただけだけど。 CODE 説明面倒なので github にアップしてみた https://github.com/CortYuming/angular-rails-jspro…

解決済。そのうちまとめ書く...かも。 CSRF protection with Rails - Google グループ AngularJS: $http sectore/CafeTownsend-Angular-Rails · GitHub

searls/jasmine-rails · GitHub JasmineによるJavascriptテスト駆動開発 あーありがち - 最近のJavaScriptのテスティングフレームワークについて調べてみた あーありがち - Jasmineをもう少し詳しく紹介してみる あーありがち - Jasmine gemで特定のjsファイ…

問題 assets に html ファイル置く app/assets/templates/hoge.html Angular のコード書く（例：下記一部抜粋） 'use strict'; angular.module('hogeapp', ['sql']). config(function($routeProvider) { $routeProvider. when('/', {controller: TodoCtrl, t…

開発環境構築やデバッグの仕方からbackbonejsとかライブラリなどいろいろ。 個々の解説は紹介程度で深く知りたければ後は自分で調べろ的なようだが、最近のJavaScriptまわりををザッと見渡せる感じでちょうどいい。 まだざっと眺めただけだけど良書だと思う。

http://www.angularjs.org/ 症状 サンプルコードを写経してたら表示されたりされなかったりする。 でも Firefox だと表示される。 Google Chrome の問題なのか Javascript の問題なのか？ 調べてみる 問題のファイルを Chrome で開いて、Google Chrome Devel…

AngularJS — Superheroic JavaScript MVW Framework 問題（Google Chrome だけ？） 公式のサンプルを実行してたら、なぜか急に angular.js が読み込めなくなった。 普通に動いていたのに突然。なんで？ ちなみに Google Chrome で実行していた場合。 Firefox…

backbone.js より 短く書けるらしいという理由で knockout.js を使おうかと思ったけど、AngularJS の方がより短く書けるかも。 試しにフォームに文字列を入力するとその下に表示されていくだけの簡単なコードを書いてみた。 Knockout.js http://knockoutjs.c…

http://knockoutjs.com/ 症状 下記のように javascript を書くと、html の 閉じタグの直前に script タグを書かないと動かなかったりする。 hoge.js var ViewModel = function(first, last) { this.firstName = ko.observable(first); this.lastName = ko.ob…