修士論文

LMS の外部での学習行動を統合する
Web 閲覧履歴ツールの開発
Development of Web browsing history tool
to enable integration of learning activities outside LMS

社会文化科学研究科

教授システム学専攻

修士課程

学生番号：062g8102
加地 正典

指導：喜多敏博准教授・高橋幸准教授・鈴木克明教授
２００８年３月

目次
１．はじめに ..................................................................................................................1
1.1 研究の背景.............................................................................................................1
1.1.1 Web の教育利用と LMS................................................................................1
1.1.2 LMS の限界....................................................................................................1
1.1.3 コンテンツとコンテクスト.........................................................................2
1.1.4 遠隔学習者.....................................................................................................2
1.1.5 学習者へのフィードバック.........................................................................3
1.2 本研究の目的.........................................................................................................5
1.3 本論文の構成.........................................................................................................5
２．関連研究 ..................................................................................................................6
2.1 使いやすさ学びやすさの追求.............................................................................6
2.1.1 外部リンクの吟味を学習プロセスに ........................................................6
2.1.2 探し方を鍛える.............................................................................................6
2.2 学習行動の支援.....................................................................................................7
2.2.1 行動履歴の分類と視覚化 ............................................................................7
2.2.2 マーキング（ブックマーク、タギング） ................................................92.2.3 クリッピング ..............................................................................................11
2.3 まとめ...................................................................................................................11
３．提案システムの概要 ............................................................................................13
3.1 定義.......................................................................................................................133.1.1 コンテクスト...............................................................................................143.1.2 セッション...................................................................................................143.1.3 インスタンス...............................................................................................15
3.2 コンテクストへの対応付け...............................................................................15
3.2.1 コンテクスト認識.......................................................................................15
3.2.2 閲覧行動の記録...........................................................................................16
3.3 閲覧履歴の提示...................................................................................................16
3.4 クライアントツールとして実装.......................................................................16４．プロトタイプの実装.............................................................................................17
4.1 コンテクスト情報と検出方法...........................................................................17
4.2 学習者インターフェース...................................................................................18
4.2.1 ツールバー...................................................................................................19
4.2.2 コンテクストメニュー...............................................................................19
4.2.3 サイドバー...................................................................................................20
4.2.4 振り返りビュー...........................................................................................224.2.4 インストール、アップデート...................................................................23
５．まとめ.....................................................................................................................25
６．謝辞.........................................................................................................................27

参考文献 ........................................................................................................................28
付録.................................................................................................................................29
付録一覧.....................................................................................................................29
付録１ Firefox 拡張機能開発 参考リソース.......................................................30
付録２ 「あしあと」拡張機能 主要コード.....................................................31
付録３ 「あしあと」拡張機能 検討課題リスト.............................................32

論文要旨
インターネットの普及に後押しされ、Web の教育利用が大きく進んできた。コンテンツの標準化も進み、学習管理システム（LMS）が登場、学習履歴の管理が行われるようになった。一方で、LMS などの学習環境に閉じない Web 上の学習行動も増えてきている。Web 上には多くの教育リソースが存在し、Web ブラウザという簡便な道具が LMS 上のコンテンツと外部のリソースを組み合わせた学習を現実のものとしている。
こうした LMS 外の学習行動はもちろん、LMS で管理される学習についても、学習者自身が進捗を把握することは簡単でない。学習ペースの自己管理が生命線とも言える遠隔非同期の学習者にとって、この種のフィードバックは貴重なものである。
これまでにも、Web 上の探索活動を支援する研究や製品が多く存在する。その多くは、視覚化や自動処理による推薦などナビゲーションの支援を中心としたものであり、学習を振り返ったり集めた情報を繰り返し参照しながらまとめを行うのには適さない。
本研究では、極力学習者の操作を閲覧行動のみに集中させながらも、納得性の高い振り返りのフィードバックを提供することを目指した。LMS を中心にした学習活動をモデル化
し、コンテクスト／セッション／インスタンスという単位を定義した。Web の閲覧履歴をこれらに割り当てて提示することを提案する。
具体的な評価プロトタイプの実装として、Firefox ブラウザの拡張機能を選択した。本研究で開発した“あしあと”拡張機能は、WebCT で提供されているコースの種類をコンテクストとして対応付け、閲覧ページ遷移と閲覧時刻、インスタンスからセッションを識別する。同一セッション、同一コンテクスト内の閲覧履歴は、ある学習目標のための行動であり、それらが抽出されていることは、従来の Web ブラウザにある履歴機能にはない視点を提供することができる。

Abstract
Being helped by popularization of the Internet, the web usage ineducation has been expanding.
Digital learning content has been standardized and Learning Management
System (LMS) has become widely used in various fields, and learning
data history have started to be monitored by educators.
Meanwhile, more and more learners using LMS also use the web out of
the LMS as learning activities, because there are a lot of goodeducational resources.
It has become realistic that contents in LMS and outer resources in
the web are combined by web browser, which is very easy to use, andused as combinational education tool.
But it is not easy for learners to be aware of progress of their own
learning activities; not only out of the LMS field but in thecontrolled LMS field.
So a feedback system that can notify the learner's activities isnecessary for the self-paced web-based
distance learners who must manage their learning pace by their selves.
Many studies or products which would assist browsing activities in the
web have published or developed. Most of them are navigation tools
such as visualization system of browsing process or recommendation
system using automatic processing and inadequate for reviewing or
referencing the collected information repeatedly.
In this paper, reasonable system for self-reviewing of browsing
activities is proposed. Standard model for LMS-centered learning
activities is presented, context,session and instance are defined asunits, and browsing histories in the web are prorated to each unit.
In order to implement concrete appraisal prototype, extensions of theFirefox browser were selected. In the ”Ashiato”extension which hasdeveloped in this research, the courses which are offered by WebCT
correspond to contexts and sessions are identified by browse pagetransition, perusal time, and instance.
It is possible to think the browsing history in the same session andthe same context to be a unit of the action for a learning objectives.
The aspect not provided as a history function provided in a popular
web browser can be offered.

１．はじめに1.1 研究の背景
インターネットの普及が情報の送受信を広範囲に押し広げ、ありとあらゆる情報がサイ
バースペースを流れるようになってきた。そのメッセージの中心的な伝達媒体は、World

