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エンジニア修行は、無料マガジンにしています。こちらからフォローください！