Technology Blog: Leveraging AI in System Development (System Testing)

As a tech blog, we’d like to introduce the learning content we’ve been working on daily. We are unit 1, focusing on AI and Big Data. In our previous article, we discussed the possibilities of content creation, education and learning, and business solutions using the chatbot “ChatGPT-4o”. 

This time, we’ll focus on how we can streamline our main business of system development by incorporating AI into system testing to ensure quality.

1. Selenium 4

Overview:

Selenium is a widely used open-source test automation tool, particularly suitable for cross-browser testing. The latest version, Selenium 4, has improved APIs for manipulating UI elements, allowing for more intuitive test script creation. When combined with AI plugins, it also enhances the detection of dynamic UI elements.

  • Usage rate: High
  • Price: Free (open-source)
  • Difficulty level: Intermediate
  • Official website: Selenium Official Website

2. Cypress

Overview:

Cypress is a JavaScript-based test automation tool for web applications, particularly popular among frontend developers. It allows for real-time verification of test results and has a simple setup, making it easy for beginners to get started. It’s ideal for end-to-end testing and makes it easy to test complex user flows.

  • Usage rate: High
  • Price: Free plan available, premium plans (paid)
  • Difficulty level: Beginner to intermediate
  • Official website: Cypress Official Website

3. Katalon Studio

Overview:

 Katalon Studio is a tool that allows for test automation without writing code, supporting a wide range of test scenarios including web applications, mobile apps, and APIs. With its GUI-based operation, even those unfamiliar with programming can intuitively create tests. It provides enterprise-level features while offering a free plan, making it widely used by beginners to advanced users.

  • Usage rate: High
  • Price: Free plan available, enterprise plan (paid)
  • Difficulty level: Beginner to intermediate
  • Official website: Katalon Studio Official Website

4. Applitools

Overview:

Applitools is a tool specialized in visual testing, where AI automatically detects changes in design and UI. It’s particularly strong in visual regression testing and is ideal for testing UI and UX consistency. Its ability to detect subtle differences in design helps in quality assurance for frontend and design.

  • Usage rate: High
  • Price: Paid (free trial available)
  • Difficulty level: Beginner-friendly
  • Official website: Applitools Official Website

In this article, we introduced AI-powered test automation tools for system development. In our next article, we’d like to share our experiences and impressions from actually using these tools. We hope this helps you consider which tool might be best for your project.

技術者ブログ:AIのシステム開発への活用(システムテスト)

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。AI、ビッグデータをテーマにしている第1ユニットです。 前回の記事では、チャットボット「ChatGPT-4o」を使って、コンテンツ作成、教育と学習、ビジネスソリューションの可能性について取り上げました。

今回は、私たちの主な業務であるシステム開発において、品質を確保するためにシステムテストにAIを導入し、どのように省力化できるかに注目します。

1. Selenium 4

概要

Seleniumは、オープンソースで広く利用されているテスト自動化ツールで、特にクロスブラウザテストに適しています。最新バージョンのSelenium 4では、UIの要素を操作するためのAPIが改善され、より直感的なテストスクリプト作成が可能です。AIプラグインと組み合わせることで、動的なUI要素の検出も強化されています。

  • 利用率:
  • 利用価格: 無料(オープンソース)
  • 利用難易度: 中級者向け
  • 公式サイト: Selenium公式サイト

2. Cypress

概要

Cypressは、JavaScriptをベースにしたWebアプリケーションのテスト自動化ツールで、特にフロントエンド開発者に人気があります。リアルタイムでテスト結果を確認でき、設定もシンプルなので初心者でもすぐに使い始めることができます。エンドツーエンドテストに最適で、複雑なユーザーフローのテストも容易に行えます。

  • 利用率:
  • 利用価格: 無料プランあり、プレミアムプラン有料
  • 利用難易度: 初心者〜中級者向け
  • 公式サイト: Cypress公式サイト

3. Katalon Studio

概要

Katalon Studioは、コードを書かずにテストを自動化できるツールで、Webアプリケーション、モバイルアプリ、APIなど幅広いテストシナリオに対応しています。GUIベースで操作できるため、プログラミングに不慣れな人でも直感的にテスト作成が可能です。エンタープライズレベルの機能を提供しつつ、無料プランも利用できるため、初心者から上級者まで幅広く利用されています。

  • 利用率:
  • 利用価格: 無料プランあり、エンタープライズプラン有料
  • 利用難易度: 初心者〜中級者向け
  • 公式サイト: Katalon Studio公式サイト

4. Applitools

概要

Applitoolsは、ビジュアルテストに特化したツールで、デザインやUIの変更をAIが自動的に検出します。特にビジュアルレグレッションテストに強く、UIやUXの一貫性を保つためのテストに最適です。デザインの細かな違いを検出する機能により、フロントエンドやデザインの品質保証に役立ちます。

  • 利用率:
  • 利用価格: 有料(無料トライアルあり)
  • 利用難易度: 初心者向け
  • 公式サイト: Applitools公式サイト

今回は、システム開発におけるAIを活用したテスト自動化ツールについて紹介しました。次回は、これらのツールを実際に使用してみた体験談や感想をお伝えしたいと思います。どのツールがあなたのプロジェクトに最適か、ぜひ参考にしてみてください。

【WordPress】How To Use Elementor (Grid Layout Creation)

This is Unit 0, focusing on web design. In this Engineers blog, I want to introduce some of the topics I’ve been working on daily. This time, I will explain how to use the WordPress plugin, Elementor. By using the Elementor plugin, you can intuitively create web page layouts with drag-and-drop operations. No programming skills are required. In this post, I will explain the basic usage of Elementor.

Elementor Installation and Validation

Elementor is not compatible with all WordPress themes, so we recommend using a supported theme. For this example, we are using the official Elementor theme: HelloElementor.

Booting Up Elementor

Go ahead and create a new fixed page. Now selsect “Edit with Elementor”

About Elementor Widgets

The features provided by Elementor are called “widgets.” You can see a list of widgets on the left side of the screen.

With the paid version, you can access more widgets. As of September 2024, there are four plans available for the paid version, with upgrades ranging from $59 to $399 per year.

Creating a Layout

First, use the “Layout” widget to determine the structure of your web page.

In Elementor, there are two types of page layouts: Flexbox and Grid.

In earlier versions, Elementor layouts were made up of “Sections,” but in recent updates, the concept of “Containers” has been introduced leading to the deprecation of “Sections”.

 In this example, we will create a layout using a Grid.

By default, a Grid layout with 3 columns and 2 rows will be created.

Detailed settings can be adjusted by clicking “Edit Grid” on the left side of the screen.

Placing Elements in the Grid

 You can easily create a web page by placing elements from the basic widgets.

Simply by using mouse operations, you can easily position content commonly used on web pages.

 In the future, I plan to cover more detailed setting methods.

As introduced previously, you can also easily conduct tests using the “LOCAL” environment so please give it a try. 

Stay tuned for the next technical blog post.

【WordPress】Elementorの使い方(Gridレイアウトの作成)

WEBデザインをテーマにしている第0ユニットです。

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。

今回はWordPressの人気プラグイン「Elementor」の使い方をご紹介します。

Elementorプラグインを利用することで、ドラッグ&ドロップ操作で、直感的にウェブページのレイアウトを作成できます。

プログラミングのスキルは不要です。

今回はElementorの基本的な使い方を説明します。

Elementorのインストール&有効化

Elemenetorは全てのWordPressテーマで使用できるというわけではありません。推奨されるテーマを使いましょう。

今回はElementor公式のHelloElementorのテーマを使用しています。

Elementorの起動

固定ページを新規作成し、Elementorを起動します。

Elementorのウィジェットについて

Elementorが提供する機能は「ウィジェット」と呼ばれています。左側にウィジェットのリストが並んでいることが分かります。

有料版であればより多くのウィジェットを利用可能です。2024年9月時点では有料版には4つのプランがあり、$59~$399/1年でアップグレードが可能です。