Wide Web（以下、Web）と呼ばれるアプリケーションである。利用者が使用する Web ブラ
ウザというソフトウェアもまたシンプルであり、ソフト自体を使い始めるのには敷居は低
いことも普及の大きな要因であろう。Web ブラウザの操作はシンプルで、適切にナビゲー
ションが配置されたサイトではクリックしていくだけで情報を得ることができる。
一方、読んだら読みっぱなしで後から重要な情報だったと気付き、それがどうやっても見つけられない経験も、多くの Web 利用者にはあるものと思われる。筆者はこうした情報
収集と蓄積、再利用のために必要な仕掛けについて考えを巡らせてきた。

1.1.1 Web の教育利用と LMS
インターネットの普及にも後押しされ、Web の教育利用が大きく進んできている。Web
上には多くの学習リソースが存在し、また研究のための情報収集としても欠かせないものとなってきている。学習コンテンツの利用環境としても、標準化された html という記述
形式を介して、Web ブラウザで受講できるシステムが構築可能になり、CD-ROM で作られてきた教材メディアはその容量の制限やハードウェアを選ぶことから存在価値を失いつつある。
そして学習コンテンツを流通させたいニーズから標準化が促進され、学習進捗管理などの機能を揃えた学習管理システム（Learning Management System：以下 LMS）と呼ばれる学習環境が出現した。LMS を用いた学習活動では、LMS によって学習行動の記録が可能であり、学習者の進捗状況を把握することができる。しかしこれらは指導する側が主に使う機能であり、学習者の立場で役立てられるものではない。また LMS 上からの外部リン
ク参照や理解を深めるための検索など、LMS 上に記録の残らない学習行動も存在し、厳密な学習状況の把握はできない。

LMS に用意された教材を用いての学習においてさえ、提示されているリンクを参照した
り、学習者が理解できず追加の情報が必要と判断して Web に飛び出して調査をすることは多い。ディスカッションの中で紹介されたリンクの参照等も、LMS に用意された教材の範囲を超えたものである。もちろん、教授方略として計画された範囲内の学習行動である可能性はあるが、その行動を把握し評価することは難しい。

1.1.2 LMS の限界
ひとたび LMS の外部へと踏み出すと、そこで行われる学習は、まさに学習者によって千差万別である。そもそも LMS を使ったからといって、統一感のあるコンテンツができる訳
でも学習効率が上がる訳でもない。そこには、ツールはツールとして、必要な学習コース

1

のデザインはもちろん開講中あるいは前後も含めたフォローが必要であることも多い。
そこに輪をかけて、現在の Web ブラウザを使った学習では、学習者が自身の学習経過を認識したり、振り返ることが機能的にも難しい。IT リテラシーの低い学習者にとって Web
ベースの学習というものは、言葉の通じない初めての異国の地で街を歩いている状況にも似ている。
入り口に立った学習者が、スムーズに先に進めるためには、「どう使えばいいかわからない」状況にならないよう、（１）わからなくなりようのないコンテンツを作るか、（２）
学習方法の提示を適切に行う必要がある。しかし言うは易し、実際はどちらも難しい。同
じプラットフォーム（LMS）でも学習方略は違って当然であるし、有用な外部リンクを活用しようとすると、リンク先にはまた違った世界が広がっているし、どのような学習が行われたかのトラッキングもできない。
ナビゲーションの悪さもまた、教材利用の機会をさらに下げている。これは LMS 内にさえある。学習者は、直近に学習した内容を探そうと、果てしなくリンクのクリックを繰り返し、やがて振り返ることをあきらめる。教科書とノートの学習を思い起こすと、付箋紙や指何本か本の中に指して「あっち見てはこっち見て」とやっている感じが、ICT（Information and Communication Technology=情報通信技術）ベースの学習では容易ではない。

1.1.3 コンテンツとコンテクスト
Web 上に存在するこうしたリソースに限らず、同じ情報でも受け手の状況、バックグラ
ウンド（背景知識）によって意味づけは異なってくる。例えば有名な知識人／研究者のブックマークがあったとしても、それがどのように役立つのかは受け手次第であり、公開する側はどのように活用されるかについては特定の意図を持たずに行っている。このことからも、何をどの文脈でどのように利用するのかが明確である必要があることは明らかである。
外部リソースを教材として提示する場合には、そのコンテクストに応じて適切なインスト
ラクションが必要である。ディスカッションのような学習活動の中で、学習者が相互に意見を交わす中でリンクや引用を行う場合にも、そのコンテクストにおいて意図が通りやすくするための配慮が必要である。
初めてその情報を求め探索したときのみならず、振り返る場面においてもコンテクストは重要である。２章で詳述するが、一度探した情報は必要になったときもう一度検索すればいいという考えや、その精度を上げるもの、保証するものなどの研究や実践も多く見られる。しかし見つかればいいというものでもなく、どういう状況（コンテクスト）においてその情報を参照したのかといった周辺情報も、情報を再利用しようとするときには重要であると考えられる。

1.1.4 遠隔学習者
古くは通信教育の時代から、遠隔で学ぶ形態があり、近年のインターネット普及により劇的にその環境は変化してきた。ここまでで述べた通り、LMS をはじめとする Web を利用
した学習は遠隔学習者の自由度を格段に向上させてきた。その一方で、学習目標とはまったく異なる次元で、学習環境になれる必要が出てきた。ここに、自己管理能力の要求され2

る遠隔非同期型の学習者に新たな負担が発生しているという見方も出来る。
遠隔非同期の学習者が学習を継続するモチベーションになるものは何か。一つには、学習コミュニティへの帰属意識であり活発な仮想コミュニティの存在が考えられる。強力な目標への達成意欲もその一種であろう。自己管理自己責任といわれる一方で、その判断材料としてのフィードバックをより多く提供できる可能性があるのも、LMS をはじめとするICT を利用した学習環境の大きな特徴である。
遠隔学習者のもう一つの特性として、学習時間の取り方にも注目している。細切れの時間をうまく使いながら学習を進めることが多く、学習の経過を振り返ることが学習を継続する中でたびたび発生する。

1.1.5 学習者へのフィードバック
学習者の達成感、やってる気になる感、学習を継続するモチベーションとして、適切なフィードバックは不可欠である。先に述べた遠隔学習者の場合は特に、対面同期でのコミュ
ニケーションが非常に薄く、この種のフィードバックは生命線とも言える。

