kintoneとBacklogの連携イメージ
How to Integrate Applications

2024/7/11

How to integrate kintone with a Chrome extension to launch the Chrome extension from a kintone page and add it as an issue in Backlog

a.ohta

利用者のニーズに応じて直感的にアプリを作成できるkintoneは、様々なアプリと連携しやすいというメリットがあります。
今回はプロジェクト管理ツールのBacklogと連携することで、どのように業務が効率化するのかをまとめました!
kintoneとBacklogを利用している方は、ノーコードで連携する方法がわかるので、ぜひ試してみてくださいね。

こんな方におすすめ

  • kintoneとBacklogでタスクを管理している方。
  • kintoneとBacklogでの業務効率化を考えている方。
  • kintoneとBacklogを連携してタスクを一元管理したい方。

今すぐに試したい方へ

本記事ではノーコードツール「Yoom」を使用した連携方法をご紹介します。
難しい設定や操作は必要なく、非エンジニアの方でも簡単に実現できます。
下記のテンプレートから今すぐに始めることもできるので、ぜひお試しください!

Kintone, which allows you to intuitively create apps according to user needs, has the advantage of being easily integrated with various apps.
This time, we have summarized how business efficiency can be improved by integrating with the software development tool Backlog!

Benefits of Integrating Kintone and Backlog

1. Data management becomes easier!
By aggregating Backlog data into Kintone, managing the entire project becomes easier.
If you can edit Backlog issues on Kintone and add details, more detailed task management becomes possible!

2. Information sharing within the team becomes easier!
When using different tools, discrepancies and lags in recognition within the team are likely to occur.
However, integration will make information sharing smoother.

Even if the development team mainly uses Backlog and the non-technical team uses Kintone to manage projects, communication will be smoother if the same information can be shared at the same time!

3. Eliminate redundant work!
There is no need for repetitive tasks of entering the same task into two apps. This eliminates redundant work and is expected to improve efficiency.
Although it is a simple flow of "entering," it can be a significant burden if done daily.
If you can automate it through integration, it will also save time!

What is Possible with Kintone and Backlog Integration

1. Add issues to Backlog and they are also added to Kintone
Data aggregation, bug management, and information sharing become easier!

2. Add records to Kintone and add them to Backlog at any timing
You can create development schedules in Kintone and add them to Backlog by phase!

3. Real-time notifications
When an issue is completed or details are added to an issue, you can instantly update the task status automatically!

How to Integrate Kintone and Backlog Without Code

Now, let's create a flowbot that allows you to "register issues to Backlog with one click from Kintone."
Using the domestic no-code tool Yoom, even those without programming knowledge can easily automate flows.

Register for Yoom here. You can register easily in 30 seconds!

Official documentation about Yoom is here. Please take a look!

This time, we will use a template that already has a flow set up instead of creating a flowbot from scratch.
Yoom has various templates, so you can quickly create the desired flowbot without code!

Once you have completed the Yoom registration, please click the banner below to proceed.

Next, let's integrate Yoom with each app.
This is called "My App Integration". My App Integration is very easy!

My App Integration with kintone and Backlog

Click on the template banner, and you'll find a "Try this template" button at the bottom of the screen, so press it.
This will take you to a page called "My Projects", where you can select "My Apps" from the menu on the left side of the screen!
     ↓
Click on "Create New" at the top right! Enter "Backlog" in the search box, and the Backlog icon will appear, so click it.
A page to enter the domain will be displayed, so enter it and press add...
     ↓

You will transition to a screen like the above, so press "Allow".
Once you return to the Yoom screen, the registration of the Backlog My App is complete!
     ↓
Next is the My App Integration with kintone, but from here on, there is a help page available, so please take a look.

My App Integration Help Page with kintone

There may be help pages like this available for integrating each app with Yoom.
They provide detailed explanations with images, so be sure to check them out!

Once My App Integration is complete, let's move on to creating the contents of the Flowbot.
If you haven't copied it yet, please copy the Flowbot template from below.

1. Hover over the banner and click "View Details"
2. Click "Try This Template" on the redirected page
3. Register for Yoom
※ If you have already registered, the login screen will be displayed, so please log in.

Trigger Settings

First, you will need the kintone app information during the setup.
Create an app with the content you want to use in this flow and add records.
     ↓
Click on My Projects on the left side of the screen and press "[Copy] Register Issues in Backlog with One Click from kintone".
Then, click Edit in the upper right corner!
     ↓
Next, go to the page of the Chrome extension icon "Launch from Record Detail Page".
First, install the Chrome Extension.
Once installed, it becomes a convenient feature that can be used for various flow bots!

Click here for more about the Chrome Extension

Once the installation is complete, proceed with the remaining settings, but the Chrome Extension Trigger Title and Action When Launched from Extension are already entered.
The template already has a rough setup, so the input work is kept to a minimum. It's very convenient.

Let's move on to the next step!
     ↓
Copy and paste the URL of the "App Record Detail Page" that links with Backlog.
Once the copy-paste is done, press Test, and if it shows success, obtain the Output.
     ↓

The test screen will look like the image above, so press the plus mark for the content you want to add to Backlog.

Once the selection is complete, click inside the red frame labeled "Output" at the bottom...

The clicked content will be displayed as shown above, so let's change the item names!
As a tip, it's easier to understand later if you make the item names equal to the content of the Test Values.
Once everything is complete, press Save.

This completes the kintone settings! Next is the Backlog settings.

Backlog Settings

Go to the Backlog icon "Add Issue" page.
As before, the settings are already done, so let's move on to the next step!
     ↓
