# 回答ボタンを複数表示させることは可能でしょうか？

**URL:** <https://community.cybozu.dev/t/topic/3455>\
**Category:** kintone 開発相談\
**Created:** [2018 年 10 月 17 日午前 11:08 UTC](https://community.cybozu.dev/t/topic/3455 "2018-10-17T11:08:13Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account776](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account776](https://community.cybozu.dev/u/Legacy_Account776)\
**Post date:** [2018 年 10 月 17 日午前 11:08 UTC](https://community.cybozu.dev/t/topic/3455/1 "2018-10-17T11:08:13Z")

</div>

Kintoneで作成したアプリの入力フォームをフォームブリッジで

作成しております。

画面が縦に長くなるため、ステップフォームを利用して、4ページに

分割しました。

そこで、ステップフォームの各フォームにそれぞれ「回答」ボタン

表示させることは可能でしょうか？

アンケート入力を考えておりますが、入力者が最後のページまで

遷移せずとも、Kintoneに登録ができるようにしたいと考えております。

あるいは、リンクから最終ページの「回答」ボタンまでスクロールが

できる方法でもよいと考えております。

どなた様か、お知恵を拝借できませんでしょうか。

どうぞよろしくお願い申し上げます。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2018 年 10 月 18 日午前 10:43 UTC](https://community.cybozu.dev/t/topic/3455/2 "2018-10-18T10:43:48Z")

</div>

１つのフォームをカスタマイズしていくより、複数のフォームを用意して、組み合わせるカスタマイズをすると良さそうな印象です。

&nbsp;

例えば、以下のような構成はどうでしょう？

- ステップ分のフォームを作成する

&nbsp; - 仮にフォーム1, フォーム2, フォーム3, フォーム4とする

&nbsp; - それぞれ、必要なフィールドだけのフォーム

&nbsp; - フォーム1〜3は多言語化の設定で、「回答」を「一時回答」など適当なボタン名にする

&nbsp; - フォーム1〜3は回答画面にHTMLで、一時回答が完了し次のフォームに移動する旨のメッセージを表示する

- kViewerでMyページビューを作成する

- フォーム1〜3はMyページ連携を行う

- フォーム1〜3にJSカスタマイズで、fb.events.finish.created イベントで次のフォームに編集扱いとなるURLにリダイレクトさせる

&nbsp;

フォーム1からフォーム2に移動すつJSの例

```
(function() {
"use strict";

const form2Url = 'https://form.kintoneapp.com/public/form/show/***';

fb.events.finish.created = [function (state) {
const viewCode = state.record. __kViewerViewCode__.value
const recordCode = state.record. __kViewerRecordCode__.value
// フォーム1からフォーム2に移動
location.href = form2Url + '? __kViewerViewCode__ =' + viewCode + '& __kViewerRecordCode__ =' + recordCode
}];
})();

```

&nbsp;

以上、参考になりますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account776](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account776](https://community.cybozu.dev/u/Legacy_Account776)\
**Post date:** [2018 年 10 月 18 日午前 11:52 UTC](https://community.cybozu.dev/t/topic/3455/3 "2018-10-18T11:52:13Z")

</div>

落合 様

&nbsp;大変詳細なご説明をいただきまして、まことにありがとうございます。  
発想の転換でございますね。  
私の了見が狭かったと反省いたしております。  
早速試させていただきたく存じます。  
結果は追ってご報告させていただきます。

本当にありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account776](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account776](https://community.cybozu.dev/u/Legacy_Account776)\
**Post date:** [2018 年 10 月 20 日午前 5:55 UTC](https://community.cybozu.dev/t/topic/3455/4 "2018-10-20T05:55:14Z")

</div>

落合様

&nbsp; 平素は大変お世話になっております。  
先日は大変詳しいご回答をいただきまして、まことにありがとうございます。  
ご教示いただきました方法で実装してみました。

通常、KViewerに紐づけた フォームブリッジ編集画面では、ご教示のとおり、  
フォームブリッジURLに、\_\_kViewerViewCode\_\_=36f27c479985f00974・・・  
&\_\_kViewerRecordCode\_\_=def502003e8497312b15・・・ の文字列が入る  
と存じます。  
まず、フォームを2個作りまして、フォーム1側にご教示いただいたフォーム1  
から2へ移動するjsを「カスタマイズ」より登録いたしました。  
ところが、回答画面からページ2へ移動できず、「Resource not found」と  
表示されてしまいました。

JSの中の、

const viewCode = state.record.\_\_kViewerViewCode\_\_.value  
const recordCode = state.record.\_\_kViewerRecordCode\_\_.value  
の\_\_kViewerViewCode\_や、\_\_kViewerRecordCode\_\_は、このように  
記述すると、ビューコードやレコードコードを代入してくれる  
変数となるのでしょうか？  
理解不足で申し訳ございません。こちらをご教示いただけると幸甚でございます。  
どうぞよろしくお願い申し上げます。

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2018 年 10 月 22 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/3455/5 "2018-10-22T01:22:35Z")

</div>

Myページ連携を行っている場合、回答が正常にkintoneに保存できると、レコード情報に&nbsp;\_\_kViewerViewCode\_\_ や&nbsp;\_\_kViewerRecordCode\_\_ に値が入ってきます。

そのため、kintoneへの登録ができていないのであれば、レコード情報に編集に必要なデータは追加されていないかと思います。

&nbsp;

&nbsp;

デバッグ方法に関しては、developer network にもいくつか記事がありますので、参考にされると良いかと思います。

&nbsp;

以上、参考になりますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account776](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account776](https://community.cybozu.dev/u/Legacy_Account776)\
**Post date:** [2018 年 10 月 22 日午前 2:16 UTC](https://community.cybozu.dev/t/topic/3455/6 "2018-10-22T02:16:05Z")

</div>

落合 様

&nbsp;早々のご回答、まことにありがとうございます。  
大変よく理解できました。

ありがとうございます。ご教示通り、デバッグを行い、値が取得できているか確認させていただきます。  
ありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account776](https://avatars.discourse-cdn.com/v4/letter/l/ac8455/32.png) [@Legacy\_Account776](https://community.cybozu.dev/u/Legacy_Account776)\
**Post date:** [2018 年 10 月 24 日午前 6:49 UTC](https://community.cybozu.dev/t/topic/3455/7 "2018-10-24T06:49:44Z")

</div>

落合 様

&nbsp;この度は大変詳しいご教示をいただきまして、まことにありがとうございました。  
おかげさまで、フォーム1で途中回答した項目は無事に フォーム1に紐づいたアプリ1  
に保存することができました。  
また、フォーム1の回答完了画面よりフォーム2に自動遷移することもできました。  
ありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\
**Post date:** [2018 年 10 月 24 日午前 7:04 UTC](https://community.cybozu.dev/t/topic/3455/8 "2018-10-24T07:04:49Z")

</div>

良かったです(^^)

また、なにかありましたらご質問ください！

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 9 月 30 日午前 2:06 UTC](https://community.cybozu.dev/t/topic/3455/9 "2025-09-30T02:06:57Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。