BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:初心者向け React ハンズオン勉強会【アニメー
 ション入門】
X-WR-CALNAME:初心者向け React ハンズオン勉強会【アニメー
 ション入門】
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:978405@techplay.jp
SUMMARY:初心者向け React ハンズオン勉強会【アニメーショ
 ン入門】
DTSTART;TZID=Asia/Tokyo:20250413T160000
DTEND;TZID=Asia/Tokyo:20250413T180000
DTSTAMP:20260607T034451Z
CREATED:20250406T160717Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/97840
 5?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です:waving
 _hand:\n事前に作成した資料があるので、それを参照し
 ながら、ハンズオン形式で、Reactのミニアプリを構築
 します！\n実際に手を動かして、その場で質問・相談
 しながら、楽しくReactを学んでいきましょうー！\n❓こ
 のハンズオン勉強会についての紹介記事\n今回のお題\n
 \n作成するアプリ：プロフィールサイト\nレベル：初級
 〜中級\n概要：このプロジェクトでは、名刺代わりと
 して使えるような、プロフィールサイトを構築します
 。\nアニメーションを活用して、インタラクティブな
 サイトを作成しましょう。\n学習する内容：\n今回のテ
 ーマは、Framer Motion を活用した、アニメーション効果
 の実装です。\n天気 API と連携し、現在の天気に応じて
 背景やアイテムを動的に変化させる実装についても確
 認してください。\n\nFramer Motion を用いたアニメーショ
 ン実装\nVite を用いた React 環境構築\nTypeScript による型
 チェック\nTailwind CSS を用いたスタイリング\n天気 API と
 の連携\nGitHub Pages へのデプロイ\n\nこの勉強会を通して
 、Reactを使った成果物を１つ構築することを目指しま
 す！\nこんな初心者におすすめ！\n\nReactの基本的な扱
 いに慣れてきた方\n\nReact のアニメーション/API 連携を
 学びたい方\n\nReactエンジニアとしての転職/就職を目指
 している方\nReactを使った簡単なプロジェクトにチャレ
 ンジしてみたい方\n\n要件：\n\nNode.js(v18.18.0 ~) 環境が構
 築されたPCが必要です\nGit/ GitHub環境（アカウント）の
 用意\nHTML/CSS/JavaScriptの基礎知識が必要です\n\n\nReactの
 基礎（Progateレベルの内容）は理解している前提の内容
 となっております\n\n開催概要\n➡️場所：Google Meet を
 予定(オンライン開催）音声のみでOKです！\n申し込み
 が完了すると「参加者への情報」という場所に、URLが
 表示されます。\nなお、Google Meetへの参加は、Google ア
 カウントが必要です！\n➡️参加費1500円 (当日 PayPay or 
 stripeによるカード決済にて都合の良い方法で受け取り
 ます。)\n注意事項\n下記を、ご確認ください：\n\n\n実
 際に手を動かして、一緒に作業をするハンズオン形式
 のワークショップとして進行します。\n\n視聴のみで参
 加することも、全く問題ないです！\n登壇者の発表（LT
 ）を視聴する形式の、セミナーではありませんのでご
 注意ください。\n無断欠席・遅刻は、ご遠慮ください
 。\n勧誘、迷惑行為、ハラスメント、マウンティング
 行為をはじめ、このイベントの趣旨にそぐわないと主
 催が判断した場合はご参加をお断りする場合がござい
 ます。\n\n当日のスケジュールの流れ\nハンズオン中は
 、資料を見ながら一緒に作業を進めていければと思い
 ます！（音声・チャットで、リアルタイムでリアクシ
 ョンや質問ができます）\n\n\n\n時間\n内容\n\n\n\n\n16:00〜
 16:10\n最初の挨拶\n\n\n16:10〜16:20\n仕様確認＆開発準備\n\
 n\n16:20〜17:50\nハンズオン開始\n\n\n17:50〜\n終わりの挨拶
 など\n\n\n\nその他：\n\n実際は、時間内で、進めるとこ
 ろまでタスクを進める形になります。\n時間内に完成
 しない場合でも、大まかな解説と手順を記載した資料
 を、配布いたします！\nなので、勉強会中は、ゆっく
 り・たくさん質問して頂ければと思います！！\n\nハン
 ズオンの最中は、たくさんリアクションをして、盛り
 上げていただけるとありがたいです！（進めるスピー
 ドなどの、進行に関するご意見も大歓迎です！）\n参
 考キーワード\nwebアプリ開発\, HTML\, CSS\, JavaScript\,TypeScr
 ipt\, React.js\, Node.js\, Next.js\, Github\, コミュニティ\, もく
 もく会\, ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/978405?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR