AngularJSとRuby on Railsで作るCRUDアプリ – (2)Read | DevelopersIO
はじめに 前回構築したAngularJS+Ruby on Railsのアプリに、今回はCRUDの内のRead機能を実装し DBに登録してあるウィスキーの一覧を表示する画面を作成しました。 以下に、実装する上でのポイントとなる箇所を記述していきます。 尚、ソースコードは以下のGitHubに置いてあるので、全ソースを見たい方は参考にしてください。 AngularjsWhiskyList 実装について 1.application.js application.jsに、AngularJSのスクリプトを読み込むよう、以下の定義を追加します。 (ベタに参照するjsを書いているので、本当はフォルダを指定した方がイイと思いますが・・・) //= require ngapp/app/lib/angular/angular.min.js //= require ngapp/app/lib/angular/an
AngularJSとRuby on Railsで作るCRUDアプリ – (1)環境構築 | DevelopersIO
t.hondaです。AngularJSとRailsの勉強がてら、CRUD機能を持つサンプルプログラムを作ってみました。 ウィスキーの名前と価格を、登録して表示するアプリです。 先ずは開発するための環境を構築する手順を、メモ書き程度に書いておきます。 「開発するため」なので、AugularJS側、及びRails側でユニットテストも実行できる環境を整えたいと思います。 また、ViewにはTwitter Bootstrapを使用します。 では、手順です。 プロジェクト作成 0.(rails new などでRailsアプリケーションを作成) 1.Gemfileに以下を追加 gem 'therubyracer' gem 'execjs' gem "twitter-bootstrap-rails" gem "less-rails" group :development,:test do gem 'rs
AngularJS+NodeJS+MongoDB+OAuthでWebサービスを作る - Qiita
JavaScriptの勉強を兼ねて、Webサービスの作り方まとめです。 簡単なTodoリストを作ります。 AngularJS+NodeJS(ExpressJS)+MongoDB Webサービスを作るには色々と手段はありますが、今回選んだのは上記の組み合わせ。 サーバからクライアントまで全部JavaScriptで書けるためです。 MongoDBのサイトでは、MEANスタックなどと呼ばれている模様です。 以下、meanstack-sampleと名付けて、動くようになるまでにやったことを順番に書いていきます。 Yomanの設定 NodeJSでのREST MongoDBのインストールとNodeJSとの接続 AngularJSとRESTの連携 NodeJSでのOAuth認証 まとめと参考 Yeomanの設定 別エントリ参照 NodeJS(+ExpressJS)でRESTもどきを作る まずはサーバ側が
AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita
AngularJSは公式で分かりやすいチュートリアルが用意されているし、日本語の記事も増えてきたし、けっこう簡単に使い始めることができるんじゃないかと思います。 でも、チュートリアルやサンプルはクライアントサイドオンリーなことが多くて、サーバーサイドも含めたWebアプリを作ろうと思うと、どういう構成にすればいいのか迷うのではないでしょうか？（僕がそうでした） 最初は試行錯誤していたのですが、書籍やネットの記事を読んだりGitHubで見つけたアプリを真似たりしているうちに、どういう構成にすればいいのかだんだん見えてきたので、解説してみたいと思います。 SPA 最近、SPA（Single Page Applicationまたは Single Page Web Application）という言葉をよく耳にするようになりました。 SPAとは、最初のページだけ通常のWebアプリと同じようにサーバーか
AngularJSのはじめの一歩 - Debuginfo
Mastering Web Application Development with AngularJS 作者: Pawel Kozlowski,Peter Bacon Darwin出版社/メーカー: Packt Publishing発売日: 2013/08/23メディア: Kindle版この商品を含むブログを見る ここ２週間ぐらいAngularJSを触っています。 あまり日本語のソースがないような印象ですが、勉強するステップとして以下のようなことを行いました（ています） ドットインストール AngularJS入門 : 主にModelまわりを取り上げています。通勤時間を活用して流し見しました。双方向バインディング、バリデーションなので基本概念を理解することができました。 Mastering Web Application Development with AngularJS : 洋書です。
今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第３弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態（要素の追加・削除や、状態のon/off など）を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが（これは directive と呼ばれます）、この ng というのは AngularJS の２文字目と３文字目を表
AngularJSでバックエンドRESTをモックして、フロントを独立で開発する方法 - Debuginfo
開発を進める上でServerサイドと分離してフロントサイドのみに集中して開発すると捗ります。AngularJSではサーバサイドをモックするAPIが用意されています。使ってみました。(Yoeman等はイントール済みを仮定） まず、angular-mocks.jsというライブラリをindex.htmlで読み込みます。同様にmock.jsというこれから作るスクリプトを読み込むようにしておきます。 # In index.html <script src="bower_components/angular-mocks/angular-mocks.js"></script> # mock.jsはこれから作る <script src="scripts/mock.js"></script> 次にメインのapp.jsにngMockE2Eのモジュールを追加します # In app.js angular.mod
AngularJSで苦労したポイントの事例 - ワザノバ | wazanova.jp
http://lhorie.blogspot.ca/2013/09/things-that-suck-in-angularjs.html AngularJSの盛り上がりは何回か取り上げてきた（このポストの最後にリンクあります。）ので、今日は、改善すべき点を指摘しているブログとその議論を紹介します。 (New frameworks) are great at getting you to about 80% of what you need REALLY fast. The next 10% takes some investigation but its doable. But that last 10%,……You’re working for the framework rather than it working for you. というコメントがあるように、まだ苦労するところはある
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSと連携できるAPIファーストWebフレームワーク「Synth」のチュートリアル - Qiita