▶ Check out my note-taking app: Inkdrop https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=kSIeIR8s1nM ▶ The price change announcement: https://forum.inkdrop.app/t/inkdrop-price-change/4366 ▶ The article version: https://www.devas.life/im-trying-to-sell-my-productive-vibes/ Follow me online here: ▶ Subscribe to my newsletter https://www.devas.life/ ▶ X https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog ▶ My second channel https://www.youtube.com/@craftzdog 00:00 Coming up 00:42 About the price change 01:52 An indie developer brand? Are you serious? 03:13 Emotions are more important towards surviving the Al era 05:34 Learning from high-end fashion brands 07:00 Incorporating my productive vibes into my app 09:47 Edutainment: Education + Entertainment #IndieDev #Branding #OpenAI #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript #OpenAI #ChatGPT #Generative AI #Branding #Louis Vuitton

▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=EJLrssH1ip0 ▶ Solarized Osaka https://github.com/craftzdog/solarized-osaka.nvim ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ Follow me online here: ▶ Subscribe to my newsletter https://www.devas.life/ ▶ X (Twitter) https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog ▶ My second channel https://www.youtube.com/@craftzdog NeovimConf 2023 https://neovimconf.live/ 00:00 Intro 01:01 Hello! 01:51 Introducing Solarized Osaka 02:41 Ditch hex for HSL 03:12 What is HSL? 05:05 Color example 07:15 Solarized Osaka's color palet 08:21 Highlight HSL colors in Neovi 10:33 Thank you! 10:57 Camera died #Neovim #Lua #Design #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript

▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=fFHlfbKVi30 ▶ Article version: https://www.devas.life/effective-neovim-setup-for-web-development-towards-2024/ ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ My wallpaper packs are now available🥳 Check out serene imagery from my coding tutorials here: https://www.craftz.dog/wallpapers Follow me online here: ▶ Subscribe to my newsletter https://www.devas.life/ ▶ X (Twitter) https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog ▶ My second channel https://www.youtube.com/@craftzdog 00:00 Coming up 00:53 Introduction 03:47 Install LazyVim 06:30 Why I chose LazyVim 08:24 Change the theme to Solarized Osaka 09:39 Basic keymaps 15:16 Customize some keymaps 16:09 Clone an example project 16:52 Change conceallevel 18:17 Enable undercurl 19:08 Install extras 21:48 Configure cowboy 26:23 Configure Telescope 37:31 Noice 39:54 Change the notification timeout Incline 40:50 45:18 bufferline 47:03 lualine 47:56 inc-rename 49:08 mason 50:37 Tree-sitter 52:46 Disable flash and enable cursor animatior 54:19 Customize startup logo 55:41 Demo: Update my homepage 1:00:00 Thanks for watching 1:00:05 One more thing.. #Neovim #CodeWithMe #ASMR #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript #Neovim #Vim

▶ Get Inkdrop https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=rjOuCFrs584 ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog Credits: ▶ Proofreading - Albin Johansson ▶ BGM - Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 00:00 Intro 01:23 The right tool for the right task 03:18 Embrace your imperfection 04:25 4 steps for taking tech notes 05:38 1. Identify the problem 08:31 2. Research the possible solutions 10:59 3. Validate the solutions 11:37 What worked well 13:03 What didn't work 14:48 4. Reuse the knowledge 15:02 Refer to code snippets 15:35 Learn from previous solutions to common errors 16:07 Share what you learned 16:49 Wrap up #SoftwareEngineering #TechNoteTaking #Markdown #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript

▶ Source code https://github.com/craftzdog/vlog-translator ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Majextand review https://uses.craftz.dog/posts/majextand ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=UNGi144eVbI Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog 00:00 Intro 01:02 Project description 04:18 Create a new Next.js project with Stitches 07:23 Prepare using OpenAl 08:38 Learn how to write Python with ChatGPT 11:49 Transcribe the audio with the transcription API 14:46 Try invoking the completion API 17:35 Get input data from stdin 19:26 Load and parse SRT data 21:36 Translate each subtitle 24:00 Check out Radix UI and Stitches 25:26 Prepare building the UI 26:29 Create a form to specify a video URL 31:22 Implement event handling 33:13 Create a component to render the command outputs 36:40 Add tabs 42:02 Add an API routing 42:47 Implement an audio download API 48:09 Implement a transcription API 50:17 Implement a translation API 53:22 Connect the components with states 55:42 Extract a video ID from the YouTube URL 57:39 Progressively update the output by a callback function 01:00:12 Fix scroll overflow issue 01:00:55 Invoke the audio download API 01:04:50 Invoke the transcription API 01:07:28 Fix the transcription prompt not working 01:07:51 Invoke the translation API 01:10:42 Finish it up 01:10:56 Demo #OpenAI #CodeWithMe #ASMR #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript

Here are the tracks from my coding tutorials. Code to the beat! 00:00 Furna - Lotus 04:02 Drawing - LUCHS 06:22 And Lucie Dreams - Lotus 09:57 Mint Conditions - Dusty Decks 12:08 Cousin Stratus - Lotus 15:13 Tiny Room Bop - [ocean jams] 17:33 Parallax - Luwaks 20:39 Lisbon - Shiruky 23:39 I'll Follow - Mochas 26:12 Lupi - Sayuri Hayashi Egnell 28:17 Tau - Osoku 31:12 Have a productive day Credits: ▶ BGM - Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ Informations: ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=IGK6eceWyU4 Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript #Playlist

