<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
  <title>cybozu developer network</title>
<link>https://cybozu.dev/ja/</link>
<description>Recent content in cybozu developer network on cybozu developer network</description>
<generator>Hugo -- gohugo.io</generator>
<language>ja_JP</language>
<copyright>Copyright &amp;copy; Cybozu, Inc.</copyright>
<lastBuildDate>Thu, 04 Jun 2026 00:00:00 +0900</lastBuildDate><atom:link href="https://cybozu.dev/ja/rss.xml" rel="self" type="application/rss+xml" />
    <item>
  <title>【Tips公開】アンチパターンから学ぶ　アプリUIパーツの表示制御</title>
  <link>https://cybozu.dev/ja/site-updates/2026-06-04-toggle-display-of-app-ui-parts/</link>
  <pubDate>Thu, 04 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-06-04-toggle-display-of-app-ui-parts/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;toggle-display-of-app-ui-parts&#34;&gt;
  アンチパターンから学ぶ アプリUIパーツの表示制御
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;kintoneのアプリUIパーツの表示制御について、DOM操作によるアンチパターンとそのリスク、show系APIを使った推奨される実装方法を、サンプルコードを交えて比較しながら紹介します。&lt;/p&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/75fa276ea5576ee826ee5cf0/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>アンチパターンから学ぶ　アプリUIパーツの表示制御</title>
  <link>https://cybozu.dev/ja/kintone/tips/development/anti-pattern/toggle-display-of-app-ui-parts/</link>
  <pubDate>Thu, 04 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/tips/development/anti-pattern/toggle-display-of-app-ui-parts/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/75fa276ea5576ee826ee5cf0/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintoneのカスタマイズでは、レコード追加ボタンを非表示にしたり、サイドバーの開閉を制御することがあります。&lt;br&gt;
こうしたUIパーツの表示制御には、一見動作しているように見えても、リスクを抱える実装パターンが存在します。&lt;/p&gt;
&lt;p&gt;この記事では、kintoneのアプリUIパーツの表示制御について、以下の2つを解説します。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;アンチパターンとそのリスク&lt;/strong&gt;：&lt;br&gt;
たとえば、DOM操作でボタンやサイドバーを制御するカスタマイズは、kintoneのDOM構造への依存や、表示状態の管理が困難になるといったリスクを抱えています。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;推奨される実装方法とその利点&lt;/strong&gt;：&lt;br&gt;
UIパーツの表示を制御するAPIを使用することで、DOM構造に依存せず安全にUIパーツを制御できます。&lt;br&gt;
表示状態の取得も容易になり、複数のカスタマイズ間で整合性を保った制御が可能です。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;アンチパターンと推奨される実装方法を、サンプルコードを交えて比較しながら紹介します。&lt;br&gt;
既存のカスタマイズのリスク確認や、新たに実装する際の参考にしてください。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;target-apis&#34;&gt;
  今回紹介するAPI
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/75fa276ea5576ee826ee5cf0/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;!-- textlint-disable ja-spacing/ja-no-space-around-parentheses, prh --&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;API&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;概要&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/24d3b386945269f0af1b986c/&#34; &gt;
  kintone.app.showAddRecordButton()
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;レコードの追加ボタンの表示／非表示を切り替え&lt;br&gt;一覧画面・詳細画面・グラフ画面で利用可能&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/add5dcd73e708afd4d9a93c5/&#34; &gt;
  kintone.app.record.showSideBar()
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;サイドバーの開閉を切り替え&lt;br&gt;コメントや変更履歴の表示も制御可能&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;!-- textlint-enable ja-spacing/ja-no-space-around-parentheses, prh --&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;show-ui-for-list-page&#34;&gt;
  1. レコード一覧画面のボタンやUIパーツの表示を制御する
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/75fa276ea5576ee826ee5cf0/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintoneのカスタマイズで、一覧画面のボタンやUIパーツを非表示にしたいことがあります。&lt;br&gt;
たとえば、独自の入力フローを用意して標準の追加ボタンを隠したり、特定の条件に応じて追加ボタンを非表示にするケースです。&lt;/p&gt;
&lt;p&gt;ここでは、以下のように一覧画面でレコード追加ボタンを非表示にする方法を比較します。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;show-add-record-button.png&#34; alt=&#34;一覧画面でレコード追加ボタンが非表示になっている状態&#34;   loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;





&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;before-show-add-record-button&#34;&gt;
  アンチパターン：querySelector()のDOM操作によるレコード追加ボタンの非表示
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/75fa276ea5576ee826ee5cf0/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;&lt;code&gt;document.querySelector()&lt;/code&gt;でレコード追加ボタンのDOM要素を直接取得し、&lt;code&gt;style.display&lt;/code&gt;を操作して非表示にするパターンがあります。&lt;/p&gt;

&lt;div class=&#34;hint hint-warning&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/warning.svg&#34;
    alt=&#34;warning&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
      &lt;h5 class=&#34;hint--content--title&#34;&gt;注意&lt;/h5&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;以下のコードはAPIを使った実装に置き換えることが推奨される書き方です。&lt;br&gt;
新規のカスタマイズでは、後述する&lt;code&gt;showAddRecordButton()&lt;/code&gt;を使用してください。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;


  &lt;div class=&#34;codeblock-container&#34;&gt;
    
    &lt;div
      class=&#34;codeblock-content&#34;
    &gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;
&lt;table style=&#34;border-spacing:0;padding:0;margin:0;border:0;&#34;&gt;&lt;tr&gt;&lt;td style=&#34;vertical-align:top;padding:0;margin:0;border:0;&#34;&gt;
&lt;pre tabindex=&#34;0&#34; style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;&lt;code&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 1
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 2
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 3
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 4
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 5
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 6
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 7
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 8
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 9
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;10
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;11
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;12
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;13
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;14
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td style=&#34;vertical-align:top;padding:0;margin:0;border:0;;width:100%&#34;&gt;
&lt;pre tabindex=&#34;0&#34; style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;&lt;code class=&#34;language-javascript&#34; data-lang=&#34;javascript&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;// 非推奨: この書き方は showAddRecordButton() を使った実装への置き換えを推奨します
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;&lt;/span&gt;(() =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;use strict&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  kintone.events.on(&lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;app.record.index.show&amp;#39;&lt;/span&gt;, (event) =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#6c7986&#34;&gt;// kintoneのDOM要素をクラス名で直接取得して非表示にする
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;&lt;/span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;const&lt;/span&gt; addButton = &lt;span style=&#34;color:#d0a8ff&#34;&gt;document&lt;/span&gt;.querySelector(&lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;.gaia-argoui-app-menu-add&amp;#39;&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;if&lt;/span&gt; (addButton) {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      addButton.style.display = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;none&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;return&lt;/span&gt; event;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  });
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;})();&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

