機能改善 領収データ発行機能にてインボイス制度の書式での出力に対応しました。 詳しくはこちらをご覧ください。

新機能 参加者によるイベント出席機能をリリースしました。今までは主催者による出席管理機能はありましたが、大規模イベント等での受付処理が大変とのフィードバックをいただいてました。今後はイベント作成時に発行される「出席コード」を会場現地や配信で共有してもらうことで、参加者自身でイベント出席登録を行うことができるようになります。これにより受付処理が容易になりますので、イベント主催者の皆様はぜひご活用ください。詳しくはこちらのニュース特集ページ をご確認ください。

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

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

Charlie2220

Charlie2220 wrote a comment.

2023/07/20 12:02

Thanks for sharing. <a href="https://capcuttemplates.org">https//capcuttemplates.org</a>

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/07/08 18:47

Tubidy Free MP3 emerges as an exceptional platform that caters to music enthusiasts worldwide. https://tubidy.su/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/07/05 19:45

Before getting started with React, you must have a basic understanding of HTML, CSS, DOM (Document Object Model), JavaScript, Node. https://starbuckspartnerhours.app/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/27 17:15

When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java https://youcineapk.pro/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/27 15:57

Hamdanglobal is best site where you get many important bussiness tips and ideas which will help you out definitely. You will get many services and jobs. For more information visit : https://hamdanglobal.co/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/26 21:01

"During the first React x LIFF hands-on session, we focused on front-end strategy and explored the React & Vite edition. We delved into various aspects of building user interfaces using React. Additionally, we had the opportunity to incorporate third-party libraries like Kushy Punch to enhance the functionality and experience of our applications." If you get more information so visit this link "http://kushypunch.co"

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/25 01:08

The first React x LIFF hands-on session, specifically the React & Vite edition, is focused on front-end strategy. While I don't have detailed information about the content covered in that specific session, if it's related to cryptocurrency trading, it's likely to involve building a front-end interface or application for cryptocurrency trading using React and Vite. This hands-on session could provide practical experience and insights into developing user interfaces and implementing functionalities specific to cryptocurrency trading platforms. If you get more information so visit this given link. "https://vfxalert.com/p/cryptocurrency-trading"

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/24 17:57

Watching live sports is an exciting and thrilling experience that brings fans together from all over the world. Whether you’re a die-hard fan of football, basketball, or any other sport, nothing beats being able to watch the game live as it happens. However, with so many different streaming options, knowing where to turn for the best quality and most reliable streams can be difficult. https://hesgoal.app/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/07 16:47

The tubidy free mp3 download is easy to use and you don't need to sign in to download your favorite songs. It is made for music lovers; this free music website lets you enjoy music in a special way whenever you want. With the website, you can find music, listen and, download songs for free so you can listen to them even without an internet connection. https://tubidy.bio/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/06/07 16:47

The tubidy free mp3 download is easy to use and you don't need to sign in to download your favorite songs. It is made for music lovers; this free music website lets you enjoy music in a special way whenever you want. With the website, you can find music, listen and, download songs for free so you can listen to them even without an internet connection. Search for millions of songs by their names and YouTube link.

MuhammadSohail

MuhammadSohail wrote a comment.

2023/05/11 17:05

When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java. https://geopard.tech/blog/topography-and-nutrition-content-in-soil-and-yield/

MuhammadSohail

MuhammadSohail wrote a comment.

2023/05/11 17:04

https://www.universalapk.com/zombie-frontier-4-mod-apk/ When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java.

MuhammadSohail

MuhammadSohail wrote a comment.

2023/05/11 16:58

When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java.https://geopard.tech/blog/topography-and-nutrition-content-in-soil-and-yield/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/05/11 16:49

When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java. Thanks Regards: https://linensrange.co.uk/product-category/kitchen-linens/

(退会ユーザー)

(退会ユーザー) wrote a comment.

2023/02/07 19:56

Before getting started with React, you must have a basic understanding of HTML, CSS, DOM (Document Object Model), JavaScript, Node. https://www.unilightled.com/fine-pixel-pitch-led/

MalikG

MalikG wrote a comment.

2023/02/01 02:19

Vite pre-bundles these dependencies using esbuild, which is 10-100x faster than JavaScript-based bundlers. "https://shakemods.com/"

MalikG

MalikG wrote a comment.

2023/02/01 02:18

Prerequisites. Step 1 — Creating a Vite Project. Step 2 — Starting the Development Server. Step 3 — Previewing Your App from Mobile Phone. Step 4 — Removing the Default Boilerplate. Step 5 — Creating a Basic App. Step 6 — Building for Production. Conclusion.https://spotifymod.com/

clarkjenifer33

clarkjenifer33 wrote a comment.

2023/01/05 00:57

When I was a student, I participated in a hackathon, and before I knew it, I had become a LINE API Expert. Now im an expert of all coding languages mainly java. Thanks Regards: https://bestgadgetshelp.com/best-sticker-printers-2022/

MuhammadSohail

MuhammadSohail wrote a comment.

2023/01/04 01:01

"Front-end strategy" is a method for estimating an answer to a calculation problem by focusing on the "front-end" or "left-most" digits of a number. Its strongest application is for addition. You buy a hamburger for $4.79, a drink for $1.26 and an ice-cream cone for $0.95. Will a five dollar bill cover the cost? https://plantsinsights.com/alocasia-nebula/

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)