お知らせ 10月27日(火)10:30から30分ほど、サーバーのメンテナンス作業を予定しております。作業の間はconnpassのご利用が出来ません。ご迷惑をおかけしますが何卒ご了承ください。

新機能 イベントメッセージの予約機能を追加しました。イベント主催者様は、参加者へのメッセージ送信を事前に予約できます。詳しくはこちらをご確認ください。

新機能 イベント詳細画面に「参加者への情報」欄を追加しました。イベント管理者、発表者、参加者(抽選中や補欠は除く)だけに表示されるフィールドです。詳しくはこちら

このエントリーをはてなブックマークに追加

Sep

16

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

サービス開発エンジニア体験(全4回)

Organizing : TIS株式会社

Registration info

参加枠1

Free

FCFS
25/15

Description

サービス/プロダクトの開発に欠かせないアプリ開発と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のイベントへのお問い合わせからご連絡ください。

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

kiyohome

kiyohome wrote a comment.

2020/09/16 13:38

すみません、今気づきました。 ハンズオンでスタッフ数が限られるので増枠できないです。 期待に応えられずすみません。

reiwa2020

reiwa2020 wrote a comment.

2020/09/14 10:51

はじめまして。参加枠の増枠はお願いできますでしょうか。

m_seko

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

08/27/2020 09:36

Reactを使ったSPAの作り方を学ぶハンズオン@Zoom を公開しました!

Ended

2020/09/16(Wed)

14:00
18:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2020/08/27(Thu) 09:30 〜
2020/09/15(Tue) 23:59

Location

オンライン

オンライン

オンライン

Organizer

Attendees(15)

gnu_fujiking

gnu_fujiking

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Ecooon

Ecooon

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

yaza_ta

yaza_ta

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

やまおと

やまおと

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催)に参加を申し込みました!

はらしゅん

はらしゅん

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Masaru

Masaru

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

めがいち

めがいち

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

hiro_curry

hiro_curry

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

tarofujishima

tarofujishima

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

kizaki

kizaki

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Attendees (15)

Waitlist (10)

sla10132000

sla10132000

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

matsumoto_tatsuhei

matsumoto_tatsuhei

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Kawaguchi

Kawaguchi

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

TakamitsuKobayashi

TakamitsuKobayashi

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

ikegami

ikegami

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

okranch

okranch

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Suzuki Fumiya

Suzuki Fumiya

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

TomokazuKitamura

TomokazuKitamura

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

須田 光

須田 光

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

hayato0704

hayato0704

Reactを使ったSPAの作り方を学ぶハンズオン(Zoom開催) に参加を申し込みました!

Waitlist (10)

Canceled (10)