フロントエンド攻略！はじめてのReact x LIFFハンズオン #1 React & Vite編

2022/03/03(木)19:00 〜 22:00 開催

ブックマーク

React, ハンズオン, Nuxt.js

イベント内容

Youtube チャンネルへの登録よろしくおねがいします！

イベント概要

人気のフロントエンド技術であるReactやViteの使い方を学びながら、実用的なLINEミニアプリ(LIFFアプリ）開発のポイントを網羅できるハンズオンです。テンプレートを触りながらLINE APIの使い方を知り、自分で拡張してLINEミニアプリやサービスを爆速で作れるようになることが目標です。またフロントエンド技術の入門や、生産性の高いフロントエンド開発の習得にも役立ちます。LINEプラットフォームを通して、フロントエンドエンジニア必携の技術を学んでみませんか？

第1回は、React x LINE API の使い方にフォーカス。続編（4月予定）と合わせて、アプリを徐々に進化させながら、フロントエンド技術を学んでいきましょう。

使用技術：

LIFF(LINE Front-end Framework)
Typescript
React
Vite

こんな人におすすめ

LINE APIを生かしたWebアプリ開発に興味があるエンジニア
Reactを学びたいフロントエンド開発初心者
Viteなど開発生産性の向上ツールに興味のあるフロントエンドエンジニア

このイベントで学べること

テンプレートでLINE APIの使い方を知る
- git cloneすればすぐ使える
- 自分で拡張して、アプリ・サービスを作れるようになる
React x LINE API(LIFF) の使い方
Viteの使い方

タイムテーブル

時間	内容
18:55	Youtube配信開始
19:10 - 19:55	React (Vite) で LIFF アプリを作るハンズオン：環境構築
19:55 - 20:10	viteについて解説
20:10 - 20:15	コードについて解説
20:15 - 20:30	react hooksについて解説
20:30 - 20:40	LIFFについて解説
20:40 - 21:40	ハンズオン：チャレンジ課題
21:50	クロージング

※適宜休憩を取りながら進めますので、時間は目安となります。

参加URL

Youtube Liveで配信します。参加URLは、お申込み後「参加者への情報」をご覧ください。

講師陣

内西功一(4geru)

LINE API Expert
学生時代に、ハッカソンに参加していたら、気づいたらLINE API Expertになっていました。

LINE APIの面白いところを知ってもらおうと日々活動しています。

※完全に趣味でしているので、仕事との関係はありません。

Twitter : @_4geru
Github : @4geru

jiyuujin

複雑なUIを作るのが好きです
- React/Next/Vue/Nuxt/Scala/Swift
スタッフとして色々と参画中
- FlutterKaigi 2021 / JAWS DAYS 2021 個人スポンサー / Flutter Japan User Group (Osaka) _ PWA night / v-kansai / kansai.ts

Twitter : @jiyuujinlab
Github : @jiyuujin
プロフィールサイト： https://yuma-kitamura.nekohack.me
技術ブログ： https://webneko.dev

河本貴史(もっちゃん)

LINE株式会社テクニカルエバンジェリスト
Microsoft MVP（2021～）／LINE API Expert（３期生｜2019～）／LINE Corp／テクエバ・DevRel／Azure Machine Learningが好き／著書『LINE API実践ガイド』／LINE、VS Codeコミュニティオーガナイザ／エンジニアフレンドリーシティ福岡アワード2020受賞(LDGQ)

Twitter : @kawamoto_LINER