Realized what's wrong!!!!(00:34:57 - 00:35:25) - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Realized what's wrong!!!!(00:34:57 - 00:35:25)
devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Hello. I'm Takuya Matsuyama from Japan, a solo developer making a Markdown note-taking app called Inkdrop. I'm making a comfortable earning from it now.
It's built with Electron and React.
In this video, I show my progress of the work on improving my website built with GatsbyJS.
I hope you enjoy ...
Hello. I'm Takuya Matsuyama from Japan, a solo developer making a Markdown note-taking app called Inkdrop. I'm making a comfortable earning from it now.
It's built with Electron and React.
In this video, I show my progress of the work on improving my website built with GatsbyJS.
I hope you enjoy it!

P.S. Sorry, the terminal font size was too small for watching the video. I'll make it 2x bigger from next shooting.

▶ Download my product - Inkdrop
https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=PnR5gE28gIU

Follow me online here:
▶ Discord community https://discord.gg/QfsG5Kj
▶ Twitter(English)
▶ Twitter(日本語)
▶ Instagram https://instagram.com/craftzdog
▶ Medium Blog https://blog.inkdrop.info/
▶ DEV blog https://dev.to/craftzdog
▶ GitHub https://github.com/craftzdog/
▶ Subscribe Newsletter https://www.devas.life/

Credits:
▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/

0:00 Opening - I've got a boom arm!
0:43 I'm gonna work on the documentation website of Inkdrop
1:26 The release notes page doesn't have permalinks for each version
2:00 Mission: Make it have a permalink for each page
2:17 The website is built with GatsbyJS
2:48 The version history is managed on a GitHub repository in YAML
3:02 How it's generated in Gatsby
4:06 Plan: Get the YAML data and generate pages dynamically
5:47 When should the YAML data be loaded?
8:03 Define sourceNodes where the data gets loaded
14:34 Debugging GraphQL data
19:34 Gets frustrated by Gatsby generating image thumbnails
21:12 Create pages from nodes
25:14 Create a page template for release notes
29:04 Got 404 errror
31:08 The page template is not working as expected
33:50 Thinking of why the manual template is showing instead of the history template
34:57 Realized what's wrong!!!!
35:25 Got another error...!
36:40 Fixing the GraphQl query error
38:00 Found that the GraphQL query is not correct
39:10 I don't understand how to get context data 😭
42:27 Ohhh yeaahhh the template finally worked!!!

#javascript #gatsbyjs #reactjs

#Productivity #Solo dev #Programming #Indie dev #devlog #Website #Web development #Frontend development #Freelancer #JavaScript
Opening - I've got a boom arm! - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Opening - I've got a boom arm!

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:00:00 - 00:00:43
I'm gonna work on the documentation website of Inkdrop - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

I'm gonna work on the documentation website of Inkdrop

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:00:43 - 00:01:26
The release notes page doesn't have permalinks for each version - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

The release notes page doesn't have permalinks for each version

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:01:26 - 00:02:00
Mission: Make it have a permalink for each page - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Mission: Make it have a permalink for each page

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:02:00 - 00:02:17
The website is built with GatsbyJS - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

The website is built with GatsbyJS

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:02:17 - 00:02:48
The version history is managed on a GitHub repository in YAML - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

The version history is managed on a GitHub repository in YAML

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:02:48 - 00:03:02
How it's generated in Gatsby - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

How it's generated in Gatsby

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:03:02 - 00:04:06
Plan: Get the YAML data and generate pages dynamically - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Plan: Get the YAML data and generate pages dynamically

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:04:06 - 00:05:47
When should the YAML data be loaded? - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

When should the YAML data be loaded?

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:05:47 - 00:08:03
Define sourceNodes where the data gets loaded - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Define sourceNodes where the data gets loaded

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:08:03 - 00:14:34
Debugging GraphQL data - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Debugging GraphQL data

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:14:34 - 00:19:34
Gets frustrated by Gatsby generating image thumbnails - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Gets frustrated by Gatsby generating image thumbnails

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:19:34 - 00:21:12
Create pages from nodes - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Create pages from nodes

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:21:12 - 00:25:14
Create a page template for release notes - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Create a page template for release notes

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:25:14 - 00:29:04
Got 404 errror - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Got 404 errror

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:29:04 - 00:31:08
The page template is not working as expected - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

The page template is not working as expected

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:31:08 - 00:33:50
Thinking of why the manual template is showing instead of the history template - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Thinking of why the manual template is showing instead of the history template

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:33:50 - 00:34:57
is that humming of FF7 soundtrack ? haha - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

is that humming of FF7 soundtrack ? haha

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:34:22 - 00:42:57
Realized what's wrong!!!! - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Realized what's wrong!!!!

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:34:57 - 00:35:25
Got another error...! - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Got another error...!

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:35:25 - 00:36:40
Fixing the GraphQl query error - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Fixing the GraphQl query error

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:36:40 - 00:38:00
Found that the GraphQL query is not correct - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Found that the GraphQL query is not correct

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:38:00 - 00:39:10
I don't understand how to get context data 😭 - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

I don't understand how to get context data 😭

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:39:10 - 00:42:27
Ohhh yeaahhh the template finally worked!!! - devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2

Ohhh yeaahhh the template finally worked!!!

devlog: Improve my GatsbyJS-based website! Generate pages from an external data - Part.1/2
2020年09月25日 
00:42:27 - 00:42:57

devaslife

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Timetable

動画タイムテーブル

動画数:65件

Coming up - My strategy to survive the generative AI era as an indie developer

Coming up

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:00:00 - 00:00:42
About the price change - My strategy to survive the generative AI era as an indie developer

About the price change

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:00:42 - 00:01:52
An indie developer brand? Are you serious? - My strategy to survive the generative AI era as an indie developer

An indie developer brand? Are you serious?

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:01:52 - 00:03:13
Emotions are more important towards surviving the Al era - My strategy to survive the generative AI era as an indie developer

Emotions are more important towards surviving the Al era

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:03:13 - 00:05:34
Learning from high-end fashion brands - My strategy to survive the generative AI era as an indie developer

Learning from high-end fashion brands

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:05:34 - 00:07:00
Incorporating my productive vibes into my app - My strategy to survive the generative AI era as an indie developer

Incorporating my productive vibes into my app

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:07:00 - 00:09:47
Edutainment: Education + Entertainment - My strategy to survive the generative AI era as an indie developer

Edutainment: Education + Entertainment

My strategy to survive the generative AI era as an indie developer
2024年02月02日 
00:09:47 - 00:11:20
Intro - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Intro

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:00:00 - 00:01:01
Hello! - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Hello!

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:01:01 - 00:01:51
Introducing Solarized Osaka - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Introducing Solarized Osaka

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:01:51 - 00:02:41
Ditch hex for HSL - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Ditch hex for HSL

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:02:41 - 00:03:12
What is HSL? - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

What is HSL?

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:03:12 - 00:05:05
Color example - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Color example

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:05:05 - 00:07:15
Solarized Osaka's color palet - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Solarized Osaka's color palet

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:07:15 - 00:08:21
Highlight HSL colors in Neovi - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Highlight HSL colors in Neovi

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:08:21 - 00:10:33
Thank you! - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Thank you!

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:10:33 - 00:10:57
Camera died - How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023

Camera died

How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
2023年12月14日 
00:10:57 - 00:11:14
Coming up - Effective Neovim setup for web development towards 2024

Coming up

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:00:00 - 00:00:53
Introduction - Effective Neovim setup for web development towards 2024

Introduction

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:00:53 - 00:03:47
what is this laptop stand? Share link please - Effective Neovim setup for web development towards 2024

what is this laptop stand? Share link please

Effective Neovim setup for web development towards 2024
2023年11月14日  Abi Din 様 
00:03:34 - 01:00:28
Install LazyVim - Effective Neovim setup for web development towards 2024

Install LazyVim

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:03:47 - 00:06:30
Why I chose LazyVim - Effective Neovim setup for web development towards 2024

Why I chose LazyVim

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:06:30 - 00:08:24
Change the theme to Solarized Osaka - Effective Neovim setup for web development towards 2024

Change the theme to Solarized Osaka

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:08:24 - 00:09:39
Basic keymaps - Effective Neovim setup for web development towards 2024

Basic keymaps

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:09:39 - 00:15:16
Customize some keymaps - Effective Neovim setup for web development towards 2024

Customize some keymaps

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:15:16 - 00:16:09
Clone an example project - Effective Neovim setup for web development towards 2024

Clone an example project

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:16:09 - 00:16:52
Change conceallevel - Effective Neovim setup for web development towards 2024

Change conceallevel

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:16:52 - 00:18:17
Enable undercurl - Effective Neovim setup for web development towards 2024

Enable undercurl

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:18:17 - 00:19:08
Install extras - Effective Neovim setup for web development towards 2024

Install extras

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:19:08 - 00:21:48
Configure cowboy - Effective Neovim setup for web development towards 2024

Configure cowboy

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:21:48 - 00:26:23
Configure Telescope - Effective Neovim setup for web development towards 2024

Configure Telescope

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:26:23 - 00:37:31
Noice - Effective Neovim setup for web development towards 2024

Noice

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:37:31 - 00:39:54
Change the notification timeout - Effective Neovim setup for web development towards 2024

Change the notification timeout

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:39:54 - 00:40:50
Incline - Effective Neovim setup for web development towards 2024

Incline

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:40:50 - 00:45:18
bufferline - Effective Neovim setup for web development towards 2024

bufferline

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:45:18 - 00:47:03
lualine - Effective Neovim setup for web development towards 2024

lualine

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:47:03 - 00:47:56
inc-rename - Effective Neovim setup for web development towards 2024

inc-rename

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:47:56 - 00:49:08
mason - Effective Neovim setup for web development towards 2024

mason

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:49:08 - 00:50:37
Tree-sitter - Effective Neovim setup for web development towards 2024

Tree-sitter

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:50:37 - 00:52:46
Disable flash and enable cursor animatior - Effective Neovim setup for web development towards 2024

Disable flash and enable cursor animatior

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:52:46 - 00:54:19
Customize startup logo - Effective Neovim setup for web development towards 2024

Customize startup logo

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:54:19 - 00:55:41
Just discovered this channel and I love it so much. That proud smile at  is everything - Effective Neovim setup for web development towards 2024

Just discovered this channel and I love it so much. That proud smile at is everything

Effective Neovim setup for web development towards 2024
2023年11月14日  Konstantin 様 
00:55:35 - 01:00:28
I love how proud you were lol. I really enjoy watching your videos. They are so calm and informative it's pretty cool - Effective Neovim setup for web development towards 2024

I love how proud you were lol. I really enjoy watching your videos. They are so calm and informative it's pretty cool

Effective Neovim setup for web development towards 2024
2023年11月14日  な 様 
00:55:36 - 01:00:28
Demo: Update my homepage - Effective Neovim setup for web development towards 2024

Demo: Update my homepage

Effective Neovim setup for web development towards 2024
2023年11月14日 
00:55:41 - 01:00:00
Thanks for watching - Effective Neovim setup for web development towards 2024

Thanks for watching

Effective Neovim setup for web development towards 2024
2023年11月14日 
01:00:00 - 01:00:05
One more thing.. - Effective Neovim setup for web development towards 2024

One more thing..

Effective Neovim setup for web development towards 2024
2023年11月14日 
01:00:05 - 01:00:28
Intro - How I take tech notes as a note app author

Intro

How I take tech notes as a note app author
2023年05月30日 
00:00:00 - 00:01:23
The right tool for the right task - How I take tech notes as a note app author

The right tool for the right task

How I take tech notes as a note app author
2023年05月30日 
00:01:23 - 00:03:18
Embrace your imperfection - How I take tech notes as a note app author

Embrace your imperfection

How I take tech notes as a note app author
2023年05月30日 
00:03:18 - 00:04:25
4 steps for taking tech notes - How I take tech notes as a note app author

4 steps for taking tech notes

How I take tech notes as a note app author
2023年05月30日 
00:04:25 - 00:05:38
1. Identify the problem - How I take tech notes as a note app author

1. Identify the problem

How I take tech notes as a note app author
2023年05月30日 
00:05:38 - 00:08:31
2. Research the possible solutions - How I take tech notes as a note app author

2. Research the possible solutions

How I take tech notes as a note app author
2023年05月30日 
00:08:31 - 00:10:59
3. Validate the solutions - How I take tech notes as a note app author

3. Validate the solutions

How I take tech notes as a note app author
2023年05月30日 
00:10:59 - 00:11:37
What worked well - How I take tech notes as a note app author

What worked well

How I take tech notes as a note app author
2023年05月30日 
00:11:37 - 00:13:03
What didn't work - How I take tech notes as a note app author

What didn't work

How I take tech notes as a note app author
2023年05月30日 
00:13:03 - 00:14:48
4. Reuse the knowledge - How I take tech notes as a note app author

4. Reuse the knowledge

How I take tech notes as a note app author
2023年05月30日 
00:14:48 - 00:15:02
Refer to code snippets - How I take tech notes as a note app author

Refer to code snippets

How I take tech notes as a note app author
2023年05月30日 
00:15:02 - 00:15:35
Learn from previous solutions to common errors - How I take tech notes as a note app author

Learn from previous solutions to common errors

How I take tech notes as a note app author
2023年05月30日 
00:15:35 - 00:16:07
Share what you learned - How I take tech notes as a note app author

Share what you learned

How I take tech notes as a note app author
2023年05月30日 
00:16:07 - 00:16:49
Wrap up - How I take tech notes as a note app author

Wrap up

How I take tech notes as a note app author
2023年05月30日 
00:16:49 - 00:17:28
Intro - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Intro

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:00:00 - 00:01:02
Project description - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Project description

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:01:02 - 00:04:18
thanks for beautifully organized video. What is the name of “speech balloon” tool in the Projection description part? - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

thanks for beautifully organized video. What is the name of “speech balloon” tool in the Projection description part?

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Yuki Okabe 様 
00:01:03 - 01:12:31
Create a new Next.js project with Stitches - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a new Next.js project with Stitches

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:04:18 - 00:07:23
Prepare using OpenAl - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Prepare using OpenAl

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:07:23 - 00:08:38
Learn how to write Python with ChatGPT - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Learn how to write Python with ChatGPT

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:08:38 - 00:11:49
Transcribe the audio with the transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Transcribe the audio with the transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:11:49 - 00:14:46
you mean prompt right? - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

you mean prompt right?

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Aung Zan Baw 様 
00:13:24 - 01:12:31
Try invoking the completion API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Try invoking the completion API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:14:46 - 00:17:35
Get input data from stdin - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Get input data from stdin

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:17:35 - 00:19:26
Load and parse SRT data - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Load and parse SRT data

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:19:26 - 00:21:36
Translate each subtitle - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Translate each subtitle

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:21:36 - 00:24:00
Check out Radix UI and Stitches - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Check out Radix UI and Stitches

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:24:00 - 00:25:26
Prepare building the UI - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Prepare building the UI

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:25:26 - 00:26:29
Create a form to specify a video URL - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a form to specify a video URL

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:26:29 - 00:31:22
Implement event handling - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement event handling

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:31:22 - 00:33:13
Create a component to render the command outputs - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Create a component to render the command outputs

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:33:13 - 00:36:40
Add tabs - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Add tabs

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:36:40 - 00:42:02
Add an API routing - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Add an API routing

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:42:02 - 00:42:47
Implement an audio download API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement an audio download API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:42:47 - 00:48:09
Implement a transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement a transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:48:09 - 00:50:17
Excellent video! In  (transcribe.py:13) there is a typo "primpt", I think that's why he keeps getting his name wrong. If you already corrected it at some point in the video and I let it go, please ignore it. ;) - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Excellent video! In (transcribe.py:13) there is a typo "primpt", I think that's why he keeps getting his name wrong. If you already corrected it at some point in the video and I let it go, please ignore it. ;)

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日  Ice Livin 様 
00:50:06 - 01:12:31
Implement a translation API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Implement a translation API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:50:17 - 00:53:22
Connect the components with states - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Connect the components with states

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:53:22 - 00:55:42
Extract a video ID from the YouTube URL - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Extract a video ID from the YouTube URL

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:55:42 - 00:57:39
Progressively update the output by a callback function - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Progressively update the output by a callback function

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
00:57:39 - 01:00:12
Fix scroll overflow issue - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Fix scroll overflow issue

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:00:12 - 01:00:55
Invoke the audio download API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the audio download API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:00:55 - 01:04:50
Invoke the transcription API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the transcription API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:04:50 - 01:07:28
Fix the transcription prompt not working - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Fix the transcription prompt not working

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:07:28 - 01:07:51
Invoke the translation API - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Invoke the translation API

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:07:51 - 01:10:42
Finish it up - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Finish it up

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:10:42 - 01:10:56
Demo - Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI

Demo

Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
2023年04月10日 
01:10:56 - 01:12:31
Furna - Lotus - [playlist] Melodies for coding | Focus & Chill

Furna - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:00:00 - 00:04:02
Drawing - LUCHS - [playlist] Melodies for coding | Focus & Chill

Drawing - LUCHS

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:04:02 - 00:06:22
And Lucie Dreams - Lotus - [playlist] Melodies for coding | Focus & Chill

And Lucie Dreams - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:06:22 - 00:09:57
Mint Conditions - Dusty Decks - [playlist] Melodies for coding | Focus & Chill

Mint Conditions - Dusty Decks

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:09:57 - 00:12:08
Cousin Stratus - Lotus - [playlist] Melodies for coding | Focus & Chill

Cousin Stratus - Lotus

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:12:08 - 00:15:13
Tiny Room Bop - [ocean jams] - [playlist] Melodies for coding | Focus & Chill

Tiny Room Bop - [ocean jams]

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:15:13 - 00:17:33
Parallax - Luwaks - [playlist] Melodies for coding | Focus & Chill

Parallax - Luwaks

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:17:33 - 00:20:39
Lisbon - Shiruky - [playlist] Melodies for coding | Focus & Chill

Lisbon - Shiruky

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:20:39 - 00:23:39
I'll Follow - Mochas - [playlist] Melodies for coding | Focus & Chill

I'll Follow - Mochas

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:23:39 - 00:26:12
Lupi - Sayuri Hayashi Egnell - [playlist] Melodies for coding | Focus & Chill

Lupi - Sayuri Hayashi Egnell

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:26:12 - 00:28:17
Tau - Osoku - [playlist] Melodies for coding | Focus & Chill

Tau - Osoku

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:28:17 - 00:31:12
Have a productive day - [playlist] Melodies for coding | Focus & Chill

Have a productive day

[playlist] Melodies for coding | Focus & Chill
2023年03月24日 
00:31:12 - 00:31:23