FC2ブログ

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

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

2013年11月 | ARCHIVE-SELECT | 2014年01月

| PAGE-SELECT |

≫ EDIT

ブートストラップサンプルページのサイトタイトル部分を修正

ブートストラップのサイトから入手したサンプルページhttp://getbootstrap.com/examples/offcanvas/のサイトタイトル部分(jumbotron)のレイアウトを修正します。

≫ Read More

スポンサーサイト



| ブートストラップ | 10:41 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ブートストラップのサンプルを使ってサイト共通のヘッダー、サイドバーを作成

ブートストラップのサイトから入手したサンプルページhttp://getbootstrap.com/examples/offcanvas/のHTMLコードを使ってレイアウトを作成中です。サイト共通で使用するヘッダーは、ヘッダーパーシャルに、右サイドバーはサイドバーパーシャルに、それ以外の各ページに分けるようにします。

≫ Read More

| ブートストラップ | 08:32 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ブートストラップのサンプル固有のスタイルシートとJavaScriptをインクルード

それっぽく表示されていたので気づかなかったのですが、現在使用中のブートストラップのサンプル(Off Canvas)固有のJavaScriptとスタイルシートのインクルードが出来ていなかったので、設定しました。

≫ Read More

| ブートストラップ | 10:24 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

フッターにリンクメニュー作成

サイト共通のフッター部をフッターパーシャルとして分離し、フッター内にリンクを作成し、スタイルの設定をします。

≫ Read More

| ブートストラップ | 07:31 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ブートストラップでヘッダーナビゲーションメニューを作成

ブートストラップのサンプルページを使ってヘッダーナビゲーションメニューを作成します。

≫ Read More

| ブートストラップ | 09:05 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ブートストラップのサンプルページから作ったホームページを修正

"home"ページにすべてのHTMLコードを記述しましたが、共通レイアウトファイルのapplication.html.erb内の記述と重複する部分があるので、修正します。

≫ Read More

| ブートストラップ | 06:24 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

Ruby on Railsにブートストラップ3をインストール

今まで、ブートストラップのバージョン2.3.2を使用していましたが、バージョン3がリリースされているので、バージョン3をインストールしてみました。

≫ Read More

| ブートストラップ | 09:03 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

フォームのエラーメッセージ内の項目名を日本語化

エラーメッセージ自体は日本語化できたいたのですが、項目名については暫定対応で無理やり英語を日本語に置換していたので抜本的に直しました。

≫ Read More

| 自作アプリ | 06:37 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

データベースをMySQLに変更、タイムゾーンの設定を変更

production環境でも動作確認出来たので、データベースをMySQLに変更します。

≫ Read More

| MySQL、データベース関連 | 10:48 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

production環境だとブートストラップが利用できない?

passengerもインストールし、本番環境で動作する準備が出来てきたので、production環境で動作確認します。

≫ Read More

| 未分類 | 08:46 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

passengerをユーザーホームディレクトリにインストール

以前は、ruby1.8.7をシステムにインストールしていたので、passengerもシステムにインストールしていました。
現在は、RVMを使ってユーザーホームディレクトリにruby2.0をインストールしているので、passengerもそれに合わせて変更します。

≫ Read More

| Apache | 08:44 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

フォームのselectでpromptが動作しない

フォームで下記のように税率を選択するselectボックスをさせよう思っています。

≫ Read More

| 自作アプリ | 10:40 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

JavaScriptを外部ファイルに記述してインクルード

今までJavaScriptのコードをapplication.html.erbのhead部に記述していました。今回外部ファイルにJavaScriptコードを記述し、インクルードするように修正します。

≫ Read More

| 自作アプリ | 06:20 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

エラーが発生するとブートストラップの水平フォームのレイアウトが壊れる。

フォームのラベルとテキストボックスを水平に並べるためにBootstrapの水平フォーム(form-horizontal)を使用していますが、エラーが発生すると"field_with_errors"CSSクラスが自動挿入される影響でレイアウトが壊れて水平に表示されなくなってしまいます。

≫ Read More

| 自作アプリ | 09:05 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

チェックボックスをフォームヘルパーを使うように修正

チェックボックスはDBの項目に定義していないのでフォームヘルパーを使わずに、直接HTMLを記述していました。エラーが発生し、フォーム入力画面に戻った際に、入力していたチェックボックスの値が初期の状態に戻ってしまうため、データベースに項目を追加し、フォームヘルパーを使って定義するように変更しました。

≫ Read More

| 自作アプリ | 13:39 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

属性同士の大小比較のバリデーション追加

ローンシミュレーションの追加した入力条件に対し、バリデーション定義を追加します。

≫ Read More

| 自作アプリ | 08:46 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ブートストラップでフォーム内の項目を横並びにする

今までフォーム内の項目はラベルとテキストボックスが垂直に並んでいたので、フォーム全体が縦に長くなっていました。
テキスト入力部は数値で短いので、ラベルと入力部を水平に並べるように変更します。

≫ Read More

| 自作アプリ | 08:41 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

JavaScriptでチェックボックスによるテキストボックスの入力可、不可切り替えを行う

前回、ローンシミュレーションで途中で金利を変更するようにしました。金利変更せずにシミュレーションする場合もあり、その際も正常に動作させる必要があります。JavaScriptを使って、チェックボックスにチェックを入れた場合に、金利変更部分を入力できるように入力フォームを変更します。

≫ Read More

| 自作アプリ | 09:18 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

途中で金利変更できるようにローンシミュレーションを修正

ローンシミュレーションで、数年後に金利上昇した場合の支払額を計算できるように修正したいと思います。まずテーブルに必要なカラムを追加します。

≫ Read More

| 自作アプリ | 06:40 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

railsでテーブルにカラム追加

ローンシミュレーションで、数年後に金利上昇した場合の支払額を計算できるように修正したいと思います。まずテーブルに必要なカラムを追加します。

≫ Read More

| 自作アプリ | 10:35 | comments:0 | trackbacks:0 | TOP↑

| PAGE-SELECT |