&lt;p&gt;このアプローチには以下のリスクがあります。&lt;/p&gt;</description></item>
<item>
  <title>【Tips公開】連携コネクタを使ってみよう</title>
  <link>https://cybozu.dev/ja/site-updates/2026-06-03-connector-getting-started/</link>
  <pubDate>Wed, 03 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-06-03-connector-getting-started/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;connector-getting-started&#34;&gt;
  連携コネクタを使ってみよう
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;kintoneやGaroonとMicrosoft 365の主要なクラウドサービスなどを、ノーコードで簡単に連携できる「連携コネクタ」が、2026年5月20日にリリースされました。&lt;/p&gt;
&lt;p&gt;連携コネクタを利用すると、kintoneのレコード追加をトリガーにしてTeamsへ通知したり、Outlookに予定を登録するといった外部サービスとの連携をコードを書くことなく実現できます。&lt;br&gt;
また、別ドメインのkintone間の連携や、ゲストスペースとの連携も自動化できます。&lt;/p&gt;
&lt;p&gt;本記事では、初めて連携コネクタを使う方向けに、申し込みから設定、動作確認までの手順を紹介します。&lt;br&gt;
設定自体は画面に沿って進めれば完了できるため、初めての方でも安心して試すことができます。&lt;/p&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/53775516083f6fc7d481930a/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>連携コネクタを使ってみよう</title>
  <link>https://cybozu.dev/ja/kintone/sdk/connector/basics/connector-getting-started/</link>
  <pubDate>Wed, 03 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/sdk/connector/basics/connector-getting-started/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/53775516083f6fc7d481930a/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintoneやGaroonとMicrosoft 365の主要なクラウドサービスなどを、ノーコードで簡単に連携できる「連携コネクタ」が、2026年5月20日にリリースされました。&lt;/p&gt;
&lt;p&gt;連携コネクタを利用すると、kintoneのレコード追加をトリガーにしてTeamsへ通知したり、Outlookに予定を登録するといった外部サービスとの連携をコードを書くことなく実現できます。&lt;br&gt;
また、別ドメインのkintone間の連携や、ゲストスペースとの連携も自動化できます。&lt;/p&gt;
&lt;p&gt;本記事では、初めて連携コネクタを使う方向けに、申し込みから設定、動作確認までの手順を紹介します。&lt;br&gt;
設定自体は画面に沿って進めれば完了できるため、初めての方でも安心して試すことができます。&lt;/p&gt;

&lt;div class=&#34;hint hint-information&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/information.svg&#34;
    alt=&#34;information&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;連携コネクタの詳細内容については、次のページを参照してください。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/e92ceb60ee969e4b46428fa8/&#34; &gt;
  連携コネクタとは
&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;getting-started&#34;&gt;
  ご利用開始までの流れ
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/53775516083f6fc7d481930a/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;連携コネクタは、サイボウズのオプションサービスです。&lt;br&gt;
そのため、サイボウズドットコム ストアからお申し込みできます。&lt;/p&gt;
&lt;p&gt;また、開発者ライセンスでも試用（30日間）で利用可能です。&lt;br&gt;
今回は開発者ライセンスを例にして、実際に申し込み手順を見てみましょう。&lt;/p&gt;

&lt;div class=&#34;hint hint-tips&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/tips.svg&#34;
    alt=&#34;tips&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
      &lt;h5 class=&#34;hint--content--title&#34;&gt;補足&lt;/h5&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;kintone開発者ライセンスは次のページからお申し込みできます。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/5ce88147db669b415c41d4cf/&#34; &gt;
  kintone開発者ライセンス 申し込みフォーム
&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;login&#34;&gt;
  サイボウズドットコム ストアへログイン
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/53775516083f6fc7d481930a/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;サイボウズドットコム ストアへのログイン方法は、次のページを参照してください。&lt;br&gt;








&lt;a href=&#34;https://jp.kintone.help/s/ja/id/050103&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  サイボウズドットコム ストアへログインする
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;trial&#34;&gt;
  連携コネクタのお試し環境を申し込む
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/53775516083f6fc7d481930a/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;［契約管理］で［お試し］をクリックします。

    
    &lt;p&gt;
      &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
      &lt;img src=&#34;trial-click.png&#34; alt=&#34;契約管理画面でお試しをクリック&#34;  width=&#34;800&#34; height=&#34;345&#34; loading=&#34;lazy&#34;&gt;
    &lt;/button&gt;
    &lt;/p&gt;
    
    
&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;[無料お試し]が表示されるので［お試しになる環境］で、利用する環境を選択します。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;[オプションサービス]で「連携コネクタ」を選択し、連携コネクタ用のメールアドレスを入力します。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;[規約に同意してお試し]をクリックします。

    
    &lt;p&gt;
      &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
      &lt;img src=&#34;trial-select-environment.png&#34; alt=&#34;無料お試し画面で規約に同意してお試しをクリック&#34;  width=&#34;600&#34; height=&#34;657&#34; loading=&#34;lazy&#34;&gt;
    &lt;/button&gt;
    &lt;/p&gt;
    
    
&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&#34;hint hint-information&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/information.svg&#34;
    alt=&#34;information&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;メールアドレスは、特別な理由がない場合は、ストア管理者と同じメールアドレスにしておくことをおすすめします。&lt;br&gt;
障害発生時や通知の受信、管理画面へのアクセスなどを一元化できるため、運用時の対応がスムーズになります。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;user-registration&#34;&gt;
  ユーザー登録をする
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/53775516083f6fc7d481930a/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;申し込みが完了すると、入力したメールアドレスにメールが届きます。&lt;br&gt;
メールに記載されているURLからユーザー登録画面に遷移して、ユーザーの登録をします。&lt;br&gt;
必要な項目を入力して、[ユーザー登録]をクリックします。&lt;/p&gt;</description></item>
<item>
  <title>kintoneコマンドラインツール（cli-kintone）</title>
  <link>https://cybozu.dev/ja/kintone/sdk/backup/cli-kintone/</link>
  <pubDate>Wed, 03 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/sdk/backup/cli-kintone/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;about&#34;&gt;
  cli-kintoneとは
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintoneコマンドラインツール（cli-kintone）は、コマンドでkintoneのレコード情報をCSVファイル（Excelで開くことができるデータ）で入出力できるツールです。&lt;br&gt;
コマンドラインツールとして提供されているため、シェルスクリプトファイルから呼び出して実行できます。&lt;/p&gt;
&lt;p&gt;レコード情報の入出力だけでなく、kintoneの画面からレコードを一括登録・更新する機能ではできない、次の操作もできます。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;一括でレコードの添付ファイルをダウンロードする。&lt;/li&gt;
&lt;li&gt;一括で添付ファイルをレコードに添付する。&lt;/li&gt;
&lt;li&gt;一括で添付ファイルを削除する。&lt;/li&gt;
&lt;li&gt;プラグインの開発・パッケージング・アップロードをする。&lt;/li&gt;
&lt;li&gt;カスタマイズファイルのkintone環境への反映や、kintone環境からのエクスポートをする。&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&#34;hint hint-information&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/information.svg&#34;
    alt=&#34;information&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;2026年2月より、cli-kintoneはレコード操作に加えて、プラグインおよびカスタマイズの開発に必要な操作にも対応しました。&lt;br&gt;
cli-kintoneの詳細は、公式ドキュメント







&lt;a href=&#34;https://cli.kintone.dev/ja/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  cli-kintone
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;で確認できます。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;実行例ではWindowsのコマンドプロンプトを使って説明しています。&lt;br&gt;
ほかの環境で実行する場合には、適宜パスやファイル名を読み替えてください。&lt;/p&gt;
&lt;p&gt;この記事では、cli-kintoneの基本的な使い方を説明しています。&lt;br&gt;
詳しい使い方や活用方法を知りたい場合は、次のチュートリアルを参照してください。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/7248648a89643b91666b8e6f/&#34; &gt;
  はじめようcli-kintone
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;about-support&#34;&gt;
  サポート方針
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;cli-kintoneは、運用環境で利用することを想定して、サイボウズ社が開発、提供しています。&lt;br&gt;
バージョンがv1.0.0以降のcli-kintoneの仕様の確認やトラブルに関する質問は、APIサポート窓口に問い合わせ可能です。&lt;br&gt;
問い合わせ方法は、次のページを確認してください。&lt;br&gt;








&lt;a href=&#34;https://jp.kintone.help/k/ja/id/040274&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  API、カスタマイズ、プラグインや連携サービスに関するお問い合わせ
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;ソースコードの変更、再配布および商用利用等は、ライセンスにしたがって利用できます。&lt;br&gt;
ライセンスの種別は各クライアントライブラリのページまたはGitHubのリポジトリで確認してください。&lt;br&gt;
ただし、ソースコードを変更していることに起因して発生したトラブルは、サポート対象外です。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;about-github&#34;&gt;
  GitHub
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;







&lt;a href=&#34;https://github.com/kintone/cli-kintone&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  https://github.com/kintone/cli-kintone
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;about-license&#34;&gt;
  ライセンス
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;







&lt;a href=&#34;https://github.com/kintone/cli-kintone/blob/main/LICENSE&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  MIT License
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;about-document&#34;&gt;
  ドキュメント
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;







&lt;a href=&#34;https://cli.kintone.dev/ja/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  cli-kintone
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;attentions&#34;&gt;
  注意事項
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/76b6fac0aa419889bcafa67d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;</description></item>
<item>
  <title>Cybozu CDN更新のお知らせ</title>
  <link>https://cybozu.dev/ja/site-updates/2026-06-cdn/</link>
  <pubDate>Mon, 01 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-06-cdn/</guid>
  <description>&lt;p&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/5eac8b3387b5abbfa1d8df21/&#34; &gt;
  Cybozu CDN
&lt;/a&gt;のライブラリを追加しました。&lt;br&gt;
すでに公開しているライブラリとバージョンは、そのまま利用できます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;new-library-versions&#34;&gt;
  追加したライブラリ
&lt;/h3&gt;

&lt;/div&gt;




&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;axios&#34;&gt;
  axios
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 1.16.1&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;1.16.1未満のバージョンに脆弱性が検出されましたが、1.16.1以降は修正されています。&lt;br&gt;
詳細は次のリンクを参照してください。&lt;br&gt;








&lt;a href=&#34;https://github.com/axios/axios/releases/tag/v1.16.1&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  GitHub release note
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;dompurify&#34;&gt;
  DOMPurify
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 3.4.7&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;kintone-rest-api-client&#34;&gt;
  kintone REST API Client
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 6.2.0&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;sweetalert2&#34;&gt;
  Sweetalert2
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 11.26.25&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;swiper&#34;&gt;
  Swiper
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 12.2.0&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;vuejs&#34;&gt;
  Vue.js
&lt;/h4&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;versions&lt;/strong&gt;: 3.5.35&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;各ライブラリのURLは、







&lt;a href=&#34;https://cybozu.dev/ja/id/5eac8b3387b5abbfa1d8df21/&#34; &gt;
  Cybozu CDN
&lt;/a&gt;で確認してください。&lt;/p&gt;</description></item>
<item>
  <title>ガルーンポータル活用Tips #4「電光掲示板ポータル（ガルーン掲示板編）」</title>
  <link>https://cybozu.dev/ja/garoon/tips/customize/portal/garoon-portal-tips-4-electronic-notice-board/</link>
  <pubDate>Mon, 01 Jun 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/garoon/tips/customize/portal/garoon-portal-tips-4-electronic-notice-board/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/3b411877aeb89ddb00dd84c7/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;中堅・大規模組織向けグループウェア「サイボウズGaroon」のポータル活用企画第4弾。電光掲示板風のテロップが流れるポータルを作成していきます。&lt;/p&gt;
&lt;p&gt;あれ？電光掲示板はこの前もやったんじゃない？と思われるかもしれません。&lt;/p&gt;
&lt;p&gt;…違うんです！







&lt;a href=&#34;https://cybozu.dev/ja/id/33e863825491a259a4e79ecb/&#34; &gt;
  「電光掲示板ポータル（kintone連携編）」
&lt;/a&gt;は電光掲示板の文字をkintoneのアプリから取得しましたが、今回はシンプル版！&lt;br&gt;
Garoon掲示板の最新フォローから取得してみます。複雑なロジックも少なく、よりスモールスタートしやすい版ともいえます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;introduction-benefit&#34;&gt;
  こんなときに便利です
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/3b411877aeb89ddb00dd84c7/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;重要な掲示を見逃す人がいて困ってませんか？&lt;/li&gt;
&lt;li&gt;また、重要な掲示がたまりすぎて空気になっていませんか？&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;電光掲示板ならできるんです！ぜひお試しください。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;complete-image&#34;&gt;
  完成イメージ
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/3b411877aeb89ddb00dd84c7/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;




&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;portal.PNG&#34; alt=&#34;完成したポータルの画像&#34;  width=&#34;798&#34; height=&#34;329&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;



&lt;p&gt;テロップだけ動画にしてみました。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;telop.gif&#34; alt=&#34;電光掲示板風テロップの動画&#34;  width=&#34;798&#34; height=&#34;38&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;



&lt;p&gt;このポータルは電光掲示板風ポートレットの活用例としての、各部からのお知らせを表示するポータルです。&lt;br&gt;
今回作る部分は、トップの「全社通知ポートレット」のみです。掲示板のフォローからデータを抽出します。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;notice-board-to-portal.png&#34; alt=&#34;掲示板からデータを取得する流れのイメージ画像&#34;  width=&#34;798&#34; height=&#34;271&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;



&lt;p&gt;なお、電光掲示板の部分以外は、標準ポートレットの「掲示板」の本文を利用しています。&lt;br&gt;
本文からデータを取得するパターンはまた別のTipsで紹介します！&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;data-preparation&#34;&gt;
  データ取得元の準備
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/3b411877aeb89ddb00dd84c7/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;使いたい掲示板のタイトルをクリックした際、URL内に含まれるaid（掲示ID）を確認しておきます。&lt;br&gt;
これは、掲示板情報の取得プログラムの修正時に使います。&lt;/p&gt;
&lt;p&gt;たとえばURLがhttps://sample.cybozu.com/g/bulletin/view.csp?cid=&amp;lt;cid&amp;gt;&amp;amp;aid=&amp;lt;aid&amp;gt; の場合、aidは &amp;lt;aid&amp;gt; の部分です。&lt;/p&gt;
&lt;p&gt;今回はこのような掲示板です。最新のフォローのみ取得します。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;notice-board.png&#34; alt=&#34;用意した掲示板の詳細画面&#34;  width=&#34;745&#34; height=&#34;594&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;





&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;resource-preparation&#34;&gt;
  リソースの準備
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/3b411877aeb89ddb00dd84c7/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;今回のカスタマイズでは、次の2つのファイルを作成します。&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;ファイル名&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;説明&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;修正が必要か&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;配置先&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;bulletinsignage.js&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;掲示板情報の取得とテロップの表示用ファイル&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;必要&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;JavaScript / CSSによるカスタマイズ&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;marquee.css&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;テロップ部分のデザインと動きの設定用ファイル&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;不要&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;JavaScript / CSSによるカスタマイズ&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;







&lt;a href=&#34;#sample-code&#34; &gt;
  サンプルコード
&lt;/a&gt;を参考に、それぞれのファイルを作成します。&lt;br&gt;
文字コードは「UTF-8」で保存してください。&lt;br&gt;
このとき、bulletinsignage.jsの13行目の&lt;code&gt;TOPIC_ID&lt;/code&gt;を、







&lt;a href=&#34;#data-preparation&#34; &gt;
  データ取得元の準備
&lt;/a&gt;で確認したaidに書き換えます。&lt;/p&gt;</description></item>
<item>
  <title>【Tips公開】kintone性能カスタマイズオプション活用ガイド</title>
  <link>https://cybozu.dev/ja/site-updates/2026-05-28-performance-customization-options-guide/</link>
  <pubDate>Thu, 28 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-05-28-performance-customization-options-guide/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;performance-customization-options-guide&#34;&gt;
  kintone性能カスタマイズオプション活用ガイド
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;ワイドコース限定の機能として「性能カスタマイズオプション」がリリースされました。&lt;br&gt;
kintoneはレコード数・ユーザー数・カスタマイズの複雑さなど、お客様ごとに利用状況が大きく異なり、パフォーマンスに影響する要因も多岐にわたります。&lt;br&gt;
そのため、すべてのケースに対応できる汎用的な改善策を用意することが難しい状況です。&lt;br&gt;
そこで、ユーザー自身が利用用途に応じて性能を調整できるカスタマイズオプションを用意し、kintoneにおける性能面の懸念を軽減することを目的としています。&lt;/p&gt;
&lt;p&gt;今回は性能カスタマイズオプションについて、下記のような疑問を解消できるようご紹介します。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;どういう機能なのか？&lt;/li&gt;
&lt;li&gt;オプションを適用したときに何ができなくなるのか？&lt;/li&gt;
&lt;li&gt;どんなアプリに適用するべきなのか？&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/9fe25371ad087fbf20c3cfea/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>性能カスタマイズオプション活用ガイド</title>
  <link>https://cybozu.dev/ja/kintone/tips/best-practices/performance/performance-customization-options-guide/</link>
  <pubDate>Thu, 28 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/tips/best-practices/performance/performance-customization-options-guide/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/9fe25371ad087fbf20c3cfea/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;ワイドコース限定の機能として「性能カスタマイズオプション」がリリースされました。&lt;br&gt;
kintoneはレコード数・ユーザー数・カスタマイズの複雑さなど、お客様ごとに利用状況が大きく異なり、パフォーマンスに影響する要因も多岐にわたります。&lt;br&gt;
そのため、すべてのケースに対応できる汎用的な改善策を用意することが難しい状況です。&lt;br&gt;
そこで、ユーザー自身が利用用途に応じて性能を調整できるカスタマイズオプションを用意し、kintoneにおける性能面の懸念を軽減することを目的としています。&lt;/p&gt;
&lt;p&gt;今回は性能カスタマイズオプションについて、下記のような疑問を解消できるようご紹介します。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;どういう機能なのか？&lt;/li&gt;
&lt;li&gt;オプションを適用したときに何ができなくなるのか？&lt;/li&gt;
&lt;li&gt;どんなアプリに適用するべきなのか？&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;recommended-options&#34;&gt;
  課題別に見る推奨オプション
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/9fe25371ad087fbf20c3cfea/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;課題&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;推奨オプション&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;短時間にレコード登録が集中する&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;ul&gt;&lt;li&gt;







&lt;a href=&#34;#disable-sequential-record-number&#34; &gt;
  レコード登録時のレコード番号連番保証設定を解除する
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#enable-async-record-api&#34; &gt;
  一斉大量書き込み用非同期レコード登録REST APIを有効化する
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#manual-fetch-count&#34; &gt;
  レコード一覧表示時のレコードの総件数を手動で取得する
&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;グラフ表示の処理時間を短縮したい&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;ul&gt;&lt;li&gt;







&lt;a href=&#34;#read-replica&#34; &gt;
  グラフ表示用のデータ取得リクエストをリードレプリカに対して実行する
&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;大量レコードで一覧表示・絞り込みに時間がかかる&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;ul&gt;&lt;li&gt;







&lt;a href=&#34;#read-replica&#34; &gt;
  レコード一覧表示用のデータ取得リクエストをリードレプリカに対して実行する
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#switch-multiselect-query&#34; &gt;
  複数選択、チェックボックス、ユーザー選択、グループ選択、組織選択フィールドの絞り込み時に実行する内部クエリを切り替える
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#manual-fetch-count&#34; &gt;
  レコード一覧表示時のレコードの総件数を手動で取得する
&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;一覧画面の表示・件数取得に時間がかかる&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;ul&gt;&lt;li&gt;







&lt;a href=&#34;#manual-fetch-list&#34; &gt;
  レコード一覧表示時にデータを手動で取得する
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#manual-fetch-count&#34; &gt;
  レコード一覧表示時のレコードの総件数を手動で取得する
&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;詳細画面の表示に時間がかかる&lt;br&gt;一覧から詳細への遷移に時間がかかる&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;ul&gt;&lt;li&gt;







&lt;a href=&#34;#manual-fetch-related&#34; &gt;
  関連レコード一覧のデータを手動で取得する
&lt;/a&gt;&lt;/li&gt;&lt;li&gt;







&lt;a href=&#34;#cache-record-navigation&#34; &gt;
  レコード詳細画面の「次／前のレコードへ移動」時にキャッシュを利用し、データの絞り込み処理を省略する
&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;disable-sequential-record-number&#34;&gt;
  レコード登録時のレコード番号連番保証設定を解除する
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/9fe25371ad087fbf20c3cfea/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintoneにレコードを登録する際に割り当てられるレコード番号の連番を保証しないオプションです。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;mechanism-sequential&#34;&gt;
  仕組み
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/9fe25371ad087fbf20c3cfea/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;



&lt;h5 id=&#34;レコード番号の連番について&#34;&gt;レコード番号の連番について&lt;/h5&gt;
&lt;p&gt;kintoneのレコードには「レコード番号」が自動付与されます。&lt;br&gt;
レコードが登録される場合、レコード番号を管理するテーブルがロックされ保存処理が実行されます。&lt;br&gt;
複数レコードが同時に登録される場合はロック待ちが生じる仕様となっています。&lt;/p&gt;</description></item>
<item>
  <title>Microsoft関連（Microsoft 365, Entra ID）</title>
  <link>https://cybozu.dev/ja/kintone/tips/development/3rd-party-services/microsoft/microsoft-integration-summary/</link>
  <pubDate>Thu, 28 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/tips/development/3rd-party-services/microsoft/microsoft-integration-summary/</guid>
  <description>&lt;p&gt;Microsoft 365やAzure連携のまとめです。&lt;br&gt;
ページ下部のリストから各記事にアクセスできます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;integration-sample&#34;&gt;
  本サイトに掲載している連携例
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/90f05f315bc59b1d7a705ddd/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;




&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;kintone-microsoft-integration-image.png&#34; alt=&#34;kintoneとmicrosoft連携のイメージ&#34;  width=&#34;800&#34; height=&#34;523&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;





&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;integration-sample-sso&#34;&gt;
  ① シングルサインオン
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/90f05f315bc59b1d7a705ddd/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/945cd23374ba72897798dd60/&#34; &gt;
  Microsoft Entra IDを使ってcybozu.comにシングルサインオン
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/1d62849a4976fa4be97d4704/&#34; &gt;
  directとcybozu.comにMicrosoft Entra IDを介してシングルサインオン
&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;integration-sample-user&#34;&gt;
  ② ユーザー連携
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/90f05f315bc59b1d7a705ddd/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/6de47b1a28248f27c3750ee5/&#34; &gt;
  Microsoft Entra IDのユーザー情報をcybozu.com環境へ定期的に同期しよう
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/e2783690278e175e3c48aca9/&#34; &gt;
  Microsoft Entra IDのユーザープロビジョニング機能を使ってcybozu.comにユーザー情報を同期する
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/13c641bf9216c37bf7840202/&#34; &gt;
  kintone アプリから Active Directory ユーザーアカウントを自動作成する
