vue.jsでwebアプリケーションを作った

以前、ruby on railsで「午後ローデータベース」というwebサイトを作成したのですが、これをvue.js + laravelで、SPAとして作り直しました。

gogoro.141-lab.com

 

以下のライブラリを利用しました。

・フロントエンドフレームワーク

vue.js

jp.vuejs.org

 

cssリセット

CSS Tools: Reset CSS

 

cssフレームワーク

Kube CSS & JS Framework

 

・トースト通知

github.com

 

・アイコン

fontawesome.com

 

webフレームワーク

laravel.jp

 

vue.jsを利用した感想としては、処理がシンプルに記述でき、コード量がかなり少なく済んだことが、一番印象に強いです。htmlタグにvue.jsの機能を属性として書いていくのですが、従来の作り方だと、イベントを拾って、domを丸ごと置き換えていくようなところを、vue.jsでは、domの構造をそのまま記述できるので、プログラムの見通しがよくなり、この新しさは、作っていて、単純に面白かったです。あと、フロントエンドフレームワークは、Angularを少しやったことがあるんですが、それと比較して、とても分かりやすいというところも、よかったので、気に入りました。今後も使っていきたいと思います。

 

ニッチな情報を取り扱っているので、アクセスの少ないサイトなのですが、web apiも公開しましたので、みなさま、ぜひ利用してください。