Blog1661: 簡単にできる！テンプレート付き記入式アンケート機能を作る実例紹介

Title: 簡単にできる！テンプレート付き記入式アンケート機能を作る実例紹介

先日、アンケート作成＆回答フォームプラグインをお使いのお客様から、「チェックボックスを選択するのではなく、回答を記入する形式のアンケートは実現できないか？」というご相談を受けました。

詳しいお話を伺ったところ、「質問者が出したいくつかの案に対してユーザーが自由に回答を書き込めるようにしたい」とのことでした。例えば、「選択肢 A 〜 D について皆さんの意見をください」というアンケートを作成し、ユーザーには「A は〜だと思います。B は〜ですね。C は…」のような回答をする、という形式です。

難しく考えなくても、何だか「記事とコメント」の組み合わせで実現できそうですね。

では、どのようにして使いやすい「アンケート機能」にするか、詳しく見ていきましょう。

TeamPage のテンプレート機能

前述のように「アンケートを記事として投稿する」「回答をコメントする」という 2 つの基本機能の組み合わせで実現できることはできます。アンケート記事の下に表示されるコメント欄に回答を記入して投稿するだけ。簡単ですね。

しかし、このお客様は、「Excel の表のような形の記入欄（記入用のセル）を作り、そこに回答を書くようにしたい」と希望されていました。それならば、テンプレート機能を利用しましょう。

TeamPage では、投稿済みの記事を「テンプレート」として何度でも再利用できます。新しい記事を作成するときに自動的にフォームに読み込ませることも、ダイアログの右上の「テンプレート」ドロップダウンから手動でテンプレートを選択・読み込ませることもできます。

しかし！残念ながらコメント欄ではテンプレートを利用できません。テンプレートを手動で読み込ませるためのドロップダウンもありません。

アンケートへの回答をコメントとして投稿したい、だけど、コメントにはテンプレートを利用できない。さて、どうしましょう？

※ いくつかの手順を踏むことでコメント欄にテンプレートを読み込ませることはできるのですが、一般ユーザーに複雑な操作を要求するこの方法は採用しませんでした。

コメントでもテンプレートを利用したい

できないなら作ってしまえ！で出来てしまうのが TeamPage の拡張性の素晴らしさです。

ササッとテンプレート付きのコメント投稿ボタン設置プラグインを作成しました。

このプラグインを使うことで、次のようなことを実現できます。

記事の本文に「ここをクリックしてコメントを作成する」のようなボタンを設置できる。
「ここをクリックして〜」の表記は自由に変更できる。（例: 「アンケートに回答するには、ここをクリック！」など）
ボタンをクリックすると、コメント作成フォームをポップアップ表示（ダイアログ表示）される。
そのときに投稿済みの記事をテンプレートとして自動読み込みできる。

操作手順

では、アンケートの質問と回答の投稿方法を簡単にご紹介します。

テンプレートを作成する

回答用のテンプレートを作成します。

投稿し、記事 ID をメモします。

質問を作成する

アンケートを取りたい質問内容を「記事」として作成します。

本文欄の「ウィジェットの挿入/編集」ボタンからウィジェット（本文に埋め込むパーツのことを「ウィジェット」を呼びます）の一覧を表示し、「コメント投稿フォーム表示ボタン」を選択します。

ウィジェットの詳細設定が表示されるので、ボタンの表記を変更し、テンプレートとして利用する記事 ID を指定します。

ウィジェットが挿入されたことを確認して投稿します。

アンケートの質問が完成しました！

回答をコメント投稿する

この「ここをクリックして回答を作成する」ボタンをクリックすると、テンプレートが自動的に読み込まれた状態でコメント作成フォームが表示されます。

回答を記入して投稿します。質問の下にコメントとしてぶら下がりました。

これで、テンプレートを利用した、自由記入形式のアンケートができました。(^^)

投稿先スペース変更で「見えない回答」を実現

TeamPage では、スペースごとに異なる権限設定ができます。

例えば、「投稿はできるけど、閲覧はできない」という見解設定にすることで、目安箱のような機能を簡単に実現できます。

別の回答の投稿先スペースを用意し、「一般ユーザーは、コメントは投稿できるけど、他ユーザーの投稿は閲覧はできない。管理者は、すべての投稿を閲覧できる。」という権限設定にします。

これにより、「自分の回答が他の人に見られるのは嫌なのですが…」という要望に応えられます。

コメント（回答）の投稿先を指定するには、ウィジェットの「特別なパラメーター」欄に &default_project=投稿先スペース名 と記入します。

まとめ

以上、基本中の基本機能である「記事とコメント」に少々の工夫を加えてアンケート機能を構築する方法をご紹介しました。

考えてみると、他のいろいろな機能も記事とコメントの組み合わせで実現できそうですよね。例えば…

困ったことを質問し、解決方法をコメントする --> Q&A 機能
手続き申請を記事として投稿し、返答をコメントする --> 申請処理機能
進捗会議をスケジュールとして投稿し、各自の進捗をコメントする --> 進捗会議効率化機能

可能性が広がりますね。ぜひ TeamPage をいろいろな用途にアレンジしてご利用ください。

Attachments:

template_form.png
template_entry.png
question_01.png
question_02.png
question_03.png
question_04.png
answer_01.png
answer_02.png
secret_answer_01.png
gaitou_anke-to.png
template_1.png
template_2.png

参照している (3)

Product1424: テンプレート付きのコメント投稿ボタン設置プラグイン Product1252: アンケート作成＆回答フォームプラグイン Public2286: ゼロから書かなくてもOK!　テンプレートをつかってかんたん投稿！　

Article: Blog1661 (permalink)
Date: 2019年6月7日; 13時23分29秒日本標準時

Author Name: Takashi Okutsu
Author ID: takashi