Web情報推薦における代表的なアルゴリズムであるメモリベース協調フィルタリングは，その計算プロセスが複雑である。我々は以前，このプロセスを視覚的に理解するためのWebアプリケーション「協調ピクタリング」を開発した．しかし従来版では計算プロセスが表示されるのみで，学習者の理解度を確認する機能を有していなかった．情報科学教育の分野では，アルゴリズムの可視化だけでなく，対話的な関わりが深い理解に繋がると指摘されている．そこで，各ステップを踏んで学べる「学習モード」や「クイズモード」を新たに追加した「協調ピクタリング」を開発した．大学の授業で評価実験をしたところ，概ね良好な結果を得たため報告する．