Showing source for: https://tech.aoiblog.net/
Duration: 1.565954s
Server: nginx
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta name="msapplication-TileColor" content="#016199">
<meta name="theme-color" content="#016199">
<link rel="pingback" href="https://tech.aoiblog.net/xmlrpc.php">
<title>AOI TECH BLOG | Aoiの技術ブログ</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//ajax.googleapis.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//use.fontawesome.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="AOI TECH BLOG » フィード" href="https://tech.aoiblog.net/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="AOI TECH BLOG » コメントフィード" href="https://tech.aoiblog.net/?feed=comments-rss2" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/tech.aoiblog.net\/wp-includes\/js\/wp-emoji-release.min.js"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='sng-stylesheet-css' href='https://tech.aoiblog.net/wp-content/themes/sango-theme/style.css?ver1_8_7' type='text/css' media='all' />
<link rel='stylesheet' id='sng-option-css' href='https://tech.aoiblog.net/wp-content/themes/sango-theme/entry-option.css?ver1_8_7' type='text/css' media='all' />
<link rel='stylesheet' id='sng-googlefonts-css' href='https://fonts.googleapis.com/css?family=Quicksand%3A500%2C700&display=swap' type='text/css' media='all' />
<link rel='stylesheet' id='sng-fontawesome5-css' href='https://use.fontawesome.com/releases/v5.7.2/css/all.css' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://tech.aoiblog.net/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='sango_theme_gutenberg-style-css' href='https://tech.aoiblog.net/wp-content/plugins/sango-theme-gutenberg/dist/blocks.style.build.css?ver1_48_0' type='text/css' media='all' />
<style id='sango_theme_gutenberg-style-inline-css' type='text/css'>
.is-style-sango-list-main-color li:before { background-color: #016199; }.is-style-sango-list-accent-color li:before { background-color: #ffb36b; }.sgb-label-main-c { background-color: #016199; }.sgb-label-accent-c { background-color: #ffb36b; }
</style>
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--sango-main: #016199;--wp--preset--color--sango-pastel: #c8e4ff;--wp--preset--color--sango-accent: #ffb36b;--wp--preset--color--sango-black: #333;--wp--preset--color--sango-gray: gray;--wp--preset--color--sango-silver: whitesmoke;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://tech.aoiblog.net/wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://tech.aoiblog.net/wp-content/themes/sango-theme-child/style.css' type='text/css' media='all' />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js' id='jquery-js'></script>
<link rel="https://api.w.org/" href="https://tech.aoiblog.net/index.php?rest_route=/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tech.aoiblog.net/xmlrpc.php?rsd" />
<meta name="description" content="Aoiの技術ブログ" /><meta property="og:title" content="AOI TECH BLOG｜Aoiの技術ブログ" />
<meta property="og:description" content="Aoiの技術ブログ" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tech.aoiblog.net" />
<meta property="og:image" content="https://tech.aoiblog.net/wp-content/uploads/2020/09/Aoi-Tech-Blog.png" />
<meta name="thumbnail" content="https://tech.aoiblog.net/wp-content/uploads/2020/09/Aoi-Tech-Blog.png" />
<meta property="og:site_name" content="AOI TECH BLOG" />
<meta name="twitter:card" content="summary_large_image" />
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url("https://tech.aoiblog.net/wp-content/uploads/2020/09/tensen.gif"); background-position: center center; background-size: auto; background-repeat: repeat; background-attachment: scroll; }
</style>
<link rel="icon" href="https://tech.aoiblog.net/wp-content/uploads/2020/09/cropped-スクリーンショット-2020-09-12-9.26.30-32x32.png" sizes="32x32" />
<link rel="icon" href="https://tech.aoiblog.net/wp-content/uploads/2020/09/cropped-スクリーンショット-2020-09-12-9.26.30-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://tech.aoiblog.net/wp-content/uploads/2020/09/cropped-スクリーンショット-2020-09-12-9.26.30-180x180.png" />
<meta name="msapplication-TileImage" content="https://tech.aoiblog.net/wp-content/uploads/2020/09/cropped-スクリーンショット-2020-09-12-9.26.30-270x270.png" />
<style type="text/css" id="wp-custom-css">
#016199
p {
letter-spacing: 0.1em
}
/* -----------マナブログH2--------- */
h2.m {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 7px #016199;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}
/* ------------ H3デザイン---------- */
h3.m {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 10px #016199;/*左線*/
}
h4.m {
position: relative;
padding: 0.25em 0;
}
h4.m:after {
content: "";
display: block;
height: 4px;
background: -webkit-linear-gradient(to right, #016199, transparent);
background: linear-gradient(to right, #016199, transparent);
}
/* -----------h2のチェック見出し-------- */
h2.check {
position: relative;
background: #f1f8ff;
padding: 0.25em 0.5em;
border-left: solid 2em #016199;
}
h2.check:before {
font-family: "Font Awesome 5 Free";
content: "\f303";
position: absolute;
padding: 0em;
color: white;
font-weight: bold;
left: -1.35em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* ---------リストデザイン--------- */
ul.m {
background-color: #f8f9ff;
border: dashed 1px #4865b2;
margin-left: 4px;
padding-top: 40px;
padding-bottom: 36px;
padding-right: 10px;
font-weight: 600;
}
ol.m {
background-color: #f8f9ff;
border: dashed 1px #4865b2;
margin-left: 4px;
padding-top: 15px;
padding-bottom: 8px;
padding-right: 10px;
font-weight: 600;
}
.code {
position: relative;
padding-left: 30px;
color:#153c6e;
}
.code:before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f121";
background: #c9e2ff;
color: #153c6e;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*トップページ人気記事用のウィジェット*/
.popular-posts .cardtype__article-info {
}
.popular-posts .cardtype__link {
padding-top: 1px;
padding-bottom: 10px;
}
.popular-posts.cardtype {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-posts .cardtype__article {
width: 48%;
margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
margin-right: 4%;
}
.popular-posts .cardtype__article p {
margin: 0;
}
.popular-posts.cardtype h2 {
margin: 0 5px;
font-size: 15px;
}
/*タイトルの横線*/
.title-border {
display: flex;
align-items: center;
}
.title-border:before,
.title-border:after {
border-top: 3px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}
</style>
<style>
a {color: #4f96f6;}
.main-c, .has-sango-main-color {color: #016199;}
.main-bc, .has-sango-main-background-color {background-color: #016199;}
.main-bdr, #inner-content .main-bdr {border-color: #016199;}
.pastel-c, .has-sango-pastel-color {color: #c8e4ff; }
.pastel-bc, .has-sango-pastel-background-color, #inner-content .pastel-bc {background-color: #c8e4ff;}
.accent-c, .has-sango-accent-color {color: #ffb36b;}
.accent-bc, .has-sango-accent-background-color {background-color: #ffb36b;}
.header, #footer-menu, .drawer__title {background-color: #016199;}
#logo a {color: #FFF;}
.desktop-nav li a , .mobile-nav li a, #footer-menu a ,.copyright, #drawer__open, .header-search__open, .drawer__title {color: #FFF;}
.drawer__title .close span, .drawer__title .close span:before {background: #FFF;}
.desktop-nav li:after {background: #FFF;}
.mobile-nav .current-menu-item {border-bottom-color: #FFF;}
.widgettitle {color: #ffffff;background-color:#016199;}
.footer {background-color: #e0e4eb;}
.footer, .footer a, .footer .widget ul li a {color: #3c3c3c;}
#toc_container .toc_title, .entry-content .ez-toc-title-container, #footer_menu .raised, .pagination a, .pagination span, #reply-title:before , .entry-content blockquote:before ,.main-c-before li:before ,.main-c-b:before{color: #016199;}
#searchsubmit, #toc_container .toc_title:before, .ez-toc-title-container:before, .cat-name, .pre_tag > span, .pagination .current, #submit ,.withtag_list > span,.main-bc-before li:before {background-color: #016199;}
#toc_container, #ez-toc-container, h3 ,.li-mainbdr ul,.li-mainbdr ol {border-color: #016199;}
.search-title i ,.acc-bc-before li:before {background: #ffb36b;}
.li-accentbdr ul, .li-accentbdr ol {border-color: #ffb36b;}
.pagination a:hover ,.li-pastelbc ul, .li-pastelbc ol {background: #c8e4ff;}
body {font-size: 100%;}
@media only screen and (min-width: 481px) {
body {font-size: 107%;}
}
@media only screen and (min-width: 1030px) {
body {font-size: 107%;}
}
.totop {background: #5ba9f7;}
.header-info a {color: #FFF; background: linear-gradient(95deg,#dd9933,#dd9933);}
.fixed-menu ul {background: #FFF;}
.fixed-menu a {color: #a2a7ab;}
.fixed-menu .current-menu-item a , .fixed-menu ul li a.active {color: #6bb6ff;}
.post-tab {background: #FFF;} .post-tab>div {color: #a7a7a7} .post-tab > div.tab-active{background: linear-gradient(45deg,#016199,#67b8ff)}
</style>
<!-- fontawesome -->
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
</head>
<body class="home blog custom-background fa5">
<div id="container">
<header class="header header--center">
<div id="inner-header" class="wrap cf">
<h1 id="logo" class="h1 dfont">
<a href="https://tech.aoiblog.net">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/スクリーンショット-2020-09-12-9.13.40.png" alt="AOI TECH BLOG">
</a>
</h1>
<div class="header-search">
<label class="header-search__open" for="header-search-input"><i class="fas fa-search"></i></label>
<input type="checkbox" class="header-search__input" id="header-search-input" onclick="document.querySelector('.header-search__modal .searchform__input').focus()">
<label class="header-search__close" for="header-search-input"></label>
<div class="header-search__modal">
<form role="search" method="get" id="searchform" class="searchform" action="https://tech.aoiblog.net/">
<div>
<input type="search" id="s" class="searchform__input" name="s" value="" placeholder="検索" />
<button type="submit" id="searchsubmit" class="searchform__submit"><i class="fas fa-search"></i></button>
</div>
</form> </div>
</div> <nav class="desktop-nav clearfix"><ul id="menu-%e3%83%98%e3%83%83%e3%83%80%e3%83%bc" class="menu"><li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-11"><a href="https://tech.aoiblog.net/" aria-current="page">TOP</a></li>
<li id="menu-item-259" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-259"><a href="https://tech.aoiblog.net/?cat=8">DIARY</a></li>
<li id="menu-item-117" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-117"><a href="https://tech.aoiblog.net/?cat=4">RAILS</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="https://tech.aoiblog.net/?page_id=13">CONTACT</a></li>
</ul></nav></div>
</header>
<div class="header-info">
<a href="https://aoiblog.net/techcamp-discount/">
【読者限定】テックキャンプの割引情報はこちら </a>
</div>
<div id="content">
<div id="inner-content" class="wrap cf">
<main id="main" class="m-all t-2of3 d-5of7 cf">
<div class="widget_text home_top"><div class="textwidget custom-html-widget"><p class="center strong top-title title-border"><i class="fas fa-chart-line"></i> 人気記事</p>
<div class="popular-posts cardtype">
<article class="cardtype__article">
<a class="cardtype__link" href="https://aoiblog.net/techcamp-discount/">
<p class="cardtype__img">
<img src="https://aoiblog.net/wp-content/uploads/2020/10/スクリーンショット-2020-10-07-22.21.40.jpg">
</p>
<div class="cardtype__article-info">
<h2 style="margin:12px;">【読者限定】テックキャンプを2万円割引で安く受講！割引方法を徹底解説！
</h2>
</div>
</a>
</article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://aoiblog.net/techcamp-reputation/">
<p class="cardtype__img">
<img src="https://aoiblog.net/wp-content/uploads/2020/03/テック.jpg">
</p>
<div class="cardtype__article-info">
<h2 style="margin:12px;">【実体験】テックキャンプエンジニア転職のリアルな評判をまとめてみた!!
</h2>
</div>
</a>
</article>
</div></div></div><div class="post-tab cf">
<div class="tab1 tab-active">
新着記事 </div>
<div class="tab2">
学習日報 </div>
</div>
<div class="post-tab__content tab1 tab-active">
<div class="cardtype cf">
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=343">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="11月13日の学習内容「プレゼン資料作成」「animate.cssの導入」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-11-13">2020年11月13日</time> <h2>11月13日の学習内容「プレゼン資料作成」「animate.cssの導入」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=341">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="11月12日の学習内容「検索機能の追加」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-11-12">2020年11月12日</time> <h2>11月12日の学習内容「検索機能の追加」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=338">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月29日の学習内容「ログイン機能の」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-29">2020年10月29日</time> <h2>10月29日の学習内容「ログイン機能の」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=333">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月28日の学習内容" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-28">2020年10月28日</time> <h2>10月28日の学習内容</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=327">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月27日の学習内容「Rails5とRails6のバージョン違い」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-27">2020年10月27日</time> <h2>10月27日の学習内容「Rails5とRails6のバージョン違い」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=317">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月26日の学習内容「フォロー機能」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-26">2020年10月26日</time> <h2>10月26日の学習内容「フォロー機能」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=320">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月25日の学習内容" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-25">2020年10月25日</time> <h2>10月25日の学習内容</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=322">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月24日の学習内容「RailsTutorial10章」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-24">2020年10月24日</time> <h2>10月24日の学習内容「RailsTutorial10章」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=313">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月23日の学習内容「RailsTutorial5,6,7章」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-23">2020年10月23日</time> <h2>10月23日の学習内容「RailsTutorial5,6,7章」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=324">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月20日の学習内容「エラーメッセージ日本語化」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-20">2020年10月20日</time> <h2>10月20日の学習内容「エラーメッセージ日本語化」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
</div>
<nav class="pagination dfont"><ul class='page-numbers'>
<li><span aria-current="page" class="page-numbers current">1</span></li>
<li><a class="page-numbers" href="https://tech.aoiblog.net/?paged=2">2</a></li>
<li><span class="page-numbers dots">…</span></li>
<li><a class="page-numbers" href="https://tech.aoiblog.net/?paged=5">5</a></li>
<li><a class="next page-numbers" href="https://tech.aoiblog.net/?paged=2"><i class="fa fa-chevron-right"></i></a></li>
</ul>
</nav> </div>
<div class="post-tab__content tab2"><div class="cardtype cf"> <article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=343">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="11月13日の学習内容「プレゼン資料作成」「animate.cssの導入」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-11-13">2020年11月13日</time> <h2>11月13日の学習内容「プレゼン資料作成」「animate.cssの導入」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=341">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="11月12日の学習内容「検索機能の追加」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-11-12">2020年11月12日</time> <h2>11月12日の学習内容「検索機能の追加」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=338">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月29日の学習内容「ログイン機能の」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-29">2020年10月29日</time> <h2>10月29日の学習内容「ログイン機能の」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=333">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月28日の学習内容" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-28">2020年10月28日</time> <h2>10月28日の学習内容</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=327">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月27日の学習内容「Rails5とRails6のバージョン違い」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-27">2020年10月27日</time> <h2>10月27日の学習内容「Rails5とRails6のバージョン違い」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=317">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月26日の学習内容「フォロー機能」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-26">2020年10月26日</time> <h2>10月26日の学習内容「フォロー機能」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=320">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月25日の学習内容" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-25">2020年10月25日</time> <h2>10月25日の学習内容</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=322">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月24日の学習内容「RailsTutorial10章」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-24">2020年10月24日</time> <h2>10月24日の学習内容「RailsTutorial10章」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=313">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月23日の学習内容「RailsTutorial5,6,7章」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-23">2020年10月23日</time> <h2>10月23日の学習内容「RailsTutorial5,6,7章」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
<article class="cardtype__article">
<a class="cardtype__link" href="https://tech.aoiblog.net/?p=324">
<p class="cardtype__img">
<img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/rendered-520x300.jpg" alt="10月20日の学習内容「エラーメッセージ日本語化」" >
</p>
<div class="cardtype__article-info">
<time class="pubdate entry-time dfont" itemprop="datePublished" datetime="2020-10-20">2020年10月20日</time> <h2>10月20日の学習内容「エラーメッセージ日本語化」</h2>
</div>
</a>
<a class="dfont cat-name catid8" href="https://tech.aoiblog.net/?cat=8">学習日報</a> </article>
</div> <div class="post-tab__more ct">
<a class="raised main-bc strong" href="https://tech.aoiblog.net/?cat=8">
<i class="fas fa-caret-right"></i> <span>もっと見る</span>
</a>
</div>
</div> </main>
<div id="sidebar1" class="sidebar m-all t-1of3 d-2of7 last-col cf" role="complementary">
<aside>
<div class="insidesp">
<div id="notfix">
<div id="search-2" class="widget widget_search"><form role="search" method="get" id="searchform" class="searchform" action="https://tech.aoiblog.net/">
<div>
<input type="search" id="s" class="searchform__input" name="s" value="" placeholder="検索" />
<button type="submit" id="searchsubmit" class="searchform__submit"><i class="fas fa-search"></i></button>
</div>
</form></div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="yourprofile">
<div class="profile-background"><img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/Aoi-Tech-Blog.png"></div>
<p class="profile-img"><img src="https://tech.aoiblog.net/wp-content/uploads/2020/09/73F42374-2717-4FCF-A5DE-2ED344480616_1_102_o.jpeg"></p>
<div class="yourname dfont">Aoi</div>
</div>
<div class="profile-content">
<p>2000年(19)｜東京出身｜2020年8月〜現在「プログラミング学習中」｜学習言語：HTML / CSS , Bootstrap , Ruby , Ruby on Rails , JavaScript , Git｜目標：年内にエンジニア就職｜最終目標：新規サービスをリリースすること</p>
<p style="padding-bottom: 20px;"><a href="https://tech.aoiblog.net/?page_id=13"><b>» お問い合わせはこちら</b></a></p>
</div>
<ul class="profile-sns dfont">
<li><a href="https://twitter.com/aoi_programming" target="_blank" rel="nofollow noopener"><i class="fab fa-twitter"></i></a></li>
</ul></div></div><div id="categories-3" class="widget widget_categories"><h4 class="widgettitle dfont has-fa-before">カテゴリー</h4>
<ul>
<li class="cat-item cat-item-9"><a href="https://tech.aoiblog.net/?cat=9">Heroku <span class="entry-count dfont">1</span></a>
</li>
<li class="cat-item cat-item-7"><a href="https://tech.aoiblog.net/?cat=7">Ruby <span class="entry-count dfont">1</span></a>
</li>
<li class="cat-item cat-item-4"><a href="https://tech.aoiblog.net/?cat=4">Ruby on Rails <span class="entry-count dfont">3</span></a>
</li>
<li class="cat-item cat-item-8"><a href="https://tech.aoiblog.net/?cat=8">学習日報 <span class="entry-count dfont">39</span></a>
</li>
</ul>
</div><div id="archives-3" class="widget widget_archive"><h4 class="widgettitle dfont has-fa-before">投稿履歴</h4>
<ul>
<li><a href='https://tech.aoiblog.net/?m=202011'>2020年11月 <span class="entry-count">2</span></a></li>
<li><a href='https://tech.aoiblog.net/?m=202010'>2020年10月 <span class="entry-count">25</span></a></li>
<li><a href='https://tech.aoiblog.net/?m=202009'>2020年9月 <span class="entry-count">17</span></a></li>
</ul>
</div> </div>
</div>
</aside>
</div>
</div>
</div>
<footer class="footer">
<div id="footer-menu">
<div>
<a class="footer-menu__btn dfont" href="https://tech.aoiblog.net/"><i class="fas fa-home"></i> HOME</a>
</div>
<nav>
</nav>
<p class="copyright dfont">
© 2024 AOI TECH BLOG All rights reserved.
</p>
</div>
</footer>
</div>
<script type='text/javascript' src='https://tech.aoiblog.net/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js'></script>
<script type='text/javascript' src='https://tech.aoiblog.net/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js'></script>
<script type='text/javascript' id='contact-form-7-js-extra'>
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/tech.aoiblog.net\/index.php?rest_route=\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://tech.aoiblog.net/wp-content/plugins/contact-form-7/includes/js/index.js' id='contact-form-7-js'></script>
<script>jQuery(function(){
jQuery('.post-tab > div').click(function(){
jQuery('.post-tab > div,.post-tab__content').removeClass('tab-active');
var tabClass = jQuery(this).attr('class').split(" ")[0];
jQuery(this).addClass('tab-active');
jQuery('.post-tab__content').each(function(){
if(jQuery(this).attr('class').indexOf(tabClass) != -1){
jQuery(this).addClass('tab-active').fadeIn();
} else {
jQuery(this).hide();
}
});
});
});
</script><script>jQuery(function(){
jQuery('.wp-block-sgb-tab .post-tab').each(function(index){
var tabAppendClass = "js-tab-id-" + index;
jQuery(this).addClass(tabAppendClass);
var activeColor = jQuery(this).data("activeColor");
var style = jQuery("<style>");
style.html(".post-tab."+ tabAppendClass + " > label.tab-active { background: "+ activeColor + "}");
jQuery(document.body).append(style);
});
jQuery('.post-tab > label').click(function(){
jQuery(this).siblings().removeClass('tab-active');
var tab = jQuery(this).closest('.wp-block-sgb-tab');
var panels = tab.children('.post-tab__content');
panels.removeClass('tab-active');
var tabClass = jQuery(this).attr('class').split(" ")[0];
jQuery(this).addClass('tab-active');
panels.each(function(){
if (jQuery(this).attr('class').indexOf(tabClass) != -1) {
jQuery(this).addClass('tab-active').fadeIn();
} else {
jQuery(this).hide();
}
});
});
});</script> </body>
</html>