kintone-workshops · ahandsel · Jan 25, 2023
diff --git a/docs/Chat_Posts.md b/docs/Chat_Posts.md
@@ -0,0 +1,391 @@
+# Chat Posts for Intro to Svelte
+<!-- markdownlint-disable -->
+
+## Outline <!-- omit in toc -->
+* [Milestones](#milestones)
+* [Timeline](#timeline)
+  * [Workshop Speaker Check-List](#workshop-speaker-check-list)
+  * [Things to Keep](#things-to-keep)
+* [Waiting Room](#waiting-room)
+* [Start](#start)
+* [Install Commands {Get Started}](#install-commands-get-started)
+* [Slide Deck? 👨‍🏫](#slide-deck-)
+* [YouTube](#youtube)
+* [Create a .env File](#create-a-env-file)
+* [Debugging - Let's Fix Those Problems 💪](#debugging---lets-fix-those-problems-)
+* [Additional Questions 🤔](#additional-questions-)
+* [Create a Kintone Web Database App](#create-a-kintone-web-database-app)
+* [Kintone API Token](#kintone-api-token)
+* [Kintone Customization Tutorials](#kintone-customization-tutorials)
+* [Quick Check-in](#quick-check-in)
+* [Looking for the Kintone Subdomain Email? ✉️](#looking-for-the-kintone-subdomain-email-️)
+* [Errors related to .env](#errors-related-to-env)
+* [Join our Meetup Group](#join-our-meetup-group)
+* [Got Kintone Questions?](#got-kintone-questions)
+* [Survey](#survey)
+* [Write up your experience!](#write-up-your-experience)
+* [Log into Kintone Subdomain?](#log-into-kintone-subdomain)
+* [step-by-step guide](#step-by-step-guide)
+* [Becoming a Kintone Partner?](#becoming-a-kintone-partner)
+* [What are Kintone Plug-ins](#what-are-kintone-plug-ins)
+* [🚀 Have your Kintone Subdomain ready!](#-have-your-kintone-subdomain-ready)
+* [Got Questions?](#got-questions)
+* [Why use Kintone?](#why-use-kintone)
+
+## Milestones
+10:00 -> Start
+10:30 -> 30 min mark; 1.5 hr left
+11:00 -> half way point; 1 hr left
+11:15 -> 45 min left
+11:25 -> 35 min left
+11:30 -> 30 min left
+11:45 -> 15 min left
+12:00 -> Wrap up
+
+## Timeline
+
+Staff:  
+
+| Time  | #   | Section                     |
+| ----- | --- | --------------------------- |
+| 10:00 |     | Hello ~                     |
+| 10:05 |     | Start the workshop          |
+| 10:15 |     | Kintone Sign up             |
+| 10:20 |     | Zoom Reactions              |
+| 10:25 |     | Workshop Overview           |
+| 10:30 |     | Svelte?                     |
+| 10:35 |     | What is Kintone?            |
+| 10:40 |     | Create Kintone              |
+| 10:50 |     | Connect Kintone to Codebase |
+| 11:00 |     | Frontend                    |
+| 11:30 |     | Backend                     |
+| 11:50 |     | Wrap Up                     |
+| 11:55 |     | Survey                      |
+
+
+---
+
+### Workshop Speaker Check-List
+
+* [ ] Mic Check
+* [ ] PowerPoint version check
+* [ ] Terminal font size check
+* [ ] Start fresh with a clean git clone of the repo
+
+Things to keep in mind:
+* [ ] Close pop-message
+* [ ] Connecting with the audience periodically
+* [ ] Ask participants to raise their hand during the workshop to ensure they are following along
+
+### Things to Keep
+* [ ] Text Editors
+* [ ] Ice Cream flavors
+* [ ] Remind about the Debugging Log in the README
+
+---
+
+## Waiting Room
+=   =   =   =   =   =   =   =   =   =
+
+Hello everyone, the workshop will start real soon!
+
+Be sure you are ready by completing the following tasks:
+
+1. 🤖 Clone the Workshop Repository!
+https://bit.ly/KDP_SVELTE
+
+2. 🚀 Have your Kintone Subdomain ready!
+If you have not already, sign up for the FREE Kintone Developer License by filling out this web form:
+https://kintone.dev/new
+
+✅ Use Chrome or FireFox ; ⚠️ NO Safari
+
+Thank you for waiting & see you soon!
+
+=   =   =   =   =   =   =   =   =   =
+
+## Start
+=   =   =   =   =   =   =   =   =   =
+
+Hello everyone, thank you for joining the workshop!
+
+Here is how to get started:
+
+1. 🤖 Clone the Workshop Repository!
+https://bit.ly/KDP_SVELTE
+
+2. 🚀 Have your Kintone Subdomain ready!
+If you have not already, sign up for the FREE Kintone Developer License by filling out this web form:
+https://kintone.dev/new
+
+✅ Use Chrome or FireFox ; ⚠️ NO Safari
+
+If you get lost, you can "rewind" on our lives stream on YouTube:
+https://youtu.be/QK0n_yPo6wA
+
+=   =   =   =   =   =   =   =   =   =
+
+## Install Commands {Get Started}
+
+cd Downloads
+
+git clone https://github.com/kintone-workshops/intro-to-svelte
+
+cd intro-to-svelte
+
+npm install
+
+npm start
+
+npm run dev
+
+=   =   =   =   =   =   =   =   =   =
+
+## Slide Deck? 👨‍🏫
+
+slides.pdf (inside repo):
+* intro-to-svelte/slides.pdf
+* or https://github.com/kintone-workshops/intro-to-svelte/blob/main/slides.pdf
+
+=   =   =   =   =   =   =   =   =   =
+
+# Where to get Kintone Web Database Subdomain?
+
+Sign up for the FREE Kintone Developer License by filling out this web form:
+
+https://kintone.dev/new
+
+⚠️ NO Safari
+✅ Use Chrome or FireFox
+
+=   =   =   =   =   =   =   =   =   =
+
+## YouTube
+=   =   =   =   =   =   =   =   =   =
+
+This is also live on YouTube:
+https://youtu.be/QK0n_yPo6wA
+
+It is a bit delayed but for those who want to "rewind", this is another great option ~
+
+This workshop will also be uploaded to our YouTube Channel!
+
+Kintone Developer Program
+https://bit.ly/KDP_Video
+
+Subscribe so you get notified with the workshop recording gets uploaded! 🔔
+
+=   =   =   =   =   =   =   =   =   =
+
+## Create a .env File
+
+Using the .env.example file as a template, create a .env file.
+
+Then input your Kintone credentials like the following:
+
+VITE_SUBDOMAIN = "example"
+VITE_APPID = "1"
+VITE_APITOKEN = "abcdefghijklmnopqrstuvwxyz"
+
+⚠️ DO NOT DELETE THE .env.example FILE!
+.env.example is used by env-cmd to verify that .env file is correctly configured.
+
+⚙️ Details:  
+https://github.com/kintone-workshops/intro-to-svelte#create-a-env-file
+
+=   =   =   =   =   =   =   =   =   =
+
+## Debugging - Let's Fix Those Problems 💪
+
+Here is a rundown of common problems that may occur & its solutions!
+
+https://github.com/kintone-workshops/intro-to-svelte#debugging---lets-fix-those-problems-
+
+=   =   =   =   =   =   =   =   =   =
+
+## Additional Questions 🤔
+
+If you have additional questions during the workshop, feel free to message me.
+
+If you have questions afterwards, post them at our Kintone Developer Community
+
+https://forum.kintone.dev/
+
+=   =   =   =   =   =   =   =   =   =
+
+## Create a Kintone Web Database App
+
+https://github.com/kintone-workshops/intro-to-svelte#create-a-kintone-web-database-app
+
+1x Text Field
+* Field Name: Title
+* Field Code: title
+
+1x Radio Button
+* Field Name: Color
+* Field Code: color
+* Options: `Red` & `Blue`
+
+- Save!
+- Be sure to click Save and Activate App buttons! 💪
+
+=   =   =   =   =   =   =   =   =   =
+
+## Kintone API Token
+To generate an API Token for a Kintone App:
+
++ Go to the Kintone App
++ Go to the Gear icon ⚙️ (top right corner) > Open the App Settings page
++ Click on the App Settings Tab > Click on API Token settings
++ Click the Generate button to generate a token
++ Enable the Add records and Edit records checkboxes
++ Click the Save button (top left corner) to save the token setting
++ Finally, click the Update App button (top right corner) to implement the token setting change.
+
+https://github.com/kintone-workshops/intro-to-svelte#kintone-api-token
+
+=   =   =   =   =   =   =   =   =   =
+
+## Kintone Customization Tutorials
+
+If you want additional projects to start playing around with Kintone, check out this page:
+
+https://kintone.dev/en/landing-page/tutorial-gallery/
+
+=   =   =   =   =   =   =   =   =   =
+
+## Quick Check-in
+
+Thank you for all those who DM me with questions
+
+Looks like everyone figured out where you need to go.
+
+If you are still stuck, please let me know ~
+
+=   =   =   =   =   =   =   =   =   =
+
+## Looking for the Kintone Subdomain Email? ✉️
+
+Search the following in your email app:
+
+Welcome to Kintone! One More Step to Developer License
+
+The email will be from developer@kintone.com
+
+=   =   =   =   =   =   =   =   =   =
+
+## Errors related to .env
+If you get one of the following error messages, then please verify your .env file has been correctly configured and you have not modified the .env.example
+
+Failed to find .env file at default paths: [./.env,./.env.js,./.env.json]
+[webpack-cli] Error: Missing environment variable: KINTONE_BASE_URL
+[webpack-cli] Error: Missing environment variable: KINTONE_USERNAME
+[webpack-cli] Error: Missing environment variable: KINTONE_PASSWORD
+
+=   =   =   =   =   =   =   =   =   =
+
+## Join our Meetup Group
+https://www.meetup.com/kintone-developers/
+
+## Got Kintone Questions?
+
+Please post them in our Kintone Developer Community!
+
+https://forum.kintone.dev/
+
+=   =   =   =   =   =   =   =   =   =
+
+## Survey
+
+Enter to WIN a $25 Amazon Gift Card! 💰️
+
+➡️ ➡️ ➡️ LINK_HERE ⬅️ ⬅️ ⬅️
+
+Your feedback is vital for us to improve our workshop!
+Thank you for your time & input ~
+
+=   =   =   =   =   =   =   =   =   =
+
+## Write up your experience!
+
+Post to Dev.to or Medium about your experience with Kintone customization ~
+
+See what others post about Kintone
+https://dev.to/t/kintone
+
+You might be interested in
+Deploy a REST API calling node.js App to Heroku article
+
+https://dev.to/will_yama/deploy-a-rest-api-calling-node-js-app-to-heroku-2mia
+
+React & REST API: How to render responses
+
+https://dev.to/will_yama/how-to-render-responses-96c
+
+=   =   =   =   =   =   =   =   =   =
+
+If you want to check out our amChart x Data Visualization workshop content:
+
+https://youtu.be/fHNj6MieBzw
+
+=   =   =   =   =   =   =   =   =   =
+
+## Log into Kintone Subdomain?
+
+Your login link would be
+YOUR_SUBDOMAIN.kintone.com
+
+---
+
+Subdomain: example
+URL: example.kintone.com
+
+=   =   =   =   =   =   =   =   =   =
+
+## step-by-step guide
+
+If you are ever lost, check out our step-by-step guide here:
+
+https://github.com/kintone-workshops/intro-to-svelte/#workshop-steps
+
+=   =   =   =   =   =   =   =   =   =
+
+## Becoming a Kintone Partner?
+
+https://www.kintone.com/en-us/become-a-partner/
+
+=   =   =   =   =   =   =   =   =   =
+
+## What are Kintone Plug-ins
+
+https://kintone.dev/en/plugins/introduction-to-plug-ins/what-are-kintone-plug-ins/
+
+=   =   =   =   =   =   =   =   =   =
+
+=   =   =   =   =   =   =   =   =   =
+
+## 🚀 Have your Kintone Subdomain ready!
+
+If you have not already, sign up for the FREE Kintone Developer License by filling out this web form:
+
+https://kintone.dev/new
+
+✅ Use Chrome or FireFox ; ⚠️ NO Safari
+
+=   =   =   =   =   =   =   =   =   =
+
+## Got Questions?
+Feel free to msg me with a workshop-related or a general Kintone question to me anytime ~
+
+=   =   =   =   =   =   =   =   =   =
+
+## Why use Kintone?
++ Super easy to use database / backend solution
++ You can use vanilla JS to build customizations right on the platform
++ Companies are hiring engineers to build Kintone integrations
+
+More information:
++ Get Hacking with Kintone - https://kintone.dev/en/landing-page/hackathon/
++ Job Listing - Kintone Developer Forum - https://forum.kintone.dev/t/seeking-independent-contractors-with-kintone-customization-programming-skills/550
+
+=   =   =   =   =   =   =   =   =   =