牌語備忘録 -pygo

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

牌語備忘録 -pygo

AngularJS

さらっと 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…

AngularJS リンクのメモ

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

AngularJS + Rails3 (SQLite) に移植してみた -- AngularJS 公式サイトのサンプル "Javascript Projects (mongolab)"

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

AngularJS + Rails でフォーム送信すると「WARNING: Can't verify CSRF token authenticity」とかなる問題のメモ

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

AngularJS + Rails で assets ディレクトリ以下に html ファイルを入れて $routeProvider あたりの templateUrl に指定した時エラー出る件

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

AngularJS の サンプルコードをローカルで弄ってたら Google Chrome だと表示されなかったりする件

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

AngularJS の サンプルコードを実行してたら急に angular.js が読み込めなくなった件

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

AngularJS の方が Knockout.js よりも短くスッキリ書けそうな感じなので乗り替えてしまおうかと

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

AngularJS 参考サイトのメモ

AngularJS AngularJS — Superheroic JavaScript MVW Framework AngularJS フレームワークについて - Google Developer Japan Blog https://groups.google.com/forum/#!forum/angularjs-jp AngularJSを使ってみました | Developers.IO AngularJSで遊んだとき…