日本ソフトウェア科学会第 41 回大会 (2024 年度) 講演論文集

チュートリアル型ミニアプリ開発補助教材の開発
関口 涼太

五味 悠一郎

本研究の目的は，チュートリアル形式の開発補助教材を用いることによって，既定回数の授業内でミニアプリ基盤を利用したアプリケーション開発が出来るようにすることである．先行研究では，ミニアプリ基盤を利用したスマートフォン向けアプリ開発をテーマにした授業を実施したが，スマートフォン上で問題なく動作するミニアプリを制作できた班は全体の 20 ％であった．その要因は，学習環境に問題があると考えた．そこで本稿では，ミニアプリの前提知識を補うためのチュートリアル形式の補助教材を開発し，補助教材を使用した被験者実験を行った．この被験者実験の結果，補助教材を使用することで制作方法を指示したミニアプリを被験者全員が実装できた．この補助教材を使用することでミニアプリに対する知識を深めることができ，既定回数の授業内でミニアプリを実装できる受講生の割合が高くなると考えられる．

南アジアは PC や固定電話回線に先んじたモバイル

1 はじめに保有の急激な進展があり，先進国のように既存サービ

ミニアプリとは，一つのアプリで複数のサービスがスがあまり発展していないため，スーパーアプリを利提供されるスーパーアプリ内で動くアプリのことで用したサービスが普及する機会になったと考えられある．具体的なサービスとして，決済・SNS・フード

る [2]．日本でも LINE や PayPay のようなスーパーデリバリー・送金などが存在する [3]．ミニアプリは自アプリが多くの人に利用されていることから，今後も動的に追加されるため，スーパーアプリをユーザーが十分にスーパーアプリを利用したサービスが増えてインストールしていれば，ネイティブアプリのようにいくと考える．このような観点より，ミニアプリ制作新しいミニアプリをインストールする必要がない．まのハードルを下げることで，よりよいサービスを提供た，サービスが独立しているネイティブアプリとは異する機会を増やし，生活の質を高められると考える．

なり，ミニアプリごとに個人情報やパスワードの設定などをする必要がなく，新規ユーザーの利用障壁が低2 先行研究い．こうした利点から，今後もスーパーアプリの利用ミニアプリ基盤を利用したスマートフォン向けアプ率が高まり，サービスの発展を続けると考えられる．

リケーション開発のテーマがある，プロジェクト実習

中国や東南アジアなどのスーパーアプリ利用率が高という授業を五味（2023）が実施した [1]．この授業

い国はそれ以外の国と比べ，ライドシェアやモバイルで使用したスーパーアプリを開発運用するプラット

EC の普及率が高い [2]．その要因としては，中国や東フォームには，SCSK（株）が提供しているミニアプリ開発基盤を用いた．この基盤の開発言語は Javascript

Development of tutorial-type mini-application development support materials.
Ryota Sekiguchi, 日 本 大 学 理 工 学 部 応 用 情 報 工 学 科,
Deart- ment of Computer Engineering, College of
Science and Technology, Nihon University.
Yuichiro Gomi, 日本大学理工学部, College of Scienceand Technology, Nihon University.と TypeScript である．

2023 年度プロジェクト実習では，スーパーアプリを利用したスマートフォン向けアプリの開発をテーマの一つとし，受講生を 5 つの班に分けてミニアプリを開発してもらった．ミニアプリ開発では，SCSK（株）より提供された MiniSDK と呼ばれるミニアプリ開発キットおよび Vue.js フレームワークを用いたNode.js 環境を利用した．開発の際に提供した資料は，SCSK（株）作成の簡易的なミニアプリ開発マニュア
ルと MiniSDK の技術基盤となる DCloud 社の中国語ドキュメントおよび TypeScript のテキスト，の 3つとした．開発したミニアプリは日本大学災害研究ソサエティで研究開発している災害用パーソナル・アラート（PAD）上に実装するという内容であった．
合計 30 回の授業内で，自身のアイデアをミニアプリとして PAD 上に実装できた班は 1 つの班のみであった．受講生に対する授業後のヒアリング調査では「具体的な開発手順が欲しかった」，「ミニアプリと Web API（Firebase，Maps JavaScript API）の連携方法がわからなかった」といった意見が得られた．
以上の意見より，受講生の MiniSDK および Vue.js
フレームワークの知識が不足しており，ミニアプリ開発の前提知識を学習する環境に問題があることが明らかになった．

