【Vue.js入門#1】Vue.jsでWebアプリケーションを作ろう！/基礎解説&環境構築【Vue3】
Вставка
- Опубліковано 5 вер 2024
- この動画シリーズは、Vue.js初心者向けの入門動画になっています！
Vue.jsの基礎について学んでいき、最終的に簡単なWebアプリケーションを完成させることを目標としています！
今回はVue.jsとは何か？というところから、実際にVueプロジェクトを作ってみるところまでやっていきます！
※このシリーズではVue3について扱っています。
■Part1集の再生リスト
• Part1集
■私たちのTwitter
/ marinesphere_
■お借りしている楽曲(敬称略)
騒音のない世界
/ @noiseless_world
noiselessworld...
DOVA-SYNDROME
dova-s.jp/
効果音ラボ
soundeffect-la...
魔王魂
maou.audio/
助かるーーーー😂
すごくわかりやすかったです。これから勉強始めるので、投稿楽しみにしています！
ありがとうございます！😍💚
私もまだまだ勉強中の身なので、一緒に勉強頑張りましょう👊
質問などあれば気軽にコメントしてください🥹
@@MarineSphere8194 初歩的なことで申し訳ないのですが、WEBページを表示することができた後、プロジェクトファイルはどのように確認するのでしょうか？今までダウンロードしてVSコードで表示する方法しか知らず…。このようにURLしか知らないページのプロジェクトファイルの確認方法を教えていただけたら嬉しいです！早速質問させていただいてすみません…
さっそく質問ありがとうございます！⭐️
ブラウザ上でもソースコードを見たい場合は、ブラウザの「検証ツール」を使用しています。（第4回の動画で使用しています）
例えばGoogle Chromeなどのブラウザ上で右クリックすると、「検証」というメニューが出てくるかと思います。そこをクリックすると、検証ツールを開いてソースコードなどを見ることができます！🔧
なお、この動画シリーズではプロジェクトをローカル開発環境で動かしているので、自分のPC内にプロジェクトファイルがある状態で進めています。💻環境構築の手順通りに進めると、プロジェクトファイルがPC内に作成されます。動画内で出てくるソースは、それをVScodeで開いて確認しているものになります。
これで解答になっていますでしょうか？まだわからないことがあれば気軽に聞いてください〜！
@@MarineSphere8194 わたしも動画の通り進めて、web上に表示することができたのでパソコン上のどこかにファイルがあるということですね！😳 もう一度ちゃんと探してみます！ご回答ありがとうございました！
そうですね！
npm run devを実行した時の場所(ディレクトリ)にあると思いますので、探してみてください！👍
Laravelとvue.jsを使ったWebサイト制作も見たいです
凄く参考になります。
5:35辺りのプロジェクトの中身を見る方法なども細かく記載してもらえたら嬉しかったです
ご意見ありがとうございます🙇
作成したプロジェクトをエディターやエクスプローラー等のファイル管理システムで開いていただければ中身が確認できるかと思います、、！
シリーズを半分ほど視聴しましたが、これ本当に無償で視聴していいのでしょうか...笑
有難すぎます...本当に感謝です...
嬉しいお言葉すぎます、、！ありがとうございます😭
私もまだまだ勉強中なので拙い動画ですが、今後もご視聴いただけると嬉しいです❣️
ちょうどvue3の学習したかったので見てみます！サンプルのコードって公開していないのでしょうか？
現時点ではまとまった形での公開はしていないです、、！
もし、この部分が詳しく見たい！などありましたらコメントで教えてください🙏🙏
※最後に作るwebアプリケーションについては、動画が完結したらソースコードを公開するかもしれません。
@@MarineSphere8194 そうなんですね、わかりました。
写経でもいいんですが、個人的には理解できてる部分等はコピペで済ませたいと思ってて。
けど問題ないです〜🫡🫡🫡
確かにそうですよね…！理解できてる部分はコピペで済ませたい、とてもわかります！w
今オリジナルのホームページも作成中なので、そちらに載せることもあるかもしれません。
今後の参考にします、、！ありがとうございます🙏
ターミナルに慣れてなくて環境構築に２時間もかかってしまった...
vue-projectじゃない所でnpm installしたことが原因でした
あるあるですね🥹