Webページ記述内のプログラム断片に対するDOM treeを用いた構文木の構成手法

• 立道, 昂太

• 吉田, 敦

• 蜂巣, 吉成

• 張, 漢明

• 野呂, 昌満

書誌事項

タイトル別名

• A Conversion Method of Program Fragments into a DOM Tree as Syntax Tree

抄録

オープンソースのリポジトリサイトやプログラムの解説サイトなど，プログラムを掲載した Web ページは多く存在しており，ソフトウェア開発や学習において広く利用されている．Web ページのレイアウトは作成者によって異なり，作成者のコーディングスタイルに従ってプログラム記述は書かれているので，必ずしも理解しやすいものではない．プログラム記述を構文解析することで得られる構文木を DOM 木に構成できるならば，クライアントサイドから bookmarklet を用いてプログラム記述のスタイルやレイアウトを操作することや，別サイトへのリンクの追加など高度な理解支援も可能になる．本論文ではプログラム記述の操作支援を目的として，Web ページ記述内のプログラム解析手法を提案する．Web ページのプログラム記述の構成を分類，プログラム記述箇所の特定方法と，構文木を DOM 木に変換する方法を提案することで，機能の実現をする．

There are many web pages including program descriptions, such as repository sites and learning sites for programming, and they contribute software development and programming education. These pages, however, are sometimes difficult to read for readers, because they are designed from author’s views. In this paper, we show a conversion method of program descriptions to sub-trees as parts of the DOM tree. After invoking the conversion method at client side using bookmarklet, we can change program descriptions to our favorite style and layout and add high-level capabilities by modifying the DOM tree. Our method consist of two techniques, detection of program fragments in web pages and construction of the syntax tree of a program fragment including HTML tags. We also show an experiment for evaluating accuracy of our method.

収録刊行物

• ソフトウェアエンジニアリングシンポジウム2012論文集

  ソフトウェアエンジニアリングシンポジウム2012論文集 2012 1-6, 2012-08-21

キーワード

• Web

詳細情報

• CRID: 1050292572120490112
• NII論文ID: 170000071932
• Web Site: http://id.nii.ac.jp/1001/00083614/
• 本文言語コード: ja
• 資料種別: conference paper
• データソース種別:
  • IRDB
  • CiNii Articles
  • KAKEN