▶ Get Inkdrop https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=pxKz7bWszVA ▶ 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

売れるゲームクリエイターを育成するオンラインスクール 「GC’sブートキャンプ」開校！ 期間限定で超実践型オンラインセミナー無料公開中！ セミナー視聴で僕の電子書籍「超実践型インディーゲームクリエイターガイド」をプレゼント！ 今すぐ公式LINEに登録しよう！👇 https://penguin-asp.com/lp/12wp/6gsw ※スクールに関する質問は公式ラインにお願いします！ 各種SNSもフォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 公式 https://www.instagram.com/hirohasu_game/ プライベート https://www.instagram.com/hirohasusan/ 【TikTok】 https://vt.tiktok.com/ZSageMeq このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ メインチャンネル https://www.youtube.com/@hirohasu サブチャンネル https://www.youtube.com/@hirohasu2 ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 #ひろはす #ゲーム開発 #ゲーム制作 #ゲームクリエイター #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす

Hello. I'm Takuya Matsuyama from Osaka, Japan, an indie developer making a Markdown note-taking app called Inkdrop. In this video, I share how I built my portfolio website using Next.js, Chakra UI, Framer Motion, and Three.js. I hope you enjoy it! ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=bSMZgXzC9AA ▶ Visit my homepage https://www.craftz.dog/ ▶ Source code https://github.com/craftzdog/craftzdog-homepage ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My terminal set up https://www.youtube.com/watch?v=KKxhf50FIPI ▶ My NeoVim set up https://www.youtube.com/watch?v=FW2X1CXrU1w ▶ My recording equipments * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Mic: Zoom H1n * Slider: SliderONE v2 * Terminal: Hacked Hyper - https://dev.to/craftzdog/getting-side-by-side-preview-in-a-terminal-app-hyper-20ii 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: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 0:00 Digest 01:27 Create a new project 02:51 Configure the project (ESLint, Prettier, etc) 05:06 Create index page 07:35 Integrate with Chakra UI 11:16 Go to a cafe! 12:00 Add a navigation bar 27:05 Support dark theme 34:17 Change font 35:21 Add my profile image 37:43 Add animated profile sections 40:04 Add my bio 45:19 Animate the toggle theme button 47:02 Add 'works' page 54:36 Implement page transitions with Framer Motion 58:42 Add 3D voxel dog with Three.js 01:16:36 Back to my home and fix dog's top margin 01:17:01 Customize 404 page 01:19:19 Add work detail pages 01:27:01 Add 'Posts' page 01:30:15 Add social media links 01:36:07 Deploy the website on Vercel 01:38:07 Deploy successful 🎉 #codewithme #ASMR #codingtutorial #Productivity #Solo dev #Programming #Indie dev #NextJS #ReactJS #ChakraUI #ThreeJS

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. In this video, I share my latest Neovim setup for my app developments using React, React Native, TypeScript, etc. I hope you enjoy it :) ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.youtube.com/watch?v=-qBavwqc_mY ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My terminal setup https://youtu.be/RNqDkF17ogY?t=293 ▶ My equipment * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Mic: Zoom H1n * Slider: SliderONE v2 * Keyboard: Keychron K2 (V1) with brown switches and PGA profile ABS Doubleshot keycaps * Browser: Min - https://minbrowser.org/ * Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr * Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK 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/ 00:00 Hello 02:20 Install Neovim 03:06 Create init.lua 03:21 Base configuration 09:37 Highlights 10:40 Basic keymaps 17:56 Clipboard 20:09 Packer - Lua-based package manager 22:07 Color scheme: Neosolarized 28:37 Status line: Lualine 35:02 Create a demo project 36:29 Fix a Neosolarized error 36:49 Lspconfig 43:43 Auto-completion: Lspkind and cmp 50:02 Snippets: Luasnip 51:15 Syntax highlightings: Treesitter 54:23 Autotag and Autopair 56:43 Fuzz finder: Telescope 01:06:32 File icons: web-devicons 01:08:17 Tabs: Bufferline 01:12:31 Color code highlightings: Colorizer 01:14:16 LSP Uls: Lspsaga 01:19:18 Code formatter: Prettier and null-ls 01:25:42 Git markers: gitsigns 01:27:42 git 01:29:46 LSP tool: mason 01:33:45 Wrap up 01:36:20 Thanks for watching Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ #codewithme #neovim #asmr #Productivity #Solo dev #Programming #Indie dev #Neovim #Vim #Tutorial #React #TypeScript #LSP

▶ 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

今回はUnityの入門動画として、じっくり使い方を解説する動画を作ってみました。 かなり長い動画になってるので、再生しながら一緒にじっくり作業していただければと思います👍 ■よくある質問の参考サイト 日本語化方法が分からない https://dkrevel.com/unity-explain/unity-japanese/ スクリプトが開かない、開かなくなった https://bluebirdofoz.hatenablog.com/entry/2019/12/17/092922 スクリプトで候補が出ない https://obenkyolab.com/?p=1833 ■目次 0:00 オープニング 1:41 解説開始 2:34 エディターの解説 5:07 オブジェクトの移動、回転の仕方 6:07 シーンの説明 7:26 オブジェクトの作成 13:18 マテリアルの解説 18:04 セーブ方法の解説 18:36 物理エンジンの解説 21:14 物理マテリアルの作成 23:55 物理コンストレインの解説 24:38 スクリプトの作成と解説 26:20 プレイヤーのスクリプト 35:36 ボールのスクリプト 40:26 ブロックのスクリプト 43:51 まとめ 44:22 エンディング ■参考 Unity https://unity.com Unityのインストール方法の解説 https://youtu.be/FIIeGcDsr7U プロジェクトデータ https://github.com/hirohasuYouTube/BlockBreak このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug ひろはすゲームグラフィック研究所 https://www.youtube.com/channel/UCWpkVWp9-BlcacwFfv4liHg ひろはすゲーム雑談所 https://www.youtube.com/channel/UCTX8yV1KT3y9MXjFdlyijjA 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #Unity #初心者 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす #Unity

▶ 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

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. I've set up PowerShell environment for my Windows PC. I hope you enjoy it! ▶ Check out Kazephoto's beautiful nature videos https://www.youtube.com/watch?v=2LRXlZtF7xc ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=5-aK2_WwrmM ▶ Ingredients * Scoop - A command-line installer * Git for Windows * Oh My Posh - Prompt theme engine * Terminal Icons - Folder and file icons * PSReadLine - Cmdlets for customizing the editing environment, used for autocompletion * z - Directory jumper * PSFzf - Fuzzy finder ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My Windows PC build https://www.youtube.com/watch?v=a4CqHh233cM ▶ My NeoVim set up https://www.youtube.com/watch?v=FW2X1CXrU1w ▶ My desk setup * https://www.youtube.com/watch?v=1OFDMwDlnOE ▶ My equipments * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Mic: Zoom H1n & Blue Microphones Yeti * Slider: SliderONE v2 * Keyboard: Keychron K2V2 - https://www.youtube.com/watch?v=-UW_c8VT2ZE * Browser: Min 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/ Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 0:00 Digest 01:24 Install patched nerd fonts (Hack) 02:06 Configure Windows Terminal 03:29 Install PowerShell 04:03 Change the default shell 04:29 Change the terminal background color 05:43 Install Scoop (Comamnd-line installer) 06:50 Install Git for Windows 08:12 Install Neovim 08:50 Make a user profile and set command aliases 10:21 Install Oh My Posh (Prompt theme engine) 11:32 Customize prompt (Path) 16:23 Customize prompt (Git) 20:24 Customize prompt (Right bubbles) 27:26 Load the prompt config in the profile 28:38 Install NodeJS and check the version bubble 29:46 Install Terminal Icons 30:41 Install z - Directory jumper 31:25 Install PSReadLine - Autocompletion 32:58 Install Fzf - Fuzzy finder 34:21 Update the profile 36:13 Add a utility command - `which` 37:19 Appendix - Oh My Posh themes 39:12 Thank you for watching :) #PowerShell #ASMR #RainSounds #Productivity #Solo dev #Programming #Indie dev #PowerShell #ASMR #CodeWithMe #RainSounds #Nature

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. I've built a website for my friend Marc's agency, Margelo https://margelo.io/ (The source code is private). *Do not submit the form for testing.* I hope you enjoy it :) ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=GznmPACXBlY ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My NeoVim set up https://www.youtube.com/watch?v=FW2X1CXrU1w ▶ My equipment * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Mic: Zoom H1n & Blue Microphones Yeti * Slider: SliderONE v2 * Keyboard: Keychron K2 * Browser: Min - https://minbrowser.org/ * Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr * Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK 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/ Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 00:00 Intro 01:16 Heading for a hike 02:43 Create a new project 03:49 Start Next.js dev server 06:28 Check the assets provided by the client 06:48 Clean up the scaffolded code 08:08 Masthead - Video background 15:03 About us 22:58 Masthead - Background parallax effect 28:08 Masthead - Logo animations 30:23 Skills 34:06 Skills - Animations 39:45 Works - Sticky parallax effect 01:06:19 Check the current progress 01:06:49 Trusted by 01:11:55 Observe viewport size 01:14:21 Logo slider 01:25:06 Testimonials - Carousel layout 01:37:10 Add reviews 01:40:13 Break 01:40:39 Contact form 01:42:50 Testimonials - Fix the blank gap 01:44:33 Contact form 01:49:51 Footer 01:51:55 Check the current progress 01:52:23 Back to home 01:53:05 Test GitHub API 01:54:53 Get number of the commits to React Native 02:00:22 Display the number of commits 02:03:23 Get number of npm package downloads 02:06:30 Support scoped packages 02:07:45 Display the number of downloads 02:09:09 Integrate the contact form with Formspree 02:18:23 Thanks for watching ▶ Ingredients Next.js - React Framework https://nextjs.org/ Tailwind CSS - CSS Framework @TailwindLabs https://tailwindcss.com/ TypeScript - JavaScript with syntax for types https://www.typescriptlang.org/ Vercel - Platform to deploy https://vercel.com Formspree - Contact form backend https://formspree.io/ Embla Carousel - Carousel layout library https://www.embla-carousel.com/ #NextJS #webdevelopment #ASMR #Productivity #Solo dev #Programming #Indie dev

■目次 0:00 オープニング 0:39 プロジェクトの作成 1:13 2Dと3Dの違い 2:20 画面サイズの設定 3:17 オブジェクト作成 6:44 物理エンジンの設定 11:25 スクリプト作成時の注意点 13:12 ボールのスクリプト 17:57 ブロックのスクリプト 20:37 プレイヤーのスクリプト 28:11 まとめ ■参考 この動画の完成プロジェクト https://github.com/hirohasuYouTube/Unity2D Unityインストール方法 https://youtu.be/FIIeGcDsr7U Unity C#基礎講座 https://youtu.be/hydf8TrgFE0 3D版Unity入門 https://youtu.be/muOOLwfbjfs このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug ひろはすゲーム雑談所 https://www.youtube.com/channel/UCTX8yV1KT3y9MXjFdlyijjA ひろはすが弟にゲーム開発を教えるチャンネル https://www.youtube.com/channel/UCBm81diJQ-_xNalwgM2atXA 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ 普段ゲームしてる風景をTwitchで配信してます。 https://www.twitch.tv/hirohasusan ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #Unity #ゲームの作り方 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす #Unity