はじめに
スクールの個人開発でWebアプリを作りました。
アプリ名は「TRAVEL×YOU (トラベリュー)」です。
色々な思いを込めて作ったアプリなので、この機会に「TRAVEL×YOU」についてQiitaで解説したいと思います。
TRAVEL×YOUとは
今は、コロナウィルスで海外旅行ができないですが、これを機に今までの旅を振り返ってみて、旅先での今までの色々な経験、トラブルをシェアすることができ、インプットした情報はコロナウィルスが終息した後の旅に役立てることができます。旅をより楽しいものにするツールです。
TRAVEL×YOUを作ろうと思った経緯
スクールでのチーム開発中、チーム開発の後に個人開発をするということを聞き、個人開発のテーマについて何となく考え始めました。どうせだったら自分の好きなことについてのアプリにしたいと思いました。
そこで浮かび上がったのが「旅行」です。
僕はコロナウィルスの流行直前、去年の3月の中旬までデンマークで国境が封鎖されるまでヨーロッパに1ヶ月ほど旅行していました。海外旅行が大好きなのです。
以前からネット上で、自分が訪れた国を一覧で見れるようにしたいと思っていました。そこから着想し、SNSのように画像投稿ができたり、旅先でのトラブルをシェアできたり、知恵袋のように旅行に関する質問ができたりなどインタラクティブなアイディアが次々と思い浮かびました。
名前の由来
アプリの名前はすぐに思いつきました。×をアプリの名前に入れたくて、旅行=TRAVEL、それに何をかけようと思ったところ、YOUが出てきました。理由は分かりません(笑)
名前の読み方は、あの名曲「ロード」を生み出した虎舞竜(とらぶりゅう)に掛けています(笑)
コンセプト
旅とあなたをつなぐプラットフォーム
遠い存在になってしまった旅行(TRAVEL)があなた(YOU)にとって身近なものになってほしいとの願いが込められています。
ターゲット
海外旅行が好きな全世代、バックパッカー、一人旅が好きな人
主な機能
OUR TRAVELS
今までの海外旅行で撮った写真最大5枚(カバー写真を含む)と旅行記を投稿できます。
旅版Instagramのようなものです。
TROUBLE×YOU
こちらはTRAVELではなくTROUBLEです。単語が似ているので、掛けました笑
画像付きで旅先で起こったトラブル、その解決方法を投稿できます。
旅はトラブルがつきものです。一人旅が好きな人やバックパッカーは一人で色んなトラブルを乗り越えてきました。それをただの経験としてではなく、今後旅する誰かに役立てることができます。
Q & A
旅行する予定の国や都市に関する質問を投稿したり、回答したりすることができます。
旅行版知恵袋のようなものです。
MY TRAVELS (マイページ)
今までした全ての投稿の表示、編集ができます。
また、今まで訪れた国と行った国がピン留めされた地図が表示されます。
各機能
・ユーザー関連
新規登録 / ログイン機能
ゲストログイン機能
ユーザーごとのページ
・投稿関連
画像投稿機能 / テキスト投稿機能
投稿編集機能
技術・環境
フロントエンド
・Bootstrap 4.5
・HTML / CSS
・Java Script / jQuery
バックエンド
・PHP 7.3.24
・Laravel 7.30.4
開発環境
・MAMP
・MySQL 5.7.32
本番環境
・AWS (EC2)
工夫した点
UI / UX
・ユーザーが利用しやすいインターフェースを心がけてデザインしました。
・マイページの画面いっぱい使って、色んな情報を一度に見れるように工夫しました。
環境・技術
・Bootstrapを意識的に活用しました。
・Laravelの仕組みを理解しながら、機能を実装しました。
苦労した点
・画像投稿機能
・全ての投稿したデータを一つのページに表示させること
今後実装したい機能
・コメント機能
・いいね機能
・APIを使った訪れた国の地図表示機能
・SNS連携機能
・国、カテゴリーごとのページ、検索機能
・Dockerを使って開発
さいごに
「TRAVEL×YOU」はポートフォリオだけに留まらず、沢山の人に使っていただきたいアプリです。今後、さらにたくさんの機能を実装して、アプリの精度をあげていつかサービス化できたらと思っています。