ポートフォリオ
[サイト名] BIKERS-QA [サイトの内容] バイク専門の情報共有サイト BIKERS-QAはバイクメンテナンスに携わる方々にとって役に立ち、多くの情報が集まる場を提供したい気持ちから生まれた二輪整備専門のQ&Aサイトです。 整備初心者やプロメカニックまで気軽に整備に関する記事や質問を投稿することができます。 多くのメンテナンス情報共有サイトでは車が主役です。 それに対しBIKERS-QAではカテゴリーを二輪整備に絞ることにより、知りたい情報へのアクセスを容易化し、必要のないコンテンツを避ける事ができます。 レスポンシブ対応してますので、スマートフォンでもアプリを楽しむ事ができます。 今後はコミュニティの作成を支援できる機能を追加していく予定です。 [担当業務] 一から全て自身で作成しました [意識した事] ・フロントエンド AjaxやCSSアニメーションなど、自分にとって新しい技術を取り入れる事やレスポンシブデザインをしっかりと構築し、パソコンでもスマートフォンでも快適に閲覧出来るように務めました 。 スライドショーの上にコンテンツを配置するなど、他のサイトでは見かけないような手法を取り入れるように意識しました。 また、パソコンに詳しくない方でも気軽に触れてもらえるようにUI/UXに注力し、使いやすくわかりやすいように作成しました。 ・バックエンド 現場に出た際のチーム開発を意識し、Docker による環境構築を行いました。 無駄のないコーディングを心がけ、アセットパイプラインを廃止・除去し、webpakcer のみで動作させるなどの対応をしてきました。 また、データベースを構築する際には index を付与し、クエリ時の検索スピード の短縮なども意識しました さらにBulletを使用し、N+1問題の解消にも務めました CarrierWave と ActionText による画像アップロード先を AWS S3に設定し データベースへの負担を下げ、データの耐久性や可用性、セキュリティの向上 に務めました。 CircleCI と Heroku による CI/CD を構築し、テスト完了後にデプロイする 流れを作りました。 (デプロイはmainブランチにpushした時のみに設定)