Posted at

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

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の雰囲気をつかむことはできたと思う。

次は暇なときにスマホ対応させるかも。