読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

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

牌語備忘録 -pygo

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

様々なプログラミング言語で再帰の階乗を書いてみるメモ

変更 階乗 - 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 …

Google Chrome 拡張機能 の Content Scripts で、Javascript で生成されたページのフレーム内のDOM要素にアクセスする場合のメモ

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

Javascript で Base64 エンコード/デコードのメモ

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

js2-mode で flymake-jshint 使ってみるメモ

追記 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…

Rails + Ajax のメモ

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

Spine メモ

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…

"npm install -g spine.app hem" とかすると "Segmentation fault: 11" となってインストールできない件。

(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 とクロージャーのメモ

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

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

Rails + Javascript でのテストあたりのメモ

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

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…

『JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技』を読んでみた

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

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…

knockout.js で JavascriptをHTMLの外のファイルに書いたときの挙動の件

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

Javascript お勉強リンクのメモ

http://gyauza.egoism.jp/clip/archives/2009/05/javascript-oop1/ http://d.hatena.ne.jp/kayai/20110131 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵

Javascript MVC フレームワークのメモ

Frameworks Backbone.js Build Awesome Javascript MVC Applications - Spine Ember.js - A framework for creating ambitious web applications Knockout : Home AngularJS — Superheroic JavaScript MVW Framework batman.js — overview Link JS Framework…

AngularJS 参考サイトのメモ

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

Javascript MVC フレームワークを Google トレンドで調べてみた(backbone.js, ember.js,knockout.js, angularjs)

Google トレンド AngularJS すごいな

knockout.js で self と this で違うの?

knockout.jsでさくさくWebアプリ開発|1 pixel|サイバーエージェント公式クリエイターズブログ=このサンプルTodoアプリ]で self のとこを this でやってみたら、削除ボタン押すとエラー出た。 Uncaught TypeError: Cannot call method 'remove' of undefine…

knockout.js の Todo アプリのリンクメモ

Backbone.js todos vs knockout.js todos wesnolte/Voodoo · GitHub Backbone.js と比較しながら Knockout.js を試してみた - present knockout.jsでさくさくWebアプリ開発|1 pixel|サイバーエージェント公式クリエイターズブログ

MVVM メモ

MVVMモデルを調べてみたらMVCの理解も間違っていた件 - うなてっくろぐ 「MVVMパターンが必要な理由」啓蒙用資料公開 - the sea of fertility 「MVVMパターンで学ぶGUIアーキテクチャパターン」– .NETラボ勉強会で話してきました! - the sea of fertility M…

Emacs の shell-mode で node の REPL のプロンプトが文字化けする場合

症状 $ node >  対処 .bashrc export NODE_NO_READLINE=1 emacs - What are these shell escape characters? - Stack Overflow 確認 $ node > とりあえず治った

Google Library API の jQuery を使用時に『$ is not defined』とかエラー出た件

Knockoutjs の サンプルをローカルでゴニョゴニョしてたら一部動かなくて調べてみた。 症状 Knockout : Contacts editor example removePhone で Delete のリンクを押しても削除されない。 Google Chrome Developer Tools で見てみる エラー出てた Reference…

Javascript デバッグあたりのメモ

Google Chrome版Firebug:デベロッパーツール取扱説明書:特集|gihyo.jp … 技術評論社 WebStorm :: The smartest JavaScript IDE

js2-mode forked and Flymake Google Closure Linter

(MacOSX10.7, Emacs24.1) js2-mode forked https://github.com/mooz/js2-mode git clone git clone https://github.com/mooz/js2-mode.git init.el (autoload 'js2-mode "js2-mode" nil t) (add-to-list 'auto-mode-alist '("\\.\\(js\\|js.erb\\)\\'" . js2…

knockout.js 学習用htmlテンプレート的なやつ

http://knockoutjs.com/ ファイル作成 同階層にファイル作成の例 hoge.html hoge.js hoge.html 一応 jQueryも使えるようにいれといた https://developers.google.com/speed/libraries/devguide#jquery <html> <head> <title>knocoutjs sample</title> </head> <body> </body></html>

jasmine -- JavaScript テストフレームワークのリンクメモ

http://pivotal.github.com/jasmine/ Jasmine で 継続的なJavaScriptのテストをする - webとかmacとかやってみようか QUnit はオワコン!?Jasmine を使ってみる - present プロフェッショナルプログラマー: Jasmine ~ JavaScript Test フレームワーク JavaSc…

Webアプリを数分で作って公開できるらしい『Meteor』を触ってみたら本当に速攻でインストールからデプロイまで出来て吃驚した件

話題になってからちょいと出遅れ気味だけどやってみた。 (Meteor0.3.6) 公式ドキュメントのクイックスタート Meteor Documentation Quickstart なんとインストール〜デプロイまでの説明がたった11行! 実際やってみる Install $ curl install.meteor.com | /…

事前にJSに変換しないでブラウザに『CoffeeScript』を実行させる

制作中に手元で JS に変換しないで coffee のままWebブラウザで動作確認できないかなと思ったらできるみたい。 方法 公式サイトの「"text/coffeescript" Script Tags 」のとこに書いてある。 『coffee-script.js』をダウンロードして、HTMLに下記のようにみ…

JSからCoffeeScriptに逆変換『js2coffee』メモ

Js2coffee: convert JavaScript code to CoffeeScript js2coffee/js2coffee · GitHub http://d.hatena.ne.jp/ruedap/20110621/node_js_express_app_coffee_script 既存のコードをCoffeeScriptで書いたらどうなるか·Js2coffee MOONGIFT

EmacsでCoffeeScriptのお手軽な環境を簡単に作る

