Recruit Site

2025年6月25日（水）に「Webアプリ開発のためのVue.js環境構築を学ぶハンズオン勉強会」をオンラインで開催しました。

今回は、Vue.jsを用いたWebアプリ開発に向けて、Node.jsのインストールからプロジェクトの立ち上げまでの環境構築を現役エンジニア講師と一緒にハンズオンで学びました。
途中、Windows環境でのパス設定など詰まりやすいポイントも多く、参加者同士で状況を共有しながら一歩ずつ進める会となりました。
当日のアーカイブ動画と資料は、記事下部に記載のオープンチャットにて公開中です。興味のある方はぜひチェックしてみてください！

■第10回のテーマ：「「Vue.jsアプリ開発に向けたNode.js環境構築を実践的に学ぼう」

● 学習内容
① 前回のプレイバック＆今回のポイント
前回はAPI連携を通じたアプリ開発にチャレンジする中で、サーバーを経由しないと利用できないAPIの存在や、セキュリティ面での制約を体感しました。
今回はその延長として、「本格的にVue.jsでアプリを作るための準備」として、Node.jsのインストールやプロジェクト作成を中心に学びました。

② Node.jsとは？
JavaScriptでサーバーサイドの処理を可能にする実行環境。開発に必要なランタイムとして、Vue.jsプロジェクトでも使用されるため、基本的な仕組みと役割を解説しました。

③ インストールとバージョン管理
・MacとWindowsのそれぞれで必要な手順を解説。
・Windows版ではNVM（Node Version Manager）のセットアップ（パス設定に関するエラー）に手こずる場面もありましたが、他の参加者からアドバイスをもらい、コミュニケーションを取りながら解決できました。

④ ターミナル操作と実行コマンドの解説
コマンドの入力方法やバージョン確認、よく使う基本コマンドなども実際に講師の画面を共有しながら確認しました。

● 参加者の声（一部抜粋）
・「環境構築を少しずつ、丁寧に進めていくので初心者でも安心して参加できた」
・「Windows特有のパス設定でつまずいたが、サポートがあり解決できた」
・「なぜNode.jsが必要なのか、というところから説明があり、分かりやすかった」

次回は、今回の環境構築の続きを実施予定です。
アプリ開発の第一歩となるフェーズなので、丁寧に解説を進めていきます。

● アーカイブ動画・資料はこちらから！
オープンチャット「ガジュマル勉強会」にて随時公開中です。
ガジュマル勉強会

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

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