お知らせ 「ESET INTERNET SECURITY」利用環境下での 不具合修正のお知らせ

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

Mar

3

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

華の節句にReactを学んでみませんか?

Organizing : LINE Developer Community

Hashtag :#LINEDC
Registration info

参加枠1

Free

Attendees
189

参加者への情報
(参加者と発表者のみに公開されます)

Description

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(3期生|2019~)/LINE Corp/テクエバ・DevRel/Azure Machine Learningが好き/著書『LINE API実践ガイド』/LINE、VS Codeコミュニティ オーガナイザ/エンジニアフレンドリーシティ福岡アワード2020受賞(LDGQ)

Twitter : @kawamoto_LINER

LINE Developer Community Zennについて

イベントの登壇内容をZennに一部記事化しています! 動画アーカイブよりさらに手軽に内容をおさらいできるので是非ご覧ください。 https://zenn.dev/linedc

コミュニティ行動規範(Code of Conduct)について

本コミュニティは参加する全ての方が不快な思いをすることなく、楽しんでいただくことを目的としております。 そのために、以下のような行為は禁止されております。

  • ヘイトスピーチ
  • 性的な言葉や画像、性別に言及したり、性別により受け取り方の変わる言葉や画像の使用
  • 侮辱や軽蔑的、中傷や他者を貶めるような発言
  • 他者のプライバシーや私的な情報の無許可での公開
  • その他多様性への配慮を著しく欠く発言や行動

ハラスメントを受けた、と感じた方は以下までご連絡下さい。
Twitter
E-mail

発表者

Feed

jiyuujin

jiyuujinさんが資料をアップしました。

04/11/2022 20:18

jiyuujin

jiyuujinさんが資料をアップしました。

03/11/2022 19:19

jiyuujin

jiyuujinさんが資料をアップしました。

03/04/2022 13:10

鍋島理人

鍋島理人さんが資料をアップしました。

03/03/2022 18:28

Ended

2022/03/03(Thu)

19:00
22:00

Registration Period
2022/02/02(Wed) 15:00 〜
2022/03/03(Thu) 18:00

Location

オンライン

オンライン

オンライン

Attendees(189)

morisobaa

morisobaa

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編に参加を申し込みました!

r3yamauchi

r3yamauchi

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

komeda

komeda

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

en-i

en-i

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

hiro1122

hiro1122

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編に参加を申し込みました!

blue

blue

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

ikuko-k

ikuko-k

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

shakeisan

shakeisan

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

dafujii

dafujii

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編 に参加を申し込みました!

ysakamoto14

ysakamoto14

フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編に参加を申し込みました!

Attendees (189)

Canceled (11)