coffee-mode emacs-quickrun flymake Install and Init coffee-mode https://github.com/defunkt/coffee-mode emacs-quickrun https://github.com/syohex/emacs-quickrun m2ym/popwin-el · GitHub 『quickrun.el』が超便利そうな感じ、でも出力表示がうまく…

EmacsでCoffeeScript-modeなどのメモ

defunkt/coffee-mode · GitHub js2-mode - Enhanced JavaScript IDE Emacs Mode - Google Project Hosting Home · bard/mozrepl Wiki · GitHub coffeescriptでflymakeする - delirious thoughts etc EmacsからnodeやブラウザでCoffeeScriptを動かす - はなち…

Node.js とか Expressのメモ

node.js Nodeビギナーズブック » Node.jsチュートリアル » Node.js 教程 Node.js 日本ユーザグループ http://expressjs.com/guide.html http://d.hatena.ne.jp/ruedap/20110620/node_js_express_app_generate http://d.hatena.ne.jp/ruedap/20110621/node_js…

js2-mode and coffee-mode for Emacs

js2-mode forked fixed indentation version: (original -> http://code.google.com/p/js2-mode/) https://github.com/mooz/js2-mode http://d.hatena.ne.jp/mooz/20100402/p1 mozrepl MozRepl lets you program Firefox and other Mozilla-based applicatio…

PhoneGap で iPhone アプリをリリースしてみて思ったことなど。

iTunes Store へ接続中です。 シンプルな思考補助タイマーアプリ『ThinkingBreak』for iPhone をリリースしました。開発は PhoneGap で。 - 牌語備忘録 - pygo マルチプラットフォーム。iPhone以外でも。 PhoneGapの売りのひとつなので、一応さまざまな環境…

Javaascript の勉強を始めるためのちょっとしたまとめ

チュートリアル "Eloquent JavaScript" Contents -- Eloquent JavaScript これは便利! JavaScriptの勉強はこのコンテンツで - Eloquent JavaScript | マイナビニュース http://d.hatena.ne.jp/hamatsu1974/20081120/1227128791 クチャ - FC2 BLOG パスワード…

Emacsでjslintを使ったJavascriptの構文チェックのMacportsを使った比較的簡単だと思われる導入と設定手順

環境:MacOS10.6, Emacs23.3.1 MacPortsの jslint 使うと上手くいかないので npm のやつインストールする。なぜかはよくわからん。 MacPortsでnpm インストール MacPortはインストールと設定済み前提で。 sudo port install npm npmでjslintインストール npm…

iPhone と PhoneGap で スリープ時やアプリがバックグラウンド時でのアラート通知表示とかどうやるのかわからんからメモ

Google グループ Google グループ PhoneGap: NativeCodeの呼び出し - とみぞーノート phonegap/phonegap-plugins · GitHub How to issue notification/alert from JavaScript when application in background - PhoneGap iPhone/iOS - Stack Overflow 結局Ob…

PhonGapでiPhoneアプリがバックグラウンドにいってしまった時にアラート通知を表示したいなと思い調べてみた

『iPhone と PhoneGap で スリープ時やアプリがバックグラウンド時でのアラート通知表示とかどうやるのかわからんからメモ - 牌語備忘録 - pygo』の続き LocalNotificationでいけるんじゃね? phonegap/phonegap-plugins · GitHubを見てたら『LocalNotificat…

PhoneGap のことなど

PhoneGap PhoneGap | Home PhoneGap Fan - PhoneGap (Cordova) の日本語コミュニティ How to PhoneGapで手軽にiPhone/Androidアプリを作ろう:連載|gihyo.jp … 技術評論社 PhoneGapで始めるWeb→スマホアプリ制作入門(1):PhoneGapでAndroidアプリを作るた…

続『iPhoneアプリケーション開発ガイド――HTML+CSS+JavaScriptによる開発手法』5章 クライアントサイドのストレージ を jQuery Mobile に書き換えてみた。

(main.js若干修正)『4章 アニメーション効果 を jQuery Mobile に書き換えてみた。』の続き サンプルが jQTouch だったので jQuery Mobil でやってみた。 O'Reilly Japan - iPhoneアプリケーション開発ガイド jQuery Mobile ファイル構成 img/button.png j…

jQuery Mobile と jQTouch と Sencha Touch の事など

結果から言うと取り敢えず jQuery Mobile でやって、物足りないなら Sencha Touch でって感じかな jQuery Mobile jQuery Mobile jQuery Mobile の紹介 Good 本家jQueryから公式リリース 将来期待できる(気がする) 比較的導入の敷居が低そう MITライセンス …

『iPhoneアプリケーション開発ガイド――HTML+CSS+JavaScriptによる開発手法』4章 アニメーション効果 を jQuery Mobile に書き換えてみた。

サンプルが jQTouch だったのでjQuery Mobil でやってみた。 O'Reilly Japan - iPhoneアプリケーション開発ガイド jQuery Mobile <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Kilo</title> <link rel="stylesheet" href="js/jquery.mobile-1.0b3.min.css" />…</link></meta></meta></head></html>

EmacsのFlymakeでJavascriptとHTMLの構文チェックしてみる

とりあえずJSとHTMLはできたので設定メモ。後で書き足すかも。 CSSはどうやるのかわからん。 (CSSの設定などはこちら『CSS のリアルタイム文法チェックを Emacs の Flymake で Python の cssutils を使ってやってみた - 牌語備忘録 - pygo』) ;;;;;;;;;;;;…

積ん読本を読む『iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法』

★★★★★ 技術書の翻訳本は読みづらい事が多いけど、これは読みやすく且つ解りやすいと思う。 webサイトやwebアプリを制作してる人が、手軽にiPhoneアプリを作る選択肢の一つとしては良いのかも知れない。 書籍発行時期的にしかたかなったのかもしれないけど jQ…