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とRailsをTokenベースの認証で繋ぐ方法(devise_token_auth + ng-token-auth) - Qiita
AngularJSとRailsの関係性 AngularJSとRailsをどのように分離するのかにはいくつかのオプションがあります 大きくは、AngularJSがRailsの上に乗るか、Railsとは完全に分離するかの2つかなと思います 1.ベースはRailsで遷移やViewの記述を行い、AngularJSは一部分のみ適用する 2.RailsはAPIを提供するのみで、AngularJS側で遷移やViewのテンプレートを記述する 今回は、2.を対象に考えます AngularJSとRailsを分離して、セキュアに繋ぐ方法 サーバーサイドで認証が必要な場合、大きく2つの実装方法があります 2-1. Cookieベースの認証 2-2. Tokenベースの認証 最近ではTokenベースの実装が多いようです。この2つの比較については、以下を参考にされると良いかと思います Cookies vs Token
AngularとRailsを分離し、セキュアに繋ぐ方法 - Qiita
Angular + Railsの理想的な関係 Railsはバックエンドとして完全にAPIを提供するのみで、フロントサイド(AngularJS)と完全に分離 AngularとRailsの間をどうセキュアに繋ぐか？ RailsがOAuth2 Providerとなって、APIの許可を行う OAuth2 Provider用のgem doorkeeperを用いるとよい APIの提供は、grapeを用いるとよい 理想的な Rails, AngularJS 環境の構築 - ボクココ AngularJS x Railsで ユーザ認証を実現するためのアプリ設計 - ボクココ Grape+DoorkeeperによるOAuth2 ProviderとAPIの提供 構成は以下のとおり Resource Owner (User) - Devise Authorization Server (OAuth 2 Provi
理想的な Rails, AngularJS 環境の構築 - ボクココ
ネットでRails x AngularJSで調べると、AssetsにAngularJSを追加してやるのが普通的なことをよく見る。でも、この方法だとYeomanや、Grunt.jsが使えず、Rails x AngularJSでKarmaでテストを書いたりといったことができないし、AngularJSの作法にのっとった開発ができないのがとてもモヤモヤしていた。 てことで、もうこれはAsset Pipelineを使わない方向で行くのがベストなんじゃないのか、という方向で色々探し回っていたら、同じようなことを考えていた方がいたようで,これを参考にしてもっとベーシックな枠組みを作ってみた。 Asset Pipeline の機能が使えなくなる？ご心配なく。Grunt.jsがJSコードの圧縮、SCSS, CoffeeScriptのコンパイル、さらにLiveloadの恩恵, 画像の圧縮、テストの自動実行もで
angularJS と jQuery に関する誤解を解く - nazokingのブログ
最近 angularJS に対する期待の低下が著しくてつらい。 なんだかんだで SPA から jQuery に戻った話 - ボクココ Angularの問題では はてなブックマーク - mizchi のブックマーク - 2015年5月18日 みんな使いどころを間違ってるんや。１年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向いてるのは Single Page Application ではない angularJS が向いてるのは ◎ フォームのような細かい部品を多用 ＆ DOMツリーとデータスコープがほぼ一致していてユーザの入力をサーバに送ったりする webアプリ。管理画面、マイページ、業務アプリなど △ Single Page Application ← 簡単に作れるけどページ間の連携が必要ないならサーバ側で分けてしまった方
ionic でリッチなモバイルWEBサイトを実現する《AngularJS Advent Calendar 2014》 - Qiita
これは AngularJS Advent Calendar 2014 の２４日目(12/24)の投稿です。クリスマス・イブですね。 ionic は 公式ページ で紹介されているとおり、モバイル向けの AngularJS ベースの CSS/JavaScript ライブラリです。（要は Bootstrap 的なものと思ってもらえれば。） Cordova と連携して、ネィティブアプリにパッケージできます。WebStorm をお使いの方は、バージョン９の更新情報で、ionic がサポートされた、というのをご存知かと思います。 この ionic ですが、アプリにパッケージしなくても、この CSS/JavaScript ライブラリを モバイル向けWEBサイト の用途として利用するのもいいんじゃないか、と思っています。もしくはネィティブアプリの一部機能を、ionic で作って、アプリの WebView
AngularJSとRailsの丁度良い関係を探る | mah365
AngularJSとRailsのインテグレーションと言うと、やれ「RailsはAPIに専念してビューは全部AngularJSだ！」という極端な話になりがちな気がするのですが、それだとRailsの良いところが活かせませんよね。AngularJSの持ち味はDOM操作三昧で複雑になりがちな画面を良い感じにコーディングできるところにあると思うので、そういう画面でだけAngularJSを使ってはどうか？というのが今回のアイデアです。 丁度良い感じに使う そういう訳で今回作ったサンプルのアプリとソースコードがこちらになります。 https://todo-rails-sample.herokuapp.com/ https://github.com/mahm/todo-rails/ ユーザー認証はふっつーにdeviseを使って、Todoを編集する画面だけAngularJSを利用している、という感じのサンプ
生まれ変わるAngularJS - ワザノバ | wazanova
シングルページアプリ向けの各フレームワークをGoogle Trendで比較したグラフがLars Eidnesのブログに掲載されてますが、AngularJSの伸びが他を圧倒しています。一方で、アーキテクチャ上の課題は、コミュニティの声もあり、かつ当事者である開発チームも認識していたところ。そして、それに対する答えとしては、バージョン2.0で大幅に書き直すという流れになっています。 AngularJS 2.0については、「野心的だが険しい道のり」というタイトルの記事がGuardianに掲載されてますが、 ES6の採用 Web Componentsとの親和性のアップ （双方向バインディングをどうするかまだ決まってないが）Reactの考え方に近づいてきている （1.3のサポートはしばらく平行して続くと発表されたが）本当にスムーズな移行を提供できるのか? がポイントだとSeb Ceveyはまとめてい
Rails + Angular / Rails + Ember
Fernando Villalobos Fernando Villalobos is a Rails Agile Development expert and certified SCRUM developer who has used this methodology for building high-performance apps for the past eight years. Fernando is also the organizer of Oaxaca, Mexico's Ruby User Group. 1 Introduction In this article we are going to explore two popular MV* JavaScript frameworks: AngularJS and Ember.js. This time we are
Getting Started with AngularJS and Rails 4
Getting Started with AngularJS and Rails 4 By Starr Horne on Dec 11, 2013 Getting started with AngularJS isn't hard. The documentation is some of the best out there and it's tutorials are simple enough. But things get tricky when you start combining technologies. If you're using CoffeeScript instead of straight JavaScript, you know have preprocessing concerns to take into account - as well as the
Making Angular.js realtime with Websockets | Pusher blog
Learn how to use Pusher to enable a rich, real-time user experience with Angular.js, code samples and a demo. Update: We released an official Angular.js library since that blog post. You can read more about it in this announcement. Looking for Angular 2? We’ve recently written a new blog post on Pusher and Angular 2 that will help you get started. This blog post focuses on Angular 1. Front-end app
AngularJS入門の巻
今後のWeb開発の未来を考えて AngularJSにしました ~とあるSIerの場合~ いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念イベント発表資料 http://angularjs-jp.doorkeeper.jp/events/14893
How Google is redefining web development (and Backbone.js is getting obsolete)
Very lately, Google made announcements that have rightfully excited the web developers’ community; but after talking around, I feel that not everyone realizes how those moves may entirely redefine how web development is done. So, I decided to summarize what’s going on in this post in a concise, straight-to-the-point way. Note that this scenario depends on the popular adoption of what Google just a
How to build AngularJS based native mobile application
by ProDeveloper | last updated November 23, 2024 | HTML5 · Javascript Tutorials · Mobile Tutorials · This is the first part of the tutorial for building native mobile application based on AngularJS framework, HTML5 markup and CSS styles. The second tutorial part can be found by following the link. I have recently started using AngularJS a JavaScript tool set for building HTML5 applications. As
AngularJSとnifty cloud mobile backendで作る掲示板っぽいもの | まにまにらいだー
Akihiro Nagashima's Weblogxin chào!! 相変わらずハノイからコンニチハですが、今日はベトナムとまったく関係のないことについて書きます。 題して、AngularJSとnifty cloud mobile backendで作る掲示板っぽいもの、ってことでちょっと作ってみました。 とりあえずいろいろ前置き書くけど、そんなんいらねって人は一気にソースまでとんでね。 下へ下へ。 とても長い前置き javascriptの実装をいい感じにしたいぜ、jQueryは限界だ 今自分がやってるプロジェクトでは当然javascriptの実装がもりもりあります。 jQueryはとても良いライブラリだけど、処理が増えてくると正直しんどいものがある。 使うのが新人（自分も大して変わらないが）だったりするとソースが地獄絵図に。 jQuery地獄。 javascriptにもフレームワークを
Angular + Rails with no fuss - Sébastien Saunier
I haven't been satisfied with the way my front-end code (mainly based on JQuery) has grown with my previous rails app, so I took the time to sit and explore the great front-end framework we now have. I still like handling the routing in Rails with several pages, it feels wrong to move that logic to the javascript layer. I don't want to build a single-page application. But having some canonical way
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Best Tutorials to Learn Angular
GitHub - mgcrea/angular-pull-to-refresh: CSS3 Pull-to-Refresh directive for AngularJS
http://ngcordova.com/
BeerDogging: a cross-platform mobile app with Phonegap and AngularJS, disected at ClickOnChris