Vue.js 초보자가 뭔가 만들어 봅니다 (욕망)

뭔가 만들고 싶다!

직업과 같은 언어, 같은 프레임워크, 같은…

대신 빛나지 않습니다.

어쩐지 동기부여 되었기 때문에, 사용한 적 없는 언어로 뭔가 만들어 버리려고 생각합니다!

이 기사는...

사내용의 블로그 페이지 등 만들려고 생각했습니다.

빈 시간을 사용해 코딩하기 때문에 긴 스팬이 되는 것 같다.

그러므로 이 기사는, 향후 쓰기 모아 가는 기사를 모으는 인덱스적인 위치설정.

이 기사 자체에 기술적 이점은 없지만, 비슷한 것을 하고 싶은 사람에게 있어서는 이 기사로부터 각각의 기사에 날면 보기 쉬울지도?

(한 기사에 정리해 두는 분도 있다고 생각합니다만, 나 자신 나중에 보았을 때에 하고 싶은 일마다 나뉘어져 있는 쪽을 좋아하므로, 이 쓰는 방법으로)

키워드

태그에도 설정하고 있지만, 다음 키워드에 관한 구현을 해 나갈 예정입니다. (순부동)

Vue.js

Vue CLI 3 시스템을 사용합니다. (덧붙여서 사용하는 처음)

Firebase

Google 인증 등을 사용합니다. (덧붙여서 사용하는 처음)

PWA

조금 해보고 싶다. 쓰는 것은 상당히 앞? (덧붙여서 하는 첫)

Yarn

npm과의 비교라든지 쓰면 좋지만, 그냥 사용법일지도. (덧붙여서 사용하는 처음)

Font Awesome

아이콘 좋아하기 때문에 곳곳에 흩어질지도. v5.4.x 시스템을 사용할 계획입니다.

Bootstrap

음 스테디셀러로. v4.x 시스템을 사용할 계획입니다.

WEBP

PWA로 하기 때문에 속도 중시로 시험에 사용해 본다. (덧붙여서 사용하는 처음)

색인

링크처의 기사는 수시로 갱신해 갑니다.
(2019/1/18 갱신했습니다!)

도입편

Yarn 소개(Windows)

Vue.js 소개(Windows)

Font awesome을 Vue.js에서 사용해 봅시다.

Bootstrap을 Vue.js에서 사용해 봅시다.

Firebase를 Vue.js에서 사용해 봅시다.

가파른 방향 전환으로!
Nuxt.js를 소개합시다.

Firebase를 Nuxt.js에서 사용해 봅시다.

2019/1/18: 추가!
Sass를 Nuxt.js에서 사용해 봅시다.

2019/7/26: 추가!Sass/SCSS Sass를 Nuxt.js에서 사용해 보자 (2019.07 판)

실장편

Firebase의 Google 인증을 Vue.js(Nuxt.js)에서 구현해 봅시다.

2019/9/20: 추가!
Firebase의 Google 자격 증명을 Vuex에서 상태 관리

WYSIWYG 에디터는 어느 것이 좋습니까? WYSIWYG 편집기를 Vue.js에서 구현해 보자.

(경이… 계속 생각하지 않아…)

요약

일에 쫓기고 있으면 좀처럼 새로운 것에 도전할 수 없다고 생각해요.

자신도 그렇고.

그렇지만, 뭐, 이렇게 세상에 공개해 「할거야!」라고 말해 버리면 할 수 있을까, 라고.

흥미가 있는 분은 봐 주시면 기쁩니다. 닮은 대로 「무엇을 해 볼까?」라고 분은 함께 만들어 봅시다!