LoginSignup
1
1

More than 5 years have passed since last update.

[個人日記]Vue.js × docker × AWSへ挑戦し(失敗し)学んだこと

Posted at

概要

 チャレンジメモです。
 どれも触ったことがほぼなかった(特に環境構築が苦手)ので良い機会と思い挑戦しました。
 

Before

 ・docker使い方、仕組みなどわからない
 ・Vue.js全然わからない
 ・AWS難しそう

After

 ・docker基本操作のみならわかりやすい。
 ・Vue.js、Nuxt.js(SSR)面白そう!
 ・AWSサービス選定から難しかった

挑戦の流れ

 1.Vue/dockerの概念や特徴を理解しないまま「Vue docker aws」で検索し数件ヒットした記事から主な流れを把握
 2.書いている方法の通り「一気にdockerからAWS(S3使いたい)へやろう!」と意気込み実行。
 3.AWSの途中でエラーが発生も、設定した項目のどれが影響しているか、またはVueに問題があるのか原因不明
  (レコード/DNS周りなど実践経験なしの項目が出てきて焦り)
 4.後日、とにかくVue、Nuxtがどんなものか概要/ファイル構成を把握しようと模索
 5.dockerでVue.js環境を構築
 6.VueチュートリアルでTodoアプリ作成を試みるもライブラリの読み込み部分でエラー多発
 7.もう少しファイル構成を追求中/公式ドキュメントを見ながら自分で実装したい(今)

改善点

 1.それぞれの概要や特徴を把握し、ある程度個別に下調べ/チュートリアルをしておいた方がよかった
 2.時間配分、見積もりを考えていなかった
 3.AWS Amplifyなど簡単なサービスもあったがS3など使ってみたかったサービスに無駄にこだわってしまった

タスク

 ・docker本を読む。仕組みなど把握しておく。
 ・Vue.jsチュートリアルをいくつか触ってみる、本読む
 ・バージョン違い?のようなエラーが多発したチュートリアルは何が原因だったのか考える
 https://cr-vue.mio3io.com/tutorials/todo.html#%E5%AE%8C%E6%88%90%E5%BD%A2
 ・今度こそAWS

1
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
1
1