売れるゲームクリエイターを育成するオンラインスクール 「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 #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす

Metadata allows attaching arbitrary information as key/value pairs to your Offering to control how to display your products inside your app. The metadata you configure in an Offering is available from the RevenueCat SDK. For example, you could use it to remotely configure strings on your paywall, or even URLs of images shown on the paywall.

▶ 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 ※スクールに関する質問は公式ラインにお願いします！ 0:00 オープニング 0:24 エラーの種類 1:28 エラーの対処法 3:12 よくある事例 5:23 エンディング このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ メインチャンネル https://www.youtube.com/@hirohasu サブチャンネル https://www.youtube.com/@hirohasu2 ひろはすが弟にゲーム開発を教えるチャンネル https://www.youtube.com/@KKGame 各種SNSもフォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 公式 https://www.instagram.com/hirohasu_game/ プライベート https://www.instagram.com/hirohasusan/ 【TikTok】 https://vt.tiktok.com/ZSageMeq ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #ゲーム開発 #ゲーム制作 #ゲームクリエイター #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #ひろはす #ゲーム業界

いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

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

AutoCodeReview https://auto-codereview.com/ いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

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

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

SQL CREATOR https://sql-creator.com/ いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

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

In this video, we're excited to announce the release of our new REST APIs. With improved error handling, pagination, and expandable properties, managing your products, offerings, and entitlements has never been easier. This first batch of endpoints will allow you to create, retrieve, and manage your products, offerings, and entitlements. Throughout this year, we will release even more endpoints to unlock broader functionality. So, let's dive in and show you how to get started using our new REST APIs. 00:00 API Overview 01:16 Creating an API key 02:06 Creating Products and Entitlements 04:37 Pagination 05:36 Expandables 06:29 Error Codes & Types 07:20 Rate Limit 08:17 Future Work

いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

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

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

教えて、MENTAくん https://line.me/R/ti/p/@115pancw PromptChecker https://twitter.com/iritec_jp/status/1645636065091551232 新種どうぶつ占い https://twitter.com/iritec_jp/status/1646063243880968193 ウルヴァリン https://twitter.com/iritec_jp/status/1646089142785417218 GPTからサイト作成 https://twitter.com/iritec_jp/status/1645892738569875456 トークン節約術 https://twitter.com/iritec_jp/status/1646285287700721664 スライド https://twitter.com/iritec_jp/status/1645525029655040000 https://twitter.com/iritec_jp/status/1645895754547068929 いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

▶ 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

エンジニアのためのスキルアップLINEアプリをつくりました！ ☑ GPTで優秀なエンジニアメンターとして設定された AI MENTAくんがあらゆる技術的な質問に回答。 ☑ GPT3.5Turboが無料で使い放題。ChatGPT無料版より高速です。 ☑ LINEで友だち追加するだけなので楽。通勤時間やスキマ時間でスキルアップ。 無料で使えますので、ぜひ使ってみてください！！！ https://line.me/R/ti/p/@115pancw?from=page&searchId=115pancw ーー いろんなプロに直接相談できるメンターマッチングサービスMENTAの代表をしています。 https://menta.work/?ref=shingo_youtube WEB制作会社10年 → フリーで個人開発で生きていきていくため30個以上つくる → サービス月売上150万突破 → M&Aで億単位の売却を経験＆ランサーズグループジョイン。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■MENTAにて、個人開発まわりの相談もお受けしております。 https://menta.work/plan/5 ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

▶ 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

▶ 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

Hello. I'm Takuya Matsuyama from Japan, a solo developer making a Markdown note-taking app called Inkdrop. Today, I built a curated list of the tech that I use with Astro and Tailwind CSS. ▶ Website - What I use https://uses.craftz.dog/ ▶ Source code https://github.com/craftzdog/craftzdog-uses ▶ Download my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=3_JE76PKBWE ▶ Indkrop live export tool https://github.com/inkdropapp/inkdrop-live-export ▶ Stack * Astro - Static Website Framework * @TailwindLabs - CSS Framework * React - Component-based UI framework for JS * Headless UI - Unstyled interactive components * React Icons - Icon set * Inkdrop live export tool ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My hacked version of Hyper https://github.com/craftzdog/hyper ▶ Hotel it. Osaka Shinmachi https://hotelit.jp/en/ Follow me online here: ▶ 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/ Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 00:00 Intro 01:15 Heading to a hotel 04:34 Create new Astro project 07:13 Configure Prettier 07:22 Add ESLint 08:57 Add ReactS and configure TypeScript 11:45 Add TailwindCSS and a custom Google font 15:06 Remove the existing styles 16:26 Update the website information 17:36 Body component 19:00 Header component 22:24 Add a GitHub icon 24:05 Add a paw logo 25:41 Support toggling light/dark themes 33:26 Content component 36:48 Add a page introduction 39:52 Add a page introduction 45:01 The list of posts 48:48 Display post thumbnails 51:19 Fix a bug which causes the screen to flash when dark theme is applied 53:13 Style blog posts 57:33 Customize the Markdown processor to at proper stvles 01:00:31 Remove the example Markdown files 01:01:04 Change the cover photo 01:01:35 Custom 404 page 01:04:08 Integrate with Inkdrop in order to use it as a CMS 01:14:51 Create posts with Inkdrop 01:29:20 Change the post order 01:29:46 Add cateories 01:21:18 Navigation drondown menu 01:42:01 Add category pages 01:51:00 Fix a bug where themes still not being toggled on loading 01:51:53 'Created with' section 01:57:04 Thanks for watching #codewithme #astrojs #tailwindcss #Productivity #Solo dev #Programming #Indie dev #JavaScript #CodeWithMe #Tailwind CSS #Astro #AstroJS

▶ Check out my product: Inkdrop - Markdown note-taking app https://www.youtube.com/watch?v=-qBavwqc_mY ▶ Source code https://github.com/craftzdog/inkdrop-ui-mockup-react-native ▶ Koshoji website https://www.uji-koushouji.jp/eng/index.html ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 - https://amzn.to/3MVuPBV * Tripod: PeakDesign TT-CB-5-150-CF-1 - https://amzn.to/3NCqN2c * Mic: Zoom H1n - https://amzn.to/38VAwkx * Keyboard: NuPhy Air60 https://nuphy.com/collections/shop/products/air60 * Keyboard: Keychron Q1 with Gateron Zealios V2 67g * Browser: Min - https://minbrowser.org/ 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 Intro 01:20 Heading to Koshoji 06:56 Create a new react native project 07:15 Install dependencies 10:15 Configure the project 17:45 Integrate React Navigation 19:48 Add main screen and sidebar 25:34 Add types to navigator 26:51 Add basic atoms and light theme 34:19 Style the sidebar with the theme 35:57 Make fixtures 39:38 Container component 41:40 Note list 47:15 Header bar 53:24 Add vector icons 58:26 Touchable (Button) 01:07:55 Add press handler to sidebar 01:09:39 Prepare making header sticky 01:12:02 Sticky header 01:19:22 Implement snapping 01:21:14 Status bar 01:24:20 Swipeable View 01:33:34 Note list swipe action 01:42:06 Bottom sheet 01:54:28 Notebook list 02:01:37 Add Inkdrop logo 02:05:39 Add notebook list to the bottom sheet 02:07:17 Detail screen 02:10:29 Dark theme 02:14:47 Time-up! Let's go home 02:15:15 Fix a TS error in theme 02:15:36 Theme picker 02:26:51 More themes 02:29:24 Thanks for watching ▶ Ingredients - TypeScript - https://www.typescriptlang.org/ - React Native - https://reactnative.dev/ - React Navigation(v6) - https://reactnavigation.org/ - Restyle - https://github.com/Shopify/restyle - React Native Reanimated - https://docs.swmansion.com/react-native-reanimated/ - React Native SVG - https://github.com/react-native-svg/react-native-svg - React Native Vector Icons - https://github.com/oblador/react-native-vector-icons - React Native Bottom Sheet - https://github.com/gorhom/react-native-bottom-sheet - jotai - https://jotai.org/ #ReactNative #CodeWithMe #ASMR #Productivity #Solo dev #Programming #Indie dev #Japan #Temple #Zen #禅

本当に誰でも作れます、難しいと思うのはまだ知らないからであって才能が無いからではありません、知るだけで作れるようになれます。 そしてそのための情報は全てインターネット上に無料で公開されています、早く始めるほど早く作れるようになります、作りたいと思ったらすぐ作り始めましょう！ ■参考 【超初心者向け】Unityのインストール方法を解説します https://youtu.be/FIIeGcDsr7U 【超初心者向け】ブロック崩しを作りながらUnityの基本的な使い方を解説します https://youtu.be/muOOLwfbjfs このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug ひろはすゲーム雑談所 https://www.youtube.com/channel/UCTX8yV1KT3y9MXjFdlyijjA 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #ゲームクリエイターを増やしたい #gamedev #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. I've learned how to create animated components on React Native by building a simple ToDo app. 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=k2h7usLLBhY ▶ ToDo app source code https://github.com/craftzdog/react-native-animated-todo https://github.com/craftzdog/react-native-checkbox-reanimated ▶ Ingredients * React Native - ReactJS-based framework that can use native platform capabilities * Expo - Toolset for building and delivering RN apps * React Navigation(v6) - Routing and navigation * NativeBase(v3) - Themable component library * React Native Reanimated - Animations * React Native SVG - Drawing SVG * Moti - Helper module for Reanimated 2 ▶ 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 desk setup * https://www.youtube.com/watch?v=1OFDMwDlnOE ▶ My 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 * Keyboard: Keychron K2V2 - https://www.youtube.com/watch?v=-UW_c8VT2ZE 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:25 Create a new Expo project 06:05 Prepare to use NativeBase 08:42 Add dark theme support 13:33 Go to Kyoto! 14:49 Create SVG checkmark 18:21 Animate the checkbox 22:00 Fix a babel error 23:02 Make the checkbox able to toggle 25:19 Animate the checkbox 27:58 Create task item component 33:55 Animate task label 47:45 Integrate react-navigation and drawer 51:25 Implement swipe-to-remove interaction 01:07:09 Make task items editable 01:12:25 Create task list component 01:31:42 Animate background color 01:36:20 Add masthead 01:43:06 Fix scrollview 01:45:29 Implement sidebar content 01:56:16 Add about screen 02:05:20 Testing on Android #ReactNative #ASMR #CodeWithMe #Productivity #Solo dev #Programming #Indie dev #React Native #ASMR

In this complete guide to setting up Flutter subscriptions, you’ll learn how to configure monthly and yearly subscriptions for a Flutter app. We’ll cover how to configure subscriptions for both iOS and Android using RevenueCat. One huge benefit of using RevenueCat is that it acts as a single source of truth for a user subscription status. You also don’t need to worry about validating purchases or managing servers – which can become tedious and complex. Useful Links: Complete code on GitHub: https://github.com/RevenueCat/purchases-flutter Configure your app in App Store Connect: https://www.revenuecat.com/docs/ios-products Configure your app in Google Play Store: https://www.revenuecat.com/docs/android-products Creating test user iOS: https://www.revenuecat.com/docs/apple-app-store Creating test user Android: https://www.revenuecat.com/docs/google-play-store Chapters: 0:00 - Intro 0:27 - Project setup 2:19 - Configure RevenueCat 4:23 - Connect to App Store Connect 6:31 - Connect to Play Store 11:31 - Add Products to RevenueCat 16:33 - Testing on iOS 20:50 - Testing on Android 22:58 - Applying the sample app to your own app 30:10 - Restoring purchases #flutter #flutter #flutter iap #flutter subscriptions #flutter ios android #cross platform #in app purchases #revenuecat

The instruction details and links can be found in this video description below. ▶ Get Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=-qBavwqc_mY 🎬 Chapters 00:00 Intro 00:46 I'm in Kyoto 01:47 What is Markdown? https://commonmark.org/ 03:15 Why I built Inkdrop? 05:11 Create an Inkdrop account https://docs.inkdrop.app/manual/ 06:12 Main Ul: Sidebar, note list, and editor https://docs.inkdrop.app/manual/basic-usage 07:01 Create new notebook and note 08:00 How to write Markdown Cheatsheet: https://docs.inkdrop.app/manual/markdown-cheatsheet 13:29 Import Markdown files 14:34 Collapsing/expanding notebook on sidebar https://docs.inkdrop.app/manual/navigating-notes 15:13 Back/forward navigations https://docs.inkdrop.app/manual/navigating-notes 15:41 Backup data! https://docs.inkdrop.app/manual/backing-up-your-data 16:16 Basic customizations (Editor, preview, etc.) 17:44 How to change keybindings https://docs.inkdrop.app/manual/customizing-keybindings 19:20 Global keybindings https://docs.inkdrop.app/manual/customizing-keybindings#global-keybindings 20:03 Global keybindings: Quick Note https://docs.inkdrop.app/manual/customizing-keybindings#create-a-note-and-show-it-in-a-separate-window 20:39 There are 180+ plugins available http://my.inkdrop.app/plugins 21:09 vim: Vim-style kevbindings https://my.inkdrop.app/plugins/vim 21:36 nord: Theme by choco14t https://my.inkdrop.app/plugins/nord-ui 22:12 Octopus Dark: Theme by Peter Bartha https://my.inkdrop.app/plugins/octopus-dark-ui 22:58 Bera Light: Theme by Taylan Tatlı https://my.inkdrop.app/plugins/bera-light-ui 23:26 Horizon Dark: Theme by Camden DeVoogd https://my.inkdrop.app/plugins/horizon-dark-ui 24:02 Night Owl Dark: Theme by Sami Korpela https://my.inkdrop.app/plugins/night-owl-dark-ui 24:37 Material Ocean: Theme by Abubakar Yagoub https://my.inkdrop.app/plugins/material-ocean-ui 25:06 One Light: Theme by Matsuoka https://my.inkdrop.app/plugins/one-light-ui 25:59 Material Dark Mod: Syntax theme by tawara https://my.inkdrop.app/plugins/material-dark-mod-syntax 26:14 Gruvbox Dark & Light: Syntax theme by Tom Dudzik and James Leung https://my.inkdrop.app/plugins/gruvbox-dark-syntax https://my.inkdrop.app/plugins/gruvbox-light-syntax 27:30 Papercolor: Syntax theme by Matsuoka https://my.inkdrop.app/plugins/papercolor-syntax 28:00 Plastic: Syntax theme by Peeranut Pongpakatien https://my.inkdrop.app/plugins/plastic-syntax 28:33 Smyck modified: Syntax theme by Mark S. Weiss https://my.inkdrop.app/plugins/smyck-modified-syntax 29:01 Math https://my.inkdrop.app/plugins/math 29:36 Mermaid https://my.inkdrop.app/plugins/mermaid 30:48 Toc https://my.inkdrop.app/plugins/toc 31:16 Sidetoc by basyura https://my.inkdrop.app/plugins/sidetoc 31:42 table-editor by Jasper van Merle https://my.inkdrop.app/plugins/table-editor 32:42 copy-code-to-clipboard by q1701 https://my.inkdrop.app/plugins/copy-code-to-clipboard 33:08 code-title by Matsuoka https://my.inkdrop.app/plugins/code-title 33:59 paste-as-markdown https://my.inkdrop.app/plugins/paste-as-markdown 34:36 plantuml by Jasper van Merle https://my.inkdrop.app/plugins/plantuml 34:49 switch-notebook by Marconi Moreto Jr https://my.inkdrop.app/plugins/switch-notebook 35:14 link-card by Matsuoka https://my.inkdrop.app/plugins/link-card 35:42 paste-url by John Kelley https://my.inkdrop.app/plugins/paste-url 36:19 inkdrop-note-templates by azu https://my.inkdrop.app/plugins/inkdrop-note-templates 37:15 wiki_links by Ryan McQuen https://my.inkdrop.app/plugins/wiki_links 38:00 chartjs by Matsuoka https://my.inkdrop.app/plugins/chartjs 38:38 markmap by John Kelley https://my.inkdrop.app/plugins/markmap 39:29 dblclick-expansion-image by basyura https://my.inkdrop.app/plugins/dblclick-expansion-image 40:02 Outro 😄 Follow me online ▶ Twitter https://twitter.com/inkdrop_app ▶ Blog https://blog.inkdrop.app/ ▶ Instagram https://instagram.com/craftzdog ▶ Subscribe to my Newsletter https://www.devas.life/ 📸 My video equipment * 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 - https://minbrowser.org/ * Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr * Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK 🎶 Credits: * Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ #Inkdrop #Markdown #Kyoto #Productivity #Solo dev #Programming #Indie dev #Inkdrop #Markdown #Note-taking

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

ご視聴ありがとうございます！この動画が好評だったらまた初心者向けの動画も作っていきたいと思ってます。 ■参考 Unity https://unity.com/ja このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 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

■使ったアセット↓ LightRays 2D effect　太陽光のエフェクト https://assetstore.unity.com/packages/vfx/shaders/lightrays-2d-effect-103506 Warrior Free Asset　主人公のドット絵 https://assetstore.unity.com/packages/2d/characters/warrior-free-asset-195707 Pixel Art Platformer - Village Props　他のドット絵 https://assetstore.unity.com/packages/2d/environments/pixel-art-platformer-village-props-166114 Fantasy Environment Level Set　地形モデル https://assetstore.unity.com/packages/3d/environments/fantasy/fantasy-environment-level-set-18598 ■参考 Unity スプライトに影をつける　～その1～ - おねむゲーマーの備忘録 https://sleepygamersmemo.blogspot.com/2017/07/unity-sprites-shadow.html ゲーム開発者のためのポストプロセス入門 https://youtu.be/iIqqfJ-nAJ0 ゲーム開発者のためのカラーグレーディング入門 https://youtu.be/ArtgJ6Q_gWI このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 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でノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #HD2D #ドット絵 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす #HD-2D #ドット絵

▶ 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

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

売れるゲームクリエイターを育成するオンラインスクール 「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 #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす

▶ 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

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. 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

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, a solo developer making a Markdown note-taking app called Inkdrop. Today, I built a curated list of the tech that I use with Astro and Tailwind CSS. ▶ Website - What I use https://uses.craftz.dog/ ▶ Source code https://github.com/craftzdog/craftzdog-uses ▶ Download my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=3_JE76PKBWE ▶ Indkrop live export tool https://github.com/inkdropapp/inkdrop-live-export ▶ Stack * Astro - Static Website Framework * @TailwindLabs - CSS Framework * React - Component-based UI framework for JS * Headless UI - Unstyled interactive components * React Icons - Icon set * Inkdrop live export tool ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My hacked version of Hyper https://github.com/craftzdog/hyper ▶ Hotel it. Osaka Shinmachi https://hotelit.jp/en/ Follow me online here: ▶ 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/ Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 00:00 Intro 01:15 Heading to a hotel 04:34 Create new Astro project 07:13 Configure Prettier 07:22 Add ESLint 08:57 Add ReactS and configure TypeScript 11:45 Add TailwindCSS and a custom Google font 15:06 Remove the existing styles 16:26 Update the website information 17:36 Body component 19:00 Header component 22:24 Add a GitHub icon 24:05 Add a paw logo 25:41 Support toggling light/dark themes 33:26 Content component 36:48 Add a page introduction 39:52 Add a page introduction 45:01 The list of posts 48:48 Display post thumbnails 51:19 Fix a bug which causes the screen to flash when dark theme is applied 53:13 Style blog posts 57:33 Customize the Markdown processor to at proper stvles 01:00:31 Remove the example Markdown files 01:01:04 Change the cover photo 01:01:35 Custom 404 page 01:04:08 Integrate with Inkdrop in order to use it as a CMS 01:14:51 Create posts with Inkdrop 01:29:20 Change the post order 01:29:46 Add cateories 01:21:18 Navigation drondown menu 01:42:01 Add category pages 01:51:00 Fix a bug where themes still not being toggled on loading 01:51:53 'Created with' section 01:57:04 Thanks for watching #codewithme #astrojs #tailwindcss #Productivity #Solo dev #Programming #Indie dev #JavaScript #CodeWithMe #Tailwind CSS #Astro #AstroJS

▶ 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

本当に誰でも作れます、難しいと思うのはまだ知らないからであって才能が無いからではありません、知るだけで作れるようになれます。 そしてそのための情報は全てインターネット上に無料で公開されています、早く始めるほど早く作れるようになります、作りたいと思ったらすぐ作り始めましょう！ ■参考 【超初心者向け】Unityのインストール方法を解説します https://youtu.be/FIIeGcDsr7U 【超初心者向け】ブロック崩しを作りながらUnityの基本的な使い方を解説します https://youtu.be/muOOLwfbjfs このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug ひろはすゲーム雑談所 https://www.youtube.com/channel/UCTX8yV1KT3y9MXjFdlyijjA 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #ゲームクリエイターを増やしたい #gamedev #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす

I've put my configurations explained in this video here: https://blog.inkdrop.info/my-dev-workflow-using-tmux-vim-video-e30e78a9acce Hello. I'm Takuya Matsuyama from Japan! I would like to show you how I usually code my apps like Inkdrop. Hope it's helpful for your development! ▶ Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=sSOfr2MtRU8 ▶ Related blog post: VSCode-like environment with vim + tmux https://blog.inkdrop.info/vscode-like-environment-with-vim-tmux-4c2bfe17d31e ▶ My dotfiles https://github.com/craftzdog/dotfiles-public Follow me online here: ▶ Twitter(English) https://twitter.com/inkdrop_app ▶ Twitter(日本語) https://twitter.com/craftzdog ▶ 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/ #tmux #vim #programming #programming #tmux #vim #coding #productivity #development

紹介したアセットはこちら↓ 2D Flexible Platformer Controller https://assetstore.unity.com/packages/templates/systems/2d-flexible-platformer-controller-67414 Space Shooter FREE https://assetstore.unity.com/packages/templates/packs/space-shooter-free-107260 Top Down Gun Pack https://assetstore.unity.com/packages/templates/packs/top-down-gun-pack-35277 Easy Weapons https://assetstore.unity.com/packages/templates/systems/easy-weapons-19365 Full Menu System - FREE https://assetstore.unity.com/packages/templates/systems/full-menu-system-free-158919 Match 3 Starter Project https://assetstore.unity.com/packages/templates/packs/match-3-starter-project-14878 このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や独立して個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発のノウハウや売上の伸ばし方など様々な情報を語っていくチャンネルです。 動画は私のサラリーマン時代の定時である平日18時半に更新します。 チャンネル登録よろしくお願いします！ https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #Unity #テンプレート #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #unity #Asset Store #アセット #テンプレート

今回は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

Thanks so much for 100k subscribers!! ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.youtube.com/watch?v=-qBavwqc_mY ▶ My chat bubble tool https://github.com/craftzdog/chat-bubbles-for-yt ▶ 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 - https://amzn.to/3MVuPBV * Tripod: Gitzo GK1545T-82TQD - https://amzn.to/3LTNIEZ * Mic: Zoom H1n - https://amzn.to/38VAwkx * Slider: SliderONE v2 - https://amzn.to/3Fo8eLK * Keyboard: Keychron Q1 with Gateron Zealios V2 67g * Browser: Min - https://minbrowser.org/ * Screen recorder: CleanShot X - https://cleanshot.com/ 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 Unboxing 00:28 Camera setup 01:43 How to record chat bubbles 03:12 Overlap the bubbles and video with Keyer 03:58 Result #FCPX #ASMR #Productivity #Solo dev #Programming #Indie dev #FCPX #Final Cut Pro #VIdeo editing #ASMR

▶ 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

0:00 情報発信で気をつけていること 1:46 深く刺す手段としてのストーリーテリング 2:35 開発と情報発信の時間配分は1:1 5:05 頻度ではなくクオリティで差別化 6:05 堤のYouTube戦略 9:36 点と点が繋がって線になる話 17:06 Inkdropにプラグインが100個も集まった理由 22:50 『30日間、開発をお休みします』をやってみてどうでした？ 27:30 堤への質問①：育児と仕事をどうやって両立しました？ 38:57 堤への質問②：家とは別にオフィス借りてみてどうですか？ TAKUYAさん前編はこちら！ 「ストーリーテリングを極めろ〜英語圏でも効く集客方法」 https://youtu.be/nXZRzL1iXng ・Inkdrop https://www.inkdrop.app/ ・TAKUYAさんのTwitter https://twitter.com/craftzdog ・週休７日で働きたい（TAKUYAさんのブログ） https://blog.craftz.dog/ ・devaslife（TAKUYAさんのYouTubeチャンネル） https://www.youtube.com/c/devaslife ------------------------------------------------------------ ・堤のTwitter https://twitter.com/shu223 ・堤のnote https://note.com/shu223/m/m8f787c6b326a ・エンジニアと人生コミュニティ https://community.camp-fire.jp/projects/view/280040 ・サムネデザイン：いまがわヤッキー https://twitter.com/i_magawa ・編集協力：ai https://www.instagram.com/popoyopoyopopo/ #個人アプリ開発者 #個人開発 #アプリ開発 #iOS #発信

今回はゲームに付ける広告の基本を解説しました。 バナー、インタースティシャル、リワードは全部必須になると思います。 ネイティブに関してはツールでは必須ですが、ゲームではあまり気にしなくても良いかなと思います。 このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や独立して個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発のノウハウや売上の伸ばし方など様々な情報を語っていくチャンネルです。 動画は私のサラリーマン時代の定時である平日18時半に更新します。 チャンネル登録よろしくお願いします！ https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug 最新情報はこちら！フォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ■参考 AdMob https://admob.google.com ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #無料ゲーム #広告 #アプリ開発 #ゲーム開発 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #アプリ開発 #admob

Hello. I'm Takuya Matsuyama from Japan, a solo developer making a Markdown note-taking app called Inkdrop. In this video, I share my recent Neovim 0.5 setup with powerful nightly plugins. Note that v0.5 is still nightly, you have to be able to solve issues yourself, and do it on your own risk. I hope it's helpful for improving your Neovim environment! ▶ Download my product: Inkdrop - Markdown note-taking app (2 months free right now) https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=FW2X1CXrU1w ▶ Blogpost: How to set up Neovim 0.5 + Modern plugins (LSP, Treesitter, etc) https://blog.inkdrop.info/how-to-set-up-neovim-0-5-modern-plugins-lsp-treesitter-etc-542c3d9c9887 ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipments * Computer: Mac Pro * Keyboard: Keychron K2 * Display: Pro Display XDR * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Slider: SliderONE v2 Follow me online here: ▶ Subscribe Newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Blog https://blog.inkdrop.info/ ▶ Instagram https://instagram.com/craftzdog Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ 0:00 Intro 0:47 Install the nightly Neovim 1:43 Install Vim Plug 1:59 Install color theme and basic setup 3:01 Using Vim Plug to install plugins 3:34 Install nvim-lspconfig 4:16 Set up LSP for TypeScript 7:00 Test if LSP is working 8:07 Set up lspsaga.nvim 11:15 Configure to format on save 12:48 Set up nvim-treesitter 15:46 Set up auto completion 18:47 Set up custom completion icons 19:56 Set up telescope.nvim 23:21 Use custom file icons 24:21 Set up lualine.nvim 25:38 Thanks for watching #neovim #vim #asmr #Productivity #Solo dev #Programming #Indie dev #Neovim #Vim

In this complete guide to setting up Flutter subscriptions, you’ll learn how to configure monthly and yearly subscriptions for a Flutter app. We’ll cover how to configure subscriptions for both iOS and Android using RevenueCat. One huge benefit of using RevenueCat is that it acts as a single source of truth for a user subscription status. You also don’t need to worry about validating purchases or managing servers – which can become tedious and complex. Useful Links: Complete code on GitHub: https://github.com/RevenueCat/purchases-flutter Configure your app in App Store Connect: https://www.revenuecat.com/docs/ios-products Configure your app in Google Play Store: https://www.revenuecat.com/docs/android-products Creating test user iOS: https://www.revenuecat.com/docs/apple-app-store Creating test user Android: https://www.revenuecat.com/docs/google-play-store Chapters: 0:00 - Intro 0:27 - Project setup 2:19 - Configure RevenueCat 4:23 - Connect to App Store Connect 6:31 - Connect to Play Store 11:31 - Add Products to RevenueCat 16:33 - Testing on iOS 20:50 - Testing on Android 22:58 - Applying the sample app to your own app 30:10 - Restoring purchases #flutter #flutter #flutter iap #flutter subscriptions #flutter ios android #cross platform #in app purchases #revenuecat

■使ったアセット↓ LightRays 2D effect　太陽光のエフェクト https://assetstore.unity.com/packages/vfx/shaders/lightrays-2d-effect-103506 Warrior Free Asset　主人公のドット絵 https://assetstore.unity.com/packages/2d/characters/warrior-free-asset-195707 Pixel Art Platformer - Village Props　他のドット絵 https://assetstore.unity.com/packages/2d/environments/pixel-art-platformer-village-props-166114 Fantasy Environment Level Set　地形モデル https://assetstore.unity.com/packages/3d/environments/fantasy/fantasy-environment-level-set-18598 ■参考 Unity スプライトに影をつける　～その1～ - おねむゲーマーの備忘録 https://sleepygamersmemo.blogspot.com/2017/07/unity-sprites-shadow.html ゲーム開発者のためのポストプロセス入門 https://youtu.be/iIqqfJ-nAJ0 ゲーム開発者のためのカラーグレーディング入門 https://youtu.be/ArtgJ6Q_gWI このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 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でノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #HD2D #ドット絵 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす #HD-2D #ドット絵

▶ 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

今回は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

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

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

ひろCさんと、エンジニアのポジショニング、Flutterについてどう思うか、流行りの技術を追いかけない寂しさ等について話しました。 0:00 遅咲きの駆け出しエンジニア 5:53 若手を応援するつもりがない 6:17 自己分析 6:43 ブランディングではないがポジション取りは考えている 8:19 ひろCさんが狙っているポジション 10:09 おまけその1: Androidをやらない理由/Flutterどう思いますか？ 14:43 おまけその2: 流行りの技術に乗っからないのは寂しい 18:25 エンジニアとしてのメンツ ------------------------------------------------------------ ・「使えないおじさん」からエースエンジニアになるまで https://thebridge.jp/2015/09/tsutsumi-shuichi-interview-1 ・ひろCさん過去回：ラーメン屋時代の話 https://youtu.be/bknSS2x_cj8 ・ひろCさんのTwitter https://twitter.com/hirothings ・【前回】ラーメン屋からエンジニアに https://youtu.be/bknSS2x_cj8 ------------------------------------------------------------ 【過去回もどうぞ】 ・技術顧問業の悩み（ゲスト：gfx氏） https://youtu.be/SR1hcJfK-xs ・アウトプットとしての書籍執筆+キャリアお悩み相談（ゲスト：かっくん氏） https://youtu.be/5ESWUd8k3T4 ・個人からチームへ（ゲスト：水鳥氏） https://youtu.be/9QWrRFRRga4 ・エンジニア系YouTuberの悩み（ゲスト：KBOY） https://youtu.be/Z2Uv2ub9Omo ・メルカリ最初のiOSエンジニア（ゲスト：大庭氏） https://youtu.be/DfVTT2HNULQ ・アメリカで当てるには（ゲスト：個人ゲームアプリ開発者 嶋田氏） https://youtu.be/3VIKioU2zMY ・ダレないためのワークスタイル（ゲスト：個人アプリ開発者 うめのん氏） https://youtu.be/e36D3qEdTYw ------------------------------------------------------------ ・堤のTwitter https://twitter.com/shu223 ・堤のnote https://note.com/shu223/m/m8f787c6b326a ・撮影・編集：株式会社RED ONE https://www.red-one.jp/ ・サムネデザイン：いまがわヤッキー https://twitter.com/i_magawa #プログラミング #プログラマー #エンジニア #キャリア #WWDC #個人開発 #iOSエンジニア

自分が作ったサービスで生きていく！ 動画で紹介してる本はこれ 「ビッグ・ファット・キャットの世界一簡単な英語の本」 https://amzn.to/2PC03Vy ■Twitter https://twitter.com/iritec_jp ■オンラインサロン：入江開発室 好きなプロジェクトに参加して、企画、開発、プロモーションまで学べる実践型コミュニティ https://irie-dev.co/ ■ブログ https://iritec.jp/ ■note https://note.mu/iritec ■プログラミングなど、いつでも相談できるメンターをさがせる「MENTA」 https://menta.work/ ■コミュニティをアクティブにする「Voyage」 https://voyage-go.club/ #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発 #英語 #読む

3d experiment 9000

オンラインメンターサービス「MENTA」を作ってます！ WEB制作会社10年 → フリーランス → 個人開発で生きていきたい → MENTAで達成→ランサーズグループへジョイン。 プロダクト開発サロン「入江開発室」運営。福岡在住。長崎県五島出身。 ■人気のYoutube動画 「個人開発」からはじめたサービスで月140万円の売上を達成するまで https://www.youtube.com/watch?v=8xJ3lkFu5hY ■Twitterでも個人開発ネタを発信中 https://twitter.com/iritec_jp ■いつでも相談できるオンラインメンターをみつけよう https://menta.work/ ■個人開発で自分のプロダクトをつくるぞ！！ という方、MENTAで相談お待ちしております。 https://menta.work/plan/5 ■個人開発コミュニティ：入江開発室 https://community.camp-fire.jp/projects/view/74574 #エンジニア #プログラマー #プログラミング #サービス開発 #個人開発

動画毎日18時半に更新！チャンネル登録＆グッドボタンよろしくお願いします！https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug 今回は今すぐブロックした方が良い人について解説しました。 ゲームクリエイターは本当に努力すれば誰でもなれる職業なので、ぜひ目指していただきたいです。 Twitterもやってます！良ければフォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ゲームクリエイター #誰でもなれる #頑張りましょう！ #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #挑戦 #チャレンジ #ゲーム開発者 #クリエイター #将来の夢 #夢 #目標

聞き手・編集：だいすけ氏

ゲストにgfx氏（@__gfx__）をお迎えし、技術顧問業や、育児で可処分時間が逼迫する中での発信活動についてお話を伺いました。 0:00 本日のテーマ 1:37 技術顧問向いてないかも？ 3:30 技術顧問業のさまざまなパターン 8:39 企業向け講習 10:45 リターンが回収できなくなってしまった 15:58 登壇の是非 ・gfx氏のTwitter https://twitter.com/messages/69298459-81367551 ・TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に https://employment.en-japan.com/engineerhub/entry/2019/04/16/103000 【過去回もどうぞ】 ・ラーメン屋時代の話（ゲスト：ひろC氏） https://youtu.be/bknSS2x_cj8 ・アウトプットとしての書籍執筆+キャリアお悩み相談（ゲスト：かっくん氏） https://youtu.be/5ESWUd8k3T4 ・個人からチームへ（ゲスト：水鳥氏） https://youtu.be/9QWrRFRRga4 ・エンジニア系YouTuberの悩み（ゲスト：KBOY） https://youtu.be/Z2Uv2ub9Omo ・メルカリ最初のiOSエンジニア（ゲスト：大庭氏） https://youtu.be/DfVTT2HNULQ ・アメリカで当てるには（ゲスト：個人ゲームアプリ開発者 嶋田氏） https://youtu.be/3VIKioU2zMY ・ダレないためのワークスタイル（ゲスト：個人アプリ開発者 うめのん氏） https://youtu.be/e36D3qEdTYw ・堤のTwitter https://twitter.com/shu223 ・堤のnote https://note.com/shu223/m/m8f787c6b326a #エンジニアと人生 #プログラミング #キャリア #アラフォー #エンジニア #育児 #カンファレンス #アウトプット

自分が作ったサービスで生きていく！ ■Twitter https://twitter.com/iritec_jp ■ブログ https://iritec.jp/ ■note https://note.mu/iritec ■オンラインサロン：入江開発室 好きなプロジェクトに参加して、企画、開発、プロモーションまで学べる実践型コミュニティ https://irie-dev.co/ ■プログラミングなど、いつでも相談できるメンターをさがせる「MENTA」 https://menta.work/ ■コミュニティをアクティブにする「Voyage」 https://voyage-go.club/ #エンジニア #クリエイター #サービス開発 #プログラミング #個人開発

エンジニアに投資するベンチャーキャピタル「Miraise」社を共同創業された布田さん（ @ryusukefuda ）にお話をお伺いました。 0:00 ベンチャーキャピタリストになるための勉強 4:15 VCにとってのスキルアップとは？ 6:35 VCの仕事のどこにモチベーションを感じるか 8:19 MiraiseのVCとしての成績は？ 9:15 VCの収益構造 12:14 （堤）エンジェル投資に興味はある？ 17:18 ファンドの立ち上げ 18:43 布田さんみたいな働き方をしたい人へのアドバイス 19:50 やりたいことを人に話しておくのは大事 23:01 VCという選択肢 28:48 布田さんの今後の展望 30:24 （堤）エンジニア系ポッドキャストのサステナビリティ ------------------------------------------------------------ ・前編はこちら！ 「エンジニアに投資するVC」 https://youtu.be/Mpzkv4ZkNIg ・MIRAISE: エンジニア起業家に特化したシードVC https://www.miraise.vc/ ・Ryusuke Fuda's Newsletter https://ryu.theletter.jp/ ・布田さんのTwitter https://twitter.com/ryusukefuda ------------------------------------------------------------ ・堤のTwitter https://twitter.com/shu223 ・堤のnote https://note.com/shu223/m/m8f787c6b326a ・エンジニアと人生コミュニティ https://community.camp-fire.jp/projects/view/280040 ・サムネデザイン：いまがわヤッキー https://twitter.com/i_magawa ・編集協力：ai https://www.instagram.com/popoyopoyopopo/ #スタートアップ #エンジェル投資 #投資家 #VC #ベンチャーキャピタル #ファンド #エンジニア #プログラマー

