BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【初心者向け React ハンズオン】Framer Motion/ ア
 ニメーション入門勉強会
X-WR-CALNAME:【初心者向け React ハンズオン】Framer Motion/ ア
 ニメーション入門勉強会
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:990411@techplay.jp
SUMMARY:【初心者向け React ハンズオン】Framer Motion/ アニメ
 ーション入門勉強会
DTSTART;TZID=Asia/Tokyo:20251228T160000
DTEND;TZID=Asia/Tokyo:20251228T180000
DTSTAMP:20260424T081209Z
CREATED:20251222T093840Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99041
 1?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\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この勉強会を通して、Rea
 ctを使った成果物を１つ構築することを目指します！\n
 こんな初心者におすすめ！\n\nReactの基本的な扱いに慣
 れてきた方\nReact のアニメーション/API 連携を学びたい
 方\nReactエンジニアとしての転職/就職を目指している
 方\nReactを使った簡単なプロジェクトにチャレンジして
 みたい方\n\n要件：\n\nNode.js(v18.18.0 ~) 環境が構築された
 PCが必要です\nGit/ GitHub環境（アカウント）の用意\nHTML/
 CSS/JavaScriptの基礎知識が必要です\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勉強会終了後も、継続的に資料へア
 クセスするには、b13o.com のアカウントが必要です。\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運営情報\n\nReact で、
 実践的なスキルチェックができる、学習のお題まとめ
 サイト『React Road』のハンズオンイベントです🐾\n参考
 キーワード\nwebアプリ開発\, HTML\, CSS\, JavaScript\,TypeScript
 \, React.js\, Node.js\, Next.js\, Github\, コミュニティ\, もくも
 く会\, ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/990411?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR