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

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

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

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)