February 2026 Internship Experience②

Eight people participated in our internship program in February. In Testimonial ②, we’d like to introduce the Japanese students!

Japanese students(Male)

I am a vocational school student scheduled to graduate in 2027. I decided to participate after attending an information session at my school, where I was drawn to your company’s “global yet relaxed corporate culture,” and I am pleased to be taking part in this winter internship.

On the first day, we used generative AI to create images based on the theme “Ukiyo-e × Modern.” We experimented with different prompts to get as close as possible to our ideal image. We were able to produce a piece we were satisfied with, and the positive feedback we received from our colleagues gave us a great boost of confidence.

On the morning of the second day, we practiced exchanging business cards and received practical advice from employees in sales roles. In the afternoon, we experienced the system testing process. We learned that even simple tasks carry the heavy responsibility of “upholding the company’s trust.” Drawing on what we learned in class, we were able to complete the task without any mistakes by paying close attention to every detail.

On the third day, we created a website introducing the history of Toyokuni Shrine. We organized information gathered through AI and online research in chronological order and built the site using WordPress. The intuitive interface allowed us to experiment with how to present the content, making it a valuable experience that gave us a real sense of the joy of sharing information.

Now that my internship has come to an end, I can say it was an intensive five days that covered everything from the latest technologies to the fundamentals of business. I intend to use this experience as a foundation as I move forward with my student life and career development.

Japanese students(Male)

I participated in an internship in February 2026.
I’d like to share what I actually did during this internship and my thoughts on the experience.

On the first day, we worked on AI-powered image generation and self-analysis using mind maps. For the image generation, we created images in groups based on the theme of “harmony,” sharing our ideas along the way. Despite the limited time, our discussions led to results we were very satisfied with.
We also experienced mind mapping, a technique that allows us to explore our experiences and thoughts through association. It was a valuable opportunity to reflect on who we are now and who we hope to become in the future.

On the second day, we exchanged business cards and conducted test runs.
During the business card exchange, we were taught the basic etiquette we need to follow.
It was a good opportunity to realize that the rules are stricter than I had imagined and that there is a lot to keep in mind.
For the tests, we verified that the system we built was functioning as intended. We had to check for issues across different devices and versions, and I felt that this was both an important and challenging task.

On the third day, we worked on creating web pages and preparing the necessary materials.
We split into two groups and used a platform called WordPress to build the sites.
I think that by dividing up the tasks, we were able to make steady progress without any major setbacks.

During this internship, I learned many things that I couldn’t have learned in school. I hope to draw on these lessons in the future, both in school and in my career.

2026年2月インターンシップ体験談②

2月に当社でインターンシップを行い、8名の方に参加していただきました。体験談②では、日本人学生の方々をご紹介します!

日本人学生(男性)

2027年卒業予定の専門学生です。参加したきっかけは学校での説明会を通じて、貴社の「グローバルかつ穏やかな社風」に魅力を感じ、この度冬季インターンシップに参加させていただきました。

1日目は生成AIを活用し、「浮世絵×現代」というテーマで画像生成に挑戦しました。理想のイメージに近づけるため、プロンプトの試行錯誤を繰り返しました。納得のいく作品を仕上げることができ、社員の方から高評価をいただけたことは大きな自信になりました。

2日目午前は名刺交換の練習を行い、営業職の社員の方から実践的なアドバイスをいただきました。午後はシステムのテスト工程を体験。単純な作業にこそ「企業の信頼を支える」という重い責任が伴うことを学びました。授業の経験を活かし、細部まで注意を払いミスなく終えることができました。

3日目は、豊国神社の歴史を紹介するサイトを制作しました。AIやネットで調査した情報を年代順に整理し、WordPressを用いて構築しました。直感的な操作でコンテンツの見せ方を工夫でき、情報発信の楽しさを実感する貴重な経験となりました。

インターンシップを終えて、最新技術からビジネスの基本まで、凝縮された5日間でした。この経験を糧に、今後の学生生活とキャリア形成に励みたいと思います。

日本人学生(男性)

私は2026年の2月にインターンシップに参加させていただきました。
今回のインターンシップの中で実際に行ったことと、その感想をお話ししていきたいと思います。

1日目はAIを活用した画像生成と、マインドマップを用いた自己分析を行いました。画像生成は「和」というテーマに沿って、グループでイメージを共有して作成していきました。限られた時間の中で話し合ったことで、満足のいくものができました。
マインドマップという、自分の経験や思いを連想して深堀をする体験をしました。今の自分や将来の自分の姿を見つめ直す良い時間になりました。

2日目は名刺交換とテスト体験を行いました。
名刺交換は名刺交換の基本的なマナーについて覚えるべきことを教えてもらいました。
想像していたよりも厳密で、考えることが多いということを知るいい機会になりました。
テストはつくったシステムが想定通りの動作をしているかの確認をしました。デバイスやバージョンごとに問題が起きていないかの確認をしなかればならず、重要で大変な作業だと感じました。

3日目はwebページの作成とそのための資料作成を行いました。
WordPressというサイトを利用して2つのグループに分かれて作成していきました。
どちらの作業も、役割分担をしたことで、躓くことなく進んでいくことができたと思います。

今回のインターンシップの中で、学校では学べないことをいくつも学ぶことができました。学んだことを今後の学校や社会人になってからも思い出して、活かしていきたいです。

February 2026 Internship Experience①

Eight people participated in our internship program in February. In Testimonial ①, we’d like to introduce our international students!

Myanmar international students(Women)

I am an international student studying web development in Japan. My school teacher introduced me to Dandelions Inc., and I participated in their 2026 internship program. My goals for the internship were to experience the actual work of professionals and to communicate effectively with both Japanese and international colleagues. The internship lasted five days, from February 16 to February 20.
On the morning of the first day, we all gave brief self-introductions. Then, we used AI to generate images. We also had group discussions, which were a lot of fun. In the afternoon, we learned how to use mind maps to structure our self-promotion. It was a great experience.

On the second day, a company employee taught us the proper etiquette and procedures for exchanging business cards. We actually exchanged business cards, which was a great opportunity to learn about Japanese business culture. We listened to an explanation of system testing and conducted some actual tests. It was interesting to assign roles for the presentation and divide up the tasks among us.

On the morning of the third day, we went to Toyokuni Shrine to take photos for the website. We split into groups and had fun summarizing what each of us had researched. In the afternoon, we received a tutorial on how to use WordPress, and then we all worked together to upload the information and photos we had compiled to the site.

I learned so much and got to know everyone well—I’m really glad I took part in this internship.

Myanmar international students(Male)

I joined this Dandelions internship through a referral from one of my teachers. I felt it was a valuable opportunity to gain hands-on experience in web development in a real-world setting, so I was eager to take on the challenge.

On the first day, following a company presentation and self-introductions, we held a group discussion on creating prompts for generating photos using AI. We considered what kind of language to use to generate photos that closely match the desired image, and learned the importance of providing specific, easy-to-understand instructions rather than abstract expressions. We also realized that even with the same theme, different perspectives and ideas can lead to completely different results, and truly appreciated the importance of exchanging opinions within the team.

On the second day, we conducted a browser testing session, using Windows, Mac, Android, and iOS to verify differences in display and behavior across various browsers. Since I usually only test in a single environment, I was surprised to see how layout and behavior differed depending on the device and browser. Through the process of verifying minor discrepancies and bugs one by one, I gained a deep understanding of the importance of user-centric testing and quality control.

On the third day, we took photos at Toyokuni Shrine and used that footage to create a website using WordPress. By conducting market research, defining our target audience, and creating a site structure before beginning production, we learned the importance of planning skills as well as design. Although the program was short, we experienced the entire process from planning to production and presentation, which allowed us to clearly identify our challenges and areas for growth. I hope to apply what I learned in this program to my future creative projects and career goals.

2026年2月インターンシップ体験談①

2月に当社でインターンシップを行い、8名の方に参加していただきました。体験談①では、外国人留学生の方々をご紹介します!

ミャンマー人留学生(女性)

私は日本でWebの勉強をしている留学生です。学校の先生から紹介してもらい、株式会社ダンデライオンズの2026年のインターンシップに参加しました。私のインターンシップ参加の目標は、社会人の実際の仕事を体験し、日本人も外国人もみんなでいいコミュニケーションをとることです。インターンシップは5日間で、2月16日から2月20日です。
1日目の午前中には、みんなで簡単な自己紹介をしました。そして、AIを使って画像生成を行いました。グループディスカッションもしてとても楽しかったです。午後には自己PRの考え方としてマインドマップを学びました。いい経験をさせてもらいました。

2日目は名刺交換の注意点ややり方を社員の方から教えてもらいました。実際に名刺交換を行い、日本のビジネス文化を知るいい機会になりました。システムテストの説明を聞いて、実際のテストもやりました。プレゼンの担当を決めてそれぞれのやることを分けて面白かったです。

3日目の午前中には、Webサイトのため豊国神社へ写真を撮りに行きました。グループに分かれてそれぞれの調べたことをまとめて楽しかったです。午後にはWordPressの使い方を説明してもらって、まとめた情報と写真をWordPressに入れてみんなで制作しました。

知らないことをたくさん教えてもらい、皆と仲良くなってこのインターンシップに参加して本当によかったです。

ミャンマー人留学生(男性)

今回のダンデライオンズのインターンシップは、学校の先生の紹介をきっかけに参加しました。実務に近い環境でWeb制作を体験できる貴重な機会だと感じ、積極的に挑戦したいと思いました。

1日目は会社説明や自己紹介の後、AIで写真を生成するためのプロンプト作成についてグループディスカッションを行いました。どのような言葉を使えばイメージに近い写真が生成されるのかを考え、抽象的な表現ではなく、具体的かつ分かりやすい指示を出すことの重要性を学びました。また、同じテーマでも視点や発想が異なることで全く違う結果になることを知り、チームで意見を出し合うことの大切さも実感しました。

2日目はブラウザテスト体験を行い、Windows・Mac・Android・iOSを使用して、さまざまなブラウザでの表示や動作の違いを確認しました。普段は一つの環境でしか確認していなかったため、デバイスやブラウザによってレイアウトや動きに違いが出ることに驚きました。細かなズレや不具合を一つ一つ検証する作業を通して、ユーザー目線での確認や品質管理の重要性を深く理解することができました。

3日目は豊国神社で写真撮影を行い、その素材を活用してWordPressでサイト制作を体験しました。市場調査やターゲット設定、構成作成を行った上で制作を勧めたことで、デザインだけでなく企画力の大切さも学びました。短い期間でしたが、企画から制作、発表まで一連の流れを経験し、自分の課題と成長店を明確にすることができました。今回の学びを今後の制作活動や将来の目標につなげていきたいと考えています。

Engineer’s Blog: Types and Uses of Generative AI

Hello, everyone! I’m “Pudding🍮” from the Business Development Department.
In this post, I’ll introduce the different types of generative AI—which is constantly evolving—and share some tips on how to use it effectively.

We operate an e-commerce site for international customers called “Dandelions Japan.”
We actively utilize AI for our social media management and video production.
For example, we use AI to generate ideas for posts and draft content, allowing us to efficiently create engaging material. We also leverage AI for image and video assets, which helps us produce high-quality visuals while reducing the time previously required for these tasks.

Types of Generative AI

While we often use the term “AI” as a general umbrella term, there are actually many different types.
Tools specialized for specific purposes—such as text-generation AI, image-generation AI, video-generation AI, and music-generation AI—are emerging one after another. Since each has its own areas of expertise, it’s important to choose the right one for your specific needs.

For example, by choosing the right tools—such as text-generating AI for writing and image-generating AI for visual design—you can achieve results more efficiently.

Specifically, ChatGPT is a leading example of text-generating AI, capable of handling a wide range of tasks such as brainstorming, writing, and summarizing.

Another example of image-generating AI is Midjourney, which can generate high-quality illustrations and photo-realistic images simply by entering text prompts.
In the field of video production, video-generating AI is being used to create videos from images and text, significantly contributing to more efficient production workflows.

In addition, there is Suno, a music-generating AI that allows you to create original songs simply by describing the desired mood in text.

Since each AI has its own areas of expertise, you can create higher-quality content by selecting the right one for your specific needs.

How to Write Effective Prompts

When using generative AI, one of the most important factors is how you write your prompts. Since generative AI generates results based on the input provided, ambiguous instructions will not yield the desired results. For example, when generating images, a simple prompt like “a woman in a kimono, cute” may lack specificity, resulting in an image that doesn’t match your vision.

On the other hand, by describing the subject, location, situation, and atmosphere in concrete terms—such as “A Japanese woman in her 20s, wearing a red and white kimono, stands smiling on Nakamise Street in Asakusa. The natural daylight creates a realistic look, just like in a photograph”—
you can achieve results that are closer to your ideal.

So, how should we approach prompts like this?
Actually, the example from earlier can be broken down into the following elements.

Subject (Who/What)
 Specify exactly what you want to draw (e.g., a Japanese woman in her 20s)

Action/Situation (What)
 Clearly describe what the subject is doing (e.g., standing with a smile)

Location/Background (Where)
 Specify the setting of the scene (e.g., Nakamise Street in Asakusa)

Artistic Style
 Specify the style of the drawing (e.g., realistic, like a photograph)

Photography / Realism
 Emphasize the level of realism (e.g., natural light, photorealistic)

Camera / Angle
 Specify the angle and composition (e.g., close-up, wide-angle, etc.)

Specifying Unnecessary Elements
 Exclude elements you do not want to be generated in advance (e.g., blurry images, low-quality images, text, watermarks, etc.)

Word order is even more important. Since the AI tends to place greater emphasis on elements mentioned earlier in the prompt, it’s crucial to list the most important elements—such as the subject—first.

Recently, as the accuracy of generative AI has improved, it’s now possible to get decent results even with relatively simple instructions. However, to achieve higher-quality results or output that more closely matches your vision, it’s important to design your prompts with these factors in mind.
By taking a little extra time to write specific instructions, you can maximize the potential of generative AI. If you keep these points in mind, you’ll be able to generate images that match your vision!

Summary

Generative AI is an incredibly useful tool that can significantly boost productivity and expand creative possibilities, depending on how it’s used. However, it’s not enough to simply use it; choosing the right tool and crafting effective prompts are also crucial.
We, too, will continue to leverage generative AI while keeping these points in mind, striving to create even better content.
We hope this information will be helpful to those who are interested in trying generative AI.

That’s all for today.
Thank you for reading.
Stay tuned for our next Engineer Blog post!

Employee Introduction

Hello! Thank you for reading.
I’m “:)”, and I joined the company in April 2026!!
In this post, I’d like to share what led me to join the company, my thoughts since then, and a brief introduction about myself.

Reason for joining the company

I spent four years studying IT at a vocational school in Nagoya, but I wasn’t sure exactly what field or job I wanted to pursue, so I was struggling with what to do about finding a job. That’s when I learned about Dandelions at a company information session held at my school. After hearing that they offered internships, I decided to apply. Through the internship, I discovered many positive aspects of the company, such as the vibrant cross-cultural exchange fostered by a unique environment with many foreign employees, and the flat organizational structure where everyone converses on an equal footing without hierarchical barriers. That experience made me think, “I’d love to work in a place like this,” and that was the deciding factor.

My thoughts since joining the company

I joined the company right out of college and am currently in training, so I’m still completely new to the working world. Right now, I’m receiving very clear and thorough instruction on business etiquette and how to communicate with international colleagues. In particular, when it comes to communicating with international colleagues, I’ve learned that using difficult Japanese or complex phrasing can sometimes lead to misunderstandings, so I’ve realized how important it is to put myself in the other person’s shoes. I’m also studying for a professional certification and plan to work hard to earn it. I expect I will make many mistakes and get scolded in the future. However, since my senior colleagues and supervisors are always willing to answer my questions, I intend to view these mistakes as part of the learning process. I want to take on new challenges without fear and grow as a member of Dandelines.

About Me

Here, I’d like to share some of my favorite things. I’m really into Japanese rock, and I love going to festivals where all kinds of bands and artists come together. Unlike regular concerts, these events feature a wide variety of acts, so I get to see multiple bands and artists I love, and I also discover new ones I’ve never heard of before. Plus, since many Japanese rock bands perform anime songs, these festivals are the perfect event for an anime fan like me. If you’re an anime fan or if reading this blog has piqued your interest even a little, I highly recommend checking one out.

※BLARE FEST.2026
*Kyoto Cho Tokkyu 2025

Thank you for reading this far.
That’s all for today.
Stay tuned for our next employee spotlight!!

Recreational Event: “We Held a Bowling Tournament”

Thank you for reading! This blog post is brought to you by “237.”
At Dandelions, we hold regular social events to help our employees bond.
In early March, we visited Round One Chikusa and held a bowling tournament!

In the past, our recreational activities have included eating Burmese food and holding tournaments to determine the “Weakest Player” at Go Fish, but this bowling tournament was organized in response to requests for “something that gets everyone moving and having fun together.”
Seventeen people participated. Despite it being a day off, employees gathered one after another, and the event was filled with such energy that it was hard to believe it was the first time we’d held it.

Let’s hit the course!

This tournament is not a team competition but a “purely individual contest.” The rules stipulate that the top two finishers in both the men’s and women’s divisions will be honored and receive prizes. Even before the event began, voices full of enthusiasm could be heard all around, with comments like, “If there are prizes, I’ve got to give it my all,” and “It’s been a while, so I’m itching to compete.”

After the opening remarks, it was time to start with some practice throws!
Some people, bowling for the first time in a while, smiled wryly and said, “The ball feels heavy…” while others surprised everyone by immediately rolling a strike. Since many of the members usually do desk work, there were several moments when we got a glimpse of their unexpectedly good athletic ability.

Here’s a look at the first pitch ceremony! They’re really pumped up!

Once the competition got underway, cheers and applause rang out continuously from every lane. High-fives flew every time a strike was rolled, and even when a ball went into the gutter, everyone laughed it off with a “Don’t worry!”—a warm, friendly atmosphere filled the entire venue.
Even though it’s an individual competition, the fact that people naturally cheer each other on is one of the great things about bowling. ^^

As the game progressed, the “hidden stars” of the event began to shine one after another.
There were a series of moments that made us gasp in surprise—like the usually quiet Fuku hitting consecutive strikes and getting the crowd cheering, or newcomer Ryu pulling off a brilliant spare under pressure, earning loud applause from everyone around. Seeing a different side of our colleagues than we usually do at work is one of the unique joys of a company event.

And once all the games were over, it was finally time for the awards ceremony.
The first- and second-place winners in both the men’s and women’s divisions were announced, and a huge round of applause erupted the moment their names were called. The winners were presented with Starbucks gift cards, and everyone who received one beamed with joy.
Even those who narrowly missed the podium offered positive comments like, “Next time for sure,” and “I’ll practice and come back stronger,” making this a hugely successful event despite being the first of its kind.

We took a commemorative photo with everyone striking their own “bowling pose”
A glimpse of the exciting awards ceremony

Let’s head to the social gathering!