LMS ベースの学習であれば、LMS の機能で提供されるいくつかのフィードバックもあるが、１．１節で述べたように、なかなか学習者向けにはなっていない。進捗を例にとっても粒度が適当でなく大きすぎたり細かすぎたりする。熊本大学大学院の専攻ポータル[1]には、図 1 に示すように LMS 上のコース毎の学習進捗を統合的に表示する機能を提供している。

図 1:LMS コースの進捗を集約して提示する学習ポータルの例
この進捗フィードバックのユーザインターフェースでは、どの科目のどのコマが遅れているかは分かるものの、その遅れているあるコマが、まったく未着手なのか、もうかれこ
れ数時間費やしているのかは分からない。

3

図 2:LMS の提供する「学習進捗」ツールの出力例
一方、LMS で提供される学習進捗ツールでは、図 2 のように非常に細かいようで、またどこを見ていたのか分からないものである。
学習者へのフィードバックの中でも、課題に対する評価やディスカッションでの相互コ
メントといった学習内容に基づく学習活動そのものは学習目標に非常に密接に関係しており、強く意識されるものである。（図３）＜学びたいことそのもの＞
強く意識
シラバス

学習目的・目標

正確さ

コンテンツ

学習内容

学習機能

学習方法

学びやすさ・
分かりやすさLMS

学習環境

ストレスの無さ

ブラウザ

学習ツール
まったく無意識＜学びのためのコミュニケーション手段＞

図 3:学習コース構成と求められる性質

4

一方、学習ツールであるブラウザは無意識に使えることが理想である。ブラウザに備えられているブックマークを使った学習経過の整理や履歴機能を使った参照ページへの再参照などを効果的効率的に行うことは、学習目標とはまったく関係ない汎用的な学習行動のスキルと位置づけることができる。
図 3 は、典型的な LMS ベースの学習コースを構成する要素をハード的な道具からソフト的な学習目標へと関係を積み上げたものである。参考文献[2]の質保証レイヤーモデルを参考に、求められる性質を当てはめた。

1.2 本研究の目的
こうした現状分析の過程から、学習者自身の行動が、容易に認識できるコンテクストと関連づけて学習履歴情報として記録されていると、再生もされやすいのではないかとの仮説を持つに至った。Web ブラウザの簡便さの裏にある、整理・ふりかえりのしずらさ、見通しの悪さを改善することで、見えにくかった進捗の把握や時間のかかる学習の継続を支援できると考えた。
本研究の目標は、「コンテクストごとに整理した形で学習行動を視覚化し振り返り易くする」ことで「オンライン学習コンテンツにおける課題やディスカッションへの取り組みの支援をする」と同時に「自己及び教授者が学習状況について評価」できるシステムを設計・開発することである。それにより、分かりやすいコンテクストとして LMS 上のコース
情報を使用し、ブラウザに組み込む機能により、学習者が準備や操作すること無く対応付けられた履歴を提示することで学習のふりかえりを支援する試みを行う。

1.3 本論文の構成
第２章では、関連研究を概観し、本研究でフォーカスする課題を明らかにする。
第３章では、提案するシステムについて述べる。
第４章では、提案するシステムを実際に検証するためのプロトタイプ実装について述べる。
第５章では、本論文のまとめとともに、今後の課題について述べる。

5

２．関連研究
第１章で述べた課題に対して、これまでどのような解法が考えられてきたのかを調査してきた。一つには、学習者を迷わせないコンテンツとして作り込むこと。もう一つは、自由な Web 上の行動を学習に役立てるために視覚化、記録、整理する手段を提供することである。
前者の事例として「外部リンクの作り込み」「情報探索スキルの強化支援」、後者の事例として「行動履歴の分類と視覚化」「ブックマークにおける分類手法」「学習支援ツール」について以下にまとめる。本章の最後では、これらの関連研究と第１章で述べた課題の関係を考察し、次章の提案システムへと導く。

2.1 使いやすさ学びやすさの追求
2.1.1 外部リンクの吟味を学習プロセスに役に立つ学習資源としてリンクを用いる上でも、それなりの工夫は作り手にできる。

1.1 節で述べたように、単なるリンクではなく学習のコンテクストに応じて適切なインス
トラクションが手供されるべきであり、それらを備えた学習ツールが研究されている。
参考文献[3]の研究では、ガイドツアーの作成をとりあげ、Web ページを収集し、バラ
バラに存在する情報をある意図の元に関連づけ、関連に対するコメントや閲覧順序、情報のフィルタリングにまで追求を行っている。単にリンクを用意するだけでなく、「リンク先にある内容から何を学んで欲しいか」について提示することが、第１章で指摘したような学習者のリテラシーに依存する問題を解消する一つの方略と考えることができる。コン
テクストが教材提供側によって明示されることで、履歴との対応付けも行い易い。
またガイドツアーの作成を学習者に行わせることで、知識の再構成を行う主体的な学習とすることができると指摘している。
ガイドツアーの作成には、あらかじめ想定した規模の目標と、それらが埋められていく
入れ物が用意されることで進捗も見えやすい。

2.1.2 探し方を鍛える
柏原ら[4]は、Web 探索におけるリンクの閲覧、採否、評価などについて支援するツールを開発している。このツールを用いて学習に取り組むことで、その分野に長けた研究者が行うような情報探索を、見習いの者が身につけていくことを目指している。
メタ認知スキルとされるこうした能力の開発を支援するため、Learner-Adaptable

Scaffolding という考え方を提唱し、それに基づくツールを開発している。その中心にある Interactive History（以下、IH）は、リソースの閲覧履歴を視覚化し、その目的や獲得したい（させたい）知識の全体像としての知識マップを与える機能やナビゲーショ
ンの目的を示す機能、メモをとる機能などからなり、支援（＝足場掛け：Scaffolding）
を調整することでメタ認知スキルを鍛えることを狙っている。
また周囲では様々な研究が派生的に行われており、複数の履修者が生成した認知プロセ

6

スを重ね合わせることでリフレクションをさらに支援するツールなど興味深い取り組みがなされている。
なかでも、IH の前段として navigation Planning Assistant（以下、PA）があり、こちらで Web のナビゲーション履歴から知識マップと呼ぶ有意のページ群を生成することから、ふりかえりの支援という面において筆者の意識する課題に適用することも検討でき
る。

IH は、
●

学習目標の設定●

ゴールの設定●知識マップの生成●

ナビゲーションのアノテーション作成

