名古屋大学博物館報告
Bull. Nagoya Univ. Museum
No. 39, 13–20, 2024
Accepted: 01 June 2023
DOI: 10.18999/bulnum.039.02

名古屋大学博物館来館者調査 WEB アプリケーションの開発
Development of a web application for the visitor survey ofNagoya University Museum
近藤 萌（KONDO Moe）1）, 2）・島崎 健（SHIMAZAKI Takeru）1）, 3）・
梅村 綾子（UMEMURA Ayako）4）1）名古屋大学博物館学生運営スタッフ団体「MusaForum」
Nagoya University Museum Student Staﬀ Organization, MusaForum2）名古屋大学大学院理学研究科
Graduate School of Science, Nagoya University, Furo-cho, Chikusa, Nagoya, 464-8601, Japan3）名古屋大学情報学部
School of Informatics, Nagoya University, Furo-cho, Chikusa, Nagoya, 464-8601, Japan4）名古屋大学博物館
Nagoya University Museum, Nagoya University, Furo-cho, Chikusa, Nagoya, 464-8601, Japan

概要
名古屋大学博物館学生運営スタッフ団体 MusaForum*（ムーサ・フォルム）のメンバーより，「名古屋大学博物館の来館者の声を集め，展示・イベント企画等に反映させていきたい」との声があがり，自発的に MusaForum 内に当事業を担当するチームが結成された．2022 年 3 月，名古屋大学博物館の来館者調査を開始し，現在，来館者の傾向分析のもと新企画の立案に役立てている．
さらに，来館者調査に付随して，博物館に再来する楽しみの一つとなるようなコンテンツを用意するため，WEB アプリケーション（以降，「WEB アプリ」と称する）の開発が進められてきた（2023 年4 月公開）
．当 WEB アプリは，来館の度に Google フォーム上でのアンケート調査に回答すると名古屋大学博物館の展示物に関するクイズに挑戦できるようになる．クイズに正解すると，MusaForum メンバーの推し標本キャラクターのイラストが集められ，さらに，その標本の解説が読めるようになる．ここに，当 WEB アプリの仕組みについて報告する．
Abstract
The MusaForum, a group of Nagoya University Museum Student Staff Organization, claimed that the opinions ofvisitors to the Nagoya University Museum should be gathered in order to reﬂect them in the exhibitions and event planning.
Since then, a team was voluntarily formed within the MusaForum to take charge of this project. In March 2022, a visitor
survey of the Nagoya University Museum started, and currently the data collected have been used to plan new projects
based on the trend analysis of visitors.
Furthermore, along with the visitor survey, the development of a web application was progressed (released in April2023) so as to provide “fun” contents expecting to be one of the reasons of visitors’ revisiting the museum. This web
application will allow you to challenge the quiz about the Nagoya University Museum collections by answering thequestionnaire survey on the Google Form every time you visit. If you answer the quiz correctly, you will be able to collect*MusaForum：名古屋大学博物館学生運営スタッフ団体．2023 年 3 月現在，現役登録者数 149 名（累計 201 名）．
― 13 ―

the character illustrations of MusaForum members’ “preferred specimens” and to read the explanation of them. Here, wereport the workﬂow of this web application.

1 ．はじめに：「来館者調査 WEB アプリ」開発のためのチーム体制
名古屋大学博物館は，「次世代に活かす博物館」を目指し，2020 年 4 月より，名古屋大学博物館学生運営スタッフ団体 MusaForum（ムーサ・フォルム）とともに博物館による地域貢献活動を展開している．
博物館における各種展示・イベントの企画運営を通して，地域とのつながりに学ぶことは多く，学生スタッフにおいては，その都度改善点などを振り返り，次なる展開に向けてブラッシュアップに励んでいる．その一端で，メンバーらから「名古屋大学博物館の来館者の声を集め，展示・イベント企画等に反映させていきたい」との声が上がり，自発的に運営チームが結成された．さらに来館者調査に付随して，博物館に再来する楽しみの一つとなるようなコンテンツを提供するため，WEB アプリ（図 1）にて対応することとし，WEB アプリ開発チーム，コンテンツ作成チームに分かれ，協力しながら開発を進めた．
本報告では，特に WEB アプリ開発チームが取り組んだ当 WEB アプリの仕組みを解説する．
運営スタッフ（五十音順，所属・学年はチーム結成当時）とそれぞれの担当〈WEB アプリ開発チーム〉
近藤 萌（名古屋大学大学院理学研究科修士 1 年／ MusaForum）
島崎 健（名古屋大学情報学部 2 年／ MusaForum）
竹味 和輝（名古屋工業大学工学部 3 年／ MusaForum）
永渕 紫峰（名古屋大学情報学部 3 年／ MusaForum）〈コンテンツ作成チーム〉• 推し標本のイラスト画
佐古 楓香（名古屋大学文学部 3 年／ MusaForum）• 推し標本の解説
石橋 果歩（名古屋大学理学部 4 年／ MusaForum）

