2014-01-01から1ヶ月間の記事一覧
AngularJS の Conceptual Overview にわかりやすく書いてあった。ビューに依存しない再利用可能なビジネスロジック。コントローラにすべてのロジックを記述してアプリケーションを作ることも可能だけれど、それだとコントローラがどんどん肥大化してしまう。…
AngularJS の勉強をしていたら $http.jsonp() が出てきて「！？」となったので JSONP について調べてみた。こちらの記事がわかりやすかった。 JSONPで悩むある程度の人々へ今まで違いを意識したことがなかったけれど、異なるドメインの JSON データを取得す…
簡単なウェブアプリケーションを作りたいときに Sinatra が便利そうだったので AWS EC2 インスタンス上で動かしてみた。 公式の手順通りに進めたらハマりどころがあったので記録。Sinatra 公式の手順http://www.sinatrarb.com/intro.html にしたがったけれど…
ngRepeat を使った以下のようなテンプレートがあるとします。 tweet の内容、Like かどうか、Like ボタンをテーブルで表示します。 <tr ng-repeat="tweet in tweets"> <td>{{tweet.content}}</td> <td>{{tweet.is_liked}}</td> <td><button ng-click="like(tweet)">Like</td> </tr> コントローラでは API を使って tweet を取得する部分と、ngClick のイベント…
<audio ng-src="{{some_object.url}}"></audio> audio 要素に ng-src ディレクティブでソース指定して、他サーバにある音声を再生しようとしたら Blocked loading resource from url not allowed by $sceDelegate policy.というエラーが発生した。ググったら AngularJS 公式がヒットした。 http://docs.an…
マルチビューを持つアプリケーションの作り方。マルチビューとルーティングとレイアウトテンプレートこれまでは1つのビューしかなかったので全てのテンプレートを index.html に記述していた。 マルチビューにするにはまず index.html をレイアウトテンプレ…
http://docs.angularjs.org/tutorialStep-0 <html ng-app> ngApp ディレクティブを表す。 上の例だと html 要素がアプリケーションのルート要素と見なされる。 html ページ全体をアプリケーションとすることもできるし、ページの一部をアプリケーションとすることもできる</html>…
なんで AngularJS？http://angularjs.org/ より。 HTML は静的なドキュメントを記述するのには向いているが、動的なウェブアプリケーションを作るのには向いていない。 AngularJS はアプリケーションを作るのに必要な語彙を HTML に追加する。 →「HTML の語…
新年あけましておめでとうございます！ 近年年賀状を書くことはほとんどなかったのですが、古式ゆかしい友人が年賀状を書くと言い出したことから、数人の間で年賀状を送りあう「流れ」になったので、今年は僕も年賀状を書いてみました。年明けてから書きまし…
年賀状 2.0 上の記事で Twilio を使った年賀状を作った時に、サーバとして AWS の EC2 インスタンスを使用しました。 AWS のアカウント取得からやってみたのでメモ。AWS のアカウント取得 AWS を使用するには AWS のアカウントが必要 Amazon.com のアカウン…