&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;integration-sample-microsoft365&#34;&gt;
  ③ Microsoft 365連携
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/90f05f315bc59b1d7a705ddd/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;&lt;strong&gt;記事名&lt;/strong&gt;&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;&lt;strong&gt;備考&lt;/strong&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;1&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/34de833402036d76d3c833ba/&#34; &gt;
  kintoneコネクタ（Microsoft Power Automate）を使う前に知っておきたいこと
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;2&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/3f66b2b54543aea9ef4921a9/&#34; &gt;
  kintone Webhook &amp;amp; Microsoft Power Automateを使ってSlackに投稿する
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Microsoft Power Automate利用&lt;br&gt;（HTTPリクエスト受信用のトリガー）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;3&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/947649e0008c20f81a56876c/&#34; &gt;
  Office365連携！ - Microsoft Power Automateを使ってkintoneのデータをOutlookの予定表に登録する -
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Microsoft Power Automate利用&lt;br&gt;（kintoneコネクタ）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;4&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/646a041ee3885e8dc000230b/&#34; &gt;
  Outlook連携 - kintoneからOutlookメールの送受信をしよう
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;5&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/fe4d28171422d4c56d1a1962/&#34; &gt;
  kintoneのスケジュールをOutlookに登録する方法
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;6&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/0f653bcc0fea4dbe8f99ad55/&#34; &gt;
  kintoneのスケジュールをOutlookに登録する方法【複数出席者を1本のシナリオでまとめて連携】
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;7&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/b7bddd175fbc279764d0fbba&#34; &gt;
  kintoneの通知をTeamsに送信する方法
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;8&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/d5c81307af13e5b4b7868a5b/&#34; &gt;
  kintoneの添付ファイルをOneDriveに保存する方法
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;9&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/beb129aad10e5b9bd47564b5/&#34; &gt;
  Microsoft Power Automateを使ってkintoneのデータをオンプレミスデータベースに書き込む
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Microsoft Power Automate利用（kintoneコネクタ）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;10&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/59b1deec764f5ed08c0677a1/&#34; &gt;
  Microsoft Power AutomateのHTTPアクションで任意のkintone REST APIを実行する
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Microsoft Power Automate利用（HTTPアクション）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;11&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/cfe170e8c494fa8ce76bc20a/&#34; &gt;
  Azure Open AIでkintone 要約プラグインに組み込む
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;12&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/48a67adf9a1ac6bf9bcb72c9/&#34; &gt;
  kintoneから直接Excelファイルに出力する
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;13&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/4452458ed37a6d042c9ab2ec/&#34; &gt;
  kintoneのデータをExcel for the webへ定期出力する方法
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;14&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/90125c111898e77ad9a26618/&#34; &gt;
  Microsoft Power BI × kintone カスタムコネクタ活用ガイド
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;Microsoft Power BI利用（kintoneコネクタ）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;15&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;







&lt;a href=&#34;https://cybozu.dev/ja/id/9f512abf36b2b314a3943f63/&#34; &gt;
  kintoneのデータをSharePointに自動連携し、CopilotでAI分析する方法
&lt;/a&gt;&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;連携コネクタ利用&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;</description></item>
<item>
  <title>【Tips公開】kintone MCPサーバーのクイックスタート</title>
  <link>https://cybozu.dev/ja/site-updates/2026-05-26-kintone-mcp-quickstart/</link>
  <pubDate>Tue, 26 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-05-26-kintone-mcp-quickstart/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;kintone-mcp-quickstart&#34;&gt;
  kintone MCPサーバーのクイックスタート
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;kintone MCPサーバーを使えば、Claude Desktopから自然言語でkintoneを操作できます。&lt;br&gt;
本記事では、kintone MCPサーバーのインストールから最初の動作確認までを、最短で完了する手順を紹介します。&lt;/p&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/2c80b421d5c9e1697927426d/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>kintone MCPサーバーのクイックスタート</title>
  <link>https://cybozu.dev/ja/kintone/ai/kintone-mcp-quickstart/</link>
  <pubDate>Tue, 26 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/ai/kintone-mcp-quickstart/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/2c80b421d5c9e1697927426d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintone MCPサーバーを使えば、Claude Desktopから自然言語でkintoneを操作できます。&lt;br&gt;
本記事では、kintone MCPサーバーのインストールから最初の動作確認までを、最短で完了する手順を紹介します。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;what-is-kintone-mcp-server&#34;&gt;
  kintone MCPサーバーとは？
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/2c80b421d5c9e1697927426d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;MCP（Model Context Protocol）は、AIが外部ツールを操作するための標準プロトコルです。&lt;br&gt;
kintone MCPサーバーを使うと、Claude DesktopなどのAIクライアントから、kintoneのレコード取得・追加・更新・削除などの操作を、プロンプトだけで実行できます。&lt;br&gt;
詳しくは次の記事を参照してください。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/0390e61eff4c263af45cb3e5/&#34; &gt;
  kintone MCPサーバー
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;what-you-need&#34;&gt;
  用意するもの
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/2c80b421d5c9e1697927426d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;始める前に、以下の2点を確認してください。&lt;/p&gt;

&lt;h5 id=&#34;kintone-environment&#34;&gt;1. kintone環境&lt;/h5&gt;
&lt;p&gt;APIを実行できるkintone環境が必要です。&lt;br&gt;
お持ちでない方は、次のページから開発者ライセンス（無料）を取得してください。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/854e11259d294209bb9799dd/&#34; &gt;
  kintone開発者ライセンス
&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;接続にはkintoneの認証情報が必要です。&lt;br&gt;
本記事では、検証・学習目的のため、すぐに試せるパスワード認証（ユーザー名 + パスワード）を使います。&lt;/p&gt;

&lt;h5 id=&#34;claude-desktop&#34;&gt;2. Claude Desktop&lt;/h5&gt;
&lt;p&gt;Anthropic社のデスクトップアプリです。&lt;br&gt;
次のページからダウンロードし、インストールしてください。&lt;br&gt;








&lt;a href=&#34;https://claude.ai/download&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;
  Claude for Desktopをダウンロード
    &lt;img src=&#34;https://cybozu.dev/img/iconography/icon_external_link_blue.svg&#34; class=&#34;externalLinkContainer&#34; role=&#34;img&#34; alt=&#34;(External link)&#34; width=&#34;14&#34; height=&#34;14&#34; /&gt;
  
&lt;/a&gt;&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;installation&#34;&gt;
  kintone MCPサーバーのインストール手順
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/2c80b421d5c9e1697927426d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;kintone MCPサーバーのインストール手順を紹介します。&lt;br&gt;
MCPBは、Claude Desktopの拡張機能パッケージです。&lt;br&gt;
ドラッグ＆ドロップだけでインストールできます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h4 id=&#34;step-1-download-mcpb-file&#34;&gt;
  1. MCPBファイルをダウンロードする