図1

当 WEB アプリへログイン後の画面．

― 14 ―

岩崎 はづき（名古屋大学情報学部 3 年／ MusaForum）
近藤 萌（名古屋大学大学院理学研究科修士 1 年／ MusaForum）
片田 はるか（名古屋大学大学院環境学研究科修士 1 年／ MusaForum）
竹味 和輝（名古屋工業大学工学部 3 年／ MusaForum）
出町 史夏（名古屋大学理学部 4 年／ MusaForum）
佐古 楓香（名古屋大学文学部 3 年／ MusaForum）
吉田 颯稀（名古屋大学工学部 3 年／ MusaForum）
2 ．WEB アプリ開発ツールの選定
今回開発する WEB アプリは小規模であること，及び，できるだけシンプルに開発を行いたいという理由から，python 用の軽量なウェブアプリケーションフレームワークである Flask（ver. 2.2.3）を使用した．
3 ．WEB アプリを機能させる情報の流れ
博物館に再来する楽しみとなるよう，来館回数に応じて利用可能なコレクションが変わる機能は，当WEB アプリの中心をなす機能である．ここでは，来館回数情報をどのように伝えているかを確認する．
全体の情報の流れを図 2 に示し，各々のタスク実行の仕組みを段階的に解説する．
3-1．アンケート（ユーザ → Google フォーム → Google スプレッドシート）
Google フォーム（https://forms.gle/Ddc8oGY5ngAszc9X9）に入力されたユーザのメールアドレスを含む情報は，Google スプレッドシート上に保存される．
3-2．WEB アプリ（ユーザ → index.html → Flask）
ユーザに，WEB アプリのログイン画面（index.html）に Google フォームへ入力したものと同一のメールアドレスを入力してもらうことで，Flask（WEB フレームワーク）が稼働し，3-3 節での参照ができる形式に変換される．
3-3．アンケートと WEB アプリ間の応答（GAS → Flask）
来館回数の確認は，以下のように，記録されたメールアドレスを照合している．
① ログイン画面（https://musaforum-collection.onrender.com/）で入力されたメールアドレスが，Flask を通じて Google Apps Script (GAS) に送信される．
②

GAS が Google スプレッドシートを読み込み，メールアドレスから来館回数の記録を照合し，Flask に送信する．

3-4．WEB アプリ（Flask → スクリプト → quiztop.html）
各ユーザの来館回数毎に，WEB アプリ上のコレクション一覧の表示が適当となるように，Flask からWEB アプリ本体のスクリプト（ページの内容やページの遷移を記述）へ来館回数が送信される．これがコレクション一覧（quiztop.html）に反映され，ユーザは相当する回のクイズに回答できるようになる．
3-5．WEB アプリ（quiztop.html → ****.html → quiztop_after.html）
クイズ正解後におけるコレクション一覧画面は，直接 Flask に来館回数を問い合わせることができな― 15 ―ユーザから見える画面

アンケート
3-1

3-1
ユーザ

3-1

Google
スプレッドシート

Googleフォーム
メール（来館者アンケート）

アドレス（アンケートデータを保管）

メール

アドレス

読み込み

応答

3-3 Google Apps Script(GAS)（スプレッドシートを読み込み、必要な情報を取り出す）

来館者アンケートのトップ画面

来館回数
アドレス

WEBアプリ

問合せ

3-2

