Q&A
お世話になります。
現在、以下のyoutube動画でjQueryの勉強をしています。
https://www.youtube.com/watch?v=fEYx8dQr_cQ&list=PLoYCgNOIyGABdI2V8I_SWo22tFpgh2s6_&index=7
htmlは以下です
<!DOCTYPE html> <html lang="ja"> <head> <title>jQuery Ajax tutorial</title> <link rel="stylesheet" href="main.css"> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script></html></head> <body> <h1>jQuery Ajax Tutorial</h1> <h2>Cofee Orders</h2> <ul id="orders"> </ul> <h4>Add a Cofee Order</h4> <p>name: <input type="text" id="name"></p> <p>drink: <input type="text" id="drink"></p> <button id="add-order">Add!</button> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script src="main2.js"> //jsファイルは別に各スタイルでこのファイル名です。 </script> </body>
動画の2:26で上記HTMLのページがブラウザで表示されているのですが、localhost:3000ｒとなっており、
単純にHTMLファイルを作成してブラウザで表示させている状態ではないようです。
つづく、が2:38くらいでlocalhost:3000/api/ordersというページで検証にてnetworｋにて、左側に様々なファイルのようなものが表示されています。
この動画と同じようにlocalhost:3000で、同じように作業をして、動作を確認するためには、どのようにlocalhost:3000で上記HTMLを表示するように環境構築すればいいでしょうか？
私は今まで、HTML、CSS、PHP、Bootstrapは勉強してきました。現在勉強しているサイトの勉強順に
jQueryが来たので勉強しているのですが、今までの知識で上記環境は構築できるでしょうか？
よろしくお願いいたします。
回答1件
0
ベストアンサー
Visual Studio Codeと拡張機能「Live Server」の組み合わせが便利かと思います。
htmlファイルをサーバーで起動でき、http://localhost:50000などで
ブラウザでアクセスできます。
ソースを編集更新すれば、Live Serverが自動的に再読み込みしてくれます。
投稿2021/03/16 14:40
総合スコア7337
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/17 00:53