Generate a QR code with your image by Vue.js! - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

Generate a QR code with your image by Vue.js! schwalbe10

Slide 2

Slide 2 text

“My SNS account is S-C-H-…” “Wait, wait, wait! S...what?”

Slide 3

Slide 3 text

The requirements are to exchange contact information easily and to have a smug look on one’s face. 3 Exchange contact information easily Have a smug look on one’s face ● Distinguish oneself from others ● Entertain everyone with it ● Do not use a keyboard touch ● Send information by a common method

Slide 4

Slide 4 text

This app is based on Vue.js, the progressive JavaScript framework. It is quite approachable for begginers. 4 Vue.js: https://vuejs.org/

Slide 5

Slide 5 text

This app called qrGenerator includes the compornent of vue-qart. The characteristics of qrGenerator are original, reactive, and downloadable. 5 vue-qart: https://github.com/superman66/vue-qart The QR code is changed reactively. The download button is set. An original image is converted. qrGenerator vue-qart

Slide 6

Slide 6 text

Demo 6 App: https://schwalbe10-qrgenerator.herokuapp.com/ GitHub: https://github.com/schwalbe10/qrGenerator