といった準備の上に支援機能（Scaffolding）が動作し、それらを調節することで、手を借りながら学習したり徐々に機能を外して学習プロセス自体を身につけていくという点で、認知の方略的に大変面白い研究である。
そして上記の準備をしておくことで学習者が学習できるというだけでなく、これらの準備を通して、学習が行われるという側面も見逃せないところである。

図 4:オープンエンドな学習プロセスにおける学習空間形成・再構築モデル（※参考文献[7]より図 1 を引用）
まとめると、IH と PA は、「学習プロセスの可視化が可能なように作り込まれた（または作り込むための）もの」であると考える。ナビゲーションを可視化するという点で非常に魅力的な実装がなされており、参考になる。

2.2 学習行動の支援
2.2.1 行動履歴の分類と視覚化
筆者が以前実装したプロトタイプ[5]では、時間の経過と連続する同一サイト閲覧を単位とした「訪問」を２方向の軸に配置し、塊で発見し易さを表現した。（図 5）7図 5: History View 試作（2005,加地）
この元になっている、目的と連続するサイトの関係を表したものが、図 6 である。

図 6:Web 閲覧行動のグループ化

8

Google Web History[6]もまた閲覧の連続性と関連性を視覚的に表現し、一連の行動を振り返り易くしている。
ページ閲覧の連続性に着目し、そこからコンテクストを抽出してメタデータ化し、ブッ
クマークにコンテクストの情報を付加した研究事例[7]がある。複数のブックマークが、ページ閲覧の範囲に重複を持ちながらコンテクストを形成しており、本研究でも整理の支援機能として参考になるものと考える。
ブラウザに備わっている典型的なナビゲーションについて、参考文献[8]では IE に組み込んだツールバーにより、現在のブラウジングの目的及びメモを明示しながら操作し、被験者の操作履歴から傾向を分析している。
この種の研究や実装の傾向として、以下が挙げられる。
●

履歴を視覚化するもの●

履歴をもとにリンクを推薦するもの●

ページ間の何らかの距離計算により群を見つけるもの●

行動の種類を分析するもの

また、●

ナビゲーションの支援のためのものが中心●整理する機能が不足している●

細かすぎて、全体の俯瞰に配慮されたものが少ない

ことが感じられた。

2.2.2 マーキング（ブックマーク、タギング）
分類して記録するアプローチで最近のトレンドは、タギングとソーシャル機能である。
分類されたものがどのように活かされるかという視点で観察すると、ソーシャルブックマー
クのランキングや blog のタグクラウドと呼ばれる関心度の高いタグをビジュアルに表現する手法など、集合知を志向する傾向にある。

9

(a)

(b)

(c)

図 7:はてなブックマークのタグ例
図 7 に示すのはソーシャルブックマークサービスのタグ付けに基づいた絞り込みのイン
ターフェース例である。(a)のように、初期状態ではよく使われているタグほど大きく、時には濃淡を使って表現されることがある。この表現では、一目によく使われているタグが識別できる。また絞り込みの機能として、タグを選択（クリック）することで、そのタグが付いているブックマークが絞り込まれる。(b)の状態では、絞り込みに使ったタグに関連するタグとして、同時に付けられたことのあるタグが「Related」として表示される。
統一したタグを使っていれば、容易に絞り込みが重ねられ、ブックマークの発見がし易くなる。(c)の段階では候補が３件に絞られている。
ところで分類整理しながら情報収集するためには、学習者に整理するための知恵、スキルが必要になる。またその手法は人により異なり、ある特定の手法を学ばせることも馴染まないと考えられる。分類が、あらかじめ提示されたものを使用して行われる場合と、学習者が自分で決める場合の具体例や特性について、表１に示す。
ケース

提示されるもの

自分で決めるもの

Blog

記事カテゴリオフィシャルタグ

ユーザ定義カテゴリ
タグ

ソーシャルブックマーク

おすすめタグタグ

表 1:主なサービスで利用される分類方法
いずれの場合も、決められたものでは決めかねる、かといって自由につけられても、つ10ける度に悩んで決めきれない羽目に陥る経験が、筆者にはある。こと、学習活動において、最初から候補が提示されていたのでは、どうしてもそれらに引っ張られがちになることも懸念される。
参考文献[9]では、タグは個人によって付け方がまちまちであることを指摘しつつ、ある個人が同じタグ付けによって集めたページ群の類似性からコンテクストの類似性を導き出している。

2.2.3 クリッピング
ブラウザベースの学習を支援するメモ機能やツールが多数存在する。多くはブックマー
ク機能を備え、クリッピング機能やコメントを書き残す機能を持っているものも多い。
代表的なソフトウェアの例を表 2 に示す。
名称

形態

url、補足Web ブラウザからのクリッピングでは、url やMicrosoft Office クライアント
アプリケーション 日時などを同時に取り込む
OneNoteGoogle Notebook Web サービス
サーバに情報が残るため複数の PC で共有可能＋ブラウザ

ScrapBook

PluginFirefox 拡張機能 Web ページをスクラップブックに貼るように収集する。一括で取り込んだり不要な箇所を切り取るなど豊富な編集機能を有する。

ZoteroFirefox 拡張機能 論文執筆に向く高機能な情報整理ツール。表示しているページから文献情報を抽出したり、PDF ファイルや Web ページをスナップショットとして保存する。

表 2:主なクリッピング用ソフトウェア／サービス
この中で、Zotero の最新版には「タイムラインを作成する」機能が追加された。コレ
クションした種々のアイテムを、｛出版日、作成日時、更新日｝のいずれかを選択してタ
イムライン上に表示する。見た印象では、マーキングされたアイテムのみが表示され、通り過ぎた閲覧ページなどは記録に残らないことから、振り返りという点においては弱いと感じた。

ScrapBook には、ノートをまとめる機能もある。
これらのツールは記録する機能が局所的であり個々に記録した成果を統合して管理する
ためには、フォルダのような機能を自分なりに利用して整理する必要がある。ゆえに、学習行動の流れを振り返るものではなく、再現性には疑問を感じる。

2.3 まとめ
コンテンツを学びやすく作り込む取り組みは対象が局所的であり、すべてのコンテンツ
や学習活動に適用することは大変である。例えばガイドツアーの作成の例では、この教授方略が当てはめられる学習項目に限られてしまい、また準備に労力がかかる。出来るだけコンテンツや学習プラットフォームから切り離された実装として、Web ブラウザという簡11

