【kintone】ボタンクリックで別アプリの編集画面に値をコピーした状態で開く方法

タイトルだけ見ると何を言ってるか分かりませんよね…＾＾；

Aアプリのスペースに設定したボタンからBアプリの編集画面を立ち上げ、Aアプリの内容をフィールドに事前に設定しておきたいケースに使用するサンプルコードです。

(function() {
    "use strict";

    var events = ['app.record.detail.show','app.record.create.show','app.record.edit.show'];
    kintone.events.on(events, function(event) {
    
    var mySpaceFieldButton = document.createElement('button');
    mySpaceFieldButton.id = 'test_button';
    mySpaceFieldButton.innerText = '〇〇を登録する';
    
    mySpaceFieldButton.onclick = function () {
        var url = "https://ドメイン名.cybozu.com/k/アプリ番号/edit";
        var _window = window.open(url);
        _window.addEventListener("load", function(){
            window.postMessage(_window.kintone != null, location.origin);
        });
        window.addEventListener("message",function(e){
                var _kintone = _window.kintone;
                var _record = _kintone.app.record.get();
                // _recordの編集処理
                _record.record['登録アプリのフィールドコード名'].value = event.record['元アプリのフィールドコード'].value;

                _kintone.app.record.set(_record);
        });
    }
    kintone.app.record.getSpaceElement('test').appendChild(mySpaceFieldButton);
    
    });
})();

完コピで使えるわけではありませんので、一部ご自身の環境に合わせて修正してください。

編集箇所は以下の通りです。

編集箇所

ボタン上の文言
ドメイン名
開く先のアプリ番号
開く先アプリのフィールドコード
開く元アプリのフィールドコード
スペースのフィールドコード(上記サンプルでは「test」になっています)

アプリ内にボタンが追加され、ボタンクリックで遷移した先のアプリ内フィールドに期待するデータが自動で取り込まれていれば動作確認OKです。

povo1.0からホリエモバイル(HORIE MOBILE)にMNPしてみた

今話題のホリエモバイル(HORIE MOBILE)ですが、本当に速度は出るの？何が良いの？と疑問に思う方も多いかと思います。そこで、実際にpovo1.0を使用していた僕が、ホリエモバイルに乗り換えてみました。ホリエモバイル(HORIE MOBILE)とはホリエモンこと堀江貴文氏が「参加できる、応援できる、未来に加速するLCCモバイル」をコンセプトにMVNOで「X-mobile」を展開するエックスモバイルが立ち上げた新サービスブランドです。月額3030円(税込み)で、月額20GBと1回5分までの定額通話 ...

「ReCaptcha V2」を突破する！2Captchaで挑む完全自動化

スクレイピングやブラウザ操作の自動化タスクにおいて、一番の難所は何といっても各種キャプチャの突破です。そもそもキャプチャ機能はロボット操作されないために設置するため、それを突破しようとする時点で「？」ではありますが、それでもなんとかしたい場合の解決方法として「2Captcha」というサービスがあります。実はこのサービスを使うと、サクッとキャプチャ突破できます。早速紹介したいと思います。 ※利用は自己責任でお願いいたします。悪用厳禁です。 2Captchaについてロシアの会社が提供するキャプチャ機能を ...

テレワークに最適なヘッドホン、ソニー「WH-1000XM4」の実力

テレワークが主流になってきてこだわりが出てきてしまったのが「ヘッドホン」だったりします。会社でイヤホン・ヘッドホンをしながら仕事することはないですが、自宅にいると奥さんが居たり、音楽を流している最中に電話が鳴ったり…。集中できるような環境を作ることはできますが、100%集中できるかといわれるとそうではないのが現状。 kotopapaノイキャン付きのイヤホンでも買おうかなぁそんな風に思っていましたが、よく考えればイヤホンでなくて「ヘッドホン」でも良いわけです。新しい選択肢が増えたと思い、早速調べてみるこ ...

Kintoneはプラグインでこんなに良くなる！Kintoneのオススメプラグイン

ノンコーディングでアプリが作成できるフレームワーク「Kintone」。しかし、細かいカスタマイズをしようとすると、どうしてもJSでのコーディングが必要になってきます。実際に開発スキルがないけど、やりたいことがいっぱいある！という方向けに、有料/無料に分けてオススメのプラグインをご紹介します。【無料】オススメプラグイン一覧テキスト絞り込み検索プラグイン(TIS) 無料プラグインといえば「TIS」ですよね。そのTISからご紹介するのは「一覧画面でのテキスト絞り込み」を可能にする検索窓設置プラグインです。 ...

クワトロボタニコのトライアルセットメンズのスキンケアの使用レビュー

新型コロナの影響で、外出時はマスクの着用がほぼ必須。夏場の暑い時期であってもマスクを常時着用しているため、肌荒れが目立ってきました。これまでスキンケアをしてこなかった僕ですが、さすがに肌が限界を迎えたようで荒れ放題だったので、スキンケアを調べて見つけたのがクワトロボタニコでした。クワトロボタニコ（QUATTRO BOTANICO）とはクワトロボタニコ（QUATTRO BOTANICO）をご存知でしょうか？ぶっちゃけ、僕は知りませんでした。クワトロボタニコ（QUATTRO BOTANICO）は、「“ ...

Kintoneで郵便番号から住所を検索する方法

過去に同様の記事を書きましたが、2020年6月でAPIの提供が終了してしまいました。新たにzipcloudが郵便番号検索APIを提供してくれていますので、こちらを使って郵便番号から住所を取得するサンプルコードを記載します。郵便番号検索APIとは郵便番号検索APIは、日本郵便が公開している郵便番号データを検索する機能をRESTで提供しています。現在使用しているデータは、「2020年6月30日更新分の全国一括データ（加工済バージョン）」です。 zipcloud.ibsnet.co.jp 57 ...

タスク管理ツールTrello(トレロ)でガントチャートを使う方法

タスク管理ってどうしてる？ビジネスの現場には多くのプロジェクトがあり、多くのメンバーがかかわることから、タスク管理が非常に重要となります。皆さんはどの様にタスク管理をされているでしょうか？ぼくは2020年に大流行したコロナの影響で在宅勤務を余儀なくされ、その際にタスク管理(共有)ツールとしてTrello(トレロ)を使用し始めました。そして、引き続きTrelloを利用する中で進捗の見える化が必要と考え、ガントチャート化するelegantt(エレガント)を導入しました。今回は、Trelloとelegant ...

WordPressの問い合わせフォームContact Form 7とkintoneを連携する方法

WordPressでHPを作成している場合、プラグインの Contact Form 7 で問い合わせフォームを作成している方も多いと思います。今回は、Contact Form 7 と Kintone を連携し、問い合わせ内容をそのまま Kintone に転記する方法をご紹介します。 Contact Form 7 をインストールしてフォームの作成をするまずはContact Form 7 をインストールし、フォームの作成をしておいてください。手順は以下の記事を参考にしてください。 Form data t ...

Contact Form 7の自動返信メールに連番を追加する無料プラグイン

先日ご紹介したContact Form 7 の拡張プラグインのご紹介です。問い合わせフォームに自動で連番を割り振り、受付番号の様な形で管理したい…と思われている方に是非導入していただきたいのが、今回ご紹介する「Contact Form 7 Serial Numbers」です。 Contact Form 7 Serial Numbers の特徴簡単にですが、Contact Form 7 Serial Numbers の特徴をまとめました。プラグインの特徴 Contact Form 7 の自動送信メール ...

Contact Form 7 でWordPressへ簡単に問い合わせフォームを設置する方法

このサイトはWordPressの有料テーマであるAFFINGER5で作成していますが、AFFINGER5には標準で問い合わせフォームが付いていないため、無料のプラグインを使って問い合わせフォームを設置する必要があります。オススメの無料プラグイン Contact Form 7を使うことで、自動返信メールやサンクスページが設置できます。当サイトに記載する手順通りに行えば、初心者でも簡単にカスタマイズすることができます。 Contact Form 7とは Contact Form 7はWordPressに問 ...