After the tournament, we held a casual get-together for those who were interested.
As we looked back on memorable moments from the game—commenting on things like, “That strike was a miracle,” or “It’s so frustrating to have hit the gutter there”—we enjoyed a time filled with nonstop laughter. Even among members who usually have different job roles and rarely get a chance to talk, conversation flowed naturally, and it felt like the distance between us within the company had closed significantly.

Summary

Although this was our first bowling tournament, it was a huge success.
Bowling is a sport that everyone can enjoy together, whether they’re athletic or not, making it the perfect activity for fostering camaraderie among colleagues! Many participants have already said they’d like to do it again.

We hope to continue using events like this to strengthen the bonds among our employees and create a more comfortable and enjoyable workplace.
Stay tuned for our next blog post!

Engineer’s Blog: Creating an Excel Macro (Move to Cell A1 and Set Zoom Level to 100%)

Hello! I’m Hirotomaru, and I’m writing this article.
In this post, I’ll show you how to use an Excel macro to “jump to cell A1 and reset the zoom level to 100%.”
You may have experienced situations where your scroll position or zoom level gets saved incorrectly, making the file hard to read the next time you open it. This macro makes it incredibly convenient to perform this action with just one click.

I will explain the steps for creating a macro shortcut button.

Show the Development tab

First, display the “Developer” tab to use macros.

  1. Click “File” in the upper-left corner
  2. Select “Other” → “Options”
  3. Open “Ribbon Customization”
  4. Check the “Development” box

Create a macro

1.Click “Record Macro” on the “Developer” tab

2.Enter the macro name, select “Personal Macro Workbook” under “Save macro in (I)”, and click “OK”

3.Without doing anything, click “Stop Recording”

Paste the code

Open the “Visual Basic” section in the Development tab and paste the following code into the Standard Module.
Delete all existing text, and replace “Sub MacroName()” on the first line with the macro name you entered when you created it.
Once you’ve pasted the code, save and close the file.

Sub A1 Shortcut()

‘ Disable screen updating (to prevent screen flickering)
Application.ScreenUpdating = False

Dim ws As Worksheet

Process all sheets in order
For Each ws In Worksheets

‘ Select a sheet
ws.Select

‘ Move to cell A1
Range(“A1”).Select

‘ Reset the display position to the top-left
ActiveWindow.ScrollColumn = 1
ActiveWindow.ScrollRow = 1

‘ Set the display zoom level to 100%
ActiveWindow.Zoom = 100

Next ws

Return to the first sheet
Sheets(1).Select

Resume screen updating
Application.ScreenUpdating = True

‘ Completion message
MsgBox “Processing is complete”

End Sub

In this case, I pasted the code into Module 7 of the standard modules.

Add to Favorites

Add to Shortcuts Since you can’t run the macro with a single click as it is, let’s add it to the Quick Access Toolbar so you can run it immediately.

  1. Open the Quick Access Toolbar settings
  2. Select the macro
  3. Add the macro you created (A1 Shortcut) and click OK

You can run it with a single click using the button in the upper-left corner.

Summary

By setting up the macro we’ve introduced here, you can easily reset the view position and zoom level for each sheet to their default settings. Since it can be executed with a single click, I believe it will help streamline your work. Please give it a try.

Stay tuned for our next engineer blog post!!

Employee Introduction

Thank you for reading.
I’m “Ryu,” and I’ll be writing this employee profile. (This is my first appearance.)

I’d like to talk about what led me to join Dandelions and my thoughts since joining the company.

Reason for joining the company

I have been involved in system development and operations and maintenance for approximately 13 years. Focusing primarily on financial systems, I have gained extensive experience across the entire development lifecycle, from requirements definition through design, development, and testing to operations and maintenance.

As I gained experience in the same field over the years, I became able to perform my duties consistently and developed a certain level of confidence in my abilities. However, at the same time, I began to wonder more and more, “Is this really enough?” and felt a growing desire to take on new challenges in emerging technologies.