3-2
ユーザ
メール

3-2 3-3 3-4

index.html（ログイン画面）

アドレス

メール

Flask（WEBフレームワーク）

アドレス
来館回数

3-4 3-5

3-4

quiztop.html（コレクション一覧）

WEBアプリのログイン画面

来館回数

スクリプト（ページの内容やページ遷移を記述）

来館回数

3-5
****.html（クイズ画面）

来館回数

3-5
quiztop_after.html（コレクション一覧）

図 2 当 WEB アプリのデータフロー図．枠内の「3-1」〜「3-5」は，本文中の該当の「節」を参す．

― 16 ―

い．そこで，以下のようにパラメータを付与して来館回数をリレーしている．
① 「quiztop.html」からの遷移時に，リンクの後ろにパラメータ（例えば，「?」から始まる値）を付与する．任意のページ（****.html）においても，常にパラメータを付与しながら遷移し続ける．
② 「quiztop_after.html」に遷移した際，パラメータがスクリプトによって読み込まれ，クイズ回答後の表示に変わる．
4 ．WEB アプリ内の構造
WEB アプリの構造として，画像などの静的なファイルを読み込み表示するための「static」ディレク
トリ内の構造と，クイズの正解・不正解に応じて表示する各コレクションのページを格納する「templates」
ディレクトリ内の構造を確認する．
4-1．
「static」ディレクトリ内の構造「static」ディレクトリ内の構造を図 3 に示す．「static」ディレクトリに格納されている，WEB ページのスタイルを設定する「css」ファイルと，「images」ディレクトリ内のそれぞれの画像ファイルにより，当該コレクションの画像ファイルなどが編集可能である．
4-2．
「static」ディレクトリ内の「css」と「images」の機能「style.css」は，文字及びオブジェクトの色や大きさを指定する．「images」ディレクトリは，各キャラクターの名を「コレクション名」として，その画像ファイルを格納している．それぞれファイルの用途は，以下のように定めた．
• 「コレクション名 .png」
キャラクターの色付きイラスト．コレクションとしての獲得済みボタン，クイズ正解画面，コレクション画面に使用する．
• 「コレクション名 _silhouette.png」
キャラクターのシルエットイラスト．コレクションへの獲得可能ボタンに使用する．
• 「コレクション名 _shilhouette_disabled.png」
色の薄いキャラクターのシルエットイラスト．非活性ボタンに使用する．
• 「コレクション名 _place.png」
当該展示物が展示されている場所を示す図．クイズの正解・不正解画面，コレクション画面に使用

production_app

scripts*
statictemplates
DS_Store*cssstyle.css

images.DS_Store*

app.pyコレクション名.png

コレクション名_shilhouette.png

コレクション名_shilhouette_disabled.png

Notion.py*

コレクション名_place.png

Procﬁle*コレクション名_image.jpg

README.md
requirements.txt*
runtime.txt*

図 3 当 WEB アプリの静的サイトデザインを制御する static ディレクトリ内の構造．「*」のある項目は，基本的に変更しない．

― 17 ―

production_app

コレクション名.html

scripts*

コレクション名_collection.html

statictemplates
DS_Store*app.pyNotion.py*
Procﬁle*README.md
requirements.txt*
runtime.txt*

コレクション名

コレクション名_correct.html

コレクション名_incorrect.html

example.DS_Store*
index.html
layout.html
layout_collection.html

example.html
example_collection.html
example_correct.html
example_incorrect.html

layout_correct.html
layout_incorrect.html
layout_quiz.html
quiztop.html
quiztop_after.html

図4

各クイズのページを格納している templates ディレクトリ内の構造．
「*」のある項目は，基本的に変更しない．

