【AWS・Docker・Laravel】ポートフォリオ『Ski Pru』開発
サービス名:「SkiPru」 作成期間:2023/1〜2023/7 URL:https://skipru.com ※ 11月6日 実施 「投稿機能のバリデーションの修正」「@yeildを用いてhead読み込み時のコード修正」 プログラミング言語の基礎を2022年9月から独学でprogateやドットインストール、udemyなど、書籍やサイトで学び、2023年1月から2023年7月までの期間でMENTAを活用し、疑問点や詰まったところはメンターの方に質問しながらポートフォリオを作成しました。 Ski Pruは【肌のセルフケアを促す】がコンセプトのサービスです!自分自身が肌荒れに軽く10年程悩んでいたのをきっかけに作成しました。 肌の悩みは長期間の治療が基本となることが多く、食べ物や睡眠、スキンケアなど日々の生活習慣が鍵を握ります。そのため、生活の中で【悪影響を及ぼしている行動が何か】【悪影響を及ぼした日は月どの程度あるのか】など原因を可視化するために、毎日情報を記録する日記機能と、その日記のデータを反映したカレンダー機能を開発しました。カレンダー上で、日記のデータに伴い調子が悪い日は色を分けて表示する事で、1ヶ月ごとの肌状態や生活習慣を把握できるようにし、客観的に日々の生活習慣を見直せる形にすることで改善を促す形にしました。 カレンダーはFullCalendarというAPIを用いて、日記機能と連携するようにしました。日記のデータをModelとControllerで処理し、FullCalnedar側と連携することで、そのデータに伴いカレンダーの日付の中に表示する色やテキストを変えるなど、laravelとAPIとの連携に力を入れた事で、MVCの理解とAPIを用いたことにより、外部機能との連携の理解が深まりました。 他にも肌に関する情報を他のユーザから取得・共有するために、投稿機能やメッセージ機能などユーザ同士が繋がれる機能も開発しました。自分が正しいスキンケアや食事を行っているのか、他のユーザに聞けるDM機能や、他のユーザの情報を見れる投稿機能などを用いることで、肌に関する情報を取得・共有できる形にし、新たな知識を得る機会を設け改善に繋がる形にしました。 技術は以下に記載してあるものを使用しました。 その中でもフロントサイドを得意としています。カレンダーのAPIと連携し、日記のデータに伴い、色を変更させることで1ヶ月の肌状態を一目で把握できるようにするなど、ユーザ目線を踏まえたフロントサイドの実装を得意としています。 【使用技術】 ○HTML / CSS / Bootstrap ○JavaScript / jQuery ○PHP ○Laravel ○composer ○Node.js ○MySQL ○AWS(EC2,VPC,Route53,ALB,ACM) ○Docker/Docker-compose ○nginx ○git/github ○FullCalendar ○PHPMyAdmin