レイアウトの作成

先ずは、ウィジェットの「レイアウト」を利用しウェブページの構造を決めます。

ElementorではウェブページのレイアウトのタイプはFlexboxとGridの2種類があります。

少し前のバージョンでは、Elementorのレイアウトは「セクション」というもので構成されていましたが、バージョンアップを経て「コンテナ」という考え方が導入されたことにより「セクション」が廃止されています。

今回はGridでレイアウトを作成します。

デフォルトでは横3列、縦2行のGridレイアウトが作成されます。

詳細な設定は、画面左部の「Gridを編集」にて可能です。

Gridに要素を配置

基本のウィジェットから要素を配置することで、簡単にウェブページが作成できます。

マウス操作だけで、簡単にウェブページで多用するコンテンツが配置できます。

今後は細かい設定方法についても見ていきたいと思います。

前回ご紹介した「LOCAL」の環境で簡単に試作できるので是非試してください。

次回の技術者ブログもお楽しみに。

Employee Introduction

Self Introduction:

Thank you for taking the time to read this. My name is Hachi, and I joined the company in April 2024. On my days off, I practice Tsugaru shamisen (a traditional Japanese stringed instrument). It’s an unexpectedly powerful instrument where the body of the guitar acts as a drum, and you strike it with a bachi (Japanese drumstick). My teacher is in a band called KUNI-KEN, which has performed at the Japan Expo in France. I wish to perform internationally someday too.

While working abroad is still a bit out of reach for me, I will be participating in a concert organized by my current school next year. If you don’t touch your instrument for at least a little bit every day, before you know it, you’ll lose your ability to play. So I practice everyday quietly in the middle of the night.

 Participating in a shamisen mini-recital
 I’ll also be taking part here a bit

Why I joined the company:

After working in administrative roles for a long time, I became interested in programming when I learned about automating simple tasks using Excel VBA. I studied Java for six months through vocational training and then joined Dandelions. The deciding factor for me was the presence of employees from different nationalities. While I love Japan, I wanted to experience working in a more international environment though while still residing in Japan.

My thoughts after joining:

It’s been six months since I joined, and although there have been challenges along the way, I’m just now starting to hit my stride. There are still many things that I want to improve on, but every day is fulfilling as I interact with customers and master new skills. We have companywide get-together events every month and recently, we even went on a company trip to Fukuoka. Conversations about cultural differences between Japan and other countries are always lively. I am looking forward to growing further and doing even more in the future.

Stay tuned for the next blog post!

社員紹介

自己紹介

ご覧いただきありがとうございます。2024年4月に入社しました、はちといいます。休日は津軽三味線を練習しています。ギターの胴が太鼓になっていて、バチを叩きつけるようにして弾く、意外とパワフルな楽器です。私の先生はKUNI-KENというバンドをやっていて、フランスのジャパンエキスポに出演していました。私も海外公演あこがれます。

海外はまだまだ無理ですが、来年には今通ってるスクールの企画のコンサートに参加します。毎日少しでも練習しないと、あっという間に指が動かなくなるので、夜中にこっそり練習する毎日です。

三味線ミニ発表会に参加
こちらにも少し参加します

入社したきっかけ

事務職を長くしていた中で、エクセルのVBAを使って単純作業の自動化ができると知ってからプログラムに興味を持ち、職業訓練でJavaを半年勉強した後ダンデライオンズに入社しました。決め手はやはり他国籍な社員がいる会社だという点でした。日本は大好きですが、日本以外の環境でも働いてみたいけど、日本で働きたかったというのがその理由です。

入社してからの感想

入社してから半年、色々と大変でしたが少し落ち着いてきた所です。仕事はまだまだ分からないことも多いですが、お客様と直接お話したり、できないことができるようになったり、毎日充実しています。社員同士は毎月交流会もありますし、社員旅行で福岡にも行ってきました。やはり、日本と諸外国の文化の違いなど話すと盛り上がりますね。これからさらに色々できるように頑張っていきたいと思います。

次のブログもお楽しみに!

New Employers Socializing Event

Hi everyone! This is “Gabimaru”, and I joined the company this year August. Today it’s my turn to write our company’s blog. Hope you enjoy it!

A Day In The Zoo!

I had the opportunity to visit the Higashiyama Park zoo with two coworkers on a company-organized trip to help us get to know each other better. Even though the summer days are getting hotter, we managed to walk around the entire zoo. Our main mission was to find one of the lions sponsored by our company.

Our company is sponsoring the lion!

As an animal lover

As someone who just love animals, I got specially distracted by other animals that caught our attention, like the seals, elephants and the red panda. I have two Labradors in my home country; they look just like seals. Please wait until my next blog, where I will introduce them.

Despite the heat, this visit was much better than my previous experience at the zoo, where there were too many people to properly enjoy the animals. This time, with fewer visitors due to the extreme heat, I was able to get a good look at the red panda and a beautiful black jaguar with striking patterns on its fur. The black jaguar looked like a big, playful cat while scratching a tree with its sharp claws.

Before coming back home, we also went up the tower at Higashiyama Zoo. Since I’m actually afraid of heights, it was a bit scary, but I still enjoyed the view.

One of my hobbies is shopping for clothes in second-hand stores, and for this occasion, I decided to wear an animal-printed shirt that I had never worn before because it’s a bit flashy. It seemed perfect for a day at the zoo. It was amusing to see my coworkers dressed more casually and relaxed, different from the usual work attire. We looked good, and I think we made a great group.

Lastly, I must say that my favorite animals of the day were the seals. There were different sizes and colors, and they looked so happy sliding around in the water.

The floor was slippery as there was no water

Overview

I had a great time with my new colleagues, and I feel like our personalities click well. We enjoy talking, sharing opinions, and laughing together. I feel like we could become good friends. It’s reassuring to know that, as newcomers, we can support each other when work gets tough, although so far, everything has been going great.

I hope we can have more outings like this and strengthen the bonds with the whole team.

Break time with my souvenir plushie

That’s all for today! Thank you for reading and stay tuned for the next blog update.

新入社員親睦イベント

ご覧いただきありがとうございます。
初めまして、今年8月に入社した「がびまる」です。今回のブログの記事を担当させていただきます。よろしくお願いします!

動物園行ってきました!

今回は私の動物園の感想についてお話したいと思います。
先日、会社が用意していただいた動物園ツアーに、同期2人と一緒に行ってきました。このイベントは、新しい仲間同士の絆を深めるためのものです。暑い夏の日が続いていますが、動物園の中をたっぷり散策できました。さらにこのイベントのメインミッションとしては、会社がスポンサーになっているライオンを見つけることでした!

当社がライオンスポンサーしてます!

動物の感想

動物が大好きな人間として、個人的には、ゾウ、ゴマフアザラシやレッサーパンダが特に可愛くて心を奪われました。実家でラブラドール2匹を飼っていますが、アザラシの顔とそっくりで気に入りです。

以前、東山動物園に行ったことがあるのですが、そのときは人が多すぎて好きな動物をゆっくり見られませんでした。今回は暑さのせいか、人が少なくて、レッサーパンダや黒ジャガーをじっくりと観察できました。黒ジャガーの柄が美しくて、まるで大きな猫が遊んでいるようで、とても可愛かったです。

帰る前に東山動物園にあるタワーも登ってみましたが、実は高いところが苦手なのでちょっと怖かったです。それでも景色はちゃんと楽しめました!

私の趣味の一つに古着屋さんでユーニークな服を探すことがあります。今回は動物園ということで、ちょっと派手な動物柄のシャツを着てみました。普段の仕事着とは違って、リラックスしたカジュアルな服装をした同僚たちと一緒にいるのも新鮮で楽しかったです。3人とも素敵なスタイルで、見た目もバッチリでした!

最後に、私が一番気に入った動物はやっぱりゴマフアザラシです。色やサイズが色々で、水の中で楽しそうに滑る姿がとっても可愛かったです。

