初めまして、にっしー（@naoki6431042）と申します。
2024年4月20日に、プログラミングスクールRUNTEQに入学し、エンジニア転職を目指しています。
この度、2025年3月28日にホラー映画を見た事がない人向けにB級ホラー映画を紹介するアプリ「こみてらっ！」を開発いたしました。
今回はこちらのサービス紹介記事となります。具体的にはREADMEの内容に解説などを追加したものとなります。
– 概要
– 開発背景
– サービス紹介
– 使用技術
– ER図
– こだわった点
– 今後の改善点
– 最後に
少しコミカルなB級ホラー映画紹介を中心としたレビューアプリです。
ホラー映画を観た事がないユーザー向けに映画のハードルを下げるためのアプリで、ホラー映画を見たことがあるユーザーは普段観ない作品を見つける事ができます。
一般的に「初心者向けホラー映画」として紹介される作品は10作品ほどに限られることが多く、それ以上の選択肢が提供されていないのが現状です。しかし、実際には「そこまで怖くないホラー映画」はもっとたくさん存在します。
「ホラー初心者だからといって、限られた作品しか選べないのはもったいない」と感じ、より多くの作品を知ってもらうためのプラットフォームを作ることを決意しました。
怖いのが苦手な人は、映画のポスターやあらすじ、不気味な映像を見ただけで「自分には無理」と判断してしまいがちです。実際には怖さの度合いがさまざまで、ホラー映画の中にはコメディ要素が強いものや、アクション寄りの作品もあります。それでも、「ホラー」というだけで敬遠されることが多い実情です。
このアプリでは、そういった人でも気軽に「観てみようかな」と思えるような作品を紹介し、視聴のハードルを下げることを目的としています。
私自身もかつてはホラー映画に対して「怖いから見たくない」と思っていました。しかし、『マリグナント』を観たことで、その考えが大きく変わりました。この作品は、冒頭こそホラーらしい雰囲気があるものの、実際にはアクション映画のような展開が主体で、ホラー要素はそこまで強くありませんでした。
この体験を通じて、私は「ホラー映画は怖いものばかりではない」と気づき、むしろその非日常的なスリルや楽しさに惹かれていきました。この経験をもとに、同じように「ホラー映画＝怖い」と思い込んでいる人に、ホラー映画の楽しさを伝えたいと考えました。
私がホラー映画にハマったことを知人に話すと、「映画は観るけど、ホラー映画は怖いから観ない」という人が多くいました。しかし、そういった人たちも、本当は「怖くないホラー映画があるなら観てもいい」と思っていることに気づきました。
この「ホラー映画＝怖い」という固定観念を払拭し、「実は怖くないホラー映画もある」という新しい視点を提供することで、ホラー映画を敬遠している人たちにも興味を持ってもらえるのではないかと考えました。
このアプリでは、以下のような方法で「ホラー映画は怖いから観ない」という課題を解決します。
コメディ要素やアクション要素の強い作品の紹介
「怖くないホラー映画」のレビュー・感想の共有
ユーザーが自分のペースでホラーに慣れていける仕組み
このように、「こみてらっ！」は「ホラー映画の楽しさをもっと多くの人に知ってもらう」ことを目的としたアプリです。
| ユーザー登録 / ログイン |
|---|
 |
|
『名前』『メールアドレス』『パスワード』『確認用パスワード』を入力してユーザー登録を行います。ユーザー登録後は、自動的にログイン処理が行われるようになっており、そのまま直ぐにサービスを利用する事が出来ます。 |
| 作品一覧 |
|---|
 |
|
映画のポスター画像をカード型にしております。 |
| 作品詳細、ブックマーク/レビュー投稿、一覧画面 |
|---|
 |
 |
| 作品詳細画面には作品のあらすじ紹介文とブックマークボタン、「観た！」ボタンを表示しております。 |
| 「観た！」ボタンを押すと、観た人数が増えてランキングに反映されます。 ログインするとレビューが投稿できる様になります。未ログイン状態で投稿するとログイン画面へ遷移します |
| ランキング |
|---|
 |
|
「観た！」ボタンを押した人数をカウントしていますので、ボタンを押された数が多い映画のうち上位３つを表示しています。 |
| レコメンド |
|---|
 |
|
ユーザーがブックマークした作品をもとに、同じ作品をブックマークした他のユーザーを探します。 |
| カテゴリ | 技術内容 |
|---|---|
| サーバーサイド | Ruby on Rails 7.1.3・Ruby 3.3.6 |
| フロントエンド | Ruby on Rails・JavaScript・HTML |
| CSSフレームワーク | Tailwindcss + daisyUI |
| Web API | Google API |
| データベースサーバー | PostgreSQL |
| ファイルサーバー | AWS S3 |
| アプリケーションサーバー | render |
| バージョン管理ツール | GitHub・Git |
テーブル構成は大きく分けて２つで構成されており、「ユーザー情報」と「映画情報です」
こちらでは、ユーザーの名前やメールアドレスなど基本的な情報をusersテーブルで管理しております。
また、映画をブックマークするためにBookmarksテーブルや、ランキング機能のためにWatchedsテーブルと連携しています。
Watchedsテーブルでは注目度が高い映画のランキングを作成するために、作品を観た人数を集計しています。
こちらでは作品タイトルや作品の画像、映画のあらすじなどの情報をmoviesテーブルにて管理しております。
またレビューを投稿してもらうためにReviewsテーブルやランキング機能のためのWatchedsテーブルと連携しています。
ユーザーが「観た！」ボタンを押すことによってどのユーザーがボタンを押したのかwatchedテーブルで管理しています。
「観た！」を押すとwatchedテーブルにuser_idとmovie_idが保存されることで映画を観た人数が何人いるのかが分かるようになります。
ユーザーベースの協調レコメンド機能を実装しており、自身がブックマークした作品が他ユーザーの誰とも被らなかった場合、全作品の中からランダムに紹介する様にしています。
以下のコードを使用することでレコメンド表示画面では@recommend_moviesに代入された作品を表示しています。
class RecommendsController 世界観を作るために背景は黒色、大事なボタンはオレンジ色にして目立たせました。
それ以外の色は使わないように色の種類を抑えました。
トップページとOGPの画像は、ユーザーに「怖くないホラー映画」という印象を持たせる為に、モンスター達が楽しく団欒している様子にしました。
ランキング画面では、文字が無くてもランキングを理解できるようにイラストを使用しました。
また、全画面にサイドバーを表示することでいつでも任意の画面に遷移する事ができます。
運用していく中で幾つか気づきがありました。
1つはユーザーから頂いたフィードバックで「Google認証を使用してアカウント作成をすると本名が表示されてしまうので名前変更機能が欲しい。」というフィードバックを頂きました。
2つ目はユーザーが作品を投稿する機能が無いのでアプリに発展性が無いことです。
こちらはGoogleアナリティクスのユーザー数を見て投稿されているレビューの少なさに気づきました。
3つ目はカテゴリー検索や俳優、監督等で検索する機能が無いので映画を探しにくい状態になっている事を使用しる中で気づきました。
上記の課題を解決するために以下の事を改善したいと思います。
（一部改善済み）
初めてアプリを1から作成してみて、様々な知識がまだまだ浅いことを痛感しましたが、間違いなく１番楽しい時間でした。とても良い勉強になりました。
どんな小さな機能でも、実装できた喜びは最高のご褒美でした。
１年後、アプリを見直した時にクソコードすぎて見せられないよ…と思えるように今後も継続して学習を行なっていきます！！！
Be the first to comment