&lt;/h4&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/2c80b421d5c9e1697927426d/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;</description></item>
<item>
  <title>【Tips公開】アンチパターンから学ぶ　ユーザーの組織情報とアイコンの取得</title>
  <link>https://cybozu.dev/ja/site-updates/2026-05-22-get-user-info-and-icons/</link>
  <pubDate>Fri, 22 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-05-22-get-user-info-and-icons/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;get-user-info-and-icons&#34;&gt;
  アンチパターンから学ぶ ユーザーの組織情報とアイコンの取得
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;ユーザーの組織情報やアイコンの取得について、REST APIやkintone内部のURLパターンに依存するアンチパターンとそのリスクを解説します。&lt;br&gt;
&lt;code&gt;kintone.user.getOrganizations()&lt;/code&gt;/&lt;code&gt;kintone.user.getIcons()&lt;/code&gt;を使った推奨される実装方法を、サンプルコードを交えて比較しながら紹介します。&lt;/p&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/13822a8b7c00b1d059c4bea8/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>【Tips公開】インライン編集後に一覧のカスタマイズが消える問題をapp.record.index.edit.finishで解決しよう</title>
  <link>https://cybozu.dev/ja/site-updates/2026-05-19-difference-between-index-edit-finish-and-submit-success/</link>
  <pubDate>Tue, 19 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/site-updates/2026-05-19-difference-between-index-edit-finish-and-submit-success/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;difference-between-index-edit-finish-and-submit-success&#34;&gt;
  インライン編集後に一覧のカスタマイズが消える問題をapp.record.index.edit.finishで解決しよう
&lt;/h3&gt;

&lt;/div&gt;


&lt;p&gt;レコード一覧画面の見た目をJavaScriptでカスタマイズしているとインライン編集後に、カスタマイズした内容が消えてしまいます。&lt;br&gt;
たとえば、&lt;code&gt;app.record.index.show&lt;/code&gt;で適用した条件書式やプログレスバーなどが該当します。&lt;/p&gt;
&lt;p&gt;2026年3月版アップデートで追加された&lt;code&gt;app.record.index.edit.finish&lt;/code&gt;を使うと、この問題を解決できます。&lt;/p&gt;
&lt;div style=&#34;margin: 40px 0px&#34;&gt;
  &lt;a  class=&#34;lp--conversion--button lp--conversion--button--width40 lp--conversion--button--yellow lp--conversion--button--text--black&#34; 
    href=&#34;https://cybozu.dev/ja/id/5ada4d580a6a711283c22854/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;記事を見る&lt;/a&gt;
&lt;/div&gt;</description></item>
<item>
  <title>インライン編集後に一覧のカスタマイズが消える問題をapp.record.index.edit.finishで解決しよう</title>
  <link>https://cybozu.dev/ja/kintone/tips/development/customize/development-know-how/difference-between-index-edit-finish-and-submit-success/</link>
  <pubDate>Tue, 19 May 2026 00:00:00 +0900</pubDate>
  <guid>https://cybozu.dev/ja/kintone/tips/development/customize/development-know-how/difference-between-index-edit-finish-and-submit-success/</guid>
  <description>&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;introduction&#34;&gt;
  はじめに
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;レコード一覧画面の見た目をJavaScriptでカスタマイズしているとインライン編集後に、カスタマイズした内容が消えてしまいます。&lt;br&gt;
たとえば、&lt;code&gt;app.record.index.show&lt;/code&gt;で適用した







&lt;a href=&#34;https://cybozu.dev/ja/id/8bff4e8def70287f9b9c0323/&#34; &gt;
  条件書式
&lt;/a&gt;や







&lt;a href=&#34;https://cybozu.dev/ja/id/2c88fd4f85af1b5d03ea16c8/&#34; &gt;
  プログレスバー
&lt;/a&gt;などが該当します。&lt;/p&gt;
&lt;p&gt;2026年3月版アップデートで追加された&lt;code&gt;app.record.index.edit.finish&lt;/code&gt;を使うと、この問題を解決できます。&lt;/p&gt;
&lt;p&gt;この記事では、インライン編集後に一覧のカスタマイズが消える原因を整理します。&lt;br&gt;
そのうえで、&lt;code&gt;app.record.index.edit.finish&lt;/code&gt;による解決方法と、&lt;code&gt;app.record.index.edit.submit.success&lt;/code&gt;との使い分けを解説します。&lt;br&gt;
なお、以降ではそれぞれを&lt;code&gt;finish&lt;/code&gt;イベント、&lt;code&gt;submit.success&lt;/code&gt;イベントと呼びます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;inline-edit-customize-disappears&#34;&gt;
  インライン編集後にカスタマイズが消える問題
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;次の画像は、&lt;code&gt;app.record.index.show&lt;/code&gt;で優先度の値に応じた条件書式を適用した一覧画面です。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;before-inline-edit.png&#34; alt=&#34;条件書式が適用されたレコード一覧画面&#34;  width=&#34;595&#34; height=&#34;202&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;



&lt;p&gt;この状態でレコード4をインライン編集し、「キャンセル」をクリックすると、編集した行だけスタイルが消えます。&lt;/p&gt;


&lt;p&gt;
  &lt;button style=&#34;border: none; background-color: transparent;&#34;&gt;
  &lt;img src=&#34;after-inline-edit-cancel.png&#34; alt=&#34;キャンセル後にレコード4のスタイルが消えた一覧画面&#34;  width=&#34;595&#34; height=&#34;202&#34; loading=&#34;lazy&#34;&gt;
&lt;/button&gt;
&lt;/p&gt;



&lt;p&gt;これは、インライン編集の終了時に、kintoneが編集した行のDOMを再構築するためです。&lt;br&gt;
そのため、&lt;code&gt;app.record.index.show&lt;/code&gt;で一度適用したスタイルやDOMの変更は、このDOMの再構築によって失われてしまいます。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;solve-with-finish-event&#34;&gt;
  app.record.index.edit.finishを使った解決方法
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;この問題は、&lt;code&gt;finish&lt;/code&gt;イベントで解決できます。&lt;br&gt;
&lt;code&gt;finish&lt;/code&gt;イベントは、インライン編集の「保存」または「キャンセル」の後、テーブル表示に戻ったタイミングで発生します。&lt;br&gt;
DOMの再構築が完了した後に発生するため&lt;code&gt;setTimeout&lt;/code&gt;は不要で、キャンセル時にも発生する点が特徴です。&lt;/p&gt;
&lt;p&gt;従来、保存時のスタイル消失に対しては次のような方法で対処していました。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;submit.success&lt;/code&gt;イベント内で&lt;code&gt;setTimeout&lt;/code&gt;を使ってDOMの再構築を待つ。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;event.url&lt;/code&gt;に遷移先のURLを設定してページをリロードさせる。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;しかし、いずれも待ち時間の調整が難しいうえに、&lt;code&gt;submit.success&lt;/code&gt;イベントは&lt;strong&gt;キャンセル時には発生しない&lt;/strong&gt;ため、キャンセル後のスタイル消失には対処できませんでした。&lt;/p&gt;

