サービス/プロダクトの開発に欠かせないアプリ開発とDevOpsを体験してみませんか？

全4回にわたってサービス/プロダクトの開発に欠かせないアプリ開発とDevOpsを体験するハンズオンを開催します！

今回は第1回目となるSPAハンズオンの参加者を募集します。
サービス開発に興味があり、Reactを使ったSPAの作り方を知りたい人はぜひご参加ください。

開催方法

Zoomで開催します。
Zoomのアクセス先は当日までに参加者の方に連絡します。

タイムスケジュール

※懇親会は各自で飲み物(アルコール可)、おつまみを用意してください。

参加条件

• PCでZoomに繋げる環境があること。
• ハンズオンの事前準備（開発環境など）ができること。参加者の方は当日までに「事前準備」（下に記載）の実施をお願いします。
• HTML、CSS、JavaScriptの基本文法が分かり、書籍のサンプルコードを理解でき、動かすことができること。

ご連絡

下記についてご理解頂いた上で参加申し込みをお願いします。

• 当日の内容およびスケジュールは変更する場合があります。
• オンライン開催のため、ネットワークの状況等により進行が中断する可能性があります。
• 本イベントや参加レポートをSNSやブログ等で発信頂いても大丈夫です。ハラスメントにつながらないようにお願いしますm(__)m

事前準備

Node.jsのインストール

フロントエンドの開発ではCreate React AppやTypeScriptを使用するため、Node.jsをインストールします。Node.jsのバージョンには、LTSである 12 を使用します。

公式サイトの案内に沿って、インストールしてください。

使用する環境が既に整っている場合は、この手順をスキップしてください。

Visual Studio Codeのインストール

開発時に使用するエディタをインストールします。

エディタは使い慣れたものなら何でもよいですが、何もインストールしていなければ、今回のハンズオンで使用するコードに対応できるVisual Studio Codeをインストールします。公式サイトの案内に沿って、インストールしてください。

エディタが既に整っている場合は、この手順をスキップしてください。

Docker(Docker Compose)のインストール

開発時にコンテナを使用するため、DockerとDocker Composeをインストールします。

WindowsでのDocker利用方法はいくつかありますがは、ここではDocker Desktop for Windowsをインストールします。公式サイトの案内に沿って、インストールしてください。

本ハンズオンでは、Dockerコンテナ起動時にローカルディレクトリをマウントします。Docker Desktop for Windowsでローカルディレクトリをマウントするためには、事前にファイル共有ができるように設定しておく必要があります。Docker Desktop for WindowsのSettings→Resources→FILE SHARINGから、本ハンズオンでプロジェクトを作成するドライブ（通常はCドライブ）を共有可能としてチェックしておいてください。（参考：User manual | Docker Desktop）

使用する環境が既に整っている場合は、この手順をスキップしてください。

お問い合わせ

事前準備等で困った場合はconnpassのイベントへのお問い合わせからご連絡ください。