3 本稿の目標
先行研究の課題を解決するため本稿では，ミニアプ

図1

デモミニアプリの動作画面

リ開発の前提知識を学習するためのチュートリアル型
ミニアプリ開発補助教材を開発し，開発した補助教材

表1

補助教材の構成

がミニアプリ開発の前提知識を補い，ミニアプリ開発
１章

本マニュアルについて

２章

ミニアプリの概要

３章

開発をする前の事前準備

４章

ミニアプリの開発方法

指示を出し，ミニアプリを PAD 上に実装してもらう

５章

既存 Web サイトのミニアプリ化という内容で開発した．開発言語は HTML で，Web

６章

デモミニアプリの実装形式で開発した．開発補助教材は表１に示したように

７章

提出用ミニアプリ実装にあたっての Tips

１章から７章に付録を加えた構成となっている．デモ

付録

開発するデモミニアプリの要件定義・要求仕様の難易度を下げる効果があることを，明らかにする．

4 チュートリアル型ミニアプリ開発補助教材
補助教材はチュートリアル形式で使用者に対してミニアプリとは，開発補助教材用に開発したミニアプ
リである．ミニアプリの機能としては，図１に示したように現在地から船橋日大前駅のルートを表示する

5 実験方法と評価方法というものである．

開発した補助教材を用いて，プロジェクト実習を受講した学生３人に対して被験者実験を実施した．被験者実験では，補助教材の指示に従って「既存 Web サイト」「デモミニアプリ」の２つを PAD 上に実装し，スマートフォン上で動作を確認することまで行った．

因は，ミニアプリを実装する手順を学んでもらうため

今回の実験では，被験者が実験を行いやすいように，に，デモミニアプリの機能や対応する関数などの説明特定の日程を設けず，2 週間の期限内で任意のタイミを記載していなかったことが考えられる．

ングで実施してもらった．また，補助教材を使用した今後の課題として，補助教材にミニアプリの機能やミニアプリ実装までの制限時間は設けなかった．被験対応する関数の詳細な説明を追加する必要がある．

者実験終了後，被験者に対して補助教材のアンケート

今回の被験者実験では，補助教材を使用してミニアを実施した．

プリを実装するまでの制限時間を設けていなかったため，補助教材を使用してミニアプリを実装するまで6 結果と考察に要した時間を把握出来なかった．
「ミニアプリの実被験者実験の結果，被験者３人が実装したミニアプ装は出来るが，時間がかかり過ぎて授業内で使用すリは全て，PAD 上で動作することが確認できた．余る教材として不適切」という可能性が考えられため，計な説明を省き，被験者が行う作業を明確に示したこ

今後の被験者実験ではミニアプリ実装までの制限時とが要因と考えられる．

間を設けることで，授業内で使用する教材として適していることを明らかにする必要がある．

7 まとめと今後の課題開発した補助教材を用いて，プロジェクト実習を受講した学生に対して被験者実験を実施した結果，PAD上でミニアプリを動作できる状態で被験者全員が実装できた．よって，本稿の目標である「ミニアプリの前提知識を補うためのチュートリアル形式の補助教材を開発すること」は達成できた．
一方，アンケートから「デモミニアプリ実装時に必要な箇所のみ詳細な説明をしており，自身のミニアプリ開発に転用するという観点で考えると汎用的でない」という意見が得られた．この意見が挙げられた要参 考 文 献[1] 五味悠一郎: スーパーアプリを利用した初学者向けス
マートフォンアプリ制作教材の提案, 電気学会研究会,
教育フロンティア, 2023, pp. 11–14.
[2] 石上圭太郎, 劉泰宏: スマートシティ コロナ禍を超えて構想から実装へ モビリティを介した都市スマート化と事業機会, 知的資産創造 28 号, 野村総合研究所, (参照 2024-8-2), pp. 18–33.
[3] 総 務 省: 情 報 通 信 白 書 令 和 3 年 版 第 5 部 第2 章 第 2 節 イ ン タ ー ネット の 普 及 と 社 会 構 造 の変化, https://www.soumu.go.jp/johotsusintokei/
whitepaper/ja/r03/html/nd105220.html.
(参 照2024-2-26).