ゼロからコード書いて銭湯サイトを作ってみた
こんにちは!IT女子のちーさんです。
IT女子と名乗りながら、プログラミングをほとんどやったことなかったのですが、今回プログラミングでゼロからコードを書いて銭湯のサイトを作りました。
この記事では、できたての銭湯サイトを紹介したいと思います。
プログラミングをすることになったきっかけ
私が勤めている会社の福利厚生で、「CodeCamp」というプログラミング講座が無料で受けられるというものがあり、そこに応募したのがきっかけです。
CodeCampは、現役エンジニアとマンツーマンで質問ができるサービスで、独学では難しいプログラミングを短期間で学ぶことができます。
これまで銭湯のサイトは、「Wix」というサイト作成サービスで作っていました。
ある程度はこれでできたのですが、読み込みスピードがとても遅かったり、機能が限られていたりと最終的にあまり使いものにならない感じになってしまったので、プログラミングを勉強するついでに、銭湯のサイトを作ってみよう!ということで作りました。
「銭湯千裕の風呂探し」サイト紹介
サイト名は「銭湯千裕の風呂探し」。
呼び方は某宮崎アニメの語感と一緒です(笑)長いんで略して「銭湯千裕」でいきましょう。(某宮崎アニメも「千と千尋」と呼ばれてるので…)
私が今まで収集した銭湯の情報を出来るだけ分かりやすく届けるような設計になっています。対象となる銭湯は、あくまで私が行ったことある銭湯なので、数的には現状100軒ちょっとですが、その分濃密な情報があるのでご容赦ください。
サービス紹介
銭湯千裕では、こんなことができるよ!というのを紹介します。
銭湯検索
銭湯千裕のメイン機能として、条件や地域で銭湯を絞り込める機能があります。これがWixでは出来なかったんで、今回実装できて嬉しいです。
銭湯には色々なスペックがあって、例えば水風呂やサウナの有無、シャンプーやタオルは無料なのか、露天風呂があるのかなどなど、料金は同じなのに差がすごいあるんです!
これを使えば好みに合った銭湯が見つけやすくなりますね。
お気に入り&行った行きたいリスト作成
銭湯千裕は、会員登録もできるようにしました。メールアドレスとパスワードを入れるだけでマイページを作ることができます。(メールを送る機能は実装できなかったので、パスワードの再発行はできません!)
会員登録をすることで、全部で3種類のリストを作ることができます。
- お気に入り銭湯リスト:また行きたい大好きな銭湯を保存するところ
- 行ったリスト:訪問済み銭湯を保存するところ
- 行きたいリスト:今度行ってみたい銭湯を保存するところ
マップ機能
地図から検索はできないのですが、「Googleマイマップ」と連携することでこのサイト上に掲載されている銭湯をマップに一覧表示することはできました。
これで、自宅や職場近くの銭湯を探して、気になる銭湯があったら「銭湯名で検索」を使って情報を見てみてください。そのままGoogleマップに飛ぶことも可能です。
ブログ&インスタ連携
これも外部サービスと連携しただけですが、私は「note」で銭湯についてのブログ、インスタで銭湯訪問写真を投稿しています。インスタの方は、ウィジェットを使ってリアルタイムでサイト上にも投稿が反映されるようにしました。
おすすめ銭湯リスト
「銭湯に行ったことがない」「どの銭湯に行ったらいいか分からない」という方に一番見て欲しいのがこのページです。
私が今まで行った中で、超絶おすすめできる選りすぐりの素晴らしい銭湯をまとめました。どれも個性的で面白い銭湯ばかりで、それぞれキャッチコピーをつけてます。写真をタップすると、詳細が見れて、行きたいリスト登録なども可能です。
特にこだわりがない人は、ここから銭湯を見てみてまずは1軒行ってみてください。「本当に銭湯⁉︎」と驚くものばかりですよ!
「銭湯千裕の風呂探し」は、あくまで個人サイトとして運用していくので、オフィシャルにサービスとしてリリースするレベルのものではありませんが、私の友達やSNS上のフォロワーさんにはぜひ使っていただきたいなと思っています!
これで銭湯に行く人が少しでも増えたら嬉しいです。