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のイベントへのお問い合わせからご連絡ください。
注意事項
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。
新規会員登録
このイベントに申し込むには会員登録が必要です。
アカウント登録済みの方はログインしてください。
※ ソーシャルアカウントで登録するとログインが簡単に行えます。
※ 連携したソーシャルアカウントは、会員登録完了後にいつでも変更できます。
![connpass](https://files.techplay.jp/1MBOZUOO7/images/top/apilogo_connpass.png)