search

misakiyashima / graduation_exam

0 stars 0 forks source link

MVP(β版) #20

Open misakiyashima opened 2 months ago

misakiyashima commented 2 months ago

各種情報

サービス名：オールインクルーシブの旅 サービスURL：https://whispering-crag-43281-e12c8953fdaa.herokuapp.com/

READMEレビュー時にMVPリリース時点で実装予定だった機能

READMEレビュー時に実装予定だった機能が実装できているかがわかるように記載してください

READMEレビュー時から変更した機能

開発途中でMVPリリース時点で作らなくなった機能や追加した機能があれば記載してください なければこの項目は省略してください

・使用API：〇宿泊施設の情報を取得 　　　　　1. じゃらんWebサービス 　　　　　2. 楽天トラベルAPI 　　　　　3. Expedia API 　　　　　4. Booking.com API →上記使用予定でしたが、じゃらんWebサービスはすでに新規のアカウント登録が終了していたため、使用なしとなりました。Expedia API、Booking.com APIは順次導入予定であり、現状では楽天トラベルAPIを使用し、該当の宿泊施設を抽出しています。各施設の詳細情報と実際の各施設のオールインクルーシブプランの精度については今後吟味し実装していく予定です。

サービスイメージがわかるようなスクリーンショット等

デザインについてはまだ検討段階ですが、ユーザビリティへの面も含め、変更予定です。 Image from Gyazo

kenchasonakai commented 2 months ago

使い方が全く分からずでして... 参考までに実際に検索して、詳細画面が閲覧できるまでの画面のスクリーンショットを貼っていただけますか？

misakiyashima commented 2 months ago

大変申し訳ございません！ 修正いたしましたので誠に恐れ入りますが、再度ご確認いただけますと幸いです。

各種情報

サービス名：オールインクルーシブの旅 サービスURL：https://whispering-crag-43281-e12c8953fdaa.herokuapp.com/

READMEレビュー時にMVPリリース時点で実装予定だった機能

READMEレビュー時に実装予定だった機能が実装できているかがわかるように記載してください

READMEレビュー時から変更した機能

開発途中でMVPリリース時点で作らなくなった機能や追加した機能があれば記載してください なければこの項目は省略してください

・使用API：〇宿泊施設の情報を取得 　　　　　1. じゃらんWebサービス 　　　　　2. 楽天トラベルAPI 　　　　　3. Expedia API 　　　　　4. Booking.com API →上記使用予定でしたが、じゃらんWebサービスはすでに新規のアカウント登録が終了していたため、使用なしとなりました。Expedia API、Booking.com APIは順次導入予定であり、現状では楽天トラベルAPIを使用し、該当の宿泊施設を抽出しています。各施設の詳細情報と実際の各施設のオールインクルーシブプランの精度については今後吟味し実装していく予定です。

サービスイメージがわかるようなスクリーンショット等

デザインについてはまだ検討段階ですが、ユーザビリティへの面も含め、変更予定です。

Image from Gyazo

Tsuchiya2 commented 2 months ago

機能確認が取れました。LGTMです！ 引き続き本リリースに向けて開発頑張ってください。

以下、LGTMを出した方々に共通してお伝えしている内容になります。 （Webアプリを就職活動で活用される方向けの内容になります）

===== 本リリースまでに以下も取り組む ===== □ 独自ドメイン反映 -> DNSやSSLの対応も必要になるのでアピールになり、URLを書類等に記載するときの見栄えも良くなります。 □ OGP（静的 or 動的） -> SNS等でシェアするときの見栄えが良くなります。Webアプリであればどんなアプリでも取り入れられるので対応しておきましょう。 □ RSpec（モデルテスト+システムテスト or モデルテスト+リクエストテスト） -> 開発における品質の意識や開発効率の意識の高さをアピールできます。Request Specをメインに最低限各機能に正常にアクセスできるか程度はテストで確認できるようにしておきましょう。 □ CI（GitHubActions） -> 実際に開発現場でも使われており、アプリ外で技術のアピールが出来るものです。RSpecと合わせて実装を行いましょう。 □ Rubocopを使ってのリファクタリング -> Lintチェックツールは開発現場で広く使われています。コードのLintを整えておくことはチームで開発することを意識するうえでとても大切になるので取り入れておきましょう。

他のプログラミング学習者のWebアプリと異なることをアピールするために、よりインパクトのある機能を複数盛り込むことが重要になってきます。 □ SNSログイン（Google or LINE） -> ほとんどのアプリに取り入れられてユーザー体験の向上や技術のアピールにつながるので取り入れましょう。 □ 検索機能のアップデート（オートコンプリート、マルチ検索等） -> 特にオートコンプリートは検索体験の向上だけではなくJS系の技術も取り入れていることをアピール出来るので積極的に取り入れましょう。

ユーザー体験という面では以下の項目も大切です。 □ オートログイン -> ユーザー登録後に再度ログイン操作を行わせないことでユーザー体験を向上させられます。 □ 使い方説明がある -> 初めて訪れたユーザーに呈して使い方の説明があることで体験を向上させられます。 □ レスポンシブ対応 -> いずれのデバイスでも綺麗にサービスが活用できることで体験が良くなります。 □ 利用規約・プライバシーポリシーを未ログイン状態でも確認できる -> 利用規約・プライバシーポリシーがあることで、ちゃんとしたサービスという印象を与えられます。 □ ローディングアニメーション（処理が重い箇所） -> 処理が重い箇所に何の対応も無いとユーザーが正しく操作できたのか困惑してしまいます。そうした際はローディングアニメーションを表示させることで体験が向上します。