![見出し画像](https://assets.st-note.com/production/uploads/images/7657332/rectangle_large_type_2_1ec7909f3f0b36aff6e2a7fc3e74f348.jpg?width=1200)
Macでnode.jsを使ってWebサーバを立てた【38Web-1】
jQueryの勉強をすすめていたところ、サンプルについていた「高機能なギャラリーページ」が動かない。
こんにちは、38からのWebエンジニアを目指しているフェニックスA子(@liptonmilk_999)です。
調べて見たところ、どうやらローカルのファイル(file:///〜)を直接開いているせいらしい。
Chromeでデバックモードにエラーが出ていた。
どうやら、今後もWeb開発をローカルで勉強していくなら、Webサーバは必要らしい。
仕方がないので、ツイッターで聞いたところ、即アドバイスをいただけました!
ツイッターでプログラミングの勉強するのって、最高ですね!!
教えていただいた方、ありがとうございました。
さて、Webサーバをローカルにインストールするには、多少Linux(Unixコマンド)の知識がないといじれません。この辺りが、「初心者でもプログラミングできる」ことの壁じゃないかな、と思いました。
(今はやりのProgateなどは、何も心配しなくても、プログラミングだけに集中できるんですね。これは流行る。)
Webサーバの構築は、Macならターミナルを使ってやります。
参考にしたサイトはこちら。
上のNode.jsを入れた後、Webサーバをインストールするのがこちら。
ここまでやれば、特定のフォルダでWebページを開くと、jQueryで使っているjsonやらなんやら、動くようになります。(Ajaxリクエストというらしい)
途中、環境変数が入ってなかったりで詰まりました。いろいろあります。
無事、ギャラリーが見れました!(サンプルサイトでついてきたファイル)
この辺りは、自分でサンプルページ作るときに使いたいパーツです。
今回はここまで。
余談:Bootstrap4の本を読み始めました。
このWebエンジニア修行は、無料マガジンにしています。こちらからフォローください!
F1クリエイターとして、そしてWebデザイナーの駆け出しとして、自らの手でサイトを立ち上げています。 ご支援を糧に素晴らしいものを作りたい。 どうぞ、よろしくお願いします。