牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

Javascript

Javascript で Python の文字列フォーマットみたいなやつメモ

Python print("I'm {name}. {age} old.".format(name="Hogeo", age=3)) #-> I'm Hogeo. 3 old. Javascript console.log( "I'm {name}. {age} old.".replace( /\{(\w+)\}/g, function(m, k) { return { "name":"Hogeo", "age":3 }[k]; } ) ); //-> I'm Hogeo.…

Javascript で簡単に数値を3桁区切りの文字列にするメモ

Google Chrome Developer Tools のコンソールで実行 > var n = 1234567890; undefined > n.toLocaleString('ja-JP'); "1,234,567,890" 参考リンク Javascriptで数値の3桁区切りを実装 - Qiita JavaScript - JSで数値の3桁区切りを実装する簡単な方法 - Qiita

Javascript で Python の sum() みたいな関数のメモ

var sum = function(arr) { return arr.reduce(function(a, b) { return a + b; }); }; console.log(sum([1, 2, 3, 4, 5])); //-> 15 組み込み関数 — Python 2.7ja1 documentation - sum() Array.prototype.reduce - JavaScript | MDN

タスク自動化ツールの Grunt のメモ

Quick start 的なやーつ package.json を作る とりあえず全てリターンすればデフォルト値が入る $ npm init package.json に grunt を追加する $ npm install grunt --save-dev package.json に書かれた依存モジュールをカレントディレクトリにインストール…

Javascript のファイル読むのに TAGS を npm でグローバルにインストールしたライブラリ全部ぶっ込んで作成するメモ

$ ctags -Re `npm root -g` .

Javascript でオブジェクトの列挙可能なプロパティおよびメソッドの名前を返すメモ

Javasciprt var foo = {'bar': 1, 'buzz': 2}; console.log(Object.keys(foo)); // [ 'bar', 'buzz' ] Python ちなみにこんなの foo = {'bar': 1, 'buzz': 2} print(foo.keys()) # ['bar', 'buzz'] はてな記法書くの面倒臭くなってきたなぁ 参考 https://dev…

CasperJS のメモ

CasperJS, a navigation scripting and testing utility for PhantomJS and SlimerJS CasperJS documentation — CasperJS 1.1.0-DEV documentation Casper.JSのススメ - After Coding 続・Casper.JSのススメ - After Coding PhantomJS入門 CasperJSを使う - …

Javascript と Python でクロージャー使ったカウンタのメモ

Javascript Javascript01 (n++) function counter() { var n = 1; return function() { return n++; }; }; var count = counter(); console.log(count()); console.log(count()); console.log(count()); console.log(count()); // 1 // 2 // 3 // 4 Javascri…

D3.js メモ

D3.js - Data-Driven Documents D3.js - 日本語ドキュメント データビジュアライゼーション「d3.js」 | GUNMA GIS GEEK D3.jsはなぜ人気があるのか? そして、なぜ難しいのか? | GUNMA GIS GEEK ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まと…

Underscore.js のテンプレートで if や else の条件分を使ってみるメモ

追記:jsdo.it に書いて貼ってみた 元のコード <html> <head> <meta charset="UTF-8" /> <title>Underscore.js - template sample</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script> </meta></head></html>

Javascript の for文のメモ

//01 var i, max, arr = ['a', 'b', 'c']; for (i = 0; i < arr.length; i++) { console.log(arr[i]); } //-> a //-> b //-> c //02 for (i = 0, max = arr.length; i < max; i++) { console.log(arr[i]); } //-> a //-> b //-> c //03 for (i = arr.length;…

Javascript で Loto6 の数字をランダムに取得してみるメモ

Python での例 from random import sample print(sorted(sample(range(1, 44), 6))) # ex -> [14, 15, 31, 33, 40, 41] Javascript で書いてみる function range(start, end) { var numbers = []; if (!end) { end = start; start = 0; } for (var i = start…

jQuery と ajax と Underscore.JS のテンプレートで json ファイルを取ってデータを表示してみるメモ

表示確認はFirefox26。 chrome 使う場合は下記のように -allow-file-access-from-files オプション付けて起動する 【小ネタ】Chromeのローカルセキュリティポリシーの回避 | Developers.IO open -a Google\ Chrome --args -allow-file-access-from-files in…

Javascript で python の range() みたいのを書いてみるメモ

function range(start, end) { var numbers = []; if (!end) { end = start; start = 0; } for (var i = start; i < end; i++) { numbers.push(i); } return numbers; } console.log(range(5, 18)); //-> [ 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17 ]…

Javascript の sort() のメモ

sort() はアルファベット順でソートされるので数値の場合は気をつける。 var n, s; n = [ 25, 37, 6, 42, 8, 21 ]; console.log(n.sort()); //-> [ 21, 25, 37, 42, 6, 8 ] s = [ 'b', 'c', 'a' ]; console.log(s.sort()); //-> [ 'a', 'b', 'c' ] n = [ 25,…

Javascript で Python の random.sample みたいなのを書いてみるメモ

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43]; var result_numbers; // function random_sample(population, k)…

backbone.js & underscore.js CDN メモ

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script> backbone.js & underscore.js CDN recommendation? - Stack Ov…

Backbone.js メモ

Backbone Backbone.js jashkenas/backbone · GitHub Backbone.js Todosを読み解く - console.lealog(); 第一回 jQueryから始めるBackbone.js(1/2) - 実践!Backbone - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル BACKBONE.J…

Javascript で関数定義を確認して使わないと予想外の結果になる例のメモ

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…

Yeoman で作ったプロジェクトを Grunt server 起動して vmreare やiphone の外部の webブラウザなどで確認する場合のメモ

(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 と Javascript の変数のデフォルト値のメモ

修正・追加 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…

さらっと AngularJS1.2.0 でクライアントサイド、Python3 と Django1.6 で api サーバ を試してみるメモ

(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…

AngularJS で $.getJSON で json 取って for で回して配列に入れたら空になった場合のメモ

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

『Yeomanでフロントエンドとバックエンドサーバを一緒に開発する』 を yo angular でやってみたら『Cannot GET /』とかなった場合のメモ

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

Yeoman の generator-angular で作成したスケルトンが AngularJS1.0.7 だったので 1.2.0 に上げたらブラウザで表示されなくなった場合のメモ

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

Yeoman + AngularJS + Bootstrap で比較的お手軽にページネーションを実装してみるメモ

(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…

AngularJS で ng-repeat の中の ng-click でハマったのでメモ

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

『YeomanでフロントエンドとREST APIサーバーを同時に開発する方法』 を yo angular でやってみたメモ

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

Yeoman で作った AngularJS + Titter Bootstrap のプロジェクトで Bootstrap がまだ Ver.2 だったので 3 にする場合のメモ

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

Yeoman + AngularJS + Twitter Bootstrap3 でゲストブックアプリを作ってみるメモ

(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…