する．
• 「コレクション名 _image.jpg」
展示物の写真．クイズの正解画面，コレクション画面に使用する．
4-3．
「templates」ディレクトリ内の構造「templates」ディレクトリ内の構造を図 4 に示す．クイズ回答前後に表示されるコレクション画面ページ（当該キャラクターの表示・非表示）を格納している．「コレクション名」は「static」ディレクトリの「コレクション名」と同じ名前を使用する．これらの表示画面ページは，「example」ディレクトリに格納されているスクリプトを書き換えることで，容易に新規追加できるようにした．その他，「templates」
ディレクトリには，ログイン画面の表示ページ（index.html），画面のレイアウト構造を簡素化するための「layout」系列，クイズ回答前のコレクション選択画面の表示ページ（quiztop.html），そしてクイズ正解後のコレクション選択画面の表示ページ（quiztop_after.html）が含まれる．
4-4．
「templates」ディレクトリ内の「コレクション名」と「layout」系列の機能
各キャラクターの名を「コレクション名」として，それぞれの表示ページの用途を以下のように定めた．
• 「コレクション名 .html」
当該キャラクターのクイズの表示ページ．
• 「コレクション名 _collection.html」
当該キャラクターの獲得後の表示ページ．
• 「コレクション名 _correct.html」
クイズ正解後の当該キャラクターの表示ページ．
• 「コレクション名 _incorrect.html」
クイズ不正解後の当該キャラクターの表示ページ．

― 18 ―

図5

当 WEB アプリの表示画面とレイアウト構造（黄枠，赤枠，青枠のそれぞれの意味については本文を参照）．

WEB アプリ上では図 5 の様に表示される．当該キャラクターのクイズ固有の問題文，イラスト画像，およびクイズの選択肢（図 5 の黄枠の部分）が，「コレクション名 .html」で表示される部分である．
さらに，当 WEB アプリでは，新規キャラクターの追加の際，レイアウト構造のバリエーションに容易に対応できるようにした．ヘッダーとフッター（図 5 の赤枠の部分）は，「layout.html」がそれらを構成し，クイズページのメイン部分（図 5 の青枠の部分）は，「layout_collection.html」，「layout_correct.
html」，「layout_incorrect.html」，「layout_quiz.html」という各表示ページの種別により，その体裁を構成している．
5 ．今後の展望
当 WEB アプリで行っている博物館の来館に関するアンケート調査は，紙面記入式にて 2022 年 3 月より開始し，現在，来館者の傾向分析のもと新企画の立案に役立てている．また，名古屋大学博物館の収蔵資料を持ち出し紹介するイベント「出張！名大博物館」においても，来場者にアンケート調査を実施しているが，これらアンケートの設問項目を同等にすることで，館内と館外の来場者の属性や意見を比較検討できるとし，対象層に合わせた企画作りを進めている（梅村，2023）．当 WEB アプリのリリース
後は，アンケートの回答方法の選択肢が増えるため，より幅広い層の意見を集めていけると期待する．
また，紙面記入式のアンケートでは，1 日のうちに二度来館し，その度にアンケートに回答してくれ― 19 ―た人もいた．したがって，当 WEB アプリは，アンケート調査に加え，再来の楽しみを提供できるよう，スタンプラリーの機能を持たせ，標本のイラスト画を集められるようにした．このイラスト画を集めるには，強制的に該当の標本についてのクイズや解説を一覧することになるが，親しめる内容とやさしい言葉を用いることで，自身が気づきもしなかったような博物館標本に対する興味関心を引き出すきっかけとなることを目指している．
WEB アプリの維持管理については，MusaForum が大学や大学院に在籍する学生からなる団体である
ため，特に年度ごとのメンバーの入れ替わりも意識して，コンテンツやレイアウトのアップデートにも容易に対応できるようにした．引き継ぎを的確に行いながら，学生たちの挑戦意欲をサポートし，WEB アプリのバージョンアップも楽しみにしていただけるよう，益々展開していきたい．
謝辞
本事業においては，MusaForum の WEB アプリ開発チームおよびコンテンツ作成チームが一丸となり，名古屋大学博物館来館者調査 WEB アプリケーションの開発を共に進めて参りました．また，
MusaForum メンバーの皆様に，当 WEB アプリの試行版にてご意見をいただき，当 WEB アプリに反映させることができました．本事業の実施に向けては，名古屋大学博物館のスタッフの皆様に多大なるお力添えを賜りました．心より感謝申し上げます．
参考文献
梅村綾子（2024）博物館標本を活用した学びスタイルを考える―「出張！名大博物館」という地域連携活動をもとに―．名古屋大学博物館報告 ，39，1–12．

― 20 ―