1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

vuetifyを使って爆イケwebページを超簡単に作成する方法

Posted at

お久しぶりです。

今回はwebページの作成方法で困っているそこのあなたにとっておきな超簡単にそれなりのものが作れてしまう方法を伝授したいと思います

#vuetifyとは?

Vuetifyは、美しく手作りされたマテリアルコンポーネントを備えたVue UIライブラリです。設計スキルは必要ありません。まじです。

私もインターン先で作業をする際に初めて使用したのですが、デザインスキルなくてもちょっとしたweb知識があれば簡単にイケイケなwebアプリが作れてしまいます。まじです。

今回は「デザインスキルなんてないよお〜」ってお困りの方にも無料テンプレを利用してシャレオツなものが本当に簡単に作れてしまうのでぜひ試してみてください!

環境

macOSCatalina 10.16.6

#テンプレのダウンロード
こちらにアクセスして希望のテンプレートをダウンロードします
(目のアイコンをクリックしたらデモが見れます!)

スクリーンショット 2020-09-04 22.40.27.png

#開き方

ダウンロードした「parallax-starter-master」を解凍すると以下のファイル構成となってます

スクリーンショット 2020-09-04 22.45.07.png

index.htmlをブラウザから開くとテンプレートがすぐに利用できます。(ドラック&ドロップで簡単にできます!)

スクリーンショット 2020-09-04 22.47.24.png

#おわりに

無料テンプレートもたくさん種類がありますし、課金をすればもっと素敵なものがたくさんあるので、初心者の方など、自分の作りたい形に似ているものから自分好みにhtmlファイルを編集して作り始めて見るのも全然ありだとおもうので、ぜひぜひ取り組んでみてください!!!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?