Last active
February 13, 2017 04:58
-
-
Save taishi41228/2cdedeee834a3aa874897ad70587aa9c to your computer and use it in GitHub Desktop.
ホームページ制作入門用 ソース
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var app = new Vue({ | |
el: "#issues", | |
data: { | |
repository: "vuejs/vue", | |
searchText: "", | |
issues: [] | |
}, | |
created: function () { | |
this.fetchData() | |
}, | |
watch: { | |
repository: "fetchData" | |
}, | |
filters: { | |
formatDate: function (v) { | |
return v.replace(/T|Z/g, ' ') | |
} | |
}, | |
computed: { | |
hasIssue: function(){ | |
return this.issues.length > 0 ? true : false; | |
} | |
}, | |
methods: { | |
fetchData: function () { | |
var xhr = new XMLHttpRequest(); | |
var self = this; | |
xhr.open("GET", ISSUES.replace("[R]", this.repository)); | |
xhr.onload = function () { | |
self.issues = JSON.parse(xhr.responseText); | |
} | |
xhr.send() | |
} | |
} | |
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
こんにちは、今はホームページ作成入門中です。 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>ほげほげのホームページ トップ</title> | |
</head> | |
<body> | |
<h1>ほげほげのホームページ</h1> | |
<p>こんにちは、今はホームページ作成入門中です。</p> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>ほげほげのホームページ トップ</title> | |
</head> | |
<body> | |
<h1>ほげほげのホームページ</h1> | |
<p>こんにちは、今はホームページ作成入門中です。</p> | |
<h2>リンク集</h2> | |
<p><a href="https://www.google.co.jp/">Google</a></p> | |
<p><a href="https://www.amazon.co.jp/">Amazon</a></p> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>ほげほげのホームページ トップ</title> | |
</head> | |
<body> | |
<h1>ほげほげのホームページ</h1> | |
<p>こんにちは、今はホームページ作成入門中です。</p> | |
<h2>リンク集</h2> | |
<ul> | |
<li><a href="https://www.google.co.jp/">Google</a></li> | |
<li>友達のホームページ</li> | |
<li><a href="https://www.amazon.co.jp/">Amazon</a></li> | |
<li>ニコニコ動画</li> | |
</ul> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>ほげほげのホームページ トップ</title> | |
</head> | |
<body> | |
<h1>ほげほげのホームページ</h1> | |
<p>こんにちは、今はホームページ作成入門中です。</p> | |
<h2>画像の表示</h2> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>ほげほげのホームページ トップ</title> | |
</head> | |
<body> | |
<h1>ほげほげのホームページ</h1> | |
<p>こんにちは、今はホームページ作成入門中です。</p> | |
<h2>ブラウザの比較</h2> | |
<table> | |
<tr> | |
<th></th> | |
<th>Internet Explorer</th> | |
<th>Chrome</th> | |
<th>Safari</th> | |
<th>Firefox</th> | |
</tr> | |
<tr> | |
<td>スピード</td> | |
<td>普通</td> | |
<td>速い</td> | |
<td>普通</td> | |
<td>普通</td> | |
</tr> | |
<tr> | |
<td>シェア</td> | |
<td>No.1</td> | |
<td>No.2</td> | |
<td>No.4</td> | |
<td>No.3</td> | |
</tr> | |
<tr> | |
<td>特徴</td> | |
<td>Windows標準</td> | |
<td>テーマや多種多様の拡張機能</td> | |
<td>カスタマイズ性が高い</td> | |
<td>Mac標準</td> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment