ゴールデンウィーク中に「何か1個完成させる」というノルマを達成するために、犬のスライドショーを作成しました。
単に犬の画像をスライドさせるだけのものです。 これといった珍しい機能はありません。
本当は犬種を絞れる機能だとか、画像の枚数を設定できる機能なんかの追加も考えていました。
しかし、ブログの更新やら断捨離の方を優先させたのと、いろいろと思ったよりも手間取ったので、極めてシンプルなものになってしまいました。
とりあえず形にはなったし、勉強にもなったので、個人的には良しとします。
※Vue.jsの勉強とGWのノルマ達成のためだけにつくったものであり、「一応作ったよ」ということを証明するためにアップしたものです。突然、削除する可能性が高いです。
使用したもの
- Vue.js - The Progressive JavaScript Framework | Vue.js(Vite, Compositon API)
- Vue3-carousel | Vue3-carousel
- Dog API
参考にしたもの
書籍
WEB
- 【Vue3】Vue3-carouselで迅速にそれっぽいUIを作る
- Vue 3(composition API)でカルーセルスライダーを作る方法 | devsakaso
- Vue Composition APIの使い方を解説!Vue2との違いと書き換え-こばてくブログ