便なツールの機能を強化する方向を検討したい。
クリッピングなどの Web ベースの学習を支援するツールを調査したり、実際に利用しているが、整理するスキルがいろいろな形で求められることがあらためて浮き彫りとなった。
コンテクストに対応付けることで、LMS の外部で行われる学習行動を統合したフィードバッ
クが可能になる。このコンテクストの対応付けを如何にお手軽にやってしまうか検討したい。
また様々なナビゲーションの支援をする取り組みを見る中で、これらの取り組みの傾向
として以下の要素が挙げられる。
●

階層的なカテゴライズ●

検索によるフィルタリング●

遷移をビジュアルに表現●

サムネイルの利用

しかし全体を俯瞰するようなものが少なく、時間軸や目的をの塊を意識した見せ方が必要であると考える。

12

３．提案システムの概要
第１章では、Web ベースの学習における課題として、学習者に適切な学習進捗のフィー
ドバックがなされていない点を指摘した。また LMS の外部での学習行動が伴うようになり、
かつこれらが LMS の管理機能ではトラッキングされにくい点についても指摘した。
第２章では３つの視点から関連研究を追い、考察を加えた。コンテンツの作り込みで対応する方法については、提供する側に依存する面が多く学習者からすると期待するところが大きいこと、履歴系の研究ではフィードバックが局所的であったり直線的すぎ目的に到達しにくい。まとめ系のツールには整理する能力が必要であり、時間軸の概念があまり見られない点も再利用のし易さを阻害している。
必要なことは、「何の目的で」「いつ」「何をしたのか」をフィードバックすることであると考えた。それが達成状況のバロメータにも、また振り返り学習の支援にもなる。

3.1 定義提案するシステムは、学習者が特に分類整理することを意識せず、意の向くままに Web閲覧した経過を、コンテクストに対応づけて提示するものである。「何の目的で」：コン
テクスト、「いつ」：セッション、「何をしたのか」：閲覧履歴 という関係となる。インスタンスは 3.1.3 にて詳述するが、Web 閲覧を実際に行う表示装置であるウィンドウであり、閲覧履歴を発生させる最小の単位である。
図 8 に典型的な Web 閲覧の遷移とインスタンス／セッション／コンテクストの関係を示す。

13図 8:Web ページ遷移とコンテクスト／セッション／インスタンス

3.1.1 コンテクスト
ある学習単位を指す。例えば大きくは「ナレッジ・マネジメント」といった科目であり、細分化すると、「ブロック１２」や「タスク３」といった学習活動の集合である。その粒度についても検討が必要であるが、本論文では LMS 上のコースをコンテクストの単位として扱う。

3.1.2 セッション
あるコンテクストについての、連続する Web 閲覧の集合。同じコンテクストにおけるWeb 閲覧で、ある一定時間以上のアクセス間隔をもって別のセッションとする。例えば朝学習の時間と帰宅後の学習など、学習行動を振り返る際に妥当な集合に振り分けるための尺度である。
セッションは、同一インスタンスでもコンテクストの切り替わりが起きると、別のセッションとなる。

14

3.1.3 インスタンス
Web ブラウザを複数使ったり、タブブラウザのようなユーザインターフェースで複数のWeb 閲覧が同時に発生している場合に、それぞれを識別する目的で使用する。ディスカッ
ションページから開いたメッセージウィンドウなど、インスタンス間には関連がある場合が多く、行動観察上非常に有用な情報となる。
あるインスタンスから「新しいウィンドウで開く」といった操作や target が指定されたリンクなどで新しいウィンドウが開いた場合、新しいインスタンスが生成される。この場合、元のインスタンスのセッションを引き継ぐ。物理的には複数のウィンドウを使用しているが、目的は同じコンテクストに拠るものと判断できるからである。

3.2 コンテクストへの対応付け
コンテクストへの対応付けは、コンテクストを認識する部分と閲覧行動を記録する部分が連携して行う方式をとる。図 9 に、Web ブラウジングからインスタンス／セッション／
コンテクストの管理への流れを示す。

インスタンス管理
セッション管理
インスタンス生成

コンテクスト管理

ナビゲーション指令発生
セッション更新
コンテクスト更新

図 9:ナビゲーションとセッション管理

3.2.1 コンテクスト認識
コンテクストの認識は、図 9 のコンテクスト管理で行われる。コンテクストを認識する方法として、本研究では Web サイトに付けられた url に対するパターンマッチングを用いる。LMS 上のコースを利用して学習している場合にも、コースごとに url の特定部分からコースを識別できる場合がある。
その他の方法としては、ページ自体に識別子として特定のタグを埋め込み、読み込んだページからタグを検出する方法が考えられる。
以上のような方法で、今読み込んだページのコンテクストが特定できた場合は、引き続
き同じコンテクストにいるのか、違うコンテクストが検出されたのか判断する。特定できない場合は、引き続き同じコンテクストに属するものとする。これで概ねうまくいくとの見当である。

15

3.2.2 閲覧行動の記録
Web の閲覧はたいてい連続して行われる。のページの遷移を通常の Web ブラウザの履歴と同様に記録する。ブラウザの持つ履歴の機能は実装によって記録される単位が違うことがある。特に、フレームを多用した LMS では履歴として記録されなかったり、見分けの付かないタイトルで履歴が記録されたりする。
通常の履歴機能と同様、そのページに戻る操作も必要であるが、どこを見ていて何を開いたのかといった繋がりを重視しており、Web ブラウザの履歴に残されないような遷移も必要に応じて記録していくことが重要である。
またページタイトルが適当でない場合にページ内からそれを識別できる文字列を切り出したり、サムネイルを生成するなどの振り返りやすさを検討する必要がある。本論文では、
付録 1 にリストアップするにとどめる。
また将来的には、Web 閲覧の行動だけではなく、電子メールの送信や IM（インスタント
メッセンジャー）での会話、ドキュメント作成といった同目的の様々な行動を統合していくことが考えられる。
図 9 のセッション管理では、コンテクスト管理でコンテクストの遷移が検出された場合、遷移先のコンテクストで再利用できるセッションがあるか判断し、無ければ新たにセッションを生成する。同じく図 9 のインスタンス管理では、発生したナビゲーションに伴う閲覧
行動履歴をセッションに対応付けて記録する。

