helloGoGo

## dom_observer.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8" />
    <title>MutationObserver</title>
    <script src="dom_observer.js"></script>
</head>
<body>
    <input type="button" value="Hello" onclick="appendTextNode()"/>
    <div id="text-container"></div>

## trim.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>trim</title>
<!--jQuery-->
<script src="../library/jquery/jquery-3.1.1.min.js"></script>
<script>
$(function(){
    /**

## text-inden.html
<!DOCTYPE html>
<html>
<head>
<style>
    p {
        padding-left: 1em;
        text-indent: -1em;
    }
</style>
</head>

## tooltip.html
<style type="text/css">
    .tooltip {
        display: none;
    }
    #tooltip-showing {
        display: none;
        padding: 15px;
        width: 200px;
        text-align: left;
        overflow: hidden;

## hoge_fuga_dialog.html
<script>
    $(function() {
        $('#open_hoge_dialog').click(function() {
            HogeFugaDialog.open(this.id);
        });
        $('#open_fuga_dialog').click(function() {
            HogeFugaDialog.open(this.id);
        });
    });
</script>

## common_dialog.js
/**
 * ダイアログの表示制御を行う共通オブジェクト
 */
var CommonDialog = {

    /**
     * 表示対象のダイアログIDを格納する
     * @type {string}
     */
    dialogId : '',

## http.js
var getData = function (query) {
    var param = {
        url: 'http://hoge',
        data: {
            userId : 'hoge'
            query: query,
        },
        dataType: 'json'
    }
    //success
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="utf-8" />
	<title>MutationObserver</title>
	<script src="dom_observer.js"></script>
	</head>
	<body>
	<input type="button" value="Hello" onclick="appendTextNode()"/>
	<div id="text-container"></div>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>trim</title>
	<!--jQuery-->
	<script src="../library/jquery/jquery-3.1.1.min.js"></script>
	<script>
	$(function(){
	/**
	<style type="text/css">
	.tooltip {
	display: none;
	}
	#tooltip-showing {
	display: none;
	padding: 15px;
	width: 200px;
	text-align: left;
	overflow: hidden;
	<script>
	$(function() {
	$('#open_hoge_dialog').click(function() {
	HogeFugaDialog.open(this.id);
	});
	$('#open_fuga_dialog').click(function() {
	HogeFugaDialog.open(this.id);
	});
	});
	</script>
	/**
	* ダイアログの表示制御を行う共通オブジェクト
	*/
	var CommonDialog = {

	/**
	* 表示対象のダイアログIDを格納する
	* @type {string}
	*/
	dialogId : '',
	var getData = function (query) {
	var param = {
	url: 'http://hoge',
	data: {
	userId : 'hoge'
	query: query,
	},
	dataType: 'json'
	}
	//success