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!

Hello everyone! I’m “Pudding🍮” from Team 1.
At Dandelions, we regularly hold recreational events to foster camaraderie among employees. This time, Team 1 hosted an outing to a Myanmar restaurant near Fushimi Station!

Some of you might be wondering, “Why Myanmar cuisine?” Actually, Team 1 has a member from Myanmar, and this project started from the idea that “Since we have this chance, let’s make it a recreation where we can experience a culture outside of Japan!”

Hesitation during the planning stage

Actually, Myanmar cuisine wasn’t the only option from the start. Since the event was held in winter, close to Christmas, ideas like a gift exchange were also proposed.
We tried taking a survey within Team 1, but opinions just wouldn’t come together…
Therefore, we’ve decided to conduct a company-wide survey!

The result was…

• Myanmar cuisine: 58.3%
• Gift Exchange: 41.7%

The opinions were evenly split until the very end, making for a fascinating outcome.
In the end, it was decided by a narrow margin: Myanmar cuisine!

Off to the store!

I made a reservation at a recommended Myanmar restaurant, and the day finally arrived. To begin with, I was shocked to learn there are only about three restaurants serving Myanmar cuisine around Nagoya Station…!
Upon entering the shop, the first thing I noticed was the exotic aroma.
Perhaps it was spices. A unique scent, unlike anything I’d smelled much in Japan, filled the air.

My thoughts after actually trying it

The dishes we were served this time included a wide variety, such as Mon Hinga (a traditional Myanmar breakfast dish featuring rice noodles in a soup made with catfish or other fish), Che Oo Sittar (a stir-fried noodle dish with pork and quail eggs), and Wetta Daw Taw (a street stall staple where pork and offal are skewered and simmered in a soy sauce-based broth).

Honestly, I expected the food to have a stronger flavor profile, but when I actually tried it, the seasoning was very easy to eat, even for Japanese people.
However, there are quite a few spicy dishes, so those who aren’t fond of spicy food might want to be a bit cautious.
Even if you think while eating, “This is just the right amount of spice and delicious,” sometimes the heat creeps up on you afterward, and you can’t stop sweating.

Every dish was something rarely found in Japan, allowing us to fully enjoy Myanmar’s culinary culture.

Recreation begins!!

Of course, we didn’t just enjoy the recommended dishes; this time we also split into three groups for a little activity.
The idea was to each rank “dishes that people from Myanmar find delicious” and “dishes that Japanese people find delicious,” then compare them!
When we actually tasted them side-by-side, differences in taste perception and preferences became apparent. Comments like “Wait, this is number one!?” and “This one might actually be more Japanese-friendly than expected” naturally sparked conversation.
Furthermore, deciding the rankings by sharing opinions within each group sparked lively conversation even among members who don’t usually talk much, making it a very exciting time.
Not just about work,

・Food preferences
・Talk about hometowns
・Cultural differences
One of the major benefits of this event was the relaxed atmosphere unique to recreational activities, which allowed us to interact freely.

Summary

This recreational event allowed us to deepen camaraderie among employees while experiencing a different culture through Myanmar cuisine.
The recreation focused on “experiencing an unfamiliar culture” proved to be more enjoyable and educational than we had imagined.

That’s all for this time.
Thank you for reading this far.
Stay tuned for next time!

皆さんこんにちは！チーム1所属「プリン🍮」です。
ダンデライオンズでは、社員同士の親睦を深めるために定期的にレクリエーションを開催しています。今回はチーム1主催で、伏見駅近くのミャンマー料理店へ行ってきました！

「なんでミャンマー料理？」と思った方もいるかもしれません。実はチーム1にはミャンマー出身のメンバーが在籍しており、「せっかくなら日本以外の文化を体験できるレクリエーションにしたい！」という思いから、今回の企画がスタートしました。

企画段階での迷い

実は最初からミャンマー料理一択だったわけではありません。開催時期が冬で、ちょうどクリスマスも近かったため、プレゼント交換会などの案も出ていました。
チーム1内でアンケートを取ってみたものの、なかなか意見がまとまらず……。
そこで、会社全体でアンケートを実施することに！

その結果は……

・ミャンマー料理：58.3％
・プレゼント交換会：41.7％

途中まできれいに意見が割れていて、とても面白い結果になりました。
最終的には僅差で「ミャンマー料理」に決定しました！

いざ、お店へ

おすすめのミャンマー料理屋さんを予約して、いざ当日。そもそもミャンマー料理を扱っているお店自体が、名古屋駅周辺では3件ほどしかないらしく、それを聞いてびっくり…！
お店に入ると、まず感じたのは異国感あふれる香り。
スパイスでしょうか。日本ではあまり嗅いだことのない、独特な香りが漂っていました。

実際に食べてみた感想

今回いただいた料理は、ミャンマーの伝統的な朝食料理であるモンヒンガー（米粉麺にナマズなどの魚を使ったスープ麺）をはじめ、豚肉やウズラの卵を具材にした和え麺料理のチェーオー・シーチャッ、豚肉や内臓を串に刺し、醤油風のスープで煮込んだ屋台定番料理ウェッタードウットウなど、種類も豊富でした。

正直、もっと癖の強い料理を想像していましたが、実際に食べてみると日本人でもとても食べやすい味付けでした。
ただし、辛い料理も多めなので、辛いものが苦手な方は少し注意が必要かもしれません。
食べているときは「ちょうどいい辛さで美味しいな」と思っていても、あとからじわじわと辛さを感じて、汗が止まらなくなることもありました。

どの料理も日本ではなかなか味わえないものばかりで、
ミャンマーの食文化を存分に楽しむことができました。

レクリエーションスタート！！

もちろんおすすめの料理を楽しむだけでなく、今回は3つのグループに分かれてちょっとした企画も行いました。
内容は、「ミャンマー出身の方が“おいしい”と感じる料理」と「日本人が“おいしい”と感じる料理」をそれぞれランキング形式で選び、比べてみよう！というもの。
実際に食べ比べてみると、味の感じ方や好みの違いが見えてきて、「え、これが1位！？」「こっちは意外と日本人向けかも」など、自然と会話が広がりました。
また、グループ内で意見を出し合いながらランキングを決めることで、普段あまり話す機会のないメンバー同士でも会話が弾み、とても盛り上がる時間となりました。
仕事の話だけでなく、
・食の好み
・出身地の話
・文化の違い
など、レクリエーションならではのリラックスした雰囲気で交流できたのも、今回の大きな収穫でした。

まとめ

今回のレクリエーションでは、ミャンマー料理を通して異文化に触れながら、社員同士の親睦を深めることができました。
「知らない文化を体験してみる」というレクリエーションも、想像以上に楽しく、学びの多い時間でした。

今回は以上になります。
ここまで読んでくださり、ありがとうございました。
次回もお楽しみに！

Java has evolved significantly over the past decade. While many developers still associate Java with verbose syntax and heavy boilerplate, modern Java versions (Java 8 and beyond) introduced powerful features that make development cleaner, safer, and more expressive.

In this article, we’ll explore five useful Java features that every developer should know and start using today.

1. Lambda Expressions

Lambda expressions allow you to write concise, functional-style code. They eliminate the need for anonymous classes and make your code easier to read.

Before Java 8:

Runnable r = new Runnable() {
    public void run() {
        System.out.println("Hello World");
    }
};

With Lambda:

Runnable r = () -> System.out.println("Hello World");

Why It’s Useful:

• Reduces boilerplate code
• Improves readability
• Encourages functional programming

Lambda expressions are widely used with Streams, collections, and event handling.

---

2. Stream API

The Stream API allows you to process collections in a declarative and functional style.

Example:

List<String> names = List.of("Alice", "Bob", "Andrew");

names.stream()
     .filter(name -> name.startsWith("A"))
     .map(String::toUpperCase)
     .forEach(System.out::println);

Benefits:

• Clear and expressive data processing
• Supports parallel execution
• Encourages immutability

Streams make complex data transformations readable and maintainable.

---

3. Optional Class

Optional helps avoid NullPointerException by explicitly representing a value that may or may not exist.

Example:

Optional<String> username = Optional.ofNullable(getUsername());

username.ifPresent(System.out::println);

Why It Matters:

• Encourages null-safe coding
• Makes APIs clearer
• Reduces runtime errors