▶ Source code https://github.com/craftzdog/ghibli-style-shader ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=IGK6eceWyU4 Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog References: ▶ Blenader tutorial by Lightning Boy Studio https://www.youtube.com/watch?v=DEgzuMmJtu8&ab_channel=LightningBoyStudio 00:00:00 Hello 00:00:44 Unboxing a new MacBook Pro 00:01:54 Heading to Osaka Castle Park 00:04:00 Create a new React project 00:05:12 Install libraries 00:05:31 Make the page background transparent 00:06:32 Remove the template content 00:06:53 Integrate React Three Fiber into the project 00:08:49 Add a simple scene 00:14:33 Add a ground plane for shadows 00:17:19 Import a tree model 00:18:28 Add the tree model to the scene 00:19:37 Use Standard Material 00:20:50 Use Toon Material 00:23:25 Rotate the tree object 00:24:55 Create a simple shader 00:28:05 Use a custom toon shader 00:32:10 Tweak the toon shader 00:35:11 Start creating a Ghibli shader 00:40:01 Define variables 00:42:12 Calculate brightness 00:44:25 Add gradient colors 00:44:53 Create another color variation 00:47:29 Thank you for watching #ThreeJS #CodeWithMe #ASMR #Productivity #Solo dev #Programming #Indie dev #Code with me #Tutorial #JavaScript

▶ My vimrc https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ Follow me online here: ▶ Twitter https://twitter.com/inkdrop_app ▶ Blog https://blog.inkdrop.app/ ▶ Instagram https://instagram.com/craftzdog ▶ Subscribe to my Newsletter https://www.devas.life/ #CodeWithMe #ASMR #Vim

▶ Source code https://github.com/craftzdog/inkdrop-ui-mockup-react-native ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=JU4VBbe23jg Follow me online here: ▶ Twitter https://twitter.com/inkdrop_app ▶ Subscribe to my Newsletter https://www.devas.life/ ▶ Blog https://blog.inkdrop.app/ ▶ Instagram https://instagram.com/craftzdog Credits: ▶ Proofreading - Marco Cognetta https://twitter.com/good_in_theory ▶ BGM - Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 00:00 Intro 02:34 Add note list header component 07:39 Create TextInput restyle component 14:24 Add a TextInput to the header bar 20:27 Move the theme picker to the sidebar 25:39 Add a left header bar button that can transform i 37:07 Add a clear button to the header bar 38:55 Implement the header bar animations 43:19 Enable tablet layouts 44:29 Add a navbar to the detail screen 53:37 Add editor state atom 56:48 Create a note list screen for phones 01:03:07 Use 'useSetAtom' for better performance 01:03:21 Make the screen responsive 01:11:08 Create a note list screen for tablets 01:13:47 Create a three-column lavout component 01:28:12 Memoize props of some components to improve 01:29:33 Hide left view in portrait mode 01:30:11 Toggle the sidebar 01:31:05 Add the sidebar to the left view 01:32:09 Implement detail screens for phones and tablets 01:40:02 Update the stack navigator for phones 01:40:19 Display note body on the detail screen 01:44:45 Ending #ReactNative #CodeWithMe #ASMR #Productivity #Solo dev #Programming #Indie dev #Inkdrop #Code with me #ASMR

Thanks for the questions! ▶ Download my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=NzQnZqTGtwc Follow me online here: ▶ Homepage https://www.craftz.dog/ ▶ Twitter(English) https://twitter.com/inkdrop_app ▶ Twitter(日本語) https://twitter.com/craftzdog ▶ Instagram https://instagram.com/craftzdog ▶ Medium Blog https://blog.inkdrop.app/ ▶ DEV blog https://dev.to/craftzdog ▶ GitHub https://github.com/craftzdog/ ▶ Subscribe to my newsletter https://www.devas.life/ 00:00 Intro 01:18 How do you do to stay updated or learn new things? 02:28 What do you want to achieve with your unique approach of dev content? 03:10 How do you prepare and film coding videos? 04:43 What inspired you to make your videos in the style that you have? https://blog.inkdrop.app/how-ive-hit-10k-subs-on-my-tech-youtube-channel-a799520af1f4 06:05 How do you create the frosty-transparent terminal window in your videos? 07:27 How to improve skills to freelance, get a job, make a SaaS, etc? 08:45 What is the best programming language for beginners? 10:59 Do you recommend Japan as a country for foreigners to work as a software engineer? 11:21 Is React Native suitable for beginners? 11:48 MacBook Pro? Air? Spec? https://www.youtube.com/watch?v=3dt-tqerX1g 12:52 How did you learn to code? https://www.youtube.com/watch?v=EC-FPKmFxr4 14:39 How many hours do you work a day? 15:26 How to overcome stress among clever people? 17:05 What do you listen to when programming? 17:36 How to balance fulltime work and freelance projects or having a personal project on the side? 18:20 Use git 18:29 How much you need to live in Japan with adequate quality of life? 19:12 Do you have life? 19:21 Will you hire more people for inkdrop in the future, or want to intentionally stay small / solo? 19:51 Would you make a video showing how to make a RN fully responsive app? (Tablets and mobile phones) 20:07 Any chance that you will do live-streams on Twitch/YouTube? 20:16 From all the places where you have worked in your videos, which one did you enjoy the most and why? https://www.youtube.com/watch?v=w-M9UFHLAl0 20:44 About the Inkdrop backend and framework choices https://blog.inkdrop.app/how-ive-support-5-platforms-aa4cdd18e9b4 21:37 Ending 22:19 Extra: Meditation Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ #Productivity #Solo dev #Programming #Indie dev