ゼロイチ Cafe では定期的に勉強会を開催しています。あなたも勉強会に参加してみませんか？ ●ゼロイチCafeとは 様々なテーマの勉強会を定期的に開催しています。プログラミング、web開発、コンサルティング、経営など多岐にわたります。 参加は無料！ぜひお気軽にご参加ください。

【概要】 今回は Web フロントエンドの勉強会として、Nuxt.js を使った静的サイトの実装について解説します。 Nuxt.js とは、Vue.jsを使用したフレームワークで、モダンなサイトをとても簡単に実装することができます。同じカテゴリのフレームワークとしては、React.js を使用した、Next.js なども有名です。 Nuxt.js や Next.js を使うと大きく分けて3つの形式（SPA, SSR, 静的化）で Web サイトを作ることができます。このうち、静的化の形式を使用して、先日コーポレートサイトをリニューアルしました。私自身 Nuxt.js を本格的に使うのが初めてだったので、初学者が詰まりやすい点などもシェアする予定です。 リニューアルしたコーポレートサイト → https://lightmarks.co.jp 【こんな人におすすめ】 HTML / CSS や jQuery など、フロントエンドについて一通り触ってみたけど、なんかいまいちつかみきれていないという方や、フロントエンドについてもっと深く知りたい！という方におすすめです。 また、これから Vue.js や React.js などのフレームワークを使ってみたいと思っている方も、勉強を始めるいい機会になると思います。 【コンテンツ】 ▶Nuxt.js の基礎 Nuxt.js を使ったことがないという方でもわかるように、まずは create-nuxt-app を使用した基本的な Nuxt.js の始め方について解説します。create-nuxt-app とは、Nuxt.js で開発する際に有用なあらかじめ用意されているプロジェクトの雛形を、一発で生成することができるコマンドです。これを使うことで Nuxt.js での開発をとてもスムーズに進めることができます。 ▶コーポレートサイトの解説 つい先日 Nuxt.js を使ってリニューアルした自社のコーポレートサイトについて解説します。静的サイトの制作に Nuxt.js のようなフレームワークを使うのは少し大袈裟と思うかもしれませんが、自由なデザインで実装したいときや、ちょっとアニメーションにこだわりたいときなどは、Nuxt.js を使うことで受けられる恩恵はとても大きいと思います。今回は Nuxt.js で静的サイトを作る際にハマりやすい点なども解説します。