2014-01-01から1年間の記事一覧

引っ越しました

はてなダイアリーの良さを引き継いで進化した新しいブログサービスに引っ越しました!keitanxkeitan's blog

友人の結婚式に際して Twilio を使って祝電を集めてみた

こちらのブログ で Twilio を使った素敵な取り組みをしているのに感銘を受けて、私も Twilio を使って祝電を集めてみた。https://github.com/keitanxkeitan/YAWeddingMessenger2014.5.24 追記 Ruby on Rails で実装して使いやすくしてみました。 WeddingMess…

Ruby on Rails で販売しない EC サイトを作ってみた

人に頼まれて、販売しない EC サイトを作ってみた。 初めて Ruby on Rails を使ってみたので備忘録。現在の成果物 Home, About, Contact などの静的なページ Product の一覧画面、詳細画面 管理画面(AdminUser, Product の管理) 開発の流れ開発期間は Ruby…

ngRepeat を特定のフィールドについてフィルタリングする

app.controller('Ctrl', function($scope) { $scope.widgets = [ { name: 'foo', description: 'basic model' }, { name: 'bar', description: 'upper model of foo' } ]; }); name と description を持つ Widget というモデルがあって、これを ngRepeat で…

AngularJS の Service の考え方

AngularJS の Conceptual Overview にわかりやすく書いてあった。ビューに依存しない再利用可能なビジネスロジック。コントローラにすべてのロジックを記述してアプリケーションを作ることも可能だけれど、それだとコントローラがどんどん肥大化してしまう。…

JSON と JSONP

AngularJS の勉強をしていたら $http.jsonp() が出てきて「!?」となったので JSONP について調べてみた。こちらの記事がわかりやすかった。 JSONPで悩むある程度の人々へ今まで違いを意識したことがなかったけれど、異なるドメインの JSON データを取得す…

AWS EC2 インスタンスで Sinatra

AWS

簡単なウェブアプリケーションを作りたいときに Sinatra が便利そうだったので AWS EC2 インスタンス上で動かしてみた。 公式の手順通りに進めたらハマりどころがあったので記録。Sinatra 公式の手順http://www.sinatrarb.com/intro.html にしたがったけれど…

AngularJS の binding がこうだったらいいのになという動きをしてくれた話

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 要素で音声再生しようとしたらエラー

<audio ng-src="{{some_object.url}}"></audio> audio 要素に ng-src ディレクティブでソース指定して、他サーバにある音声を再生しようとしたら Blocked loading resource from url not allowed by $sceDelegate policy.というエラーが発生した。ググったら AngularJS 公式がヒットした。 http://docs.an…

Step-7

マルチビューを持つアプリケーションの作り方。マルチビューとルーティングとレイアウトテンプレートこれまでは1つのビューしかなかったので全てのテンプレートを index.html に記述していた。 マルチビューにするにはまず index.html をレイアウトテンプレ…

AngularJS Tutorial をやってみた(Step-0 -> Step-2)

http://docs.angularjs.org/tutorialStep-0 <html ng-app> ngApp ディレクティブを表す。 上の例だと html 要素がアプリケーションのルート要素と見なされる。 html ページ全体をアプリケーションとすることもできるし、ページの一部をアプリケーションとすることもできる</html>…

AngularJS 入門

なんで AngularJS?http://angularjs.org/ より。 HTML は静的なドキュメントを記述するのには向いているが、動的なウェブアプリケーションを作るのには向いていない。 AngularJS はアプリケーションを作るのに必要な語彙を HTML に追加する。 →「HTML の語…

年賀状 2.0

新年あけましておめでとうございます! 近年年賀状を書くことはほとんどなかったのですが、古式ゆかしい友人が年賀状を書くと言い出したことから、数人の間で年賀状を送りあう「流れ」になったので、今年は僕も年賀状を書いてみました。年明けてから書きまし…

AWS 入門

年賀状 2.0 上の記事で Twilio を使った年賀状を作った時に、サーバとして AWS の EC2 インスタンスを使用しました。 AWS のアカウント取得からやってみたのでメモ。AWS のアカウント取得 AWS を使用するには AWS のアカウントが必要 Amazon.com のアカウン…