3
1

More than 3 years have passed since last update.

高校生がwebアプリケーションを作ってみた!

Last updated at Posted at 2021-03-24

はじめに

記事を見ていただきありがとうございます。
恐縮ですが実務・業界共に未経験のため設計や図に間違いがある場合、優しく教えていただけると幸いです。
執筆時は高校を卒業していますが、ほぼ高校生ということでお願いします。
高校生なりに頑張って作ったので見ていってください。
コストの関係上、2021/4/15まで公開します。
記事中にも記載はありますが、各リポジトリのURLをまとめておきます。
アプリケーション repo
docker repo
k8s repo

勉強期間・苦労したとこ

期間

合計すると約1年。
内訳は、html,css,jsを遊びで半年。
php,laravelを3ヶ月,aws,dockerなどのインフラ系を3ヶ月。
ポートフォリオは2月上旬~3月中旬の約1ヶ月半です。
(制作中に引っ越しがあったので少々長くなりました)

苦労した点

高校二年生で飲食店のアルバイトで稼いだお金でMacbookを買いましたが、高校の授業を受けながらなので勉強時間の確保に困りました。さらに、家が遠かったので尚更時間がなかったです。
また、周りにエンジニアがいないので情報収集に悩んだり。高校生なのでawsの課金額をいかに抑えるかで苦労しました。

使用技術・機能

使用技術

今回ポートフォリオに使用したものを書きますが、同じような類のものは1行にまとめます。
・PHP/Laravel
・MySQL
・html/css/bootstrap
・Node.js(npm)(未学習)
・AWS(EC2, VPC, IAM, EKS, ECR)
・k8s
・Helm(stable/nginx-ingress)
・Docker/docker-compose
・git/github

機能

・ログイン
・簡単ログイン
・フォロー/相互フォローバッジ
・いいね機能
・検索機能
・つぶやき機能
・グループ

サイトマップ・ER図

サイトマップ

Screen Shot 2021-03-23 at 21.44.33.png

ER図

Screen Shot 2021-03-23 at 22.25.17.png

インフラ

aws上での構成

Screen Shot 2021-03-23 at 21.43.51.png

k8sクラスタの構成

Screen Shot 2021-03-24 at 15.58.39.png

あらかじめ作成したdockerイメージdocker repo 参照をECRに登録し、k8sクラスタ上でawsを認証し、その他必要なvolumeを作成・マウントしています。

下の構成図はk8s repoを表したもので、
Makefileにより簡単に構築・管理することができます。

アプリケーション

アプリ名   : Nanndemo
目的・企画理由: デモのようなものをネット上でできないか、若年層に少しでも政治に
         興味を持ってもらいたい、コロナウイルスによる自粛が必要なため。
リポジトリ  : アプリケーション repo
URL     : 終了しました。
その他    : 誹謗中傷などによる法的な問題への発展を考慮し利用規約の作成。
         コスト削減のため、ドメイン名は取得しておりません
         ご理解お願いいたします。
         *スマホ・タブレットでは表示が崩れる可能性があります。

最後に

実際にアプリケーションを見て頂けるとわかりますが、まだまだ能力不足です。
SSL化やCI/CD,利便性,新しい機能など追加事項があると思いますが、現時点での能力を鑑みた結果ここまでとさせて頂きます。
ですが、高校卒業ということでさらなる成長を求め精進して参ります。
ありがとうございました。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1