NOANAVI

前回の記事ではwebpack v4を使用し、最低限のシンプルな構成でビルドするまでをご紹介しました。まだこちらの内容を見ていない方は是非ご覧ください。今回の記事では『開発環境と本番環境をわける』『webpackからhtmlを出力する』など、より実践的な内容についてシンプルではありますが、ご紹介いたします。

今回は実務でも対応できるようwebpack v4について学習しましたので、用語解説から実際にwebpackの環境構築を行っていきます。webpackとはフロントエンド開発用のモジュールバンドラで、簡単にご説明すると複数のファイルをまとめることができます

WEB制作の際、コーディングを効率よく行うためのSCSSの基本的な記述方法について紹介していきます。SCSSを使用することで、ネストや変数を使用することができますので、通常のcssを使用するよりも格段にコーディングが効率的に進めることができます。またソースコードの可読性・メンテナンス性が優れています。

企業のサイトやお店のホームページなど、店舗までのマップを表示したいことがあると思います。スクリーンショットを貼り付けなどで対応しているサイトもありますが、見栄えが良くないので是非Google Mapを埋め込みましょう。