FC2ブログ

Ruby on RailsでWebサイト公開!に挑戦中

レンタルサーバーでWebサイトを公開すべく、Ruby on Railaの勉強をする日々を語ります。

2014年09月 | ARCHIVE-SELECT | 2014年11月

| PAGE-SELECT |

≫ EDIT

AngularJSとRails4でRestアプリ作成(4)AngularJSのresourceを使ってshowページを追加

AngularJSとBootstrap3を使ってRESTアプリを作成しようと思います。下記サイトを参考にしています。前回、AngularJSの$resourceサービスを使って契約一覧を表示するindexページの設定を行いました。今回は、個別の契約を表示するshowページを追加します。
http://fdietz.github.io/recipes-with-angular-js/backend-integration-with-ruby-on-rails/consuming-rest-apis.html

加筆・修正した記事はこちら

≫ Read More

スポンサーサイト



| AngularJS | 11:46 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でRestアプリ作成(3)AngularJSの$resourceサービスを使ってサーバーデータを取得

AngularJSとBootstrap3を使ってRESTアプリを作成しようと思います。下記サイトを参考にしています。今回は、AngularJSの$resourceサービスを使ってサーバーからデータを取得して表示してみました。
http://fdietz.github.io/recipes-with-angular-js/backend-integration-with-ruby-on-rails/consuming-rest-apis.html

加筆・修正した記事はこちら

≫ Read More

| AngularJS | 10:43 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でRestアプリ作成(2)AngularJSのルート、テンプレートの設定

AngularJSとBootstrap3を使ってRESTアプリを作成しようと思います。下記サイトを参考にしています。今回は、AngularJSのルート、テンプレートの設定を行いました。
http://fdietz.github.io/recipes-with-angular-js/backend-integration-with-ruby-on-rails/consuming-rest-apis.html

加筆・修正した記事はこちら

≫ Read More

| AngularJS | 08:53 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でRestアプリ作成(1)AngularJSインストール、turbolinksを無効、動作確認

AngularJSとBootstrap3を使ってRESTアプリを作成しようと思います。下記サイトを参考にしています。
http://fdietz.github.io/recipes-with-angular-js/backend-integration-with-ruby-on-rails/consuming-rest-apis.html

加筆・修正した記事はこちら

≫ Read More

| AngularJS | 09:57 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(14)$qサービスを使って個別の投稿編集画面を作成

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回は、$qサービスを使って個別の投稿編集画面を作成しました。
http://asanderson.org/posts/2013/11/20/bootstrap-angular-rails-part-5.html

≫ Read More

| AngularJS | 08:04 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(13)AngularJSのフォームで送信し、RailsアプリでDB登録

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。前回、AngularJSを使ってブログ登録ページを作成したので、今回はフォームから送信したデータをサーバー側でデータベースに登録します。
http://asanderson.org/posts/2013/11/20/bootstrap-angular-rails-part-5.html

≫ Read More

| AngularJS | 10:00 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(12)ブログ登録ページ作成

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。前回インデックスページにナビゲーションバーを追加し、ブログ登録ページへのリンクを追加したので、今回はブログ登録ページを作成します。
http://asanderson.org/posts/2013/11/20/bootstrap-angular-rails-part-5.html

≫ Read More

| AngularJS | 11:50 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(11)トップページにナビゲーションバーを追加

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回はインデックスページにナビゲーションバーを追加します。
http://asanderson.org/posts/2013/11/20/bootstrap-angular-rails-part-5.html

≫ Read More

| AngularJS | 09:58 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(10)ブラウザリロード時の不具合の対策

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。前回作成したサンプルコードではブラウザリロード時に問題が発生します。その対策について確認しました。
http://asanderson.org/posts/2013/09/15/bootstrapping-angular-rails-part-4.html

≫ Read More

| AngularJS | 10:30 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(9)データの不要なリロードを改善する例

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。現状ではビューを切り替えた際、同じデータをリロードしていて、それを改善する例を確認しました。
http://asanderson.org/posts/2013/09/15/bootstrapping-angular-rails-part-4.html

≫ Read More

| AngularJS | 08:57 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(8)AngularJSで共通サービスをセットアップ

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回はAngularJSでサービスを定義し、複数のコントローラで共有できるようにします。
http://asanderson.org/posts/2013/09/15/bootstrapping-angular-rails-part-4.html

≫ Read More

| AngularJS | 10:57 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(7)Railsのコントローラ、モデルを介してデータを取得

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今までは、AngularJSのスクリプト内に表示するデータを設定していましたが、今回は、Railsのモデル、コントローラを介してサーバー側のデータベースからデータを取得して表示します。
http://asanderson.org/posts/2013/08/19/bootstrapping-angular-rails-part-3.html

≫ Read More

| AngularJS | 11:00 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(6)routeパラメータ

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回は、routeパラメータを使ってRESTfulなURLを取り扱う方法についてです。
http://asanderson.org/posts/2013/06/23/bootstrapping-angular-rails-part-2.html

≫ Read More

| AngularJS | 09:19 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(5)$locationサービス

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回は$locationサービスを使ってリンクの設定をします。http://asanderson.org/posts/2013/06/23/bootstrapping-angular-rails-part-2.html

≫ Read More

| AngularJS | 15:06 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(4)ルート、レイアウト、パーシャル

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。今回はAngularJSのルートの設定についてです。
http://asanderson.org/posts/2013/06/23/bootstrapping-angular-rails-part-2.html

≫ Read More

| AngularJS | 11:14 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(3)モジュール作成、Railsのルート設定

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。
http://asanderson.org/posts/2013/06/23/bootstrapping-angular-rails-part-2.html

≫ Read More

| AngularJS | 10:53 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(2)コントローラ、AngularJSスクリプトインクルード、レイアウトファイル作成

AngularJSとBootstrap3を使ってブログアプリを作成しています。下記サイトを参考にしています。
http://asanderson.org/posts/2013/06/03/bootstrapping-angular-rails-part-1.html

≫ Read More

| AngularJS | 10:45 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

Active AdminでActiveModel::ForbiddenAttributesError

Active Adminの管理画面で、すでに登録済みのデータの修正を行ったら、更新時にActiveModel::ForbiddenAttributesErrorが発生しました。

≫ Read More

| ActiveAdmin | 10:25 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSとRails4でブログアプリ作成(1)インストール、turbolinksを無効にする

AngularJSとBootstrap3を使ってブログアプリを作成しようと思います。下記サイトを参考にしています。
http://asanderson.org/posts/2013/06/03/bootstrapping-angular-rails-part-1.html

≫ Read More

| AngularJS | 08:26 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

Active Adminのcsvインポート時のエラーをログに記録

前回、Active AdminのCSVインポート時、バリデーションチェックに引っかかった際、登録をせずにスキップするように設定しましたが、今回はログには残すように設定してみました。

≫ Read More

| ActiveAdmin | 10:26 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

Active Adminのcsvインポート時に手動でバリデーションを実行

Active AdminのCSVインポート時、バリデーションチェックに引っかかった際、登録をせずにスキップするように設定してみました。

≫ Read More

| ActiveAdmin | 10:16 | comments:0 | trackbacks:0 | TOP↑

| PAGE-SELECT |