3.3 閲覧履歴の提示
閲覧履歴を提示する機能は、コンテクストとセッション＝時間軸で表現する。コンテク
ストからセッション、セッション中の閲覧履歴という流れで振り返りが出来る。
手動でコンテクスト間の移動や削除を行う機能も用意する必要があるが、評価にあたっては予定があることを明示するにとどめる。

3.4 クライアントツールとして実装
これらの動作を、Web ブラウザに組み込む形で実装する。クライアント側で実装するアプローチを取ったのは、サーバ型の実装では図 9 で示したような細かい操作が取得できな
いことが最大の要因である。またサーバに閲覧履歴情報が送信されることは心理的にもマイナスである。あくまで手元で情報が記録、処理され外には出ない安心感は、利用者に取って大きいものである。

16

４．プロトタイプの実装
学習者が利用するクライアント側の機能は、Firefox ブラウザの拡張機能として実装を行った。またコンテクスト検出のためのメタデータは、LMS の設置単位に用意されることを前提に設計した。今回のプロトタイプでは、LMS からメタデータを適宜取得して使用する仕掛けではなく、評価でのターゲットになる LMS サイトに対応したメタデータをプロトタイプにあらかじめ持たせるにとどめている。
図 10 に、全体イメージと実装範囲（網掛けの extension 部分）を示す。

LMS

コンテクスト
対応付け表示Fi refox browser

コース Ａ
コース Ｂ

＜＞
＜＞

コンテクスト管理
コースメタ情報（＝コンテクスト）

セッション
管理

インスタンス管理

extension

図 10:「あしあと」拡張機能の実装構成概略

4.1 コンテクスト情報と検出方法
コンテクストの定義として、本研究では LMS コースをその単位に置いた。より細かく下位の学習ブロックなどに落とすことも考えられるが、まず何かしらの基準に沿って動作し評価可能なもので取り組むこととした。
具体的には、WebCT（Blackboard Learning System CE Edition）上での学習活動を評価ターゲットとし、開講しているコースについてのメタ情報を作成した。
メタ情報自体もコースに付随する情報として配置され、異なる学習サイトの異なる LMS
でも共通で利用できる可能性があると考える。
前述の通り、本稿では時間の関係から、特定のサイトについての検出情報を、評価シス
テムの拡張機能プログラム内に静的に保持する形で実施している。メタデータのイメージ
を図 11,12 に示す。

17

<ContextPatterns><ContextPattern Name="WebCT CE 6.0"><Pattern>/\/lc[0-9]+\//</Pattern><Ignore̲cases><case>lc461001.</case></Ignore̲cases></ContextPattern></ContextPatterns>

図 11:特定の LMS プラットフォームを検出するためのメタデータ<Contexts><Context Name=” 特別研究 II”>
<value>lc328759286.</value><host>webct.kumamoto-u.ac.jp</host></Context>:</Contexts>

図 12:LMS から配信される、コース識別用メタデータ

4.2 学習者インターフェース
Web ベース学習のユーザインターフェースは Web ブラウザである。本研究では、開発の容易性から Firefox ブラウザを選択した。Firefox ブラウザはオープンソースコミュニ
ティで開発が行われており、拡張機能という仕組みにより Firefox 本体に機能を追加することが可能で多くの開発者が拡張機能を公開している。それぞれに利用条件はあるものの、その実装がほぼオープンになっているため参考になるコードを読んで学習することが可能である。参考にしたリソースを付録 1 に示す。

18

4.2.1 ツールバー

図 13:Firefox のツールバーに追加されたボタン
ツールバーボタンを登録した状態が図 13 である。メニューボタンになっており、直近認識されたコンテクスト、コンテクスト操作（追加、解除）、ふりかえりビュー／設定機
能呼び出しと並ぶ。
現在のコンテクストにはチェックマークが入り、他を選択すると切り替えることができる。ちょうど別のコンテクストで有用そうな情報に行き当たり、しばしそちらのコンテク
ストに関する作業をする場合など、明示的にコンテクストを切り替えることができる。
「コンテクスト追加」は、自動的には認識されないコンテクストを手で追加するためのものである。一方「コンテクスト解除」は明示的にコンテクストの選択状態を解除する。
例えば、学習で調べごとをしている間に着信したメールからニュースサイトに飛んで読み始めてしまい、現在のコンテクストとは無関係な Web 閲覧等を始めてしまった場合などに使用できる。

4.2.2 コンテクストメニュー
ここでのコンテクストメニューとは、ブラウザ等のアプリケーションで右クリックにより開かれる状況依存型のポップアップメニューを指す。本ソフトウェアは、Firefox の拡張機能として実装しており、Firefox ブラウザで閲覧している Web ページ上で呼び出されるコンテクストメニューにも機能を追加している。
図 14 は、コンテクストメニューに追加された「パン屑を残す」機能を選択した際に表示されるダイアログである。

19

図 14:「パン屑を残す」コンテクストメニュー

4.2.3 サイドバー
一般的に、Web ブラウザには側面縦置きの領域を使ったサイドバー呼ばれる機能が備わっており、標準では履歴やブックマークなどが利用できるようになっている。閲覧中のページとは独立に機能を配置したり情報を表示したりできることから、様々な追加機能が開発されており、利用者が好みに応じて追加したり常時表示させて使用している。
近年ノート PC でも画面の幅（解像度）が高くなる傾向にあり、Web ブラウザの横幅もそれに合わせて広くなることから余白が生じたりコンテンツが横長に表示されるようになってきた。このため、サイドバーを常時表示していても邪魔にならなくなってきている。
本研究で開発したツールのサイドバーを図 15 に示す。
上部にはメニューバーがあり、「Context」「現在地」「View」の３つの機能がある。
「Context」はメニューになっており、ツールバーのメニューと同等の操作が呼び出せる。コンテクストの切り替えは、上半分のコンテクストリスト上で操作できる。
「現在地」は、コンテクストリスト上で現在認識されているコンテクストとは違うコンテクストを選択しセッションリストや Web 閲覧の履歴にアクセスしていた場合に有効になり、選択することで、認識されてい図 15:サイドバー

るコンテクストに選択状態を戻す。カーナビの「現在地」ボタンのようなものである。

メニューバーに続いてコンテクストのリストが表示される。認識されたコンテクストが増えると順次追加されていき、コンテクストが切り替わったことが認識されると選択状態

20が変化する。リストにはアイコンを付しており、表 3 に示す２種類がある。

