Josh00

## HTML_01
<!--新しいページの情報を記載します。-->

<html>
<body>

<p>これは段落です。</p>
<p>これは段落です。</p>
<p>これは段落です。</p>

<p>p（段落）定義されます。</p>

## CSS_00
/*
コメントは
複数行にすることもできます。
コメントにしたスタイル指定は適用されません。
p.sample {background-color:yellow;}
*/

## Linux系ファイル
   location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;

## G_navi
 <div id="nav">
    <ul>
        <li><a href="http://josh-s.hatenadiary.com"><i class="fa fa-home" aria-hidden="true"></i>  HOME</a></li>
        <li><a href="http://josh-s.hatenadiary.com/archive/category/Tips"><i class="fa fa-laptop" aria-hidden="true"></i>  Tips</a></li>

        <li><a href="http://josh-s.hatenadiary.com"><i class="fa fa-sun-o" aria-hidden="true"></i></i>  Farm</a></li>
        <li><a href="http://josh-s.hatenadiary.com/about"><i class="fa fa-user-circle" aria-hidden="true"></i>  About</a></li>
        <li><a href="http://josh-s.hatenadiary.com/privacy"><i class="fa fa-user-secret" aria-hidden="true"></i>  Privacy</a></li>
    </ul>
</div>

## awesome_code
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

## awesome_code02
<i class="fa fa-laptop" aria-hidden="true"></i>

## MySQL_create
#mysql -u root
mysql> create database DB名;
Query OK, 1 row affected (0.00 sec)
mysql> grant all on DB名.* to 'ID名'@'localhost' identified by 'DBパスワード';
Query OK, 0 rows affected (0.00 sec)

## MySQL_install
yum install mysql

## mobile_page_category

<!--カテゴリ表示-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
  console.log($);
  var categories;
  $.get("/categories").done(
    function(data) {
      categories = $(data).find(".entry-content ul li a");

## mobile_page_footer
<style>

/* ヘッダー有無 */
#globalheader-container {
display:none;
}

/* 余白調整 */
#container {
padding-top:20px;
	<!--新しいページの情報を記載します。-->

	<html>
	<body>

	<p>これは段落です。</p>
	<p>これは段落です。</p>
	<p>これは段落です。</p>

	<p>p（段落）定義されます。</p>
	/*
	コメントは
	複数行にすることもできます。
	コメントにしたスタイル指定は適用されません。
	p.sample {background-color:yellow;}
	*/
	location / {
	root /usr/share/nginx/html;
	index index.html index.htm;
	}

	#error_page 404 /404.html;
	<div id="nav">
	<ul>
	<li><a href="http://josh-s.hatenadiary.com"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></li>
	<li><a href="http://josh-s.hatenadiary.com/archive/category/Tips"><i class="fa fa-laptop" aria-hidden="true"></i> Tips</a></li>

	<li><a href="http://josh-s.hatenadiary.com"><i class="fa fa-sun-o" aria-hidden="true"></i></i> Farm</a></li>
	<li><a href="http://josh-s.hatenadiary.com/about"><i class="fa fa-user-circle" aria-hidden="true"></i> About</a></li>
	<li><a href="http://josh-s.hatenadiary.com/privacy"><i class="fa fa-user-secret" aria-hidden="true"></i> Privacy</a></li>
	</ul>
	</div>
	#mysql -u root
	mysql> create database DB名;
	Query OK, 1 row affected (0.00 sec)
	mysql> grant all on DB名.* to 'ID名'@'localhost' identified by 'DBパスワード';
	Query OK, 0 rows affected (0.00 sec)

	<!--カテゴリ表示-->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
	$(function() {
	console.log($);
	var categories;
	$.get("/categories").done(
	function(data) {
	categories = $(data).find(".entry-content ul li a");
	<style>

	/* ヘッダー有無 */
	#globalheader-container {
	display:none;
	}

	/* 余白調整 */
	#container {
	padding-top:20px;