水がなくて床が滑りやすかった

まとめ

同僚たちと過ごした時間は本当に楽しくて、私たちの性格もピッタリ合うと感じました。おしゃべりしたり、意見を交換したり、一緒に笑ったりするのが大好きです。これからもっと仲良くなれる予感がします。新人同士なので、仕事で大変なことがあったときにはお互いに助け合えるのも心強いです。今のところ、すべてが順調に進んでいます!

これからもこうした機会が増えるといいなと思っています。他のメンバーともどんどん絆を深めていきたいです。

お土産で買ったぬいぐるみとの休憩

以上、次回のブログ更新を楽しみにしています!

New Employers Socializing Event

Hello everyone, Tim is here

Just spent an incredible day at Higashiyama Zoo with my two new coworkers! It was scorching hot, but that didn’t stop us from exploring everything the zoo had to offer. We saw so many amazing animals, from majestic lions to playful monkeys and even some exotic birds. The heat made it a bit of a challenge, but we powered through, bonding over our shared love of wildlife and the occasional ice cream break.

Spirit Animal

Lion

We had the incredible opportunity to meet a majestic lion, sponsored by our company. This sponsorship isn’t just about supporting wildlife; I believe it’s also deeply connected to our commitment to the Sustainable Development Goals (SDGs). By contributing to the preservation of endangered species and their habitats I think Dandelions is trying promoting biodiversity and ensuring that future generations can experience the wonders of nature. From my experience this involvement reflects the dedication to responsible business practices and environmental stewardship.

On top of the world

The highlight had to be the breathtaking view from the Higashiyama Sky Tower. You could see the whole city stretched out before us—truly stunning! It was a perfect moment to relax and appreciate the day.

Thoughts

Spending time together outside of work really helped us strengthen our relationships and build team spirit. I’m so glad we had this experience—it’s days like this that make you realize how important it is to connect with the people you work with. Spending the day together helped us bond in a way that only shared experiences can. We laughed, learned more about each other, and left feeling like a stronger team. It’s amazing how a fun day out can boost team spirit and strengthen relationships. Looking forward to more adventures together!

Team Spirit

新入社員親睦イベント

こんにちは、ティムです。

新しい同僚2人と東山動物園で素晴らしい一日を過ごしました!灼熱の暑さでしたが、私たちは動物園を探索するのを止めませんでした。雄大なライオンから遊び好きなサル、そしてエキゾチックな鳥まで、たくさんの素晴らしい動物を見ることができました。暑さのせいで少し大変でしたが、私たちは野生動物への愛を分かち合い、時折アイスクリームで休憩しながら、乗り切りました。

スピリット・アニマル

ライオン

私たちは、当社がスポンサーを務める雄大なライオンに会うという特別な機会に恵まれました。このスポンサーシップは、野生動物の保護を支援するだけでなく、私たちの持続可能な開発目標(SDGs)への強いコミットメントを象徴しています。当社のダンデライオンは、絶滅の危機に瀕している種とその生息地の保護に貢献し、生物多様性の促進に取り組んでいます。これにより、未来の世代が自然の美しさを享受できる環境を守るための一助となることを目指しています。このような取り組みは、当社の責任ある事業慣行と環境スチュワードシップへの献身を如実に反映しています。

世界の頂点に立つ

ハイライトは、東山スカイタワーからの息をのむような眺めでした。街全体が目の前に広がり、本当に素晴らしかったです!リラックスして一日を過ごすには最高の瞬間でした。

感想

仕事以外の時間を一緒に過ごすことで、人間関係を強化し、チームスピリットを高めることができました。このような日を過ごすことで、一緒に働く仲間とのつながりがいかに大切かを実感しました。一緒に一日を過ごすことで、共有する経験ならではの絆が深まりました。私たちは笑い、お互いのことをより深く知り、より強いチームになったと感じて帰りました。楽しい1日を過ごすことで、チームスピリットが高まり、人間関係が強化されるとは驚きました。また一緒に冒険できることを楽しみにしています!