「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、ユーザー編集機能を作成します。
続きを読む
アーカイブ
Ruby on Rails Tutorial ユーザーログアウトの処理
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回はユーザーログアウトの処理を作成します。
続きを読む
Ruby on Rails Tutorial ユーザー登録後自動ログイン
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。ユーザー登録後に自動でログイン済みにするように修整します。
続きを読む
Ruby on Rails Tutorial AngularJSを使ってログインの有無でビューの表示を切り替え
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。チュートリアルでは、ログイン後にナビゲーションメニューのログインのリンクをログアウトに切替える処理を行っています。同様の処理を追加しました。
続きを読む
Ruby on Rails Tutorial AngularJSを使ってユーザーログイン成功時の処理を作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。前回ユーザーログイン失敗時の処理を作成したので、今回は、ユーザー処理成功時の処理を追加します。
続きを読む
Ruby on Rails Tutorial AngularJSを使ってユーザーログインページを作成、ログイン失敗時の処理作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。ユーザーログイン機能を作成します。今回はまずRailsのコントローラを作成、Railsのルート設定、AngularJSのルート設定、ログインページの作成、ログイン失敗時の処理を作成します。
続きを読む
Ruby on Rails Tutorial Railsでバリデーションチェック、AngularJSのビューにエラーメッセージ表示
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。ユーザー登録時のバリデーションチェックについては、AngularJS側でのチェックは前回設定しました。今回は、サーバー側でRailsの機能でバリデーションチェックを行い、エラーコメントをAngularJSビューで表示します。
続きを読む
Ruby on Rails Tutorial 登録フォームにAngularJSのバリデーションチェック、エラー表示を追加
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。前回作成したユーザー登録フォームにAngularJSのバリデーションチェック、エラー表示を追加します。
続きを読む
Ruby on Rails Tutorial ユーザー登録成功後、AngularJSでウェルカムメッセージ表示
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、ユーザー登録成功後にユーザーshowページに遷移し、Railsのflashを模したウェルカムメッセージを表示できるようにします。
続きを読む
Ruby on Rails Tutorial AngularJSを使ってユーザー登録機能を作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。AngularJSを使ってユーザー登録機能を作成します。
続きを読む
Ruby on Rails Tutorial AngularJSを使って2カラム構成のユーザーshowページ作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。AngularJSのルートサービスとテンプレートビューを使ってユーザーshowページを作成します。
続きを読む
Ruby on Rails Tutorial AngularJSの$resourceのアクションを定義し、サービスを作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。前回、サーバーで定義したユーザー情報をAngularJSの$resourceサービスを使って取得して、表示できるようにしました。今回は、そのresourceサービスのアクションをfactoryメソッドを使ってサービスとして定義します。
続きを読む
Ruby on Rails Tutorial AngularJSの$resourceサービスを使ってサーバーデータ取得
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、サーバーで定義したユーザー情報をAngularJSの$resourceサービスを使って取得して、表示できるようにしました。
続きを読む
Ruby on Rails Tutorial 静的ページ作成、ナビゲーションメニューのリンク設定
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、home、about、help、contactの静的ページを作成し、ナビゲーションメニューにリンクを設定します。
続きを読む
Ruby on Rails Tutorial AngularJSのルート設定
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、AngularJSの機能を使って静的ページのルーティングの設定を行います。
home、about、help、contactなどの静的ページのルーティングの設定を行います。
続きを読む
Ruby on Rails Tutorial Bootstrap3を使ってフッターリンクを作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、Bootstrap3を使ってフッターパーシャルを作成します。
続きを読む
Ruby on Rails Tutorial Bootstrap3とAngularJSを使ってナビゲーションメニューを作成
「Ruby on Rails Tutorial」のサンプルアプリをAngularJSとBootstrap3を使う形にして作成します。今回は、Railsアプリを作成し、ナビゲーションメニューを作成します。
続きを読む
AngularJSとRails4でRestアプリ作成(9)destroyアクションを設定
前回までに、index、show、create、updateの機能を作成したので、最後にdestroyのアクションを作成します。
続きを読む
AngularJSとRails4でRestアプリ作成(8)RailsのバリデーションエラーをAngularJSのビューで表示
前回作成した登録・編集機能にサーバー側でのパリでーションチェックを追加し、Rails側で表示する設定を追加しました。
続きを読む
AngularJSとRails4でRestアプリ作成(7)AngularJSのresourceを使って編集機能を追加
前回作成した登録機能に編集機能を追加しました。
続きを読む