&lt;div class=&#34;hint hint-information&#34;&gt;
  &lt;img
    class=&#34;hint--img&#34;
    src=&#34;https://cybozu.dev/img/ui/information.svg&#34;
    alt=&#34;information&#34;
    role=&#34;img&#34;
  /&gt;
  &lt;div class=&#34;hint--content&#34;&gt;
    
    &lt;p class=&#34;hint--content--text&#34;&gt;&lt;code&gt;app.record.index.edit.finish&lt;/code&gt;の詳細は、次のページを参照してください。&lt;br&gt;








&lt;a href=&#34;https://cybozu.dev/ja/id/74707004da36397834ee0a25/&#34; &gt;
  レコード一覧画面のインライン編集を終了したときのイベント
&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;appli-setting&#34;&gt;
  カスタマイズを適用するアプリ
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;次のフィールドをもつアプリを用意します。&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;フィールド名&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;フィールドタイプ&lt;/th&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;フィールドコード&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;優先度&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;ドロップダウン&lt;/td&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;priority&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;ドロップダウンの選択肢には「高」「中」「低」を設定します。&lt;/p&gt;


&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;sample-code&#34;&gt;
  サンプルコード
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;

&lt;/div&gt;


&lt;p&gt;次のサンプルコードを参考に、JavaScriptファイルを作成し、「JavaScript/CSSでカスタマイズ」から追加します。&lt;/p&gt;

  &lt;div class=&#34;codeblock-container&#34;&gt;
    
    &lt;div
      class=&#34;codeblock-content&#34;
    &gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;
&lt;table style=&#34;border-spacing:0;padding:0;margin:0;border:0;&#34;&gt;&lt;tr&gt;&lt;td style=&#34;vertical-align:top;padding:0;margin:0;border:0;&#34;&gt;
&lt;pre tabindex=&#34;0&#34; style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;&lt;code&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 1
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 2
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 3
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 4
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 5
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 6
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 7
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 8
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt; 9
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;10
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;11
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;12
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;13
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;14
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;15
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;16
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;17
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;18
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;19
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;20
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;21
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;22
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;23
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;24
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;25
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;26
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;27
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;28
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;29
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;30
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;31
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;32
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;33
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;34
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;35
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;36
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;37
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;38
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;39
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;40
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;41
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;42
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;43
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;44
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;45
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;46
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;47
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;48
&lt;/span&gt;&lt;span style=&#34;white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f&#34;&gt;49
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td style=&#34;vertical-align:top;padding:0;margin:0;border:0;;width:100%&#34;&gt;
&lt;pre tabindex=&#34;0&#34; style=&#34;color:#fff;background-color:#1f1f24;-moz-tab-size:2;-o-tab-size:2;tab-size:2;&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;/*
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; * conditional formatting with finish event sample program
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; * Copyright (c) 2026 Cybozu
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; *
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; * Licensed under the MIT License
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; * &amp;lt;https://opensource.org/license/mit/&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt; */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;(() =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;use strict&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#6c7986&#34;&gt;// すべての行の優先度フィールドに、値に応じた条件書式を適用する
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;&lt;/span&gt;  &lt;span style=&#34;color:#fc5fa3&#34;&gt;const&lt;/span&gt; applyConditionalFormatting = () =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;const&lt;/span&gt; elements = kintone.app.getFieldElements(&lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;priority&amp;#39;&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;if&lt;/span&gt; (!elements) {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#fc5fa3&#34;&gt;return&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    elements.forEach((el) =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#fc5fa3&#34;&gt;const&lt;/span&gt; priority = el.textContent.trim();
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      &lt;span style=&#34;color:#fc5fa3&#34;&gt;switch&lt;/span&gt; (priority) {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#fc5fa3&#34;&gt;case&lt;/span&gt; &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;高&amp;#39;&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.backgroundColor = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#ffcccc&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.color = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#cc0000&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          &lt;span style=&#34;color:#fc5fa3&#34;&gt;break&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#fc5fa3&#34;&gt;case&lt;/span&gt; &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;中&amp;#39;&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.backgroundColor = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#ffffcc&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.color = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#cc8800&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          &lt;span style=&#34;color:#fc5fa3&#34;&gt;break&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#fc5fa3&#34;&gt;case&lt;/span&gt; &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;低&amp;#39;&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.backgroundColor = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#ccffcc&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          el.style.color = &lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;#008800&amp;#39;&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          &lt;span style=&#34;color:#fc5fa3&#34;&gt;break&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;        &lt;span style=&#34;color:#fc5fa3&#34;&gt;default&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;          &lt;span style=&#34;color:#fc5fa3&#34;&gt;break&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;      }
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    });
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  };
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#6c7986&#34;&gt;// 一覧表示時に条件書式を適用する
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;&lt;/span&gt;  kintone.events.on(&lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;app.record.index.show&amp;#39;&lt;/span&gt;, (event) =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    applyConditionalFormatting();
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;return&lt;/span&gt; event;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  });
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#6c7986&#34;&gt;// インライン編集終了時に条件書式を再適用する
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#6c7986&#34;&gt;&lt;/span&gt;  kintone.events.on(&lt;span style=&#34;color:#fc6a5d&#34;&gt;&amp;#39;app.record.index.edit.finish&amp;#39;&lt;/span&gt;, (event) =&amp;gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    applyConditionalFormatting();
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#fc5fa3&#34;&gt;return&lt;/span&gt; event;
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  });
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;})();&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;



&lt;div class=&#34;id-head&#34;&gt;
&lt;h3 id=&#34;sample-code-explanation&#34;&gt;
  サンプルコードの解説
&lt;/h3&gt;

&lt;button class=&#34;id-link-button id-link-button-title&#34; title=&#34;固定リンクをコピーします&#34; idpath=&#34;/ja/id/5ada4d580a6a711283c22854/&#34; tabindex=&#34;0&#34; &gt;
  &lt;i class=&#34;fas fa-link&#34; aria-hidden=&#34;false&#34;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;p class=&#34;id-link-message&#34;&gt;固定リンクがコピーされました&lt;/p&gt;</description></item>
</channel>
</rss>