Decide on the content of the issue to be added to Backlog.
The domain and project ID can be copy-pasted according to the red frame on the screen.

You can also make other contents optional, but the output obtained earlier can also be selected.

Hover over the box with the cursor as shown in the image and click the red frame part to display a list of added outputs.
Please select any one from there!
     ↓
Once the input is complete, press Save.

Go to the kintone record detail page as it is, and when you click Yoom from the Chrome extension, the same content will be added to Backlog!

This concludes the creation of the flow bot. Good job!

Integration Flow between kintone and Backlog [Advanced]

With Yoom, kintone and Backlog can each be integrated with other apps as well. This allows you to approach a wider range of tasks!

And most importantly, there are plenty of templates available so you don't have to build flowbots from scratch.
Since the framework is already completed, you can significantly reduce the time it takes to create flowbots!

For a flowbot similar to this one, how about integrating Jira Software with kintone?

Jira Software is suitable for large-scale development, allowing you to automate the flow of larger projects. The more people involved in a project, the more important real-time notifications and information sharing become!
It might be a good idea to use Backlog for bug management and Jira Software for main development...!

If you look for it, there should be many detailed flows that can be automated and flows that are likely to lead to significant time savings.
As you think about whether there are any flows in your daily tasks that could be automated, please take a look at the template gallery!

Click here for the template gallery

Summary

The integration of kintone and Backlog can be easily done using Yoom's templates!
You can also apply this flow bot to integrate with other apps, making it possible to create a flow bot that suits the objectives of your project or team.

Automating tasks can make efficiency improvements a reality. It also increases the time you can focus, providing only benefits. Please try creating a flow bot!

kintoneにレコードが登録されたらチャットツールに通知する

kintoneにレコードが追加されたことをMicrosoft TeamsやSlackなどに自動で通知します。

Backlogを活用した自動化例

Backlogに課題が登録されたら課題の期限をカレンダーに登録する

Backlogに課題が登録されたら、課題の期限をGoogleカレンダーやGaroonのカレンダーに自動で登録します。

ワークフローで申請が行われたらBacklogにタスクを追加する

ジョブカン経費精算・ワークフローやコラボフローなどで申請が行われたらBacklogにタスクを自動で追加します。

Backlogに課題が追加されたらクラウドストレージにフォルダを作成する

Backlogに課題が追加されたら、Google DriveやOneDriveなどにフォルダを自動で作成します。

探してみると、自動化できるこまかいフローや、明らかに時間短縮につながりそうなフローはたくさんあると思います。
日々向き合うタスクの中に自動化できそうなフローがないか思い浮かべながら、ぜひテンプレートギャラリーをご覧くださいませ!

テンプレートギャラリーはこちら

kintoneとBacklogを連携するメリットとは

1.データ管理が容易になる!
kintoneにBacklogのデータを集約すると、プロジェクト全体の管理が簡単になるでしょう。
Backlogの課題に対してkintone上で編集をしたり、詳細を追記したりできるようになれば、より細やかなタスク管理も可能ですよね!

2.チームで情報共有がしやすくなる!
異なるツールを使い分けていると、チーム内で認識のズレやラグが起きやすいもの。
しかし、連携することで情報共有がスムーズになるでしょう。

開発チームは主にBacklog、非技術チームはkintoneでプロジェクトを管理していても、同じ情報を同じタイミングで共有できればコミュニケーションもスムーズにいきますよね!

3.二度手間がなくなる!
2つのアプリに同じタスクを入力するという反復作業の必要がありません。これにより二度手間がなくなり、効率アップが期待できるでしょう。
「記入する」というシンプルなフローではありますが、毎日ともなると負担は大きいはず。
連携して自動化できれば時間の節約にもなりますよね!

まとめ

kintoneとBacklogの連携は、Yoomのテンプレートを使用することで簡単に行えます!
今回のフローボットを応用して他のアプリと連携させることもできるので、プロジェクトやチームの目的に応じるふさわしいフローボットの作成も可能です。

業務を自動化できれば効率アップも夢ではありません。集中できる時間も増えるのでメリットばかりです。ぜひフローボットを作成してみてくださいね!

The person who wrote this article
a.ohta
After working as a general store manager, I started working from home as an SEO writer. Later, an outsourcing agreement was signed with a marketing startup for about 5 years. Surrounded by students at the University of Tokyo, I held a computer and spent my days studying various business terms and how to use SaaS tools. When I was a general store manager, time was taken over and over again by office work such as sales and inventory management, human resource management, and ordering, etc., and I was unable to serve customers and often missed sales times. Even when outsourcing, there are many detailed tasks such as input, etc., and “can't such monotonous tasks be automated?” I thought so, and I really sympathize with Yoom's vision!
Tags
Automation
Integration
kintone
Backlog
Automatic
Related Apps
App integration
What is Yoom hyperautomation?
Conventional RPA can only automate simple repetitive tasks, and the setup process was very complicated.
With “hyperautomation,” which combines various technologies such as AI, API, RPA, and OCR, it is possible to automate many tasks that could not be realized until now more easily than before.
Don't Just Connect Apps—Automate Everything
Most tools simply connect one app to another, leaving the complex tasks to you. Yoom goes much further: From document creation and browser automation to OCR and generative AI, Yoom handles it all seamlessly in one platform.

Why settle for basic integrations? Streamline your entire workflow with Yoom’s powerful hyperautomation.
Learn more about Yoom
Helpful Materials
I understand Yoom! 3-piece set of materials
Download materials
Understand in 3 minutes! Yoom service introduction materials
Download materials
Find out by Before After! Yoom Case Study Collection
Download materials
See a list of useful materials