Mar
3
フロントエンド攻略!はじめてのReact x LIFFハンズオン #1 React & Vite編
華の節句にReactを学んでみませんか?
Organizing : LINE Developer Community
Registration info |
参加枠1 Free
Attendees
|
---|---|
参加者への情報 |
(参加者と発表者のみに公開されます)
|
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)について
本コミュニティは参加する全ての方が不快な思いをすることなく、楽しんでいただくことを目的としております。 そのために、以下のような行為は禁止されております。
- ヘイトスピーチ
- 性的な言葉や画像、性別に言及したり、性別により受け取り方の変わる言葉や画像の使用
- 侮辱や軽蔑的、中傷や他者を貶めるような発言
- 他者のプライバシーや私的な情報の無許可での公開
- その他多様性への配慮を著しく欠く発言や行動
発表者
Media View all Media
Feed
2023/07/20 12:02
Thanks for sharing. <a href="https://capcuttemplates.org">https//capcuttemplates.org</a>

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

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/

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/

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/

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"

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"

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/

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/

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.
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/
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.
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/

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/

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/
2023/02/01 02:19
Vite pre-bundles these dependencies using esbuild, which is 10-100x faster than JavaScript-based bundlers. "https://shakemods.com/"
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/
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/
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/