What kind of person is Iwasaki?
Biography
Mr. Iwasaki is a fine young man who has been taking the course for three months and is studying Tech Geek after work.
He worked together with fellow student Suzuki on a Shopify app development project!
He currently works at a payment venture company, where he also works on Shopify.
I want to acquire the skills to develop things myself, so I'm a tech geek and am challenging myself to become an engineer.
"You only live once, so make choices you won't regret!"
Q. Do you have any dreams or goals?
I'm interested in technology and would like to be able to write code using Shopify as an entry point.
I would be happy if the app I created was useful to someone, and since my current job is in the tech field, I would like to use that experience to contribute.
I'm happy to hear voices of joy not only about work at the company, but also about the work I do, so I'd be happy to hear it on an individual basis.
I want to experience everything and bring my life closer to my ideal.
First of all, I would like to be able to earn as much as I do from my side job and then become independent.
Shopify app developed
overview
We developed an app that registers products that can only be purchased by registered members.
If someone who is not logged in views the product, the function will prevent them from pressing the purchase button.
Mr. Iwasaki's area of responsibility
Mr. Iwasaki was in charge of the front-end development.
They developed a function that obtains the product IDs of limited items via API, and if a matching product is found, deactivates the "Add to Cart" and "Buy Now" buttons.
This script is implemented in the Shopify App Extension Theme Extension.
Part of the implementation code
{% unless customer %}
< script >
console .log( 'validation start' );
document .addEventListener( 'DOMContentLoaded' , async () => {
const vipProducts = await fetch( '/apps/vip-product-selector' )
.then( res => res.json())
.catch( err => console .log(err));
const cartItems = await fetch( '/cart.js' )
.then( res => res.json())
.catch( err => console .log(err));
const vipProductVariantIds = vipProducts.map( product => product.productVariantIds).flat();
const cartItemVariantIds = cartItems.items.map( item => "gid://shopify/ProductVariant/" + item.variant_id);
const vipCartItemVariantIds = vipProductVariantIds?.filter( id => cartItemVariantIds.includes(id));
await fetch( ` ${ window .Shopify.routes.root} cart/update.js? ${vipCartItemVariantIds.map(id => `updates[${id.replace("gid://shopify/ProductVariant/", " ")}]=0`).join('&')} ` )
.then( res => res.json())
.catch( err => console .log(err));
... omission
About the development experience
Q. Did the joint development go well?
It was very difficult.
In the curriculum, you just input information and solve the given problems, but in real life you have to think for yourself and write code, so it felt like a completely different experience.
But first, make sure
- What is the goal?
- Why do it?
- What is my role?
- What are the specific steps to develop it?
I was able to work on development with peace of mind because the above points were clearly explained to me.
Having these things written down taught me a lot about how development proceeds.
In the actual development, we were able to somehow shape it by watching past curriculum videos.
Q. What did you learn from this collaborative development?
It was a great learning experience to experience the core aspects of collaborative development, such as cloning source code (downloading the code) from GitHub, pushing (uploading) the development part, and having the code reviewed.
It was extremely helpful to be able to visualize the steps that development would take in an actual workplace.
About TechGeek
Q. Was the curriculum useful?
It was extremely helpful.
In fact, when I was developing, I reviewed the curriculum over and over again and wrote the code.
This time I was only in charge of part of the app development, but I would like to finish the entire curriculum as soon as possible and be able to develop apps on my own.
Q: How long do you study per day?
I'm basically an office worker, so I study after my regular job. So, on weekdays, I study for about 1-2 hours after 6pm.
I also make effective use of any spare time I have, such as in the morning or afternoon.
Studying after work is hard, but I am taking the courses because it is what I want to do, so I am diligently working through the curriculum.
Finally, a word of advice for those who are thinking about developing a Shopify app?
I used to work on Shopify-related tasks at my company, so I think I already have a deep understanding of Shopify.
However, even if you don't understand the flow of EC, the curriculum is designed to give you an overall understanding of EC.
By completing this curriculum, you will gain the skills to develop Shopify apps, so I am looking forward to working hard together with new course participants.