WebCT で認識されたコースに対応するコンテクスト
手動で作成したコンテクスト

表 3:コンテクストリストのアイコン
このリスト上でコンテクストを選択することで、下部のセッションリストが選択された
コンテクストのものに切り替わる。
下部セッションリストとの間には、分割位置を上下するスライダと、選択されているコ
ンテクスト名を表示するラベル部分がある。
下半分がセッションリストである。セッションとは、3.1.2 で定義したように、連続するある一定間隔内のページ遷移で結ばれた閲覧行動であり、複数のページ、インスタンスにまたがることがある。セッションを識別するために、日時を第一レベルに表示する。展開すると、そのセッションで行われた Web 閲覧の履歴が時系列に表示される。
セッションリストにもアイコンを付している。見た目にも Web 上の行動が一見してわかり、履歴を確認する上で記憶をより戻し易くする役に立つ。表４にアイコンの種類を示す。
セッション。30 分以上の間隔をもって別のセッションになる。
閲覧した Web ページ
フレーム内のページ等で直接開けないコンテンツ

PDF 等のダウンロード「パン屑を残す」機能で付けられたメモ

表 4:セッションリストのアイコン
青いアイコンのページは、クリックすると新しいタブでページを開くことができる。一方グレーのアイコンは、フレーム内に表示されたページの遷移を示しており、直接その状
況に遷移することができないものである。
また、PDF やアーカイブファイルなど、ブラウザで表示せずダウンロードするためのリンクも利用することがあるが、これらのリソースへのアクセスも時系列になった履歴上に表示される。パン屑」機能によって付けられたメモも同様に表示する。
このように、通常のブラウザでは記録されることがないフレーム内のナビゲーションや
ダウンロードの履歴などを加えたことで、より詳細に行動を振り返ることができるようになる。履歴のリストを 30 分以上の間隔をもって区切ったセッションに分割して提示することもまた、通常のブラウザに見られる履歴表示に対して振り返り易さを向上させている。

21

4.2.4 振り返りビュー記録された Web 閲覧を、認識されたコンテクスト、セッションに対応付けて提示する。
画面イメージを図 16 に示す。

図 16:ふりかえりビューのプロトタイプ
左に使用したコンテクストのリストが並び、選択されたコンテクストのセッションが右に表示される。セッションは折りたたみが可能で、展開するとセッションごとに閲覧した

Web ページのリストが表示される。

22

4.2.5 インストール、アップデート
Firefox の拡張機能として実装を行ったことで、ツールの配布上便利な仕掛けが利用できた。Firefox に拡張機能をインストールする最も簡便で一般的な方法は、xpi パッケー
ジという形式の配布パッケージを作成することである。

Firefox の最新バージョン（2007 年 12 月現在、2.0）では、最低３個のファイルで構成される。本研究で作成した拡張機能の構成を図 17 に示す。
最上位階層にある install.rdf とchrome.manifest の２つが固定のものであり、機能の実体となる xul ファイルが一つ必要になる。位置は chrome.manifest ファイルで指定される。
拡張機能の実体は chrome の下にまとめられる。
content はユーザインターフェースを含む実装の中心であり、locale は言語ローカライズ、skin はア
イコン等の Look and feel に関するものが置かれる。
最上位階層にある他のフォルダについては、

default は設定の初期値を設定するコード、
components は XPCOM（cross Platform
Component Object Model）と呼ぶ機能オブジェ
クトを追加するコードが置かれる。

図 17:xpi パッケージ構成の例
本ツールの利用者は、Firefox ブラウザで配布サイトのインストールページを表示、リンクをクリックすることでインストールを開始することができる。図 18 は、インストー
ル時に表示されるダイアログである。このダイアログに応答することで、インストールが実行される。

23

図 18:インストールダイアログ
またアップデートは、インストール時の install.rdf に書かれたアップデート用 URL へ
アクセスして更新のチェックが行われ、検出されるとユーザに通知される仕組みとなっている。

24

５．まとめLMS を中心とした学習活動において、Web ブラウザを使った学習者の行動の視点から課題を検討した。関連研究をひもとき、コンテクストと Web 閲覧行動の関係づけによる改善を提案した。LMS のコースになぞらえて Web 閲覧行動を整理提示するプロトタイプを作成した。図 19 に、実際の LMS にて提示されるコースと、そのコンテクストでの１セッショ
ンが対応付けられている様子を示す。

図 19:LMS コース構造に対応付けられたセッション内の履歴●●

これまで同様に Web ブラウザを使いながら、振り返りをしやすくすることで●安心して動き回れる●

どのくらい時間をかけ、何をしていたのか つかみやすくなる。

期待される副次効果●

学習のまとめがし易くなる。

●

自分で整理したものなら提出しやすい。 （LMS へのアップロード＝教授者
側での活用）

提案の意図通り、学習者が手元で、自身が納得いく形で行動記録を学習に役立てることができとすると、その行動記録を教授者に提供することは心理的にも障壁が低いものと考えられる。ある種のポートフォリオとして、LMS へ送信、記録を統合することで指導にも役立てられると考えている。
ツール自体の改善点も多い。主要なものを付録 3 に付す。今後はコンテクストの識別情25

報を設定、配信できる機能を作り込んで多くの LMS 活用現場で評価できるようにすることと、整理する機能を充実させ学習支援ツールとしての側面を強化していく必要がある。

26

６．謝辞
本研究を進めるにあたり、お忙しい中適宜助言をいただきました喜多敏博准教授、鈴木克明教授、高橋幸准教授に感謝します。また LMS 上での指導を共有できたことは非常に有益で、ともに研究に取り組まれた同期生の皆さんおよび指導教員の方々のやり取りの中からも、多くの気付きを得ることができました。ここに感謝申し上げます。最後に、理解ある家族の皆に心から、感謝の念を記します。
またツールの開発にあたり、Firefox および拡張機能に関して多くの Web 上のリソース、公開されている拡張機能を参考にさせていただきました。付録 1 にまとめて記し、感謝申し上げます。

27

