2025年7月9日（水）に「Web(Vue.js)環境構築を丁寧に学ぶ！ハンズオン勉強会」を開催しました。

■勉強会の概要
今回は、Node.jsのからVue.jsのセットアップを中心に、現役のWebエンジニアの講師と一緒に「開発環境の構築手順」を実演形式で学びました。
初めてVue.jsに触れる方や、開発環境のセットアップに自信がない方にとっても取り組みやすい内容で、参加者からも「じっくり確認しながら進められて安心できた」との声が上がりました。

▼ こんな方が参加しました
・Vue.jsをこれから学びたい初学者の方
・Vue.jsやフロントエンド技術に興味がある方
・開発環境の構築でつまずいた経験がある／学び直したい方
・Webやフロント開発について、現役のエンジニアに聞いてみたいことがある方
・勉強会後も継続して学べる場やサポートの場が欲しい方

■勉強会の流れ
1. Node.js環境の準備
Vue.jsの開発に必要なNode.jsを、NVM（Node Version Manager）を使ってインストール・バージョン管理する方法を解説。
Windows・Macそれぞれの操作手順にも対応しながら、実際のターミナル操作を通じて一つずつ確認していきました。

2. Vueプロジェクトの作成
Vue CLIを使ってプロジェクトを新規作成。TypeScriptやVue Router、Pinia、ESLintなど必要な機能を選択し、開発に必要な初期設定を一括で整えました。

3. 起動・動作確認とファイル構成の紹介
作成したプロジェクトを実行し、ブラウザ上でVueアプリが立ち上がることを確認。合わせて、プロジェクト内のファイル構成や、よく使うフォルダの役割についても簡単に紹介しました。

■参加者の声（抜粋）
「Node.jsやnpmの設定でつまずきがちな点も、実演付きで分かりやすかった」
「Vue CLIのオプション選択について詳しく説明してもらえて安心できた」
「起動できるところまで一緒に確認できたので、今後も継続して学べそう」

■次回の開催について
次回は、今回構築した環境をもとに、実際にVue.jsで簡単なアプリを作成していく予定です。コンポーネントやルーティングの使い方、状態管理などにも触れていきます。

● 次回開催のお知らせや参加方法、アーカイブ動画は、公式オープンチャット「ガジュマル勉強会」でも随時ご案内していますので、ぜひ気軽にご参加ください。
ガジュマル勉強会

● ガジュマルは、エンジニアの“やってみたい”を応援しています
勉強会を通じて、技術の理解だけでなく「アイデアを形にする力」や「共に学ぶ場づくり」を大切にしています。
共感して、一緒に成長できる仲間を募集中です。興味のある方は、ぜひ各SNSよりご連絡ください！
X │ Instagram │ Facebook │ LINEオープンチャット