みんなの「作ってみた」

Vue.jsを使って1日でWebアプリを作った。

2019/01/12

gbA-3
gbA-3

vue.jsの勉強を始めたので簡単なアプリを作ってみた。

作ったサービス

NewItems
https://newitems-8c997.firebaseapp.com/

このWebサービスは今日投稿・更新された記事を検索したタグでフィルタリングして表示するWebアプリです。
以下に動きを載せます。

FireShot Capture 2 - newitems - https___newitems-8c997.firebaseapp.com_.png
javascriptで検索
FireShot Capture 3 - newitems - https___newitems-8c997.firebaseapp.com_.png
タグをクリックすることでクリックしたタグ名で検索できます。
FireShot Capture 4 - newitems - https___newitems-8c997.firebaseapp.com_.png

とりあえずPCのみ対応です。

使用技術

  • Vue.js
  • Qiita API
  • firebase

おわりに

vue-cliがとても便利で環境構築が楽だった。
実際に自分の手で作ることで、vue.jsの雰囲気をつかむことはできたと思う。
次は暇なときにスマホ対応させるかも。