参考文献
1. 「CMS を補完する学習ポータルの実装 ‒ 教授システム学専攻ポータルを例として」（2006,中野裕司・喜多敏博・杉谷賢一・根本淳子・北村士朗・鈴木克明, 情報処理学会
研究報告第４回 CMS 研究会 pp. 55-60）
2. 「ID の視点で大学教育をデザインする鳥瞰図：e ラーニングの質保証レイヤーモデルの提案」(2006, 鈴木克明,日本教育工学会第 22 回講演論文集 pp. 337-338)
3. 「スタンドアロン型の学習用 Web ページガイドツアー作成ツール」（2002, 山北隆典,
情報処理学会論文誌 Vol.43, No.sig5(20020615) pp. 12-22）
4. 「オープンエンドな学習プロセスにおけるメタ認知のためのアノテーション」（2007, 柏原昭博，教育システム情報学会第 32 回全国大会講演論文集, pp.16-17)
5. 「情報収集行動履歴の蓄積共有と効果的な視覚化インターフェースの研究」（2005,
加地正典, 信州大学工学部 卒業論文）
6. Google Web History
http://www.google.com/history/
7. 「閲覧履歴を反映したコンテクスト依存型 Web ブックマーク」（2002, 中島 伸介 黒田 慎介 田中 克己, 情報処理学会論文誌 Vol.43, No.sig5(20020615) pp. 23-36）
8. The impact of task on the usage of web browser navigation
mechanisms M.Kellar, C.Watters, M.Shepherd - Proceedings of the 2006
conference on Graphics interface, 2006 ‒ portal.acm.org
9. 「Folksonomy におけるコンテンツ推薦のためのメタデータ成長モデルの提案(情報抽出)」（2006, 佐々木祥,宮田高道,稲積泰宏,小林亜樹,酒井善則 電子情報通信学会技術研究報告. Vol.106, No.150(20060707) pp. 67-72）
10. 「コンテクスト対応付けによる Web 学習閲覧履歴ツールの一試案」（2007,加地正典 喜多敏博 高橋幸 鈴木克明, 教育システム情報学会第 32 回全国大会講演論文集 pp.
136-137）
11. 「コンテクスト対応付けによる Web 閲覧履歴の学習資源化についての一試案」（2007,加地正典 喜多敏博 高橋幸 鈴木克明, 情報処理学会研究報告第７回 CMS 研究会
pp.1-4)

28

付録
付録一覧
付録１

Firefox 拡張機能開発 参考リソース

付録２「あしあと」拡張機能

主要コード

付録３

「あしあと」拡張機能

検討課題リスト29

付録１ Firefox 拡張機能開発 参考リソース
Firefox について
http://www.mozilla-japan.org/products/firefox/
MDC ‒ Mozilla Developer Center
http://developer.mozilla.org/
Sidebar
http://developer.mozilla.org/en/docs/Creating̲a̲Firefox̲sidebar
XPCOM
wrappedJSObject - MDC* http://developer.mozilla.org/en/docs/wrappedJSObject
JavaScript XPCOM Component Wizard* http://ted.mielczarek.org/code/mozilla/jscomponentwiz/
設定システム* http://developer.mozilla.org/ja/docs/Preferences̲System

参考にした拡張機能●

ScrapBook - Web クリッピング●

TabTree - タブの親子関係をツリー表示●

HistorySubmenu - 履歴メニューを Safari 風に●

FireBug - 高機能な Web 開発者向け統合ツール30

付録２ 「あしあと」拡張機能 主要コード
content
ashiatochrome/content/
locale ashiato
en-USchrome/locale/en-US/
locale ashiato
ja-JP
chrome/locale/ja-JP/
skin ashiato
classic/1.0
chrome/skin/overlay
chrome://browser/content/browser.xul
chrome://ashiato/content/firefoxOverlay.xul
style chrome://global/content/customizeToolbar.xul
chrome://ashiato/skin/overlay.css

chrome.manifest は、拡張機能の構成を定義している。
<?xml version="1.0"?><RDF:RDF xmlns:em="http://www.mozilla.org/2004/em-rdf#"
xmlns:NC="http://home.netscape.com/NC-rdf#"
xmlns:RDF="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><RDF:Description RDF:about="rdf:#$zGzQR3"
em:id="{ec8030f7-c20a-464f-9b0e-13a3a9e97384}"
em:minVersion="1.5"
em:maxVersion="2.0.0.*" /><RDF:Description RDF:about="urn:mozilla:install-manifest"
em:id="ashiato@mlx.sakura.ne.jp"
em:name="あしあと"
em:version="0.0.20071225"
em:type="2"
em:creator="quwaji"
em:description="Web上のあしあとをふりかえります。"
em:homepageURL="http://mlx.sakura.ne.jp/gsis/xul/"
em:updateURL="http://mlx.sakura.ne.jp/gsis/xul/update.rdf"
em:aboutURL="chrome://ashiato/content/about.xul"
em:optionsURL="chrome://ashiato/content/options.xul"><em:targetApplication RDF:resource="rdf:#$zGzQR3"/></RDF:Description></RDF:RDF>

install.rdf は、拡張機能のインストール情報を定義している。
更新用の url や Firefox のアドイン管理機能で表示される設定、サイト、説明などを記
述する。

31

付録３ 「あしあと」拡張機能 検討課題リスト
No.

検討課題

内容・状況

1 LMS コースメタデータの動的取得

プロトタイプではハードコーディングしている。
LMS 側にて配布するメタデータと、その検出方法、取得後の管理方法、更新方法について検討が必要。

2 url パターンで判定できない LMS

moodle のように url にコースの識別が含まれない場合のメタデータ設計とコンテクスト認識方式を検討する。

3 コンテクスト検出パターンの管理

プロトタイプでは固定であったが、定義をインポートしたり編集する機能を検討する。

4 履歴リストのリッチ化

FAVICON と呼ばれるアイコンやページのサムネイルを使用するなど、楽しさわかりやすさの演出をする

5 ブラウザの履歴には現れないナビゲー フレーム内の遷移などで記録されない履歴の中にも有用
ションの対応なフィードバックは存在する。
WebCT の一部フレームについて試行したが、これを汎用化、支援機能の付加を行う。
6 ページタイトルの加工

html ページタイトルは変化のないもの（単に「メッセージ」等）がありリストにすると区別がつかない。ページ
内からパターンマッチ等で抽出する等してわかる行動記録にする。

7 コンテクスト名の編集

自動検出されたり手動で追加されたものを後で修正した
い場合にも調整できるようにする。

8 振り返りビューの強化「今週何やったか」等の、複数のコンテクストを同時に表示するビューなどを追加する。

9 複数の PC 環境での同期機能

履歴の同期を行う

32