Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催)

イベント内容

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

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

開催時期 ハンズオン 説明
9/16(水) SPA SPAの作り方を学びます。
Reactを使って実際にプログラミングを行い、フロントエンド開発への理解を深めます。
キーワード:React、TypeScript
10月 API SPAのバックエンドとなるAPIの作り方を学びます。
Nablarchを使って実際のプログラミングを行い、コンテナで動かし、クラウドネイティブアプリケーションへの理解を深めます。
キーワード:Nablarch、Docker
11月 モバイル モダンなモバイルアプリの作り方を学びます。
React Nativeを使ってプログラミングを行い、スマホで動かし、クロスプラットフォーム開発への理解を深めます。
キーワード:React Native、Native Base、Expo
12月 DevOps DevOpsのやり方を学びます。
AWS上に構築した環境を使って、チーム開発やCI/CD、モニタリングを疑似体験し、DevOpsへの理解を深めます。
キーワード:CI/CD、GitLab、Datadog、PagerDuty

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

開催方法

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

タイムスケジュール

時間 内容
13:50~14:00 参加受付@Zoom
14:00~17:00 ハンズオン@Zoom
17:00~18:00 懇親会@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のイベントへのお問い合わせからご連絡ください。

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント