Shinya Yoshida

let me;
me = Web Developer (Full time)
me = Japanese speaker🇯🇵
if (!coding) { guitar player🎸 && locking dancer🕺🏻}
Love😍 learning & creating

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 32/100
Implementing supabase for backend with Nuxt3 App✐ Getting more familiar with #PostgreSQL

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 31/100
Working on drag and drop effects🌠 What would be nice animation when images are dropped...??🤔

[Shinya Yoshida @ShinyaWeb]

@anant_luthra_ Wonderful advice, thank you Anant☺️ I will be posting more engaging post to share my fun learning journey😊🙏

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 26/100
Worked on Nuxt project, made a component client only to stabilise a state💽

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 30/100
Deciding routes to be lesson/[lectureID]#overview or lesson/[lectureID]/overview (nested route)🤔 Learning pros and cons of each case🎨

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 29/100
Setting up client side error handling with NuxtErrorBoundary. Customising error handling methods in front end☺️

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 28/100
Learned the technique to standardise pixel ratio on different devises on three.js🕋
renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 27/100
Adding Typescript into Nuxt project, nice learning curb on optimising development experience😊

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 25/100
Displaying guitar notes on a piano keyboard🎼
Grey🌑: notes exists both C major & C minor scale
Orange🍊: notes only on C major (major 3rd and etc)
Blue🔵: notes only on C minor
Red🍎: notes do not belong either C major nor C minor

[Shinya Yoshida @ShinyaWeb]

@i4mbrems Thank you! I like finding a way to visualise sounds🎼

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 24/100:
Playing with three.js🕋
The volume level controls the spinning speed🎸

[Shinya Yoshida @ShinyaWeb]

@CrewsphereIN Thank you! it's been really fun to work on☺️

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 23/100:
Deployed a lambda function to initiate grand parent and parent node, user will then create child node with customised media sources to upload in S3☺️

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 22/100:
Creating lambda function to upload image and video fiels in AWS S3, then returns the src url to store in Mongo💽 almost working then having CORS error...🤔

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 21/100:
Utilise Formkit on Nuxt project🤓 lots of good builtin prop and functionality comes with Formkit, validation, color picker can be easily added🎨

[Shinya Yoshida @ShinyaWeb]

@anant_luthra_ Thank you😊 it's been great, enjoy learning daily and implement it on projects☺️

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 20/100:
Created Navigation bar with NuxtLink, which made page load snappy first🐇

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 19/100:
Added more layers to Nuxt App. made a Composable component to handle course data✐ Having fun adding styling with #tailwindcss 🎨

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 18/100:
Starting up Nuxt project, set up file based routing📊
wow, Nuxt creates the route atomically with <NuxtPage />🎉

[Shinya Yoshida @ShinyaWeb]

#100DaysOfCode Day 17/100:
Participating Vue.js Nation day 2
Woke up at 2am😴
learned about component test, Vuetify roadmap 2024 (v-calander will be on Vuetify 3, yay🎉), presentation on TreeJS & Vue 3 is about to start🌏