Skip to content

Latest commit

 

History

History
504 lines (351 loc) · 13.7 KB

Slides_KDP_React_Workshop.md

File metadata and controls

504 lines (351 loc) · 13.7 KB
theme colorSchema layout favicon image download fonts title selectable
/
light
image
./Kintone/KDP_favicon.png
./Kintone/Red_Background_Right.png
true
sans serif mono
Raleway
Raleway
Raleway
React & REST API Workshop by Kintone!
true
React x REST API

JavaScript Workshop



layout: simple

Hello

We are from the Kintone Developer Relations Team!


Sean Jesslyn Genji Naberina
Presenter Writer Organizer Supporter
Photo of Sean Photo of Jesslyn Photo of Genji Photo of Naberina
<style> .slidev-layout th { font-weight: bold; text-align: center } .slidev-layout td { text-align: center } .slidev-layout table { text-align: center;} .slidev-layout img { display: block; margin: auto; } </style>

layout: my-two-columns

Prep


::left::

Wi-Fi


Network: cc_guest_5ghz

 

Password: alwaysbekind

 

QR Code for Code Chrysalis WiFi Login

::right::

Node.JS

Node.js v18.16.1 or higher is required!
(The current LTS version is recommended)

Refer to our Node.JS Install Guide for details:
bit.ly/nodejs-setup-guide

QR Code for Node.js & npm Installation Guide

layout: my-two-columns

Get Started


::left::

Clone the GitHub Repo

Boilerplate Code for the Workshop


QR Code for bit.ly/react-x-rest

::right::

Web Database - Kintone

Low-Code / No-Code Platform


QR Code for kintone.dev/new

layout: image-center


layout: my-two-columns

::left::


Get Your Free Kintone


Fill out the Developer License Registration form for your free Kintone Subdomain!

  • ✅ Use Chrome or Firefox ( NOT Safari )
  • ⚡ Accept Cookies First
  • 🚧 Only use lowercase, numbers, and hyphens (-) for subdomain names
  • Ex: weekend-hacker4life

::right::

Kintone exchanging data from a smartphone


layout: image-right image: ./Kintone_Intro/Example_Samurai.gif equal: true

IoT Samurai Swords

Created by @RyBB - Article

Users are challenged to slice their enemies as quickly as possible with a samurai sword!

Sensor records the sword action speed

Kintone hosts the game, scoreboard, & IoT data

Doll's magnetic head falls off when the user wins


layout: image-right image: ./Kintone_Intro/Example_SpaceInvaders.gif equal: true

Space Invaders Game

Run a Space Invaders game on a Kintone App!

Game specifications (number of aliens, aliens' health, etc.) are specified as Kintone records.

High scores can also be stored in Kintone.


layout: image-right image: ./KDP_React_Workshop/Kintone_OpenAI_ImageGenerator_Demo.gif equal: true

Art Generator

Created by @sean-kintone - GitHub

Like cats with too many fingers or dogs with depressed human eyes?

If so, watch our tutorial as we go over how to create a gallery with a built-in AI Art generator using OpenAI APIs & Kintone!

The text prompt inputting and image storage is all done in Kintone!


layout: image-left-bar image: ./Kintone/Animal_3.png

Where to get help?

Here are some resources to help you use Kintone as your project's database!

kintone.dev Read API Docs & Tutorials
forum.kintone.dev Post Questions
@KintoneDeveloperProgram Watch Tutorials

layout: image-left-bar image: ./Kintone/Animal_10.png

Thank You Gift!

As a Thank You for using Kintone in your project, we are giving away some Kintone Swag!



Bottles, backpacks, PopSockets, & more!


layout: intro image: ./background/tokyo_blue-ryo-yoshitake-rD28m9BmXVs-unsplash.png

Join our DevRel Team  


Check out the full list of open positions at Cybozu at:   cybozu.co.jp/recruit/entry/        

Our Global Kintone Developer Relations Team has a open role:        

API Technical Writer            


layout: image-left-bar image: ./KDP_Hiring_Jun_2022/technical_content_creator.png

API Technical Writer

Mission?

Create vital content for global engineers to use & build on Kintone!

How?


layout: image-right image: ./KDP_React_Workshop/Job_Bar.png

Requirements for the Roles

Requirements

  • Fluent in English
  • Business level Japanese {N2-ish}
  • 1+ year of coding experience at a company
    or graduated from a Coding Bootcamp

Nice To Haves

  • Written & published technical tutorials
  • Created instructional videos
  • Experience in data analysis for website analytics


layout: my-two-columns


::left::

Technical Engineer

Technical Engineering Division

This division provides technical support to our partner firms with everything from servers, networks, databases, backups, and integrations.

Technical Engineering is a great role for those who want to work with backend technologies, stress test our products & client setup, and work as a bridge between the Tokyo & US offices.

::right::

Developer Tools Engineer

System Development Division

This division creates tools that external developers use to build integrations and customizations on Cybozu's products. They oversee our products' various SDKs such as js-sdk, & kintone-ui-component.

Developer Tools Engineering is a great role for those who want to build everything from VS Code extensions to CLI tools.


layout: my-two-columns

Want to learn more?


::left::

Check out this Japanese article to learn more about Cybozu's System Consulting Department and the aforementioned engineering positions:

::right::

Coding bootcamp alumni are recommended to apply to Cybozu's 新卒採用 (しんそつさいよう) -- new graduate hiring track.

Learn more about the new graduate hiring track at:
cybozu.co.jp/company/job/recruitment/newgrad/

layout: image image: ./Kintone/Slide20.png