AngularJSとRailsの丁度良い関係を探る：コード解説編 | mah365
以前投稿したAngularJSとRailsの丁度良い関係を探るという記事のコード解説編です。前回はざっくりとしたアーキテクチャの紹介のみにとどめていたので、このエントリでサンプルコードの詳細について解説します。 バージョン情報 ruby 2.1.3 rails 4.1.7 devise 3.2.4 angularjs 1.3.2 ディレクトリ構造 app以下のディレクトリ構造は以下のような形です。 app ├── assets │ ├── images │ ├── javascripts │ │ ├── app │ │ │ └── tasks │ │ │ ├── tasks.controller.js.erb │ │ │ ├── tasks.html.erb │ │ │ ├── tasks.js.erb │ │ │
AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365
HOMEソフトウェア開発AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSはあくまでクライアントサイドのフレームワークなので、サーバサイドをどうしようかなーと悩むことがあると思います。Railsが得意ならRailsに組み込むのもいいんですが、Railsはビューヘルパーが異様に充実しているので、Rails上でAngularJSのコードを書いてるとRailsの良いところが10%も生かせてない気がして辛い気持ちになってきます。うーん、どうしよう。 そんな風に悩んだらYeomanのgeneratorであるgener
AngularJSの$http.postでパラメータをrequest bodyに含めて送る - えいのうにっき
こんにちは、a-knowです。 今回も前回に同じく、AngularJSの話題です。 表題の件で、最初は下記のように記述していたのですが、 var parameter = {}; parameter.piyo = 'abc'; parameter.moko = 'xyz'; $http({ method : 'POST', url : '/api/hogeFuga', params: parameter }).success(function(data, status, headers, config) { //成功 }).error(function(data, status, headers, config) { //失敗 }); これだと、リクエストURLが「http://a-know-home.appspot.com/api/hogeFuga?piyo=abc&moko=xyz」で「
SlimでAngularJSを扱ってエラーが出たときの対処法 - 大学生からの Web 開発
AngularJSが話題になってるのでちょっと触ってみました。で、ruby製のテンプレートエンジン「Slim」を使うと、ちょこっとエラーが出るので対処法を。 ng-app !DOCTYPE html html ng-app head ...... これだとエラーが出ます。slimでng-appと指定するときはng-app=''としましょう。 !DOCTYPE html html ng-app='' head ...... {{ }} データバインディングの{{ }}。 これも以下のようにそのまま書いてもエラーが出ます。実装されてる何かしらの{ }とかぶってるんですかね（？） input type="text" ng-model="name" {{name}} これは3つの書き方で回避することができます。まずは input type="text" ng-model="name" p | {{
AngularJSとRails4を組み合わせる - ワザノバ | wazanova
https://shellycloud.com/blog/2013/10/how-to-integrate-angularjs-with-rails-4 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 Railsアプリのホスティングサービスを提供しているShelly Cloudがブログで、フロントでAngularJS、バックエンドでRails 4を採用するときの留意点について、まとめています。使用しているコードサンプルはこちらになります。 1) Building a JSON API in Rails RailsでAPIをいちから作ってみる。angularjs-rails-resourceのようなライブラリを使うときは詳細が違ってくるが、考え方は概ね同じ。 Routing namespace :api
AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
uu59のメモ | Angular JSをSinatraと使ってJasmineでテストするまで
Backbone.jsは触ったことがあったので、次は違うのに手を出してみようと思ってたらタイミングよくAngular JS 1.0リリースのニュースを見つけたのでちょいちょい触っていました。 主観的かつ大雑把な感想をいうと、Backbone.jsはプレーンなHTMLに対してイベントやコントローラをがしがしくっつけてずっとJavaScriptワールドで作業するのに対し、Angular JSはHTMLに独自属性を付与してDOMをそれぞれ独立したコンポーネントとみなしていろいろする感じです。 サンプルで必ず出てくる<div ng-app="hoge"></div>のng-appについてですが、ngというのがAngularのnamespaceでappが具体的なモジュール（ディレクティブ）です。以下のようにして自由に定義できます。 angular.module('hoge.directives').
AngularJS 所感 (+ Sinatra) - decadence
何これ AngularJSで遊んでるメモ 経緯 研究室でJS勉強会が行われている．1週に1回(たまに無い週も)って形で4~5回行われた． 初め数回でChrome拡張作ろう → jQueryのAjax完璧 → プロトタイプ継承完璧！とかしながら，good partsみたいなものを適宜考えながらやっていった． やることがなくなったので何しよう → AngularJSとか流行ってるしやるか！ 所感 まずAngularJS使う機会として3通りぐらいに分けれそう 1. クライアントサイドだけで完結するパターン 2. APIのみ提供するサーバを持ちつつクライアントサイドをほぼ静的に書くパターン 3. RailsなどのWAFと組み合わせて使うパターン AngularJSを触れて良い所として，以下のようなものが順に挙げられる Controllerを用いた明示的Scope document.getEleme
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのAngularJS
すぐできる AngularJS