Hello. I'm Takuya Matsuyama from Japan! I'm a solo developer building a Markdown note-taking app and living off of it. This channel 'devaslife' shares my experiences on how I built a profitable SaaS alone. This video presents how I usually code React Native apps with vim and tmux setup by building a skeuomorphic button from scratch. I hope you will find it helpful for your happy programming life :) ▶ My solo product: Inkdrop - Organizing Markdown notes made simple https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=9It1KchDkCo ▶ React Native skeuomorphic button UI example on GitHub https://github.com/craftzdog/react-native-skeuomorphism-ui-example Follow me online here: ▶ Medium Blog https://blog.inkdrop.info/ ▶ DEV blog https://dev.to/craftzdog ▶ Twitter(English) https://twitter.com/inkdrop_app ▶ Twitter(Japanese) https://twitter.com/craftzdog ▶ Instagram https://instagram.com/craftzdog ▶ GitHub https://github.com/craftzdog/ ▶ Email Newsletter https://www.devas.life/ Credits: ▶ BGM https://www.epidemicsound.com/ References: ▶ Alexander Plyuto https://dribbble.com/alexplyuto ▶ Neumorphism in user interfaces by Michal Malewicz https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6 ▶ Neumorphism.io https://neumorphism.io/ #React Native #Programming #mobile #iOS #android #flutter #app development #software #coding #react #tutorial #tmux #vim #neovim

動画毎日18時半に更新！チャンネル登録＆グッドボタンよろしくお願いします！https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug 今回はMacに入れてるアプリを紹介しました。 また無料で使えるツールも紹介していきたいと思ってます。 Twitterもやってます！良ければフォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ ■参考 Unity https://unity.com/ Steam https://store.steampowered.com/ Adobe Creative Cloud https://www.adobe.com/jp/creativecloud.html Cubase https://new.steinberg.net/ja/cubase/ Google Keep https://keep.google.com/ ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ゲームクリエイター #MacBook #どこでもゲーム開発 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #unity #Creative Cloud #cubase #アプリ #パソコン #パソコン おすすめ #動画編集 #動画 #ゲーム実況 #使い方 #アニメーション #アプリ開発 #アドビ #スマホアプリエンジニア #クリエイティブ #unity ゲーム サンプル #アフターエフェクト #システムエンジニア

https://levels.io/from-web-dev-to-3d/

ゲームアプリ界の和尚、いたのくまんぼうさん後編です！最後に衝撃シーン入ってます笑 前編はこちら https://youtu.be/5-vasdqoT0g ■和尚をもっと知りたい方はこちら ・Twitter https://twitter.com/Ninebonz https://twitter.com/Kumanbow ・ブログ http://ninebonz.net ■目次 0:00 前回のあらすじ 4:32 実写サウンドノベル「街」 8:03 なぜ独立したのか 11:14 アプリを作り始めたきっかけ 13:23 アブダビで国連から表彰 19:08 現在の開発状況 22:12 将来作りたいゲーム 24:18 ゲーム作家を目指す人へのメッセージ このチャンネルはゲーム業界歴約２０年の私が、ゲームクリエイターになりたい人や個人でゲームを作っていきたい人、ゲーム会社に就職・転職したい人のために、開発・制作のノウハウや売上の伸ばし方、企画やプログラムのコツ、勉強法など様々な情報を語っていくチャンネルです。 チャンネル登録よろしくお願いします！ ひろはすゲームクリエイター養成所 https://www.youtube.com/channel/UCmrZx6L5NT_onReOmWhO3ug ひろはすゲーム雑談所 https://www.youtube.com/channel/UCTX8yV1KT3y9MXjFdlyijjA ひろはすが弟にゲーム開発を教えるチャンネル https://www.youtube.com/channel/UCBm81diJQ-_xNalwgM2atXA 各種SNSもフォローよろしくお願いします！ 【Twitter】 https://twitter.com/hirohasusan/ 【Instagram】 https://www.instagram.com/hirohasusan/ 【TikTok】 https://vt.tiktok.com/ZSageMeq ■プロフィール ファミコンのスーパーマリオブラザーズに出会いゲームクリエイターを目指し始める。 小学生から個人でゲーム開発を始める。 専門学校卒業後ゲーム会社に3Dグラフィックデザイナーとして就職。 10年間サラリーマンとしてゲームを作った後独立して再び個人でゲームを作り始める。 現在は趣味でゲームを作りながらゲームクリエイターになりたい人を応援するために各種SNSでノウハウを発信しています。 ※記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。 #ひろはす #対談 #ゲーム開発 #ゲーム #UCmrZx6L5NT_onReOmWhO3ug #ゲームクリエイター #ゲーム制作 #ゲーム開発 #youtuber #ユーチューバー #講座 #初心者 #開発 #制作 #ひろはす #スマホゲーム #チュンソフト #街