LoginSignup
24
37

More than 3 years have passed since last update.

Vue.js 初心者がなにか作りきってみる(願望)

Last updated at Posted at 2018-10-31

なにか作りたい!

仕事だと同じ言語、同じフレームワーク、同じ…

代わり映えしないですよね。

なんとなくやる気になったので、使ったことない言語でなにか作り切ってみようと思います!

この記事は…

社内向けのブログページなど作ろうと思いました。

空いた時間を使ってコーディングするので長いスパンになるもよう。

なのでこの記事は、今後書き溜めていく記事を纏める インデックス 的な位置づけ。

この記事自体に技術的メリットはないけど、似たようなことをしたい人にとってはこの記事からそれぞれの記事に飛ぶと見やすいかも?

(一記事にまとめろって方もいると思うんですけど、私自身あとで見たときにやりたい事ごとに分けられている方が好きなので、この書き方で)

キーワード

タグにも設定しているけど、次のキーワードに関する実装をしていく予定です。(順不同)

Vue.js

Vue CLI 3 系を使います。(ちなみに使うの初めて)

Firebase

Google認証とか使います。(ちなみに使うの初めて)

PWA

ちょっとやってみたい。書くのはだいぶ先?(ちなみにやるの初めて)

Yarn

npmとの比較とか書けたらいいけど、ただの使い方かも。(ちなみに使うの初めて)

Font Awesome

アイコン好きなので随所に散りばめるかも。v5.4.x 系を使うつもり。

Bootstrap

まあ定番として。v4.x 系を使うつもり。

Webp

PWAにするので速さ重視で試しに使ってみる。(ちなみに使うの初めて)

インデックス

リンク先の記事は随時更新していきます。
(2019/1/18 更新しました!)

導入編

:link: Yarn を導入しよう(Windows)

:link: Vue.js を導入しよう(Windows)

:link: Font awesome を Vue.js で使ってみよう

:link: Bootstrap を Vue.js で使ってみよう​ 

:link: Firebase を Vue.js で使ってみよう

急な方向転換で!
:link: Nuxt.js を導入しよう

:link: Firebase を Nuxt.js で使ってみよう

2019/1/18:追加!
Sass を Nuxt.js で使ってみよう

2019/7/26:追加!
Sass/SCSS を使いたい場合はこちらの記事のほうがわかりやすいです
Sass を Nuxt.js で使ってみよう(2019.07版)

実装編

:link: Firebase の Google 認証を Vue.js(Nuxt.js) で実装してみよう

2019/9/20:追加!
:link: Firebase の Google 認証情報を Vuex で状態管理しよう

:link: WYSIWYG エディターはどれがいい?WYSIWYG エディターを Vue.js で実装してみよう​ 

やばい…続き考えてない…

まとめ

仕事に追われているとなかなか新しいことに挑戦できないと思うんですよ。

自分もそうですし。

でも、まあ、こうやって世に公開して「やるぞ!」と言ってしまえばやれるかな、と。

興味のある方は見てもらえると嬉しいですし、似たように「なにかやってみようかな?」って方は一緒に作ってみましょう!

24
37
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
24
37