More than 5 years have passed since last update.

PdMがプログラミングを学び、Nuxt.js/firebase/VuetifyでWebサービスを公開するまでにお世話になった記事32選

Last updated at 2019-08-17Posted at 2019-08-17

はじめまして、ゆと(@utoc11)と申します。初Qiitaなので、まずは簡単なリンク集を投稿してみます。

普段はPdM（プロダクトマネージャー）が本業なのですが、

そんな気持ちからぼくは昨年夏からのらりくらりプログラミングを始めたのですが、
少しずつ色々なものへ手を出す良くない学び方をしてきました。

簡潔に言うと、「どれもなんとなくわかるけど結局書けない…」そんな状況です。
（PMとしては良いのかもですが・・・）

そんなぼくですが、ひょんなことからNuxt、firebaseに出会い強烈に興味を持ち、
「これで1つサービスを作ろう！」と思ってつくったサービスが、**ハッシュタグカウンター**です。

1つ強調してお伝えしたいのが、このサービスは独自のロジックほぼなし、CSSもほぼなし、Vueとfirebaseの機能の恩恵を受けまくっているサービスということです。

つまりVueやNuxt、firebase未経験、もはやプログラミング初心者でもこれくらいは作れるのです。VueやNuxt、firebaseの感覚を掴みたい方はぜひ挑戦してみてください。

今回はこのサービスを独自ドメインで公開するまでに、お世話になったページをご紹介します。自分でも作りながら、ブックマークしたりQiitaでストックしたりするのですが、どこにあるのかいまいちわからなくなって毎回ググったりしていたんですよね。

そんなことがこの記事1つストックしていたら不要になるといいなーと思って書いています。プログラミング初心者がVueやNuxt、firebaseを触ってみようかなという時に使ってもらえると幸いです。

開発自体の話は、別途まとめていこうと思っています。

##ソースコード
Github

##ぼくのプログラミング関連のスペック

今回のVue、Nuxt、firebaseに関しては全くのど素人です。かつ、以下のように他のスキルも精通しているわけではないです。

（だからこそ、初歩の初歩でつまずく方への心強いリンク集になるかなと思います）

**Ruby：**教材のコピーレベルのポートフォリオなら作れるレベル
**Ruby on Rails:**教材のコピーレベルのポートフォリオなら作れるレベル
**HTML&CSS：**基本的なものならググりながら作れるレベル
**JavaScript：**Progate＋入門JavaScript フロントエンドエンジニアになるための基本と実践スキルを読んだけど何もオリジナルで書いたことない
**JQuary：**Progateレベルで、模写ではコピペで少し使ってみただけのレベル
**SQL:**Progateレベルで、基本的なものは実務で使っている

##本当にお世話になった記事32選

開発の流れとしては、Vue.jsとNuxt.jsの公式のガイドをざっと読んで、開発スタート。

あまりに評判が良いのでVue.jsは猫本をリファレンス的位置付けで購入して、
基本はググりながらの開発をしてきました。

###★公式サイト編
それにしてもたまたまなのか、公式サイトがものすごく優秀でした。
####Vue.js公式ガイド
Vue.js公式
####Nuxt.js公式ガイド
Nuxt.js公式
####Vuetify公式ガイド
Vuetify公式

###★Nuxt編

####Nuxt入門系：全体像がわかる記事

####Nuxt＋firebaseの全体像がざっくりわかる記事