はじめに
プログラミングスクール「RUNTEQ」を卒業し、Webエンジニアとして転職活動をしているにしかわです。
今回、「ぶさかわフォト」をリリースしました。
読みづらい箇所もあるかと存じますが、ぜひご覧いただけると幸いです。
開発した理由
ペットで可愛いといえば、小さくて目がクリクリしている、モフモフしているイメージが浮かびませんか？
確かに可愛いですが、別の可愛さもあります。
私は、22kgのピットブルを飼っており、世間での可愛いイメージとは正反対の犬を飼っていますが、可愛いシーンがたくさんあります。 それが「ぶさかわ」です。
この「ぶさかわ」を共有したく今回サービスを開発しました。
どんなサービスか
| 投稿機能 | 投稿一覧 |
|---|---|
 |
 |
| 投稿詳細 | ランキング機能 |
 |
 |
| 投稿編集 | 動的OGP |
 |
 |
| オートコンプリート検索機能 | フォロー機能 |
 |
 |
| コメント機能 | いいね機能 |
 |
 |
| LINE通知機能 | |
 |
|
| LINE連携(sorcery)① | LINE連携(sorcery)② |
 |
 |
| LINE連携(sorcery)③ | LINE連携(sorcery)④ |
 |
 |
| LINE連携(sorcery)⑤ | ユーザー情報変更 |
 |
 |
| LINEログイン① | LINEログイン② |
 |
 |
| LINEログイン③ | |
 |
|
| パスワード変更 | メールのURLよりパスワード変更 |
 |
 |
技術構成
| カテゴリ | 使用技術 |
|---|---|
| フロントエンド | HTML＆CSS , Rails(Hotwire/Turbo/Stimulus) |
| バックエンド | Ruby (3.2.3) |
| フレームワーク | Rails(7.1.3.4) |
| CSSフレームワーク | Bootstrap(5.3.3) |
| 開発環境 | docker |
| インフラ | render |
| ファイルサーバー | aws s3 |
| データーベース | Postgresql |
| バージョン管理ツール | Github |
| CI | GithubActions(Rspec Rubocop bundler-audit Brakeman) |
工夫した点
①LINEログインによるOauth認証
sorceryにて新たにアカウントを作成せずに、Wenアプリを触れるように導入しました。
②LINE通知
ブサかわフォト内でユーザーをフォローし、そのユーザーが投稿したときにLINE通知がくるようにしました。
LINEログインした場合、sorceryにてログインした場合それぞれに対応して、LINEIDをDBに保存するようにしました。
この内容は苦戦したため、別の記事に書きたいと思います。
③動的OGP
ユーザーにて投稿した「ぶさかわ」を共有できるように動的OGPを設定しました。
おわりに
今回初めて０からWebアプリを作成しました。
タスク管理や、様々なエラーがありましたが、無事にリリースすることができました。
今後もより、開発をしていこうと思います。！
ありがとうございました。