The IT industry changes rapidly, and there is a constant demand for new technologies and methodologies. To continue growing professionally in this environment, I’ve come to realize that I need to step outside my comfort zone and take on new challenges.

Additionally, as an engineer working in Japan, I wanted to grow not only in my technical skills but also in my communication skills and ability to work effectively as part of a team.

It was under these circumstances that I came across Dandelions. I was drawn to the opportunity to take on new technologies and environments, as well as to a workplace where I can thrive regardless of my nationality, and I am truly grateful for the chance to join the company.

My thoughts since joining the company

Since joining the company, I’ve been working in a development environment that moves at a faster pace than ever before. Since the environment and required skills vary from project to project, I was a bit overwhelmed at first, but that has allowed me to learn a great deal.

I’ve had more opportunities to work with technologies I hadn’t encountered before, and I can really feel my development skills—particularly in Java—improving. Through daily trial and error, I can sense my own growth.

Although I sometimes face challenges in my work, I feel that solving them one by one with the support of those around me is helping me grow.

I am also deeply grateful to our CEO, president, and all my colleagues for their kindness; whenever I’ve faced difficulties, they’ve always offered their wholehearted support. Having an environment where I can feel comfortable seeking advice is a tremendous source of support.

I feel that Dandelions fosters an environment where it’s easy to communicate and seek advice, regardless of age or nationality. Through these opportunities for interaction, I feel that the bonds between colleagues have grown stronger, and we’ve been able to build better relationships.

At Todagawa Green Space. I realized that just by changing my perspective a little, even the familiar scenery looks different.

That concludes this blog post.
We hope you’ll look forward to our next post.

Internal Study Session Report: Hands-On Experience Setting Up a Vue 3 Development Environment with Cursor

We recently held an in-house workshop titled “Hands-On Experience: Setting Up a Vue 3 Development Environment with Cursor.” Here’s a look at how it went.

The purpose of this study session was to provide hands-on experience in setting up a Vue 3 development environment using the AI editor “Cursor.”
We were pleased to see a large turnout, including many non-engineers as well as engineers, making for a very lively event.

Note that we are setting up the environment based on a technical blog.

Study Session Agenda

  • An Overview of Vue 3
  • Setting Up the Development Environment
  • Creating a Vue 3 Project
  • Startup Demo

① Overview of Vue 3

First, I explained the position of Vue 3.

Vue is a framework specialized for the “V” (View) component of the MVC model, and its primary role is to control the display of screens and the behavior in response to user interactions.

  • Vue: Display, Interact, Switch
  • Server-side: Protect, Decide, Remember

I explained the distinction between front-end and back-end roles using this comparison.
By emphasizing that “Vue is strictly responsible for the user interface,” the content became easier for beginners to understand.

② Setting up the development environment

Next, I explained the overall picture of the tools required for development.

  • Node.js: A platform for running JavaScript
  • Vue 3 + Vue Router: How Screens Are Built
  • Cursor: A development editor with AI capabilities

After that, we actually carried out the following installation procedures.

  • Installing Node.js
  • Installing Cursor
  • Installing Recommended Plugins for Cursor

There were many instances where participants supported one another, making it a practical learning experience.

③ Creating a Vue 3 Project

Once the environment is set up, use the following command to create a Vue 3 project.

npm create vue@latest

During this step, some participants encountered an issue where the npm command was not recognized.
When errors occurred, the team members supported one another, and we were able to successfully complete the project.

④ Startup Demo

Finally, I started the development server using the following command and verified the screen display.

npm run dev

The local server has started up, and I have confirmed that the Vue welcome screen is displaying correctly in the browser.

For those with extra time, we also had them try implementing Element Plus, a UI library.
By combining Vue with UI components, I believe they were able to get a sense of what screen development is like.

In this study session,

  • Understanding the Role of Vue 3
  • Setting Up a Development Environment Using Cursor
  • Creating and Running a Vue Project

We have completed all of the above steps.

We plan to continue hosting development workshops focused on Cursor.
Stay tuned for our next article!