【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です。

仮想通貨バブル時代だからこそ今からでも仮想通貨を始めよう

皆さん、「仮想通貨」と聞いてどのようなイメージがありますか？ kotopapaなんだか怪しそうだよね… そう、よくわからないから怪しさしか感じないですよね！僕が仮想通貨を知ったのはビットコイン(BTC)が1枚1円くらいの頃でした。同期との話題で仮想通貨が上がり、「怪しそうだよね」とか「でも面白そうだよね」とか「どうやるのか知らんけど」みたいな状態だったのを覚えています。あの時1万円分でも買っておけばよかった…と後悔ばかり笑何せ、今ビットコインは1枚50000ドル(日本円で約520万円)近辺(2021/ ...

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

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

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

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

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

ノンコーディングでアプリが作成できるフレームワーク「Kintone」。しかし、細かいカスタマイズをしようとすると、どうしてもJSでのコーディングが必要になってきます。実際に開発スキルがないけど、やりたいことがいっぱいある！という方向けに、有料/無料に分けてオススメのプラグインをご紹介します。目次【無料】オススメプラグイン一覧テキスト絞り込み検索プラグイン(TIS)社内SNS化！？いいね！プラグイン(cybozu developer network)【有料】オススメプラグイン脱エクセル化「krew」レコ ...

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

新型コロナの影響で、外出時はマスクの着用がほぼ必須。夏場の暑い時期であってもマスクを常時着用しているため、肌荒れが目立ってきました。これまでスキンケアをしてこなかった僕ですが、さすがに肌が限界を迎えたようで荒れ放題だったので、スキンケアを調べて見つけたのがクワトロボタニコでした。目次クワトロボタニコ（QUATTRO BOTANICO）とはクワトロボタニコのトライアルセットを注文してみたクワトロボタニコのトライアルセットを使ってみたクワトロボタニコボタニカルオイルコントロール&フェイスクレン ...

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

過去に同様の記事を書きましたが、2020年6月でAPIの提供が終了してしまいました。新たにzipcloudが郵便番号検索APIを提供してくれていますので、こちらを使って郵便番号から住所を取得するサンプルコードを記載します。目次郵便番号検索APIとはKintoneのフィールド情報Kintoneで郵便番号から住所を出力するサンプルコード郵便番号検索APIとは郵便番号検索APIは、日本郵便が公開している郵便番号データを検索する機能をRESTで提供しています。現在使用しているデータは、「2020年6月30 ...

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

目次タスク管理ってどうしてる？TrelloとはTrelloからガントチャートを作るメリット時間軸を用いたタスクの管理が可能となるツールをまとめることができるTrelloでガントチャートを作る方法使用するブラウザをGoogle ChromeにするElegantt for TrelloをインストールするTrelloでeleganttを有効にするまとめタスク管理ってどうしてる？ビジネスの現場には多くのプロジェクトがあり、多くのメンバーがかかわることから、タスク管理が非常に重要となります。皆さんはどの様にタス ...

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

WordPressでHPを作成している場合、プラグインの Contact Form 7 で問い合わせフォームを作成している方も多いと思います。今回は、Contact Form 7 と Kintone を連携し、問い合わせ内容をそのまま Kintone に転記する方法をご紹介します。目次Contact Form 7 をインストールしてフォームの作成をするForm data to kintone をインストールする問い合わせ用のkintoneアプリを作成問合わせフォームとkintoneアプリの連携設定を行 ...

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

先日ご紹介したContact Form 7 の拡張プラグインのご紹介です。問い合わせフォームに自動で連番を割り振り、受付番号の様な形で管理したい…と思われている方に是非導入していただきたいのが、今回ご紹介する「Contact Form 7 Serial Numbers」です。目次Contact Form 7 Serial Numbers の特徴Contact Form 7 Serial Numbers のインストール手順Contact Form 7 Serial Numbers の設定表示タイプ：通し ...

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

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