作業履歴 2017-01-23¶
概要¶
2017-01-23の作業内容をまとめています。このジャーナルでは、ユーザーインターフェースの改善とデプロイ環境の設定に関する作業を記録しています。主にログインフォームのレスポンシブ対応とHerokuデプロイのためのデータベース設定を行いました。
デプロイとレスポンシブ対応の構成図¶
作業内容¶
ユーザーインターフェースの改善とデプロイ環境の設定¶
ユーザーインターフェースの改善とデプロイ環境の設定を行いました。ログインフォームをモバイルデバイスでも使いやすくするためのレスポンシブ対応と、Herokuへのデプロイに必要なデータベース設定を実施しました。
変更点の概要¶
- ログインフォームのレスポンシブ対応
- モバイル表示時の幅を自動調整するメディアクエリの追加
-
スマートフォン向けのレイアウト最適化
-
国際化対応の不具合修正
- ログインフォームのメッセージ表示問題を解決
-
YAMLファイルの構造修正
-
Herokuデプロイのための設定
- データベース接続設定の環境変数対応
- 本番環境用シードデータの追加
技術的詳細¶
- メディアクエリを使用したレスポンシブデザインの実装
- YAMLファイルの構造修正によるi18n不具合の解決
- 環境変数を活用した本番環境データベース接続設定
コミット: 12ae098¶
メッセージ¶
ログインフォームレスポンシブ対応
変更されたファイル¶
- M app/assets/stylesheets/pages/_login.scss
変更内容¶
commit 12ae098d658dc1e4a1e2e1e41c7c80798207f89f
Author: k2works <kakimomokuri@gmail.com>
Date: Mon Jan 23 19:10:59 2017 +0900
ログインフォームレスポンシブ対応
diff --git a/app/assets/stylesheets/pages/_login.scss b/app/assets/stylesheets/pages/_login.scss
index c635be9..72fc3e8 100644
--- a/app/assets/stylesheets/pages/_login.scss
+++ b/app/assets/stylesheets/pages/_login.scss
@@ -6,6 +6,9 @@
.Login {
width: 400px;
+ @include mq-sp {
+ width: auto;
+ }
margin: $wide * 2 auto;
padding: $wide * 2;
border-radius: $wide;
コミット: 86e2719¶
メッセージ¶
ログインフォームメッセージ表示不具合修正
変更されたファイル¶
- M config/locales/models/models.yml
変更内容¶
commit 86e2719efb52413f5720b845ce52d13159a4a993
Author: k2works <kakimomokuri@gmail.com>
Date: Mon Jan 23 19:00:14 2017 +0900
ログインフォームメッセージ表示不具合修正
diff --git a/config/locales/models/models.yml b/config/locales/models/models.yml
index 6138e72..15cb668 100644
--- a/config/locales/models/models.yml
+++ b/config/locales/models/models.yml
@@ -32,8 +32,6 @@ ja:
staff/login_form:
email: メールアドレス
password: パスワード
-
- attributes:
admin/login_form:
email: メールアドレス
password: パスワード
コミット: d6120a2¶
メッセージ¶
Herokuデプロイデータベース接続対応
変更されたファイル¶
- M config/database.yml
- A db/seed/production/administrators.rb
- A db/seed/production/staff_members.rb
変更内容¶
commit d6120a2456a8be7f0a89533924756372a222a1e7
Author: k2works <kakimomokuri@gmail.com>
Date: Mon Jan 23 18:53:48 2017 +0900
Herokuデプロイデータベース接続対応
diff --git a/config/database.yml b/config/database.yml
index 0c508ef..0c4a245 100644
--- a/config/database.yml
+++ b/config/database.yml
@@ -55,6 +55,6 @@ production:
# For details on connection pooling, see rails configuration guide
# http://guides.rubyonrails.org/configuring.html#database-pooling
pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
- url: postgres://postgres:password@127.0.0.1/baukis-kai_production
- port: 5432
+ url: <%= ENV['DATABASE_URL'] %>
+ port: <%= ENV['PORT'] %>
diff --git a/db/seed/production/administrators.rb b/db/seed/production/administrators.rb
new file mode 100644
index 0000000..61dc988
--- /dev/null
+++ b/db/seed/production/administrators.rb
@@ -0,0 +1,4 @@
+Administrator.create(
+ email: 'hanako@example.com',
+ password: 'foobar'
+)
\ No newline at end of file
diff --git a/db/seed/production/staff_members.rb b/db/seed/production/staff_members.rb
new file mode 100644
index 0000000..7156a40
--- /dev/null
+++ b/db/seed/production/staff_members.rb
@@ -0,0 +1,9 @@
+StaffMember.create(
+ email: 'taro@example.com',
+ family_name: '山田',
+ given_name: '太郎',
+ family_name_kana: 'ヤマダ',
+ given_name_kana: 'タロウ',
+ password: 'password',
+ start_date: Date.today
+)
\ No newline at end of file
コミット: adbeb4c¶
メッセージ¶
ログインボタン表示不具合修正
変更されたファイル¶
- M app/views/admin/shared/_header.html.erb
- M app/views/staff/shared/_header.html.erb
変更内容¶
commit adbeb4c95aaafc6e3a5ca6ff42e0fae5f8931d79
Author: k2works <kakimomokuri@gmail.com>
Date: Mon Jan 23 18:53:15 2017 +0900
ログインボタン表示不具合修正
diff --git a/app/views/admin/shared/_header.html.erb b/app/views/admin/shared/_header.html.erb
index 388e5cc..299226e 100644
--- a/app/views/admin/shared/_header.html.erb
+++ b/app/views/admin/shared/_header.html.erb
@@ -17,9 +17,9 @@
</ul>
</nav>
<%= if current_administrator
- link_to t('admin.shared.header.login'), :admin_session, method: :delete, class: 'btn btn-default'
+ link_to t('admin.shared.header.logout'), :admin_session, method: :delete, class: 'btn btn-default'
else
- link_to t('admin.shared.header.logout'), :admin_login, class: 'btn btn-default'
+ link_to t('admin.shared.header.login'), :admin_login, class: 'btn btn-default'
end
%>
</header>
\ No newline at end of file
diff --git a/app/views/staff/shared/_header.html.erb b/app/views/staff/shared/_header.html.erb
index 830cc01..96aa3d6 100644
--- a/app/views/staff/shared/_header.html.erb
+++ b/app/views/staff/shared/_header.html.erb
@@ -17,9 +17,9 @@
</ul>
</nav>
<%= if current_staff_member
- link_to t('staff.shared.header.login'), :staff_session, method: :delete, class: 'btn btn-default'
+ link_to t('staff.shared.header.logout'), :staff_session, method: :delete, class: 'btn btn-default'
else
- link_to t('staff.shared.header.logout'), :staff_login, class: 'btn btn-default'
+ link_to t('staff.shared.header.login'), :staff_login, class: 'btn btn-default'
end
%>
</header>
\ No newline at end of file