Instead of returning null, methods can return Optional<T> to express uncertainty.

---

4. Records (Java 16+)

Records provide a concise way to create immutable data classes.

Example:

public record User(String name, int age) {}

The compiler automatically generates:

• Constructor
• Getters
• equals() and hashCode()
• toString()

Advantages:

• Less boilerplate
• Immutable by default
• Ideal for DTOs

Records are perfect for modeling simple data carriers.

---

5. Switch Expressions

Modern Java allows switch to return values and use arrow syntax.

Example:

String dayType = switch (day) {
    case "Sat", "Sun" -> "Weekend";
    default -> "Weekday";
};

Why It’s Better:

• More concise syntax
• No need for break
• Fewer bugs

Switch expressions improve readability and reduce accidental fall-through errors.

---

Modern Java focuses on: Cleaner syntax, Safer code and Better developer experience.

If you’re still using older Java patterns, upgrading your style to include these features can dramatically improve your productivity and code quality.

Stay tuned for our next article!

Javaはこの10年で大きく進化しました。多くの開発者はいまだに、冗長な構文や大量のボイラープレートコードを連想するかもしれませんが、モダンJava（Java 8以降）では、よりクリーンで安全、そして表現力の高い開発を可能にする強力な機能が導入されています。

この記事では、すべての開発者が知っておくべき5つの便利なJava機能を紹介します。

1. ラムダ式（Lambda Expressions）

ラムダ式を使うことで、簡潔な関数型スタイルのコードを書くことができます。無名クラスを使う必要がなくなり、コードの可読性が向上します。

Java 8以前:

Runnable r = new Runnable() {
    public void run() {
        System.out.println("Hello World");
    }
};

ラムダ式を使うと:

Runnable r = () -> System.out.println("Hello World");

メリット:

• ボイラープレートコードの削減
• 可読性の向上
• 関数型プログラミングの促進

ラムダ式は、Stream APIやコレクション操作、イベント処理などで広く利用されています。

---

 

2. Stream API

Stream APIを使用すると、コレクションを宣言的かつ関数型スタイルで処理できます。

例:

List<String> names = List.of("Alice", "Bob", "Andrew");

names.stream()
     .filter(name -> name.startsWith("A"))
     .map(String::toUpperCase)
     .forEach(System.out::println);

メリット:

• 明確で表現力の高いデータ処理
• 並列実行に対応
• イミュータブルな設計を促進

Streamを使うことで、複雑なデータ変換も読みやすく保守しやすいコードになります。

---

 

3. Optionalクラス

Optionalは、値が存在するかどうかを明示的に表現することで、NullPointerExceptionを回避するのに役立ちます。

例:

Optional<String> username = Optional.ofNullable(getUsername());

username.ifPresent(System.out::println);

重要なポイント:

• null安全なコーディングを促進
• APIの意図が明確になる
• 実行時エラーの削減

メソッドがnullを返す代わりに、Optional<T>を返すことで、値が存在しない可能性を明確に表現できます。

---

 

4. Records（Java 16以降）

Recordは、不変なデータクラスを簡潔に作成するための機能です。

例:

public record User(String name, int age) {}

コンパイラが自動的に生成するもの:

• コンストラクタ
• Getterメソッド
• equals()とhashCode()
• toString()

メリット:

• ボイラープレートの削減
• デフォルトでイミュータブル
• DTOに最適

Recordは、シンプルなデータ保持用クラスのモデリングに最適です。

---

 

5. Switch式（Switch Expressions）

モダンJavaでは、switchが値を返せるようになり、アロー構文（->）も使用できます。

例:

String dayType = switch (day) {
    case "Sat", "Sun" -> "Weekend";
    default -> "Weekday";
};

優れている点:

• より簡潔な構文
• breakが不要
• バグの減少

Switch式は可読性を向上させ、意図しないフォールスルー（fall-through）によるエラーを防ぎます。

---

 

モダンJavaが目指しているのは、よりクリーンな構文、より安全なコード、そして優れた開発者体験です。

もしまだ古いJavaの書き方を使っているなら、これらの機能を取り入れることで、生産性とコード品質を大きく向上させることができます。

次回の記事もお楽しみに！