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

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

新型コロナの影響で、外出時はマスクの着用がほぼ必須。夏場の暑い時期であってもマスクを常時着用しているため、肌荒れが目立ってきました。これまでスキンケアをしてこなかった僕ですが、さすがに肌が限界を迎えたようで荒れ放題だったので、スキンケアを調べて見つけたのがクワトロボタニコでした。目次クワトロボタニコ（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 ...

エクセルのシート名を取得するにはRIGHT関数とCELL関数を使う

エクセルのシート名を取得する方法を紹介します。目次シート名を取得する別のシート名を取得するシート名から年月を取得するシート内にシート名が取得できればやれることがいっぱいあるシート名を取得する次の数式をセルに貼り付けると、そのセルのあるシート名を取得できます。 =RIGHT(CELL("filename",A1),LEN(CELL("filename",A1))-FIND("]",CELL("filename",A1))) ...

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

タイトルだけ見ると何を言ってるか分かりませんよね…＾＾； Aアプリのスペースに設定したボタンからBアプリの編集画面を立ち上げ、Aアプリの内容をフィールドに事前に設定しておきたいケースに使用するサンプルコードです。 (function() { "use strict"; var events = ['app.record.detail.show','app.record.create.show','app.record.edit.show' ...

コピーして使える都道府県名一覧・県庁所在地名一覧

目次都道府県名一覧都道府県名(都道府県表記あり)都道府県名(都道府県表記なし)都道府県名(ひらがな)都道府県名(ローマ字)県庁所在地名一覧県庁所在地名(市区町村あり)県庁所在地名(市区町村なし)県庁所在地名(ひらがな)県庁所在地名(ローマ字) 都道府県名一覧 47都道府県の一覧をエクセルやスプレッドシートにコピペして使いたいケースがあると思います。ぼく自身も47都道府県名を使用したいケースがあるので、メモ書きとして保存しておきます。 47都道府県名を都道府県名の都道府県のありなし、ひらがなでの都道府県名と ...

AFFINGER5でカエレバのAMP対応をする方法(サンプルコード有)

amazonや楽天市場などの商品紹介サイトを運営する中で、カエレバの存在は大きいと思います。しかし、カエレバのコードはそのままではAMPに対応していないため、手直しが必要となってきます。ぼくはAFFINGER5を使っているのですが、AFFINGER5でカエレバのAMP対応をした記事が見つからなかったので、ぼくが実際に実践したコードを紹介したいと思います。参考にしてください。目次カエレバとはAMPとはカエレバはそのままではAMP対応していないAFFINGER5でカエレバをAMP対応する方法カエレバで生成 ...