haguri https://blog.hatena.ne.jp/haguri/ SMARTCAMP Engineer Blog https://tech.smartcamp.co.jp/ Vue.js Element UI Lottie フロントエンド デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie というライブラリを使って、数十分でできる簡易的なログインページを作ってみようと思います。 0から構築をはじめて、レイアウト設計、ElementUIで実装、Lottie組み込み、完成といった感じで詳しく説明していきます！ 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smartcamp.co.jp%2Fentry%2F2019%2F04%2F18%2F184533" title="Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tkgwy/20190418/20190418183653.jpg Hatena Blog https://hatena.blog 2019-04-18 18:45:33 rich https://tech.smartcamp.co.jp/entry/2019/04/18/184533 1.0 100%