<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>サーバー | gungiiのなるほどHack&amp;Tips</title>
	<atom:link href="https://gungii.com/category/server/feed/" rel="self" type="application/rss+xml" />
	<link>https://gungii.com</link>
	<description>「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</description>
	<lastBuildDate>Wed, 24 Jul 2024 23:55:45 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://gungii.com/wp/wp-content/uploads/2022/02/cropped-favicon-32x32.png</url>
	<title>サーバー | gungiiのなるほどHack&amp;Tips</title>
	<link>https://gungii.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【必見】価格、スペックだけじゃない!ブログの為のレンタルサーバーの選び方</title>
		<link>https://gungii.com/xsrv-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sat, 06 Nov 2021 15:33:08 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=17438</guid>

					<description><![CDATA[ブログやホームページを始めようと思った時に、レンタルサーバーをどうやって選べば良いのか?迷います。エックスサーバー、mixhost、カラフルボックス、ConoHa WING、ロリポップ、スターサーバー等多くのレンタルサー [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://gungii.com/wp/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「レンタルサーバーって何を見て選べばいいの?」</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-2 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://gungii.com/wp/wp-content/themes/cocoon-master/images/woman.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ブログを始めるのに一番良いレンタルサーバーってどれ?</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-3 sbs-line sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://gungii.com/wp/wp-content/themes/cocoon-master/images/b-man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>WordPressのサイトをつくりたいのだけど・・・</p>
</div></div>



<p>ブログやホームページを始めようと思った時に、レンタルサーバーをどうやって選べば良いのか?迷います。エックスサーバー、mixhost、カラフルボックス、ConoHa WING、ロリポップ、スターサーバー等多くのレンタルサーバーがあります。<br><br>が、お薦めは、間違えなくエックスサーバーです。</p>



<p>価格やスペックのみを比較して選ばれる方がいますが、もちろん価格やスペックも大事ですが、大事な事は、これから永いお付き合いとなるということです。物を買うのではなく、サービスを買うからです。サイトやブログを運営する場合は、サーバーの設定やトラブル等で躓くことがある為、サポートの充実したサービスを選ぶことが大切です。そして利用者が多いサーバーを選ぶことをお勧めします。 サイトやブログの運営を始めると、サーバーの設定等を触る機会が多くなります。分からない事が出てきた際にネット検索をします。そんな時、利用者が多いサーバーであれば、誰かが記事としてアップしてくれていることが多いので、すぐに解決することが出来ます。これが、「レンタルサーバーを選ぶ際の大切なポイント」です。</p>



<p>運用サイトは200万件を超え、豊富な実績を持つエックスサーバーを選べば間違えありません。</p>



<p>エックスサーバーはスペックや稼働率の良さだけでなく、常に改善され続けていてサービス内容も素晴らしい点にあります。Webサーバーソフトはワードプレスに適した「Nginx」を採用。「Xアクセラレータ」「FastCGI」という独自技術も導入して、2021年10月には高速化技術「KUSANAGI」を導入し、これまでの3倍の速度を実現。 世界最速のWordpress環境を構築しています。</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="656" height="230" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv01.jpg" alt="xserver広告" class="wp-image-17440" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv01.jpg 656w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv01-500x175.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv01-300x105.jpg 300w" sizes="(max-width: 656px) 100vw, 656px" /></figure>



<p>エックスサーバーの企業理念は<strong><span class="fz-24px"><span class="bold-green">「最高を提供する」</span></span></strong>です。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p><strong><span class="fz-24px"><span class="marker-under-red">サイトやブログを始めるなら、Xserver</span></span></strong></p>
</div>



<figure class="wp-block-image size-full"><img decoding="async" width="585" height="389" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv02.jpg" alt="xserver料金プラン" class="wp-image-17441" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv02.jpg 585w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv02-500x332.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv02-300x199.jpg 300w" sizes="(max-width: 585px) 100vw, 585px" /></figure>



<p>2012年初めて会社のホームページを作成したのが、Xserverとの出会いでした。以降、公式に作成した会社のホームページやポータルサイトは、全てXerverのレンタルサーバーです。このブログ「gungiiのなるほどHack&amp;Tips」は2016年よりXserverで運用開始して、5年となります。一時期、ストレージがSSDに変わり始めた頃、Mixhostに移転しましたが、またXserverに戻りました。何故、Xserverがサイトやブログを始める上で最適なレンタルサーバーなのかを説明します。</p>



<div style="height:21px" aria-hidden="true" class="wp-block-spacer"></div>


<a rel="nofollow noopener" target="_blank" data-atag-id="20" data-post-id="17438" href="https://px.a8.net/svt/ejp?a8mat=1NYF7P+958R2Y+CO4+6QEUQ">【初心者でも安心】たった10分で出来るWordPressブログの始め方</a>
<img decoding="async" border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=1NYF7P+958R2Y+CO4+6QEUQ" alt="">



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>


<a rel="nofollow noopener" target="_blank" data-atag-id="21" data-post-id="17438" href="https://px.a8.net/svt/ejp?a8mat=1NYF7P+958R2Y+CO4+6QMKI">初心者のためのブログ始め方講座</a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www10.a8.net/0.gif?a8mat=1NYF7P+958R2Y+CO4+6QMKI" alt="">



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-hand-o-right block-box"><div class="iconlist-title">レンタルサーバーの選び方</div>
<ul class="has-watery-red-background-color has-background has-medium-font-size wp-block-list">
<li>1.豊富な運用実績と充実のサポート体制←最重要</li>



<li>2.サーバーが高速且つ安定している。</li>



<li>3.運営に便利なサービスが充実している。</li>
</ul>
</div>
</div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Xserverの豊富な運用実績と充実のサポート体制</a><ol><li><a href="#toc2" tabindex="0">エックスサーバーの豊富な運用実績</a></li><li><a href="#toc3" tabindex="0">エックスサーバーの充実のサポート体制</a></li><li><a href="#toc4" tabindex="0">Xserverの管理画面が使いやすい</a></li></ol></li><li><a href="#toc5" tabindex="0">サーバーが高速且つ安定している。</a><ol><li><a href="#toc6" tabindex="0">「KUSANAGＩ」の高速化技術を導入</a></li><li><a href="#toc7" tabindex="0">「オールNVMe」RAID10構成</a></li></ol></li><li><a href="#toc8" tabindex="0">運営に便利なサービスが充実している。</a><ol><li><a href="#toc9" tabindex="0">自動バックアップ機能が付いている。</a></li><li><a href="#toc10" tabindex="0">WordPressを複数インストールできる。</a></li><li><a href="#toc11" tabindex="0">「WordPress簡単インストール」がある。</a></li><li><a href="#toc12" tabindex="0">WordPressクイックスタート</a></li><li><a href="#toc13" tabindex="0">無料独自ドメイン、無料独自SSL、引っ越し機能</a></li></ol></li><li><a href="#toc14" tabindex="0">WordPressでサイトやブログを始めたい方</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Xserverの豊富な運用実績と充実のサポート体制</span></h2>



<h3 class="wp-block-heading"><span id="toc2">エックスサーバーの豊富な運用実績</span></h3>



<p>エックスサーバーは、なんといっても運用年数が18年以上(2003年より)、運用サイト数200万件(2021年9月現在)という積み重ねた豊富な実績があります。創業以来99.99%以上の稼働率を堅持しています。24時間サーバーを監視し、安定したサーバー環境で、アクセスが集中した場合でも安定したサイト運営が可能です。一番安いX10プランでも月間50万PVは余裕です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="424" height="302" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv03.jpg" alt="xserver広告" class="wp-image-17442" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv03.jpg 424w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv03-300x214.jpg 300w" sizes="(max-width: 424px) 100vw, 424px" /></figure>



<h3 class="wp-block-heading"><span id="toc3">エックスサーバーの充実のサポート体制</span></h3>



<p>電話サポートがあってもいつも話し中でつながらない、そんなサービスの経験はありませんか？エックスサーバーのサポートコールセンターならそんな心配はいりません！<br>エックスサーバーでは、24時間365日のメール受付と、平日の電話対応(10時～18時)を行っています。メールでの問い合わせには、必ず24時間以内に返信をもらえます。<br>また、200万を超えるサイト運営者の方たちによる膨大なノウハウがインターネットには集まっています。トラブルや分からないことがあっても、検索して簡単に解決方法が見つかります。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/domain-info/" title="404 NOT FOUND | gungiiのなるほどHack&amp;Tips" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://gungii.com/wp/wp-content/uploads/cocoon-resources/blog-card-cache/ba0f05b015f3d2b3ab7fe290f4cde423.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 NOT FOUND | gungiiのなるほどHack&Tips</div><div class="blogcard-snippet external-blogcard-snippet">「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com/domain-info/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gungii.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-arrow-circle-o-right block-box has-text-color has-icon-color has-black-color has-teal-icon-color"><div class="iconlist-title"><span class="fz-20px"><span class="fz-24px">お客様の声</span></span>(引用:xserverホームページ)</div>
<ul class="has-watery-green-background-color has-background wp-block-list">
<li><span class="bold-green">充実した機能・サービス</span>にもかかわらず、<span class="bold-green">低価格</span>で利用でき、すばらしいコストパフォーマンスです。</li>



<li>今までいくつもレンタルサーバーを使ってきましたが、エックスサーバーほど<span class="bold-green">安定しているサーバー</span>はありませんでした。</li>



<li><span class="bold-green">ストレスや不具合もなく、快適に使えています</span>ので、すごく重宝しています。</li>



<li>エックスサーバーさんのサービスの特徴は何と言っても、<span class="bold-green">『マルチドメイン無制限』</span>だと思います。複数のドメインを所有している自分にとってはとてもうれしいです。<span class="bold-green">サーバーのスピードも速い</span>し、他のサービスもGOODです。</li>



<li>サーバーも快適で<span class="bold-green">サポートもほとんど1日以内（早い時は数時間）に返ってくる</span>ので非常に安心して利用させていただいてます。それと何といっても、ドメインを取得することが趣味なんで（笑）、ドメイン追加無料・サブドメイン追加無料には本当に感謝してます。<span class="bold-green">サーバーパネルから簡単に追加できる</span>のも便利です。</li>



<li>初心者でわからない事ばかりでしたが、<span class="bold-green">丁寧・親切なサポートですごく安心</span>できました。土曜日の夜に問い合わせたのに、翌日の午前中に回答をいただけて大変助かりました。</li>



<li>運営しているブログのデータベースの設定でミスをして、データが破損して使えなくなってしまった時、<span class="bold-green">自動でバックアップを取ってくれていた</span>ので、すぐに復旧することが出来ました！<span class="bold-green">大事なデータがきちんと保護されていて、とても安心</span>しました。</li>



<li>マルチドメイン無制限・サブドメイン無制限・メールアドレス無制限等の<span class="bold-green">充実しているサービス</span>には満足しています。</li>



<li>最近システム構築を始めたのですが、<span class="bold-green">MySQLや.htaccessの設定機能など初心者の私にとっては非常に使いやすく</span>、大変満足しております。こんなにかゆい所に手が届くレンタルサーバーは他には無いのではないでしょうか。</li>



<li>日曜日の問い合わせにも関わらず、担当者から数時間で返事があり、とても良かったです。そこ（サポートセンター）に、<span class="bold-green">ちゃんと人が居て対応してくれるんだと感じ、すごく安心できました。</span></li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc4">Xserverの管理画面が使いやすい</span></h3>



<p>レンタルサーバーを選ぶ上で非常に大切なポイントとして管理画面の使いやすさがあります。一時期Mixhostのレンタルサーバーを使っていましたが、機能やスペックには大変満足していたのですが、管理画面の使いにくさから、エックスサーバーへ移転した経緯があります。エックスサーバーの管理パネルは、機能が括りごとにまとめらえており他社と比較しても相当使いやすく、いろいろな口コミサイトやレビューサイトを見ても、評価が高いようです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="560" height="507" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv04.jpg" alt="xserverのサーバーパネル" class="wp-image-17443" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv04.jpg 560w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv04-500x453.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv04-300x272.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /></figure>



<h2 class="wp-block-heading"><span id="toc5">サーバーが高速且つ安定している。</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="415" height="281" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv05.jpg" alt="xserverの広告" class="wp-image-17444" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv05.jpg 415w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv05-300x203.jpg 300w" sizes="(max-width: 415px) 100vw, 415px" /></figure>



<p>Webサイトやブログを運営する際に重要なのが、表示速度です。ページの読み込みが遅いと読者が離脱しやすく、機会損失に繋がります。Googleも表示速度が検索順位に影響することを表明しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="411" height="163" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv06.jpg" alt="pagespeedinsightの評価" class="wp-image-17445" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv06.jpg 411w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv06-300x119.jpg 300w" sizes="(max-width: 411px) 100vw, 411px" /></figure>



<h3 class="wp-block-heading"><span id="toc6">「KUSANAGＩ」の高速化技術を導入</span></h3>



<p>プライム・ストラテジー社との技術提携で高速化技術の導入と、1台あたり1,000万円を超える最新の商用高性能サーバーを導入したことで、従来の３倍以上の処理速度を実現し、他サービスの記録を圧倒的に引き離してサーバー速度のNo.1を取得したと発表しました。</p>



<p>sv13001以降のサーバーが対象ですが、対象外のサーバーであっても無料で最新サーバー環境へ移行できる「新サーバー簡単移行」を利用して最新サーバーへの移行を行いました</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/xmig-info/" title="エックスサーバーの「新サーバー簡単移行」で、KUSANAGI搭載の超速サーバーに移行した" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig-ec-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig-ec-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig-ec-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig-ec-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">エックスサーバーの「新サーバー簡単移行」で、KUSANAGI搭載の超速サーバーに移行した</div><div class="blogcard-snippet internal-blogcard-snippet">超高速WordPress実行環境「KUSANAGI」と最新商用高性能サーバーの導入で、サーバー速度No.1を取得したXserverの最新サーバー環境へ移行した「新サーバー簡単移行」(無料)の手順をご紹介します。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">gungii.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.06.08</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc7">「オールNVMe」RAID10構成</span></h3>



<p>CPUは最新のAMD EPYC(48コア96スレッド)を搭載し、メモリも大容量の1024GB、ストレージは次世代の高速接続インターフェース「NVMe」を取れ入れ、SSDの約14倍の読み込み速度を実現しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="584" height="467" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv07.jpg" alt="xserverのスペック表" class="wp-image-17446" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv07.jpg 584w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv07-500x400.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv07-300x240.jpg 300w" sizes="(max-width: 584px) 100vw, 584px" /></figure>



<h2 class="wp-block-heading"><span id="toc8">運営に便利なサービスが充実している。</span></h2>



<h3 class="wp-block-heading"><span id="toc9">自動バックアップ機能が付いている。</span></h3>



<p>WordPressのテーマを変更したり、バージョンアップの際に安全の為、バックアップをとることを勧めていますが、これがなかなか手間で必要とは思いますができないことが多いです。そんな時に安心なのが、自動バックアップ機能です。</p>



<p>バックアップは、自動で毎日取得され、Web・メールデータ「過去7日分」、MySQLデータベース「過去14日分」が保存されサーバー管理画面から復元、ファイルをダウンロードできます。<br>何度か私は利用させて頂きました。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/restoration/" title="404 NOT FOUND | gungiiのなるほどHack&amp;Tips" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://gungii.com/wp/wp-content/uploads/cocoon-resources/blog-card-cache/ba0f05b015f3d2b3ab7fe290f4cde423.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 NOT FOUND | gungiiのなるほどHack&Tips</div><div class="blogcard-snippet external-blogcard-snippet">「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com/restoration/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gungii.com</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc10">WordPressを複数インストールできる。</span></h3>



<p>レンタルサーバーによっては、複数インストールできないものもあります。ブログの記事がある程度の量になると、現状のブログをジャンル分けしたり、新たなブログを立ち上げたりという必要が出てきます。複数インストールできることは必須です。<br>尚、WordPressを複数インストールすることは、データベースも複数作成出来ることが不可欠となりますので、確認しましょう。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/sidou-info/" title="404 NOT FOUND | gungiiのなるほどHack&amp;Tips" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://gungii.com/wp/wp-content/uploads/cocoon-resources/blog-card-cache/ba0f05b015f3d2b3ab7fe290f4cde423.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 NOT FOUND | gungiiのなるほどHack&Tips</div><div class="blogcard-snippet external-blogcard-snippet">「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com/sidou-info/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gungii.com</div></div></div></div></a>
</div>



<h3 class="wp-block-heading"><span id="toc11">「WordPress簡単インストール」がある。</span></h3>



<p>WordPressを動かすには、Webサーバー(Apache)、データベース(MySQL)、PHPが必要です。これら3つを個別にインストールして初めてWordPressは、動作するようになります。従って初心者では設定を行うのは難しいものでしたが、「簡単インストール」のサービスによって、 初めての方でも容易にワードプレスが作れるようになりました。WordPress簡単インストールは、3～5分くらいで完了します。<br>注意:<br>WordPress簡単インストールは、すでにサーバーの申し込みやドメインの取得が済んでいる人向けの機能です。</p>



<h3 class="wp-block-heading"><span id="toc12">WordPressクイックスタート</span></h3>



<p>WordPressクイックスタートは、エックスサーバーの申し込みページで必要事項を入力するだけで、独自ドメインと独自SSLに対応したWordPressブログを始めることができます。WordPressクイックスタートは、これからサーバーの申し込みをする人向けの機能です。</p>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-check block-box">
<p class="has-watery-red-background-color has-background has-normal-font-size">すぐにWordPressブログの運営を始められる「WordPressクイックスタート」</p>



<p class="has-watery-yellow-background-color has-background">エックスサーバーでは、2020年4月7日より、より簡単にWordPressサイトが公開できる「WordPressクイックスタート」のサービスを始めました。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="602" height="172" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv08.jpg" alt="WordPressクイックスタートの流れ図" class="wp-image-17447" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv08.jpg 602w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv08-500x143.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv08-300x86.jpg 300w" sizes="(max-width: 602px) 100vw, 602px" /></figure>



<p class="has-watery-yellow-background-color has-background">サーバーアカウントの申し込み画面で運用を予定しているWordPressブログの情報を入力することで、「サーバーアカウントの申し込み」「独自ドメインの取得」「WordPressブログの設置」「WordPressのHTTPS化(SSL化)」などがすべて自動的に完了します。</p>
</div>



<h3 class="wp-block-heading"><span id="toc13">無料独自ドメイン、無料独自SSL、引っ越し機能</span></h3>



<p>今では必須となったSSLが無料で、契約すれば永久無料のドメインをもらえます。また、WordPress引っ越し機能もありますので、他社からの引っ越しも安心です。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/iten-info/" title="404 NOT FOUND | gungiiのなるほどHack&amp;Tips" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fgungii.com%2Fiten-info%2F?w=160&#038;h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 NOT FOUND | gungiiのなるほどHack&Tips</div><div class="blogcard-snippet external-blogcard-snippet">「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com/iten-info/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gungii.com</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc14">WordPressでサイトやブログを始めたい方</span></h2>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p class="has-orange-color has-text-color has-medium-font-size"><span class="fz-24px"><strong>キャンペーン開催中</strong></span></p>
</div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-background has-watery-yellow-background-color"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">キャンペーン</span></div><div class="label-box-content block-box-content box-content"><div class="info-box good-box common-icon-box">
<p><span style="font-size: 12px;"><strong><em><span class="fz-22px fz-24px bold red fz-18px fz-14px fz-12px"><span class="indent">12ヶ月以上の契約で、利用料金の半額をキャッシュバック</span></span></em></strong></span></p>
<p>キャンペーン期間中に、新規にお申し込みいただいたサーバーアカウント<br />
<span class="bold red">※12ヶ月：<span class="font-bold bright-yellow">6,600円</span> キャッシュバックで【実質550円/月】</span></p>
<p><span class="fz-28px"><span class="fz-28px"><strong><span class="fz-18px red bold blue">キャンペーン期間:2024年11月5日(火)17:00 ～ 2024年12月4日(水)17:00まで</span></strong></span></span></p>
<p class="font-l font-bold mb5" style="text-align: left;">プラン契約特典の<strong>「独自ドメイン永久無料特典」</strong></p>
<p>サーバーご契約者様が、独自ドメインを<strong>2つ無料</strong>でご利用いただけます。<br />
「.com」や「.net」などの人気ドメインが、サーバー契約が続く限り永久無料です。</p>
<p><a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=1NYF7P+958R2Y+CO4+609HU">エックスサーバー</a><br />
<img loading="lazy" decoding="async" src="https://www18.a8.net/0.gif?a8mat=1NYF7P+958R2Y+CO4+609HU" alt="" width="1" height="1" border="0" /></p>
</div>
<p>&nbsp;</p>

</div></div>






<p><br></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エックスサーバーの「新サーバー簡単移行」で、KUSANAGI搭載の超速サーバーに移行した</title>
		<link>https://gungii.com/xmig-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sat, 30 Oct 2021 05:55:52 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=16657</guid>

					<description><![CDATA[2021年10月7日、エックスサーバーは、超高速WordPress実行環境「KUSANAGI」を開発するプライム・ストラテジー社との技術提携で高速化技術の導入と、1台あたり1,000万円を超える最新の商用高性能サーバーを [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>2021年10月7日、エックスサーバーは、超高速WordPress実行環境「KUSANAGI」を開発するプライム・ストラテジー社との技術提携で高速化技術の導入と、1台あたり1,000万円を超える最新の商用高性能サーバーを導入したことで、従来の３倍以上の処理速度を実現し、他サービスの記録を圧倒的に引き離してサーバー速度のNo.1を取得したと発表しました。sv13001以降のサーバーが対象ですが、対象外のサーバーであっても無料で最新サーバー環境へ移行できる「新サーバー簡単移行」を利用できるとの事で、最新サーバーへの移行を行いましたので、その手順をご紹介します。</p>



<div class="wp-block-cocoon-blocks-timeline timeline-box cf block-box"><div class="timeline-title">新サーバー簡単移行のながれ</div><ul class="timeline">
<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step1</div><div class="timeline-item-content cf"><div class="timeline-item-title">データコピー申請</div><div class="timeline-item-snippet">
<p>旧サーバーから新サーバーへのデータコピーを依頼します。</p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step2</div><div class="timeline-item-content cf"><div class="timeline-item-title">データコピー実行ログの確認</div><div class="timeline-item-snippet">
<p>データコピー時のエラーがないかをログを見て確認します。</p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step3</div><div class="timeline-item-content cf"><div class="timeline-item-title">新サーバーでの動作確認</div><div class="timeline-item-snippet">
<p>新旧のサーバーが出来上がりますが、外部からのアクセスは旧サーバーの為、hostsファイルを変更して自分のPCのみ新サーバーに接続して動作確認を行います。</p>
</div></div></li>



<li class="wp-block-cocoon-blocks-timeline-item timeline-item cf"><div class="timeline-item-label">Step4</div><div class="timeline-item-content cf"><div class="timeline-item-title">サーバーの切り替え</div><div class="timeline-item-snippet">
<p>動作確認が出来たところで、hostsファイルの変更箇所は元に戻して、新旧サーバーの切り替えを行い、外部からのアクセスも新サーバーに切り替えます。</p>
</div></div></li>
</ul></div>



<p>新しいサーバーで運用をはじめるには、大きく次の4つのステップを踏んで実行します。申し込み状況にもよりますが、1～2時間で終わりませんので、終日又は2日間の予定を考えておくことが必要です。(約6時間くらい)</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box good-box">
<p>KUSANAGIの高速化技術を導入し、さらにサーバ性能はメモリが512GBから1TBに、CPUはAMD EPYC 7402(2.80GHz)x2から、AMD EPYC 7543(2.80GHz)x2へと強化、ディスクはオール NVMe RAID10 SSDを採用して、最速性能を飛躍させています。サイト自体の速さの違いは体感的には良く分かりませんでしたが、WordPressの管理画面が早くなった気がします。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/xsrv-info/" title="【必見】価格、スペックだけじゃない!ブログの為のレンタルサーバーの選び方" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv-ec-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://gungii.com/wp/wp-content/uploads/2021/11/xsrv-ec-160x90.png 160w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv-ec-120x68.png 120w, https://gungii.com/wp/wp-content/uploads/2021/11/xsrv-ec-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【必見】価格、スペックだけじゃない!ブログの為のレンタルサーバーの選び方</div><div class="blogcard-snippet internal-blogcard-snippet">価格、スペックだけじゃないレンタルサーバーの選び方を説明します。WordPressでサイトやブログを運営する場合は、サポートの充実したサービスを選ぶことが大切です。そして利用者が多いサーバーを選ぶことをお勧めします。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">gungii.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.06.08</div></div></div></div></a>
</div>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-good block-box">
<p><strong><span class="fz-24px">移行前</span></strong></p>



<p>gungii.com</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="596" height="196" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig01.jpg" alt="gungii.comのサイトスピード" class="wp-image-16659" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig01.jpg 596w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig01-500x164.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig01-300x99.jpg 300w" sizes="(max-width: 596px) 100vw, 596px" /></figure>



<p>gungii.site</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="598" height="197" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig02.jpg" alt="gungii.siteのサイトスピード" class="wp-image-16661" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig02.jpg 598w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig02-500x165.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig02-300x99.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" /></figure>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-good block-box">
<p><strong><span class="fz-24px">移行後</span></strong></p>



<p>gungii.com<br>評価がBからAとなり、パフォーマンスは84%から96%まで上がりました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="598" height="196" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig03.jpg" alt="gungii.comのサイトスピード" class="wp-image-16662" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig03.jpg 598w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig03-500x164.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig03-300x98.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" /></figure>



<p>gungii.site<br>パフォーマンスが83%から90%になりました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="598" height="196" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig04.jpg" alt="gungii.siteのサイトスピード" class="wp-image-16663" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig04.jpg 598w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig04-500x164.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig04-300x98.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" /></figure>
</div>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box good-box">
<p>古いサーバー(sv12300以前)では、データベースのバージョンアップはMariaDB5.7までしか対応できませんでしたが、サーバーを新しいサーバーに切り替えたことで、MariaDB10.5に対応することができました。<br>留意:<br>データベースのバージョンアップについては、別ブログ「XserverでMySQLデータベースをバージョンアップする方法」を参照願います。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/dbup-info/" title="404 NOT FOUND | gungiiのなるほどHack&amp;Tips" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://gungii.com/wp/wp-content/uploads/cocoon-resources/blog-card-cache/ba0f05b015f3d2b3ab7fe290f4cde423.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 NOT FOUND | gungiiのなるほどHack&Tips</div><div class="blogcard-snippet external-blogcard-snippet">「なるほど」と納得できる経験(実例)と知識(手順)を提供します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com/dbup-info/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">gungii.com</div></div></div></div></a>
</div>
</div>



<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-good block-box">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="369" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig05.jpg" alt="Xserverサーバーパネル" class="wp-image-16664" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig05.jpg 640w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig05-500x288.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig05-300x173.jpg 300w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig05-120x68.jpg 120w" sizes="(max-width: 640px) 100vw, 640px" /></figure>
</div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">データコピー申請</a><ol><li><a href="#toc2" tabindex="0">データコピー申請</a></li><li><a href="#toc3" tabindex="0">Xserverからの案内</a></li></ol></li><li><a href="#toc4" tabindex="0">データコピー実行ログの確認</a><ol><li><a href="#toc5" tabindex="0">実行画面の表示</a></li><li><a href="#toc6" tabindex="0">データコピー実行ログの閲覧</a></li></ol></li><li><a href="#toc7" tabindex="0">新サーバーでの動作確認</a><ol><li><a href="#toc8" tabindex="0">新サーバーのipアドレスの確認</a></li><li><a href="#toc9" tabindex="0">hostsファイルの変更</a></li><li><a href="#toc10" tabindex="0">新サーバーでの動作確認</a></li><li><a href="#toc11" tabindex="0">新サーバー確認用記事の投稿</a></li><li><a href="#toc12" tabindex="0">hostsファイルを元に戻す。</a></li></ol></li><li><a href="#toc13" tabindex="0">サーバーの切り替え</a><ol><li><a href="#toc14" tabindex="0">サーバーの切り替え</a></li><li><a href="#toc15" tabindex="0">移行後のその他設定</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading" id="データコピー申請"><span id="toc1">データコピー申請</span></h2>



<h3 class="wp-block-heading" id="データコピー申請"><span id="toc2">データコピー申請</span></h3>



<h4 class="wp-block-heading" id="新サーバー簡単移行-のクリック">「新サーバー簡単移行」のクリック</h4>



<p>Xserverにログインして、左側メニューの「新サーバー簡単移行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="369" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig11.jpg" alt="Xserverのトップページ" class="wp-image-16665" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig11.jpg 608w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig11-500x303.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig11-300x182.jpg 300w" sizes="(max-width: 608px) 100vw, 608px" /></figure>



<h4 class="wp-block-heading" id="データコピー申請-のクリック">「データコピー申請」のクリック</h4>



<p>「移行可能」となっていることを確認して、「データコピー申請」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="607" height="372" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig12.jpg" alt="xserver 新サーバー簡単移行の画面" class="wp-image-16666" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig12.jpg 607w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig12-500x306.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig12-300x184.jpg 300w" sizes="(max-width: 607px) 100vw, 607px" /></figure>



<p>※複数のサーバーがある場合、サーバー選択の画面が表示されます。</p>



<h4 class="wp-block-heading" id="確認入力">確認入力</h4>



<p>確認画面が表示されますので、再度、「データコピー申請」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="623" height="348" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig13.jpg" alt="xserver データコピー申請" class="wp-image-16667" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig13.jpg 623w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig13-500x279.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig13-300x168.jpg 300w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig13-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig13-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig13-320x180.jpg 320w" sizes="(max-width: 623px) 100vw, 623px" /></figure>



<h4 class="wp-block-heading" id="申請受理の通知">申請受理の通知</h4>



<p>「データコピー申請」をクリックして、しばらくすると、以下のようなメッセージが表示されますので、「OK」をクリックして、一旦ログアウトします。メールが届くまで待ちます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="624" height="754" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig14.jpg" alt="xserver 申請受理の通知画面" class="wp-image-16669" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig14.jpg 624w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig14-500x604.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig14-300x363.jpg 300w" sizes="(max-width: 624px) 100vw, 624px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box info-box">
<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p><span class="bold-red"><strong><span class="fz-24px">エックスサーバーキャンペーン中!!</span></strong></span></p>
</div>


<div class="info-box good-box common-icon-box">
<p><span style="font-size: 12px;"><strong><em><span class="fz-22px fz-24px bold red fz-18px fz-14px fz-12px"><span class="indent">12ヶ月以上の契約で、利用料金の半額をキャッシュバック</span></span></em></strong></span></p>
<p>キャンペーン期間中に、新規にお申し込みいただいたサーバーアカウント<br />
<span class="bold red">※12ヶ月：<span class="font-bold bright-yellow">6,600円</span> キャッシュバックで【実質550円/月】</span></p>
<p><span class="fz-28px"><span class="fz-28px"><strong><span class="fz-18px red bold blue">キャンペーン期間:2024年11月5日(火)17:00 ～ 2024年12月4日(水)17:00まで</span></strong></span></span></p>
<p class="font-l font-bold mb5" style="text-align: left;">プラン契約特典の<strong>「独自ドメイン永久無料特典」</strong></p>
<p>サーバーご契約者様が、独自ドメインを<strong>2つ無料</strong>でご利用いただけます。<br />
「.com」や「.net」などの人気ドメインが、サーバー契約が続く限り永久無料です。</p>
<p><a rel="nofollow noopener" target="_blank" href="https://px.a8.net/svt/ejp?a8mat=1NYF7P+958R2Y+CO4+609HU">エックスサーバー</a><br />
<img loading="lazy" decoding="async" src="https://www18.a8.net/0.gif?a8mat=1NYF7P+958R2Y+CO4+609HU" alt="" width="1" height="1" border="0" /></p>
</div>
<p>&nbsp;</p>




<p></p>
</div>



<h3 class="wp-block-heading" id="xserverからの案内"><span id="toc3">Xserverからの案内</span></h3>



<h4 class="wp-block-heading" id="データコピー申請に関する案内-16-24">データコピー申請に関する案内(16:24)</h4>



<p>「データコピー申請」を行なうと、すぐにメールが届きました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="344" height="250" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig15.jpg" alt="Xserverからの申請に関する案内メール" class="wp-image-16670" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig15.jpg 344w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig15-300x218.jpg 300w" sizes="(max-width: 344px) 100vw, 344px" /></figure>



<h4 class="wp-block-heading" id="データコピー開始の案内-16-35">データコピー開始の案内(16:35)</h4>



<p>「データコピー申請」を行なうと、以下のような開始案内が届きますので、完了案内が届くまで待ちます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="373" height="441" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig16.jpg" alt="Xserverからのデータコピー開始案内メール" class="wp-image-16671" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig16.jpg 373w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig16-300x355.jpg 300w" sizes="(max-width: 373px) 100vw, 373px" /></figure>



<p>これまでは、サーバー番号はsv10536でしたが、今度はsv13093になります。</p>



<h4 class="wp-block-heading" id="データコピー完了の案内-16-02">データコピー完了の案内(16:02)</h4>



<p>コピー開始案内が16:35分でしたので、30分位で完了案内が届きました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="345" height="671" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig17.jpg" alt="Xserverからのデータコピー完了案内メール" class="wp-image-16672" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig17.jpg 345w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig17-300x583.jpg 300w" sizes="(max-width: 345px) 100vw, 345px" /></figure>



<p>移行期限が2021.11.01までとなっています。</p>



<h2 class="wp-block-heading" id="データコピー実行ログの確認"><span id="toc4">データコピー実行ログの確認</span></h2>



<h3 class="wp-block-heading" id="実行画面の表示"><span id="toc5">実行画面の表示</span></h3>



<p>「データコピー完了」の案内が届きましたので、Xserverへ再度ログインします。ログインすると、以下の画面が表示されますので、「実行画面へ」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="522" height="677" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig21.jpg" alt="xserver 新サーバー移行の実行画面の表示" class="wp-image-16673" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig21.jpg 522w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig21-500x648.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig21-300x389.jpg 300w" sizes="(max-width: 522px) 100vw, 522px" /></figure>



<h3 class="wp-block-heading" id="データコピー実行ログの閲覧"><span id="toc6">データコピー実行ログの閲覧</span></h3>



<p>画面をスクロールして最下部にある「データコピー実行ログ閲覧」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="524" height="780" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig22.jpg" alt="WordPress 新サーバー移行 データコピー実行ログ閲覧画面" class="wp-image-16674" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig22.jpg 524w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig22-500x744.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig22-300x447.jpg 300w" sizes="(max-width: 524px) 100vw, 524px" /></figure>



<p>「ファイルコピー時のエラーログ」が「OK」であれば問題ありません。「ファイル修正ログ」は「ホスト名を置換しました」という記載だけであれば、問題ありません。</p>






<h2 class="wp-block-heading" id="新サーバーでの動作確認"><span id="toc7">新サーバーでの動作確認</span></h2>



<p>まだ、ブログを開いても旧サーバー(sv10536)に接続される為、自分だけ新サーバー(sv13093)に接続されるようPCの設定を変更して、動作確認を行います。</p>



<h3 class="wp-block-heading" id="新サーバーのipアドレスの確認"><span id="toc8">新サーバーのipアドレスの確認</span></h3>



<p>画面最下部の「移行元・移行先への操作」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="616" height="749" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig31.jpg" alt="WordPress 新サーバーipアドレス確認" class="wp-image-16675" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig31.jpg 616w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig31-500x608.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig31-300x365.jpg 300w" sizes="(max-width: 616px) 100vw, 616px" /></figure>



<p>移行先のipアドレスを控えます。</p>



<h3 class="wp-block-heading" id="hostsファイルの変更"><span id="toc9">hostsファイルの変更</span></h3>



<h4 class="wp-block-heading" id="テキストエディターを開く">テキストエディターを開く</h4>



<p>メモ帳を右クリックして「管理者として実行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="213" height="364" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig32.jpg" alt="テキストエディターのメニュー画面" class="wp-image-16676"/></figure>



<h4 class="wp-block-heading" id="ファイルパスの入力">ファイルパスの入力</h4>



<p>エディターが起動したら、「ファイル」→「開く」と進んで、ファイル名に以下を入力してhostsファイルを開きます。<br>「C:\WINDOWS\system32\drivers\etc\hosts」と入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="559" height="317" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig33.jpg" alt="ファイルパスの入力画面" class="wp-image-16677" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig33.jpg 559w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig33-500x284.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig33-300x170.jpg 300w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig33-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig33-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig33-320x180.jpg 320w" sizes="(max-width: 559px) 100vw, 559px" /></figure>



<h4 class="wp-block-heading" id="hostsファイルの表示">hostsファイルの表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="572" height="358" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig34.jpg" alt="hostsファイルを表示したメモ帳" class="wp-image-16678" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig34.jpg 572w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig34-500x313.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig34-300x188.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /></figure>



<h4 class="wp-block-heading" id="hostsファイルの変更">hostsファイルの変更</h4>



<p>最下部に「新サーバーのIPアドレス+半角スペース+ドメイン名」を入力して上書き保存します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="572" height="358" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig35.jpg" alt="変更したhostsファイル" class="wp-image-16679" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig35.jpg 572w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig35-500x313.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig35-300x188.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /></figure>



<p>これで自分のPCのみ新サーバーに接続するようになります。</p>



<h3 class="wp-block-heading" id="新サーバーでの動作確認"><span id="toc10">新サーバーでの動作確認</span></h3>



<p>サイトを開き、ホームや投稿ページに問題はないか、WordPressの管理画面にログインしてエラーが表示されていないか等を確認します。</p>



<h3 class="wp-block-heading" id="新サーバー確認用記事の投稿"><span id="toc11">新サーバー確認用記事の投稿</span></h3>



<p>動作確認で問題がなければ、後は「サーバー切り替え」を実行して完了ですが、新サーバーへの切り替えを実行すると直ぐに新しいサーバーに接続されるわけではありません。切り替えが完了するまでには、数時間～24時間かかります。その為、切り替わったかどうかをちょくちょく監視しなければなりませんが、サイトを確認しても見た目はわかりませんので、わかるように新サーバーに記事を投稿しておきます。</p>



<h4 class="wp-block-heading" id="記事の投稿">記事の投稿</h4>



<p>「新サーバー確認用」のタイトルで下書き保存します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="259" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig36.jpg" alt="WordPress cocoon 記事の投稿画面" class="wp-image-16680" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig36.jpg 610w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig36-500x212.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig36-300x127.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<h4 class="wp-block-heading" id="投稿の確認">投稿の確認</h4>



<p>記事一覧で下書き保存されたことを確認します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="612" height="264" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig37.jpg" alt="WordPress Cocoon 投稿一覧画面" class="wp-image-16681" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig37.jpg 612w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig37-500x216.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig37-300x129.jpg 300w" sizes="(max-width: 612px) 100vw, 612px" /></figure>



<p>これで、投稿一覧にこの記事が表示されれば、新サーバーに接続されたことがわかります。</p>



<h3 class="wp-block-heading" id="hostsファイルを元に戻す"><span id="toc12">hostsファイルを元に戻す。</span></h3>



<p>hostファイルを元に戻します。追記した部分を削除して上書き保存します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="572" height="358" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig38.jpg" alt="hostsファイルを表示したメモ帳画面" class="wp-image-16683" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig38.jpg 572w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig38-500x313.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig38-300x188.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /></figure>



<h2 class="wp-block-heading" id="サーバーの切り替え"><span id="toc13">サーバーの切り替え</span></h2>



<h3 class="wp-block-heading" id="サーバーの切り替え"><span id="toc14">サーバーの切り替え</span></h3>



<h4 class="wp-block-heading" id="サーバー切り替え-をクリック">「サーバー切り替え」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="324" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig41.jpg" alt="xserver 新サーバー移行 サーバー切り替え" class="wp-image-16684" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig41.jpg 532w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig41-500x305.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig41-300x183.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<h4 class="wp-block-heading" id="確認入力">確認入力</h4>



<p>確認画面が表示されますので、下部の「サーバー切り替えをする」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="573" height="437" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig42.jpg" alt="WordPress 新サーバー移行の確認入力画面" class="wp-image-16687" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig42.jpg 573w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig42-500x381.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig42-300x229.jpg 300w" sizes="(max-width: 573px) 100vw, 573px" /></figure>



<h4 class="wp-block-heading" id="完了メッセージ">完了メッセージ</h4>



<p>以下のメッセージが表示されれば完了です。「OK」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="534" height="658" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig43.jpg" alt="WordPress 新サーバー移行の移行完了画面" class="wp-image-16688" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig43.jpg 534w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig43-500x616.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig43-300x370.jpg 300w" sizes="(max-width: 534px) 100vw, 534px" /></figure>



<p>切り替えを実行してからすぐに新サーバーに接続されるわけではありません。切り替え完了まで数時間～&nbsp;24&nbsp;時間かかります。切り替えをしたのが23:00だったので、私の場合は翌朝、8:00位に切り替わっていたのを確認できました。</p>



<p>留意:<br>WordPress管理画面に入って、新サーバー確認用の下書きが表示されていたことで確認ができました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="229" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig44.jpg" alt="新サーバーのWordPress管理画面" class="wp-image-16689" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig44.jpg 545w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig44-500x210.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig44-300x126.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>


<div align="center">
<a rel="nofollow noopener" target="_blank" data-atag-id="13" data-post-id="16657" href="https://px.a8.net/svt/ejp?a8mat=1NYF7P+958R2Y+CO4+6CHB5">
<img loading="lazy" decoding="async" border="0" width="350" height="240" alt="" src="https://www27.a8.net/svt/bgt?aid=100703365553&wid=002&eno=01&mid=s00000001642001066000&mc=1"></a>
<img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www19.a8.net/0.gif?a8mat=1NYF7P+958R2Y+CO4+6CHB5" alt="">
</div>



<h3 class="wp-block-heading" id="移行後のその他設定"><span id="toc15">移行後のその他設定</span></h3>



<p>新サーバーに切り替えたことにより、ホスト名が変更となりましたので、FTPホスト名とメールサーバーの変更が必要となります。</p>



<h4 class="wp-block-heading" id="ftpソフトの変更">FTPソフトの変更</h4>



<p>FTPソフトのホスト名を変更します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="571" height="436" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig45.jpg" alt="WinSCPのログイン画面" class="wp-image-16690" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig45.jpg 571w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig45-500x382.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig45-300x229.jpg 300w" sizes="(max-width: 571px) 100vw, 571px" /></figure>



<h4 class="wp-block-heading" id="メールサーバーの変更">メールサーバーの変更</h4>



<p>クライアントのメール設定から、メールサーバーの設定を変更します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="483" src="https://gungii.com/wp/wp-content/uploads/2021/10/xmig46.jpg" alt="メールクライアントのアカウント設定画面" class="wp-image-16691" srcset="https://gungii.com/wp/wp-content/uploads/2021/10/xmig46.jpg 580w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig46-500x416.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/10/xmig46-300x250.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>「Local」で構築したWordPressのサイトをWebに公開する方法</title>
		<link>https://gungii.com/local-web/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Wed, 17 Mar 2021 05:59:30 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=10072</guid>

					<description><![CDATA[自分のPCのローカル環境で作成したWebページをインターネット上に公開するためには、Webサーバーが必要です。「Local」で構築したWordPressローカル環境をレンタルサーバーへ移転してWebサーバーに公開します。 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>自分のPCのローカル環境で作成したWebページをインターネット上に公開するためには、Webサーバーが必要です。「Local」で構築したWordPressローカル環境をレンタルサーバーへ移転してWebサーバーに公開します。2021.01.19に公開したブログ「ローカル環境で構築したWordPressのサイトをWebに公開する方法」の「Local」版です。今回もXFREEというエックスサーバーの運営する無料のレンタルサーバーを利用します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">移動先(Webサーバー)の準備</a><ol><li><a href="#toc2" tabindex="0">XFREEへのアクセス</a></li><li><a href="#toc3" tabindex="0">会員登録の手続き</a></li><li><a href="#toc4" tabindex="0">サーバーの登録</a></li><li><a href="#toc5" tabindex="0">WordPressのインストール</a></li><li><a href="#toc6" tabindex="0">WordPress管理画面の表示</a></li></ol></li><li><a href="#toc7" tabindex="0">移転元(ローカル)のエキスポート</a><ol><li><a href="#toc8" tabindex="0">プラグインのインストール</a></li><li><a href="#toc9" tabindex="0">ローカル環境データのエキスポート</a></li></ol></li><li><a href="#toc10" tabindex="0">移転先(Webサーバー)へのインポート</a><ol><li><a href="#toc11" tabindex="0">プラグインのインストール</a></li><li><a href="#toc12" tabindex="0">ローカル環境データのインポート</a></li><li><a href="#toc13" tabindex="0">サイトの表示</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">移動先(Webサーバー)の準備</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XFREEへのアクセス</span></h3>



<h4 class="wp-block-heading">サイトの表示</h4>



<p>XFREEで検索して、Webサイトにアクセスします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="562" height="451" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a.jpg" alt="" class="wp-image-12516" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a.jpg 562w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a-500x401.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a-300x241.jpg 300w" sizes="(max-width: 562px) 100vw, 562px" /></figure>



<p></p>



<p>スクロールして、「申し込み」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="559" height="160" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a.jpg" alt="" class="wp-image-12517" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a.jpg 559w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a-500x143.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a-300x86.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" /></figure>



<p></p>



<h4 class="wp-block-heading">メールアドレスの登録</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="508" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a.jpg" alt="" class="wp-image-12518" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a.jpg 566w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a-500x449.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a-300x269.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">会員登録の手続き</span></h3>



<p>送られて来るメールから「お申し込みURL」をクリックして会員登録手続きを行います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="477" height="319" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a.jpg" alt="" class="wp-image-12520" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a.jpg 477w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a-300x201.jpg 300w" sizes="(max-width: 477px) 100vw, 477px" /></figure>



<h4 class="wp-block-heading">登録フォームの入力</h4>



<p>会員情報を入力して、「会員登録を確定する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="561" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa.jpg" alt="" class="wp-image-12522" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa.jpg 542w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa-500x518.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa-300x311.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc4">サーバーの登録</span></h3>



<h4 class="wp-block-heading">サーバーIDの登録</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="431" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa.jpg" alt="" class="wp-image-12523" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa.jpg 549w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa-500x393.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa-300x236.jpg 300w" sizes="(max-width: 549px) 100vw, 549px" /></figure>



<p></p>



<h4 class="wp-block-heading">「利用を開始する」をクリック</h4>



<p>「WordPress」の「利用を開始する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="562" height="547" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa.jpg" alt="" class="wp-image-12524" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa.jpg 562w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa-500x487.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa-300x292.jpg 300w" sizes="(max-width: 562px) 100vw, 562px" /></figure>



<p></p>



<h4 class="wp-block-heading">「無料レンタルサーバー」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="576" height="241" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a.jpg" alt="" class="wp-image-12525" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a.jpg 576w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a-500x209.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a-300x126.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<h4 class="wp-block-heading">「管理パネルログイン」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="571" height="491" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a.jpg" alt="" class="wp-image-12526" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a.jpg 571w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a-500x430.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a-300x258.jpg 300w" sizes="(max-width: 571px) 100vw, 571px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc5">WordPressのインストール</span></h3>






<h4 class="wp-block-heading">インストール</h4>



<p>今回は、「all in One WP migration」というプラグインを使ってデータの移行を行いますが、このプラグインは、既に稼働しているWordPressにデータ等だけを移行するというプラグインですので、まずWordPressをインストールする必要があります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="543" height="375" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a.jpg" alt="" class="wp-image-12527" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a.jpg 543w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a-500x345.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a-300x207.jpg 300w" sizes="(max-width: 543px) 100vw, 543px" /></figure>



<p></p>



<p>サイトアドレスはそのまま、WordPressIDはログインのIDとなりますが、移行すると、このIDは、ローカル環境のWordPressのログインIDに置き換わりますので、一時的なものとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="332" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a.jpg" alt="" class="wp-image-12528" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a.jpg 550w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a-500x302.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a-300x181.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストールの完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="385" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a.jpg" alt="" class="wp-image-12529" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a-500x351.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a-300x211.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイトの表示</h4>



<p>パスワードをコピーしておいて、ブログurlをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="378" height="109" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a.jpg" alt="" class="wp-image-12530" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a.jpg 378w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a-300x87.jpg 300w" sizes="(max-width: 378px) 100vw, 378px" /></figure>



<p></p>



<p>すると、以下のようなメッセージが表示されますが、暫く待ってアクセスすると、以下のような表示となります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="283" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a.jpg" alt="" class="wp-image-12531" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a-500x258.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a-300x155.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">WordPress管理画面の表示</span></h3>



<h4 class="wp-block-heading">ログイン</h4>



<p>メタ情報からログインします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="493" height="708" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a.jpg" alt="" class="wp-image-12532" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a.jpg 493w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a-300x431.jpg 300w" sizes="(max-width: 493px) 100vw, 493px" /></figure>



<p></p>



<p>ここで、先ほどの一時的なログインIDとパスワードを入力します。</p>



<p>※メタ情報が表示されないテーマの場合は、URLの後に/wp-adminを付加して入力すると、ログイン画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="471" height="283" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w01a.png" alt="" class="wp-image-12553" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w01a.png 471w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w01a-300x180.png 300w" sizes="(max-width: 471px) 100vw, 471px" /></figure>



<p></p>



<h4 class="wp-block-heading">管理画面の表示</h4>



<p>これで移転先のWordPressが準備できました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="305" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w02a.png" alt="" class="wp-image-12554" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w02a.png 580w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w02a-500x263.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w02a-300x158.png 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc7">移転元(ローカル)のエキスポート</span></h2>



<h3 class="wp-block-heading"><span id="toc8">プラグインのインストール</span></h3>



<p>「all in One WP migration」というプラグインを使って、ローカル環境に構築したWordPressサイトのデータベース等の情報をエキスポートします。</p>



<h4 class="wp-block-heading">Localの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="598" height="363" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w03a.png" alt="" class="wp-image-12556" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w03a.png 598w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w03a-500x304.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w03a-300x182.png 300w" sizes="(max-width: 598px) 100vw, 598px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressの起動</h4>



<p>「ADMIN」をクリックから、ログインしてWordPressの管理画面を起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="605" height="390" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w04a.png" alt="" class="wp-image-12557" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w04a.png 605w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w04a-500x322.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w04a-300x193.png 300w" sizes="(max-width: 605px) 100vw, 605px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインのインストール</h4>



<p>このプラグインはアドインは有料ですが、基本は無料で使うことができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="367" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a.png" alt="" class="wp-image-12558" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a.png 608w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a-500x302.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a-300x181.png 300w" sizes="(max-width: 608px) 100vw, 608px" /></figure>



<p></p>



<p>インストールして有効化すると、メニューに追加されます。</p>



<h3 class="wp-block-heading"><span id="toc9">ローカル環境データのエキスポート</span></h3>



<h4 class="wp-block-heading">エキスポートをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="448" height="441" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w06a.png" alt="" class="wp-image-12559" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w06a.png 448w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w06a-300x295.png 300w" sizes="(max-width: 448px) 100vw, 448px" /></figure>



<p></p>



<h4 class="wp-block-heading">エキスポート先の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="617" height="419" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w07a.png" alt="" class="wp-image-12560" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w07a.png 617w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w07a-500x340.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w07a-300x204.png 300w" sizes="(max-width: 617px) 100vw, 617px" /></figure>



<p></p>



<h4 class="wp-block-heading">エキスポートファイルのダウンロード</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="526" height="279" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w08a.png" alt="" class="wp-image-12561" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w08a.png 526w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w08a-500x265.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w08a-300x159.png 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>



<p></p>



<p>これで準備ができました。</p>



<h2 class="wp-block-heading"><span id="toc10">移転先(Webサーバー)へのインポート</span></h2>



<h3 class="wp-block-heading"><span id="toc11">プラグインのインストール</span></h3>



<p>「all in One WP migration」というプラグインを使って、エキスポートされたファイルをWebサーバーへインポートします。</p>



<h4 class="wp-block-heading">WordPressの起動</h4>



<p>http：//gungii01.wp.xdomain.jp/wp-admin</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="305" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w11a.png" alt="" class="wp-image-12562" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w11a.png 580w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w11a-500x263.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w11a-300x158.png 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインのインストール</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="367" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a.png" alt="" class="wp-image-12558" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a.png 608w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a-500x302.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w05a-300x181.png 300w" sizes="(max-width: 608px) 100vw, 608px" /></figure>



<p></p>



<p>インストールすると、メニューに追加されます。</p>



<h3 class="wp-block-heading"><span id="toc12">ローカル環境データのインポート</span></h3>



<h4 class="wp-block-heading">インポートをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="446" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w12a.png" alt="" class="wp-image-12563" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w12a.png 548w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w12a-500x407.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w12a-300x244.png 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート先の選択</h4>



<p>インポート先としてファイルを選び、エキスポートしたファイルをインポートします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="520" height="387" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w13a.png" alt="" class="wp-image-12564" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w13a.png 520w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w13a-500x372.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w13a-300x223.png 300w" sizes="(max-width: 520px) 100vw, 520px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート開始</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="463" height="226" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w140a.png" alt="" class="wp-image-12565" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w140a.png 463w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w140a-300x146.png 300w" sizes="(max-width: 463px) 100vw, 463px" /></figure>



<p></p>



<p>「容量が不足している。」と表示され、インポートできない場合は、php.iniで容量を書き換えなければ、インポートできません。(Xserverであれば簡単です。)</p>



<p>①php.ini設定の選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="452" height="580" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w141a.png" alt="" class="wp-image-12566" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w141a.png 452w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w141a-300x385.png 300w" sizes="(max-width: 452px) 100vw, 452px" /></figure>



<p></p>



<p>②容量の変更</p>



<p>インポートサイズが168GBありましたので、upload_max_filesizeを200GBと変更しました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="440" height="652" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w141b.png" alt="" class="wp-image-12567" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w141b.png 440w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w141b-300x445.png 300w" sizes="(max-width: 440px) 100vw, 440px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="465" height="227" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w15a.png" alt="" class="wp-image-12568" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w15a.png 465w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w15a-300x146.png 300w" sizes="(max-width: 465px) 100vw, 465px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc13">サイトの表示</span></h3>



<p>サイトを表示すると、ローカル環境のWordPressが移転されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="573" height="444" src="https://gungii.com/wp/wp-content/uploads/2021/03/local-w16a.png" alt="" class="wp-image-12569" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local-w16a.png 573w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w16a-500x387.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local-w16a-300x232.png 300w" sizes="(max-width: 573px) 100vw, 573px" /></figure>



<p>これで、移転の完了です。Webに公開できました。</p>






<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>「Local」で、自分のPCにWordPressのローカル環境を作る。</title>
		<link>https://gungii.com/local-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Wed, 03 Mar 2021 04:38:42 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=9961</guid>

					<description><![CDATA[WordPressを動かすには、Webサーバー(Apache)、データベース(MySQL)、PHPが必要です。これら3つを個別にインストールして初めてWordPressは、動作するようになります。WordPressのロー [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPressを動かすには、Webサーバー(Apache)、データベース(MySQL)、PHPが必要です。これら3つを個別にインストールして初めてWordPressは、動作するようになります。WordPressのローカル環境を構築するツールは、既にご紹介しましたXAMPPがありますが、XAMPPは初めての人にとっては、敷居が高く感じられます。<br>そこで、今回、ご紹介するのがフライホイールという会社の無料のソフトウェア「Local」です。WordPressに必要な動作環境とWordPress本体、そしてWebサーバー、データベース、PHPのインストールを一気にやってくれるローカル環境構築ツールです。WordPressを立ち上げる為の専用の環境構築ソフトで、Windows、Mac共に対応しています。「Local」のインストール方法を詳しく、ご紹介します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Localのインストール</a><ol><li><a href="#toc2" tabindex="0">Localのダウンロード</a></li><li><a href="#toc3" tabindex="0">Localのセットアップ</a></li><li><a href="#toc4" tabindex="0">Localの設定</a></li></ol></li><li><a href="#toc5" tabindex="0">Localサイトの操作</a><ol><li><a href="#toc6" tabindex="0">Localの起動</a></li><li><a href="#toc7" tabindex="0">WordPressの設定</a></li><li><a href="#toc8" tabindex="0">プラグインの追加</a></li></ol></li><li><a href="#toc9" tabindex="0">Localサイトの追加</a><ol><li><a href="#toc10" tabindex="0">サイトの追加</a></li></ol></li><li><a href="#toc11" tabindex="0">Localサイトの削除</a><ol><li><a href="#toc12" tabindex="0">サイトの削除</a></li></ol></li><li><a href="#toc13" tabindex="0">Localの再インストール</a><ol><li><a href="#toc14" tabindex="0">サイトの削除</a></li><li><a href="#toc15" tabindex="0">物理サイトの削除</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Localのインストール</span></h2>






<h3 class="wp-block-heading"><span id="toc2">Localのダウンロード</span></h3>



<p>ブラウザの検索窓から「Localwp」で検索すると、表示されますので、「DOWNLOAD」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="616" height="314" src="https://gungii.com/wp/wp-content/uploads/2021/03/local01a.png" alt="" class="wp-image-12571" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local01a.png 616w, https://gungii.com/wp/wp-content/uploads/2021/03/local01a-500x255.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local01a-300x153.png 300w" sizes="(max-width: 616px) 100vw, 616px" /></figure>



<h4 class="wp-block-heading">プラットホームの選択</h4>



<p>ご自身の環境に合わせて選択します。ここでは、Windowsを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="625" height="261" src="https://gungii.com/wp/wp-content/uploads/2021/03/local02a.png" alt="" class="wp-image-12572" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local02a.png 625w, https://gungii.com/wp/wp-content/uploads/2021/03/local02a-500x209.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local02a-300x125.png 300w" sizes="(max-width: 625px) 100vw, 625px" /></figure>



<p></p>



<h4 class="wp-block-heading">メールアドレスの入力</h4>



<p>メールアドレスのみ必須項目となっていますので、メールアドレスを入力して、「GET IT NOW!」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="317" src="https://gungii.com/wp/wp-content/uploads/2021/03/local03a.png" alt="" class="wp-image-12573" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local03a.png 541w, https://gungii.com/wp/wp-content/uploads/2021/03/local03a-500x293.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local03a-300x176.png 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h4 class="wp-block-heading">ダウンロードの開始</h4>



<p>「GET IT NOW!」がクリックされると、ダウンロードが始まります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="298" height="307" src="https://gungii.com/wp/wp-content/uploads/2021/03/local04a.png" alt="" class="wp-image-12574"/></figure>



<p></p>



<p>セットアップexeがダウンロードされました。</p>



<h3 class="wp-block-heading"><span id="toc3">Localのセットアップ</span></h3>



<p>セットアップexeをグブルクリックして、セットアップを開始します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="118" height="85" src="https://gungii.com/wp/wp-content/uploads/2021/03/local05a.png" alt="" class="wp-image-12575"/></figure>



<h4 class="wp-block-heading">インストールオプションの選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="397" height="246" src="https://gungii.com/wp/wp-content/uploads/2021/03/local06a.png" alt="" class="wp-image-12576" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local06a.png 397w, https://gungii.com/wp/wp-content/uploads/2021/03/local06a-300x186.png 300w" sizes="(max-width: 397px) 100vw, 397px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストール先の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="397" height="246" src="https://gungii.com/wp/wp-content/uploads/2021/03/local07a.png" alt="" class="wp-image-12577" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local07a.png 397w, https://gungii.com/wp/wp-content/uploads/2021/03/local07a-300x186.png 300w" sizes="(max-width: 397px) 100vw, 397px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストールの開始</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="403" height="250" src="https://gungii.com/wp/wp-content/uploads/2021/03/local08a.png" alt="" class="wp-image-12578" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local08a.png 403w, https://gungii.com/wp/wp-content/uploads/2021/03/local08a-300x186.png 300w" sizes="(max-width: 403px) 100vw, 403px" /></figure>



<p></p>



<h4 class="wp-block-heading">セットアップの完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="441" height="274" src="https://gungii.com/wp/wp-content/uploads/2021/03/local09a.png" alt="" class="wp-image-12579" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local09a.png 441w, https://gungii.com/wp/wp-content/uploads/2021/03/local09a-300x186.png 300w" sizes="(max-width: 441px) 100vw, 441px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc4">Localの設定</span></h3>



<h4 class="wp-block-heading">初期設定</h4>



<p>「Local」を起動した初回のみ設定となります。</p>



<p>①契約への同意</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="248" height="220" src="https://gungii.com/wp/wp-content/uploads/2021/03/local10a.png" alt="" class="wp-image-12580"/></figure>



<p></p>



<p>②エラーレポート</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="394" height="243" src="https://gungii.com/wp/wp-content/uploads/2021/03/local11a.png" alt="" class="wp-image-12581" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local11a.png 394w, https://gungii.com/wp/wp-content/uploads/2021/03/local11a-300x185.png 300w" sizes="(max-width: 394px) 100vw, 394px" /></figure>



<p></p>



<p>③リンク</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="239" src="https://gungii.com/wp/wp-content/uploads/2021/03/local12a.png" alt="" class="wp-image-12582" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local12a.png 393w, https://gungii.com/wp/wp-content/uploads/2021/03/local12a-300x182.png 300w" sizes="(max-width: 393px) 100vw, 393px" /></figure>



<p></p>



<h4 class="wp-block-heading">設定画面の表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="292" src="https://gungii.com/wp/wp-content/uploads/2021/03/local13a.png" alt="" class="wp-image-12583" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local13a.png 481w, https://gungii.com/wp/wp-content/uploads/2021/03/local13a-300x182.png 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイト名の設定</h4>



<p>ここでは、「MySite」という名前としました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="272" src="https://gungii.com/wp/wp-content/uploads/2021/03/local14a.png" alt="" class="wp-image-12584" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local14a.png 484w, https://gungii.com/wp/wp-content/uploads/2021/03/local14a-300x169.png 300w, https://gungii.com/wp/wp-content/uploads/2021/03/local14a-120x68.png 120w, https://gungii.com/wp/wp-content/uploads/2021/03/local14a-160x90.png 160w, https://gungii.com/wp/wp-content/uploads/2021/03/local14a-320x180.png 320w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<h4 class="wp-block-heading">「ADVANCED OPTIONS」のクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="463" height="284" src="https://gungii.com/wp/wp-content/uploads/2021/03/local15a.png" alt="" class="wp-image-12585" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local15a.png 463w, https://gungii.com/wp/wp-content/uploads/2021/03/local15a-300x184.png 300w" sizes="(max-width: 463px) 100vw, 463px" /></figure>



<p></p>



<p>ここは、そのまま「CONTINUE」をクリックします。</p>



<h4 class="wp-block-heading">環境設定</h4>



<p>ここでは、Customを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="487" height="324" src="https://gungii.com/wp/wp-content/uploads/2021/03/local16a.png" alt="" class="wp-image-12586" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local16a.png 487w, https://gungii.com/wp/wp-content/uploads/2021/03/local16a-300x200.png 300w" sizes="(max-width: 487px) 100vw, 487px" /></figure>



<p></p>



<p>①PHPの選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="465" height="159" src="https://gungii.com/wp/wp-content/uploads/2021/03/local17a.png" alt="" class="wp-image-12587" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local17a.png 465w, https://gungii.com/wp/wp-content/uploads/2021/03/local17a-300x103.png 300w" sizes="(max-width: 465px) 100vw, 465px" /></figure>



<p></p>



<p>②Webサーバーの選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="462" height="117" src="https://gungii.com/wp/wp-content/uploads/2021/03/local18a.png" alt="" class="wp-image-12588" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local18a.png 462w, https://gungii.com/wp/wp-content/uploads/2021/03/local18a-300x76.png 300w" sizes="(max-width: 462px) 100vw, 462px" /></figure>



<p></p>



<p>③データベースの選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="461" height="159" src="https://gungii.com/wp/wp-content/uploads/2021/03/local19a.png" alt="" class="wp-image-12589" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local19a.png 461w, https://gungii.com/wp/wp-content/uploads/2021/03/local19a-300x103.png 300w" sizes="(max-width: 461px) 100vw, 461px" /></figure>



<p></p>



<p>PHP、Webサーバー、データベースの選択が終わりましたら、「CONTINUE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="320" src="https://gungii.com/wp/wp-content/uploads/2021/03/local20a.png" alt="" class="wp-image-12590" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local20a.png 490w, https://gungii.com/wp/wp-content/uploads/2021/03/local20a-300x196.png 300w" sizes="(max-width: 490px) 100vw, 490px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressの設定</h4>



<p>Username、PassWord、メールアドレスを設定します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="494" height="551" src="https://gungii.com/wp/wp-content/uploads/2021/03/local21a.png" alt="" class="wp-image-12591" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local21a.png 494w, https://gungii.com/wp/wp-content/uploads/2021/03/local21a-300x335.png 300w" sizes="(max-width: 494px) 100vw, 494px" /></figure>



<p></p>



<p>ADVANCED OPTIONSのマルチサイトか否かは、ここではＮＯとします。そして、「ADD SITE」をクリックします。</p>



<h4 class="wp-block-heading">サイトの構築開始</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="502" height="196" src="https://gungii.com/wp/wp-content/uploads/2021/03/local22a.png" alt="" class="wp-image-12592" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local22a.png 502w, https://gungii.com/wp/wp-content/uploads/2021/03/local22a-500x195.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local22a-300x117.png 300w" sizes="(max-width: 502px) 100vw, 502px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイトの構築完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="539" height="326" src="https://gungii.com/wp/wp-content/uploads/2021/03/local23a.png" alt="" class="wp-image-12593" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local23a.png 539w, https://gungii.com/wp/wp-content/uploads/2021/03/local23a-500x302.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local23a-300x181.png 300w" sizes="(max-width: 539px) 100vw, 539px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc5">Localサイトの操作</span></h2>



<h3 class="wp-block-heading"><span id="toc6">Localの起動</span></h3>



<p>「Mysite」を選択して、緑のボタン若しくは右上の「startsite」をクリックして起動します。停止の場合は、「Mysite」の緑のボタンかstopsiteをクリックしてWebサーバーをストップします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="599" height="362" src="https://gungii.com/wp/wp-content/uploads/2021/03/local31a.png" alt="" class="wp-image-12594" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local31a.png 599w, https://gungii.com/wp/wp-content/uploads/2021/03/local31a-500x302.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local31a-300x181.png 300w" sizes="(max-width: 599px) 100vw, 599px" /></figure>



<h4 class="wp-block-heading">VIEW SITE</h4>



<p>右上の「Viewsite」をクリックすると、Webサイトが見れるようになります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="594" height="256" src="https://gungii.com/wp/wp-content/uploads/2021/03/local32a.png" alt="" class="wp-image-12595" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local32a.png 594w, https://gungii.com/wp/wp-content/uploads/2021/03/local32a-500x215.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local32a-300x129.png 300w" sizes="(max-width: 594px) 100vw, 594px" /></figure>



<p></p>



<h4 class="wp-block-heading">ADMIN</h4>



<p>「Admin」をクリックすると、ログイン画面が表示され、ログインすると、管理画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="608" height="618" src="https://gungii.com/wp/wp-content/uploads/2021/03/local33a.png" alt="" class="wp-image-12596" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local33a.png 608w, https://gungii.com/wp/wp-content/uploads/2021/03/local33a-500x508.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local33a-300x305.png 300w" sizes="(max-width: 608px) 100vw, 608px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc7">WordPressの設定</span></h3>



<h4 class="wp-block-heading">日本語化対応</h4>



<p>表記が英語となっていますので、これを日本語表記に変更します。</p>



<p>①SettingからGeneralをクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="284" height="204" src="https://gungii.com/wp/wp-content/uploads/2021/03/local34a.png" alt="" class="wp-image-12597"/></figure>



<p></p>



<p>②Site Languageで日本語を選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="321" height="239" src="https://gungii.com/wp/wp-content/uploads/2021/03/local35a.png" alt="" class="wp-image-12598" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local35a.png 321w, https://gungii.com/wp/wp-content/uploads/2021/03/local35a-300x223.png 300w" sizes="(max-width: 321px) 100vw, 321px" /></figure>



<p></p>



<h4 class="wp-block-heading">時刻の設定</h4>



<p>世界標準時となっていますので、日本時間に合わせます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="403" height="154" src="https://gungii.com/wp/wp-content/uploads/2021/03/local36a.png" alt="" class="wp-image-12599" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local36a.png 403w, https://gungii.com/wp/wp-content/uploads/2021/03/local36a-300x115.png 300w" sizes="(max-width: 403px) 100vw, 403px" /></figure>



<p></p>



<h4 class="wp-block-heading">設定の更新</h4>



<p>日本語対応、時刻の設定が終わりましたら、「Save Changes」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="124" height="47" src="https://gungii.com/wp/wp-content/uploads/2021/03/local37a.png" alt="" class="wp-image-12600"/></figure>



<p></p>



<h4 class="wp-block-heading">画面の更新</h4>



<p>画面が更新され、日本語表記となっています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="329" src="https://gungii.com/wp/wp-content/uploads/2021/03/local38a.png" alt="" class="wp-image-12601" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local38a.png 589w, https://gungii.com/wp/wp-content/uploads/2021/03/local38a-500x279.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local38a-300x168.png 300w, https://gungii.com/wp/wp-content/uploads/2021/03/local38a-120x68.png 120w, https://gungii.com/wp/wp-content/uploads/2021/03/local38a-160x90.png 160w, https://gungii.com/wp/wp-content/uploads/2021/03/local38a-320x180.png 320w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">プラグインの追加</span></h3>



<p>日本語WordPressをインストールした場合は初めからプラグインはインストールされていますが、今回は追加でインストールしなければなりません。</p>



<h4 class="wp-block-heading">プラグインの新規追加</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="257" height="114" src="https://gungii.com/wp/wp-content/uploads/2021/03/local39a.png" alt="" class="wp-image-12602"/></figure>



<p></p>



<h4 class="wp-block-heading">プラグインの検索</h4>



<p>検索窓より「multibyte」と入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="582" height="232" src="https://gungii.com/wp/wp-content/uploads/2021/03/local40a.png" alt="" class="wp-image-12603" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local40a.png 582w, https://gungii.com/wp/wp-content/uploads/2021/03/local40a-500x199.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local40a-300x120.png 300w" sizes="(max-width: 582px) 100vw, 582px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインのインストール</h4>



<p>「WP Multibyte Patch」をインストール、有効化します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="347" height="199" src="https://gungii.com/wp/wp-content/uploads/2021/03/local41a.png" alt="" class="wp-image-12604" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local41a.png 347w, https://gungii.com/wp/wp-content/uploads/2021/03/local41a-300x172.png 300w, https://gungii.com/wp/wp-content/uploads/2021/03/local41a-120x68.png 120w" sizes="(max-width: 347px) 100vw, 347px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインの有効化の確認</h4>



<p>有効化が完了すると、以下の画面が表示されましたら完了です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="543" height="246" src="https://gungii.com/wp/wp-content/uploads/2021/03/local42a.png" alt="" class="wp-image-12605" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local42a.png 543w, https://gungii.com/wp/wp-content/uploads/2021/03/local42a-500x227.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local42a-300x136.png 300w" sizes="(max-width: 543px) 100vw, 543px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc9">Localサイトの追加</span></h2>



<h3 class="wp-block-heading"><span id="toc10">サイトの追加</span></h3>



<p>現在、「Mypage」というサイトがあるところに、「Mypage02」というサイトを追加してみます。</p>



<h4 class="wp-block-heading">AddLocal Siteをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="335" src="https://gungii.com/wp/wp-content/uploads/2021/03/local61a.png" alt="" class="wp-image-12606" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local61a.png 549w, https://gungii.com/wp/wp-content/uploads/2021/03/local61a-500x305.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local61a-300x183.png 300w" sizes="(max-width: 549px) 100vw, 549px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイト名の入力</h4>



<p>サイト名を入力して、ADVANCED OPTIONSをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="324" src="https://gungii.com/wp/wp-content/uploads/2021/03/local62a.png" alt="" class="wp-image-12607" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local62a.png 537w, https://gungii.com/wp/wp-content/uploads/2021/03/local62a-500x302.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local62a-300x181.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h4 class="wp-block-heading">ADVANCED OPTIONSの設定</h4>



<p>ADVANCED OPTIONSはそのままで、「CONTINUE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="538" height="326" src="https://gungii.com/wp/wp-content/uploads/2021/03/local63a.png" alt="" class="wp-image-12608" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local63a.png 538w, https://gungii.com/wp/wp-content/uploads/2021/03/local63a-500x303.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local63a-300x182.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></figure>



<p></p>



<h4 class="wp-block-heading">環境設定</h4>



<p>「Custoｍ」を選択して、PHP,Webサーバー,Databaseを選択して、「CONTINUE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="325" src="https://gungii.com/wp/wp-content/uploads/2021/03/local64a.png" alt="" class="wp-image-12609" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local64a.png 537w, https://gungii.com/wp/wp-content/uploads/2021/03/local64a-500x303.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local64a-300x182.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressのセットアップ</h4>



<p>WordPressのログイン時のユーザー名、パスワードと、メールアドレスを設定します。設定が済めば、「ADD SITE」をクリックすると、サイトの構築が開始されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="326" src="https://gungii.com/wp/wp-content/uploads/2021/03/local65a.png" alt="" class="wp-image-12610" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local65a.png 537w, https://gungii.com/wp/wp-content/uploads/2021/03/local65a-500x304.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local65a-300x182.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイト構築の完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="538" height="326" src="https://gungii.com/wp/wp-content/uploads/2021/03/local66a.png" alt="" class="wp-image-12611" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local66a.png 538w, https://gungii.com/wp/wp-content/uploads/2021/03/local66a-500x303.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local66a-300x182.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc11">Localサイトの削除</span></h2>



<h3 class="wp-block-heading"><span id="toc12">サイトの削除</span></h3>



<h4 class="wp-block-heading">Deleteの選択</h4>



<p>サイト名を右クリックして、「Delete」を選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="329" src="https://gungii.com/wp/wp-content/uploads/2021/03/local51a.png" alt="" class="wp-image-12612" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local51a.png 541w, https://gungii.com/wp/wp-content/uploads/2021/03/local51a-500x304.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local51a-300x182.png 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h4 class="wp-block-heading">「DELETE SITE」のクリック</h4>



<p>確認画面が表示されますので、「DELETE SITE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="387" height="225" src="https://gungii.com/wp/wp-content/uploads/2021/03/local52a.png" alt="" class="wp-image-12613" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local52a.png 387w, https://gungii.com/wp/wp-content/uploads/2021/03/local52a-300x174.png 300w" sizes="(max-width: 387px) 100vw, 387px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイトの表示</h4>



<p>サイトの作成画面が表示され、サイトが削除されたことが確認できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="328" src="https://gungii.com/wp/wp-content/uploads/2021/03/local53a.png" alt="" class="wp-image-12614" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local53a.png 537w, https://gungii.com/wp/wp-content/uploads/2021/03/local53a-500x305.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local53a-300x183.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイト削除時の留意点</h4>



<p>「Local」をインストールすると、「hosts」ファイルには、以下のように設定が追加されていますが、「Local」のサイトを削除すると、同時に「hosts」ファイルも書き換えられ元に戻ります。従って、ここで削除しておかないと、「hosts」ファイルを自分で書き換えなければなりません。</p>



<p>①Localインストール時</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="467" height="351" src="https://gungii.com/wp/wp-content/uploads/2021/03/local54a.png" alt="" class="wp-image-12615" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local54a.png 467w, https://gungii.com/wp/wp-content/uploads/2021/03/local54a-300x225.png 300w" sizes="(max-width: 467px) 100vw, 467px" /></figure>



<p></p>



<p>②Localのサイトを削除時</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="524" height="270" src="https://gungii.com/wp/wp-content/uploads/2021/03/Local55a.png" alt="" class="wp-image-12616" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/Local55a.png 524w, https://gungii.com/wp/wp-content/uploads/2021/03/Local55a-500x258.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/Local55a-300x155.png 300w" sizes="(max-width: 524px) 100vw, 524px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc13">Localの再インストール</span></h2>



<p>Localを最初からインストールし直したい場合があると思いますが、その際にコントロールパネルからLocalのプログラムだけを削除するだけでは、再インストールでうまくいきません。例えば、Site nameは、再度同じ名前となってしまいます。</p>



<h3 class="wp-block-heading"><span id="toc14">サイトの削除</span></h3>



<p>最初からインストールする場合は、まずは現在のサイトを削除しておく必要があります。</p>



<h4 class="wp-block-heading">「Delete」を選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="329" src="https://gungii.com/wp/wp-content/uploads/2021/03/local71a.png" alt="" class="wp-image-12617" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local71a.png 541w, https://gungii.com/wp/wp-content/uploads/2021/03/local71a-500x304.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local71a-300x182.png 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h4 class="wp-block-heading">「DELETE SITE」のクリック</h4>



<p>確認画面が表示されますので、「DELETE SITE」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="387" height="225" src="https://gungii.com/wp/wp-content/uploads/2021/03/local72a.png" alt="" class="wp-image-12618" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local72a.png 387w, https://gungii.com/wp/wp-content/uploads/2021/03/local72a-300x174.png 300w" sizes="(max-width: 387px) 100vw, 387px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイトの表示</h4>



<p>サイトの作成画面が表示され、サイトが削除されたことが確認できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="328" src="https://gungii.com/wp/wp-content/uploads/2021/03/local73a.png" alt="" class="wp-image-12619" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local73a.png 537w, https://gungii.com/wp/wp-content/uploads/2021/03/local73a-500x305.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local73a-300x183.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc15">物理サイトの削除</span></h3>



<h4 class="wp-block-heading">「Local Sites」フォルダの削除</h4>



<p>「Local Sites」というフォルダが作成されていますので、削除します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="486" height="305" src="https://gungii.com/wp/wp-content/uploads/2021/03/local74a.png" alt="" class="wp-image-12620" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local74a.png 486w, https://gungii.com/wp/wp-content/uploads/2021/03/local74a-300x188.png 300w" sizes="(max-width: 486px) 100vw, 486px" /></figure>



<p></p>



<h4 class="wp-block-heading">「Local-updater」フォルダの削除</h4>



<p>「Local」のダウンロードからやり直したい場合は、「Local-updater」フォルダも削除します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="607" height="691" src="https://gungii.com/wp/wp-content/uploads/2021/03/local75a.png" alt="" class="wp-image-12621" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local75a.png 607w, https://gungii.com/wp/wp-content/uploads/2021/03/local75a-500x569.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local75a-300x342.png 300w" sizes="(max-width: 607px) 100vw, 607px" /></figure>



<p></p>



<h4 class="wp-block-heading">「Loca」フォルダの削除</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="691" src="https://gungii.com/wp/wp-content/uploads/2021/03/local76a.png" alt="" class="wp-image-12622" srcset="https://gungii.com/wp/wp-content/uploads/2021/03/local76a.png 606w, https://gungii.com/wp/wp-content/uploads/2021/03/local76a-500x570.png 500w, https://gungii.com/wp/wp-content/uploads/2021/03/local76a-300x342.png 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<p></p>



<h4 class="wp-block-heading">ソフトウェアの削除</h4>



<p>コントロールパネルからソフトウェアのアンインストールを行います。</p>



<h4 class="wp-block-heading">「Local」の再インストール</h4>



<p>これで、ソフトウェアのダウンロードからインストールを開始できます。</p>



]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ローカルにXAMPPで構築したWordPressのサイトをWebに公開する方法</title>
		<link>https://gungii.com/xamppw-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Tue, 19 Jan 2021 04:46:40 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=9668</guid>

					<description><![CDATA[自分のPCで作成したWebページをインターネット上に公開するためには、Webサーバーが必要です。XAMPPで構築したWordPressローカル環境をレンタルサーバーへ移転してWebサーバーに公開します。今回、公開するWe [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>自分のPCで作成したWebページをインターネット上に公開するためには、Webサーバーが必要です。XAMPPで構築したWordPressローカル環境をレンタルサーバーへ移転してWebサーバーに公開します。今回、公開するWebサーバーはXFREEというサーバーをつかいます。XFREEは、エックスサーバーという会社が運営する無料のレンタルサーバーです。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">移動先の準備</a><ol><li><a href="#toc2" tabindex="0">XFREEへのアクセス</a></li><li><a href="#toc3" tabindex="0">会員登録の手続き</a></li><li><a href="#toc4" tabindex="0">サーバーの登録</a></li><li><a href="#toc5" tabindex="0">WordPressのインストール</a></li><li><a href="#toc6" tabindex="0">WordPress管理画面の表示</a></li></ol></li><li><a href="#toc7" tabindex="0">移転元のエキスポート</a><ol><li><a href="#toc8" tabindex="0">プラグインのインストール</a></li><li><a href="#toc9" tabindex="0">ローカル環境データのエキスポート</a></li></ol></li><li><a href="#toc10" tabindex="0">移転先へのインポート</a><ol><li><a href="#toc11" tabindex="0">プラグインのインストール</a></li><li><a href="#toc12" tabindex="0">ローカル環境データのインポート</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">移動先の準備</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XFREEへのアクセス</span></h3>






<h4 class="wp-block-heading">サイトの表示</h4>



<p>XFREEで検索して、Webサイトにアクセスします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="562" height="451" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a.jpg" alt="" class="wp-image-12516" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a.jpg 562w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a-500x401.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w01a-300x241.jpg 300w" sizes="(max-width: 562px) 100vw, 562px" /></figure>



<p></p>



<p>スクロールして、「申し込み」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="559" height="160" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a.jpg" alt="" class="wp-image-12517" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a.jpg 559w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a-500x143.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w02a-300x86.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" /></figure>



<p></p>



<h4 class="wp-block-heading">メールアドレスの登録</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="508" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a.jpg" alt="" class="wp-image-12518" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a.jpg 566w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a-500x449.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w03a-300x269.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">会員登録の手続き</span></h3>



<p>送られて来るメールから「お申し込みURL」をクリックして会員登録手続きを行います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="477" height="319" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a.jpg" alt="" class="wp-image-12520" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a.jpg 477w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w04a-300x201.jpg 300w" sizes="(max-width: 477px) 100vw, 477px" /></figure>



<h4 class="wp-block-heading">登録フォームの入力</h4>



<p>会員情報を入力して、「会員登録を確定する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="561" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa.jpg" alt="" class="wp-image-12522" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa.jpg 542w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa-500x518.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w05aa-300x311.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc4">サーバーの登録</span></h3>



<h4 class="wp-block-heading">サーバーIDの登録</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="431" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa.jpg" alt="" class="wp-image-12523" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa.jpg 549w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa-500x393.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w06aa-300x236.jpg 300w" sizes="(max-width: 549px) 100vw, 549px" /></figure>



<p></p>



<h4 class="wp-block-heading">「利用を開始する」をクリック</h4>



<p>「WordPress」の「利用を開始する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="562" height="547" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa.jpg" alt="" class="wp-image-12524" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa.jpg 562w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa-500x487.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w07aa-300x292.jpg 300w" sizes="(max-width: 562px) 100vw, 562px" /></figure>



<p></p>



<h4 class="wp-block-heading">「無料レンタルサーバー」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="576" height="241" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a.jpg" alt="" class="wp-image-12525" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a.jpg 576w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a-500x209.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w09a-300x126.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<p></p>



<h4 class="wp-block-heading">「管理パネルログイン」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="571" height="491" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a.jpg" alt="" class="wp-image-12526" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a.jpg 571w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a-500x430.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w10a-300x258.jpg 300w" sizes="(max-width: 571px) 100vw, 571px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc5">WordPressのインストール</span></h3>



<h4 class="wp-block-heading">インストール</h4>



<p>今回は、「all in One WP migration」というプラグインを使ってデータの移行を行いますが、このプラグインは、既に稼働しているWordPressにデータ等だけを移行するというプラグインですので、まずWordPressをインストールする必要があります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="543" height="375" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a.jpg" alt="" class="wp-image-12527" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a.jpg 543w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a-500x345.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w11a-300x207.jpg 300w" sizes="(max-width: 543px) 100vw, 543px" /></figure>



<p></p>



<p>サイトアドレスはそのまま、WordPressIDはログインのIDとなりますが、移行すると、このIDは、ローカル環境のWordPressのログインIDに置き換わりますので、一時的なものとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="332" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a.jpg" alt="" class="wp-image-12528" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a.jpg 550w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a-500x302.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w12a-300x181.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストールの完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="385" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a.jpg" alt="" class="wp-image-12529" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a-500x351.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w13a-300x211.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">サイトの表示</h4>



<p>パスワードをコピーしておいて、ブログURLをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="378" height="109" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a.jpg" alt="" class="wp-image-12530" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a.jpg 378w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w14a-300x87.jpg 300w" sizes="(max-width: 378px) 100vw, 378px" /></figure>



<p></p>



<p>すると、以下のようなメッセージが表示されますが、暫く待つと、以下のような表示となります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="283" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a.jpg" alt="" class="wp-image-12531" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a-500x258.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w15a-300x155.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">WordPress管理画面の表示</span></h3>



<h4 class="wp-block-heading">ログイン</h4>



<p>メタ情報からログインします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="493" height="708" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a.jpg" alt="" class="wp-image-12532" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a.jpg 493w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w16a-300x431.jpg 300w" sizes="(max-width: 493px) 100vw, 493px" /></figure>



<p></p>



<p>ここで、先ほどの一時的なログインIDとパスワードを入力します。</p>



<h4 class="wp-block-heading">管理画面の表示</h4>



<p>これで移転先のWordPressが準備できました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="305" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w17a.jpg" alt="" class="wp-image-12533" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w17a.jpg 580w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w17a-500x263.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w17a-300x158.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc7">移転元のエキスポート</span></h2>



<h3 class="wp-block-heading"><span id="toc8">プラグインのインストール</span></h3>



<p>「all in One WP migration」というプラグインを使って、ローカル環境に構築したWordPressサイトのデータベース等の情報をエキスポートします。</p>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w21a.jpg" alt="" class="wp-image-12534" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w21a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w21a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w21a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressの起動</h4>



<p>http：//localhost:8888/wp-site/wp-adminで起動して、ログインします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="537" height="277" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w22a.jpg" alt="" class="wp-image-12535" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w22a.jpg 537w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w22a-500x258.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w22a-300x155.jpg 300w" sizes="(max-width: 537px) 100vw, 537px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインのインストール</h4>



<p>このプラグインはアドインは有料ですが、基本は無料で使うことができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="603" height="297" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w23a.jpg" alt="" class="wp-image-12536" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w23a.jpg 603w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w23a-500x246.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w23a-300x148.jpg 300w" sizes="(max-width: 603px) 100vw, 603px" /></figure>



<p></p>



<p>インストールして有効化すると、メニューに追加されます。</p>



<h3 class="wp-block-heading"><span id="toc9">ローカル環境データのエキスポート</span></h3>



<h4 class="wp-block-heading">エキスポートをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="510" height="350" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w24a.jpg" alt="" class="wp-image-12537" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w24a.jpg 510w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w24a-500x343.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w24a-300x206.jpg 300w" sizes="(max-width: 510px) 100vw, 510px" /></figure>



<p></p>



<p>注意:<br>今回使うファイルは無料で使えますが、容量制限があります。容量を超える場合は、FTPやDropBox等で送り込むのですが、その際にはDropBox等のアドインを購入する必要があります。</p>



<h4 class="wp-block-heading">エキスポート先の選択</h4>



<p>エキスポート先としてファイルを選び、エキスポートを実行します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="439" height="486" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w25a.jpg" alt="" class="wp-image-12538" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w25a.jpg 439w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w25a-300x332.jpg 300w" sizes="(max-width: 439px) 100vw, 439px" /></figure>



<p></p>



<h4 class="wp-block-heading">エキスポートファイルのダウンロード</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="330" height="337" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w26a.jpg" alt="" class="wp-image-12539" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w26a.jpg 330w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w26a-300x306.jpg 300w" sizes="(max-width: 330px) 100vw, 330px" /></figure>



<p></p>



<p>これで移転の準備ができました</p>



<h2 class="wp-block-heading"><span id="toc10">移転先へのインポート</span></h2>



<h3 class="wp-block-heading"><span id="toc11">プラグインのインストール</span></h3>



<p>「all in One WP migration」というプラグインを使って、エキスポートされたファイルをWebサーバーへインポートします。</p>



<h4 class="wp-block-heading">WordPressの起動</h4>



<p>http：//gungii01.wp.xdomain.jp/wp-admin</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="339" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w31a.jpg" alt="" class="wp-image-12540" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w31a.jpg 550w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w31a-500x308.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w31a-300x185.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></figure>



<p></p>



<h4 class="wp-block-heading">プラグインのインストール</h4>



<p>このプラグインはアドインは有料ですが、基本は無料で使うことができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="603" height="297" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w32a.jpg" alt="" class="wp-image-12541" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w32a.jpg 603w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w32a-500x246.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w32a-300x148.jpg 300w" sizes="(max-width: 603px) 100vw, 603px" /></figure>



<p></p>



<p>インストールして有効化すると、メニューに追加されます。</p>



<h3 class="wp-block-heading"><span id="toc12">ローカル環境データのインポート</span></h3>



<h4 class="wp-block-heading">インポートをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="527" height="354" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w33a.jpg" alt="" class="wp-image-12542" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w33a.jpg 527w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w33a-500x336.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w33a-300x202.jpg 300w" sizes="(max-width: 527px) 100vw, 527px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート先の選択</h4>



<p>インポート先としてファイルを選び、インポートを実行します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="426" height="404" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w34a.jpg" alt="" class="wp-image-12543" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w34a.jpg 426w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w34a-300x285.jpg 300w" sizes="(max-width: 426px) 100vw, 426px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポートファイルの選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="433" height="305" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w35aa.jpg" alt="" class="wp-image-12544" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w35aa.jpg 433w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w35aa-300x211.jpg 300w" sizes="(max-width: 433px) 100vw, 433px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート開始</h4>



<p>警告が表示されますが、上書きでも問題ありませんので「開始」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="363" height="304" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w36a.jpg" alt="" class="wp-image-12545" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w36a.jpg 363w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w36a-300x251.jpg 300w" sizes="(max-width: 363px) 100vw, 363px" /></figure>



<p></p>



<h4 class="wp-block-heading">インポート完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="362" height="149" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w37a.jpg" alt="" class="wp-image-12546" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w37a.jpg 362w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w37a-300x123.jpg 300w" sizes="(max-width: 362px) 100vw, 362px" /></figure>



<p></p>



<p>サイトを表示すると、ローカル環境のWordPressが移転されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="487" height="247" src="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w38a.jpg" alt="" class="wp-image-12547" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w38a.jpg 487w, https://gungii.com/wp/wp-content/uploads/2021/01/xampp-w38a-300x152.jpg 300w" sizes="(max-width: 487px) 100vw, 487px" /></figure>



<p></p>



<p>これで移転の完了です。引っ越したサイトへのアクセスは、<br>http：//gungii01.wp.xdomain.jp/wp-adminで、ログインID,パスワードは、一時的なID、パスワードではなく、ローカルで作成したIDとパスワードです。</p>



]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Xamppで複数のWordPressのローカル環境を作る方法</title>
		<link>https://gungii.com/xamppmu-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Mon, 04 Jan 2021 06:03:51 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=9641</guid>

					<description><![CDATA[WordPressのローカル環境を構築するツールとして、XAMPPを紹介しましたが、ブログのテーマを変えて、別のサイトを構築する場合、複数のWordPressのローカル環境が必要となります。ここでは、既にXAMPPでWo [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPressのローカル環境を構築するツールとして、XAMPPを紹介しましたが、ブログのテーマを変えて、別のサイトを構築する場合、複数のWordPressのローカル環境が必要となります。ここでは、既にXAMPPでWordpPressのローカル環境を構築しているところに、追加で新たに別のローカル環境を構築する方法をご紹介します。データベース名を変えるだけで、いくつものWordPressのローカル環境を構築することができます。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">ローカル環境の追加</a><ol><li><a href="#toc2" tabindex="0">XAMPPの起動</a></li><li><a href="#toc3" tabindex="0">データベース(wp-site)の作成</a></li><li><a href="#toc4" tabindex="0">WordPressのインストール</a></li><li><a href="#toc5" tabindex="0">WordPressのセットアップ</a></li></ol></li><li><a href="#toc6" tabindex="0">ローカル環境の確認</a><ol><li><a href="#toc7" tabindex="0">WordPressの起動</a></li><li><a href="#toc8" tabindex="0">Webサイトの表示</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ローカル環境の追加</span></h2>






<h3 class="wp-block-heading"><span id="toc2">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a.jpg" alt="起動したxampp画面" class="wp-image-13366" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MyAQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="576" height="307" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu01a.jpg" alt="起動したphpMyAdmin画面" class="wp-image-13368" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu01a.jpg 576w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu01a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu01a-300x160.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">データベース(wp-site)の作成</span></h3>



<h4 class="wp-block-heading">「データベース」タブのクリック</h4>



<p>「データベース」というタブをクリックして、データベースの管理画面を表示します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="294" height="270" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu02a.jpg" alt="データベースの管理画面" class="wp-image-13369"/></figure>



<p></p>



<h4 class="wp-block-heading">データベース名の入力</h4>



<p>「wp-web」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="330" height="525" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu03a.jpg" alt="データベース名を入力した管理画面" class="wp-image-13370" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu03a.jpg 330w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu03a-300x477.jpg 300w" sizes="(max-width: 330px) 100vw, 330px" /></figure>



<p></p>



<p>留意:<br>データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。</p>



<p>[ MariaDB(MySQL)の照合順序 ]<br>MariaDBで日本語を扱う際に選ぶ照合順序は基本的に以下の3つです。</p>



<ul class="wp-block-list"><li>utf8mb4_general_ci:英字の大文字小文字を区別しない。ほかは区別する。</li><li>utf8mb4_unicode_ci:英字の大文字小文字を区別しないし、半角全角も、ひらがなカタカナも区別しない</li><li>utf8mb4_bin:全部区別する。文字コードがすべて。</li></ul>



<p>※前半の utf8mb4 が文字セットで、後半の general_ci/unicode_ci/bin が照合順序です。</p>



<h3 class="wp-block-heading"><span id="toc4">WordPressのインストール</span></h3>



<h4 class="wp-block-heading">WordPressのダウンロード</h4>



<p>https：//ja.wordpress.org/</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="693" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg" alt="WordPressのダウンロード画面" class="wp-image-13593" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-500x632.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-300x379.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">ダウンロードファイルの解凍</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="613" height="245" src="https://gungii.com/wp/wp-content/uploads/2021/09/xamppmu12a.jpg" alt="解凍したzipファイル" class="wp-image-13378" srcset="https://gungii.com/wp/wp-content/uploads/2021/09/xamppmu12a.jpg 613w, https://gungii.com/wp/wp-content/uploads/2021/09/xamppmu12a-500x200.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/09/xamppmu12a-300x120.jpg 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure>



<p></p>



<h4 class="wp-block-heading">XAMPPへインストール</h4>



<p>①フォルダ名のrename</p>



<p>解凍した「wordpress-5.5.3-ja」の中の「wordpress」を、作成したデータベース名と同じ「wp-web」と名前を変更します。これで、http：//localhost:8888/wp-webでアクセスできるようになります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="513" height="210" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu04a.jpg" alt="wp-webにrenameしたフォルダ" class="wp-image-13371" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu04a.jpg 513w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu04a-500x205.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu04a-300x123.jpg 300w" sizes="(max-width: 513px) 100vw, 513px" /></figure>



<p></p>



<p>②フォルダの格納</p>



<p>Explorerをクリックして、ディレクトリー一覧を表示後、名前を変更した「wp-web」フォルダ一式を、[ C:\xampp\htdocs ] ディレクトリ内にドラッグアンドドロップでコピーします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="621" height="611" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu05a.jpg" alt="wp-webフォルダを格納したhtdocs" class="wp-image-13372" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu05a.jpg 621w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu05a-500x492.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu05a-300x295.jpg 300w" sizes="(max-width: 621px) 100vw, 621px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc5">WordPressのセットアップ</span></h3>



<h4 class="wp-block-heading">セットアップの起動</h4>



<p>Google Chorme などブラウザを起動させて、&nbsp;http：//localhost:8888/wp-webと入力します。<br>注意:XAMPPは起動させた状態でブラウザからアクセスします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="750" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu15a.jpg" alt="WordPressのデータベースの設定画面" class="wp-image-13380" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu15a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu15a-500x661.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu15a-300x397.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベースの設定</h4>



<p>データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名（デフォルト:localhost）、テーブル接頭辞（デフォルト:wp_）を入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="423" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu06a.jpg" alt="入力されたデーベースの設定画面" class="wp-image-13373" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu06a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu06a-500x373.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu06a-300x224.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">「インストール実行」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="200" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu17a.jpg" alt="インストール実行ボタン" class="wp-image-13381" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu17a.jpg 566w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu17a-500x177.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu17a-300x106.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressのセットアップ</h4>



<p>①セットアップ画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="552" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu18a.jpg" alt="WordPressのセットアップ画面" class="wp-image-13382" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu18a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu18a-300x342.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>②セットアップ</p>



<p>WordPressのサイト名、WordPressにログインするサイト管理者のユーザー名とパスワード、メールアドレスを入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="483" height="550" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu07a.jpg" alt="入力されたWordPressのセットアップ画面" class="wp-image-13374" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu07a.jpg 483w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu07a-300x342.jpg 300w" sizes="(max-width: 483px) 100vw, 483px" /></figure>



<p></p>



<p>注意:<br>検索エンジンでの表示には、レを入れておくのが良いでしょう。但し、WordPressにログインして、設定の表示設定でも設定ができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="46" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu20a.jpg" alt="検索エンジンでの表示のチェックボックス" class="wp-image-13383" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu20a.jpg 481w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu20a-300x29.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<p>③セットアップ完了</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="278" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg" alt="「インストールに成功した」と告げる画面" class="wp-image-13603" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg 490w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-300x170.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-160x90.jpg 160w" sizes="(max-width: 490px) 100vw, 490px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc6">ローカル環境の確認</span></h2>



<h3 class="wp-block-heading"><span id="toc7">WordPressの起動</span></h3>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<p>WordPressを使うためには、ApacheとMySQLが必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a.jpg" alt="起動したxampp画面" class="wp-image-13366" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu00a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">管理画面へのログイン</h4>



<p>http：//localhost:8888/wp-web/wp-adminと入力します。</p>



<p>①ログイン</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="526" height="335" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg" alt="ユーザー名、パスワードを入力したログイン画面" class="wp-image-13604" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg 526w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-500x318.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-300x191.jpg 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>



<p></p>



<p>②管理画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="276" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg" alt="WordPressのダッシュボード" class="wp-image-13605" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-300x153.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">Webサイトの表示</span></h3>



<p>http：//localhost:8888/wp-webと入力します。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="278" src="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu08a.jpg" alt="Heloo worldの画面" class="wp-image-13375" srcset="https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu08a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu08a-500x257.jpg 500w, https://gungii.com/wp/wp-content/uploads/2021/01/xamppmu08a-300x154.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Xamppで構築したWordPressのローカル環境を初期化する方法。</title>
		<link>https://gungii.com/xamppcl-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sun, 06 Dec 2020 08:24:52 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=9370</guid>

					<description><![CDATA[XAMPPで構築したWordPressローカル環境を初期化して、再度構築(XAMPPの再インストール)し直したい場合があります。XAMPPのアンインストールするのではなく、WordPressとデータベースを削除します。例 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>XAMPPで構築したWordPressローカル環境を初期化して、再度構築(XAMPPの再インストール)し直したい場合があります。XAMPPのアンインストールするのではなく、WordPressとデータベースを削除します。例えば、WordPressのテーマのテストで投稿を繰り返し、WordPressの設定を変えたり、プラグインをインストールしたりした場合、別のテーマに切り替えて再度テストをしたい場合等、投稿した内容がデータベースに残っていたり、WordPressの設定も残っていますので、これを1つ1つ元に戻して、別テーマに切り替えることは、大変です。このような場合に、一気にWordPressとデータベースを削除して、初期化できると便利です。実際にやってみましたので、ご紹介します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">ローカル環境の初期化</a><ol><li><a href="#toc2" tabindex="0">データベースの確認</a></li><li><a href="#toc3" tabindex="0">データベースの削除</a></li><li><a href="#toc4" tabindex="0">WordPressの削除</a></li></ol></li><li><a href="#toc5" tabindex="0">ローカル環境の再構築(xamppの再インストール)</a><ol><li><a href="#toc6" tabindex="0">XAMPPの起動</a></li><li><a href="#toc7" tabindex="0">データベース(wp-site)の作成</a></li><li><a href="#toc8" tabindex="0">WordPressのインストール</a></li><li><a href="#toc9" tabindex="0">WordPressのセットアップ</a></li></ol></li><li><a href="#toc10" tabindex="0">ローカル環境の確認</a><ol><li><a href="#toc11" tabindex="0">WordPressの起動</a></li><li><a href="#toc12" tabindex="0">テーマの変更</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">ローカル環境の初期化</span></h2>



<h3 class="wp-block-heading"><span id="toc2">データベースの確認</span></h3>



<p>初期化するには、データベースの削除が必要ですが、間違ったデータベースを削除することのない様に、データベース名を確認します。</p>



<h4 class="wp-block-heading">Explorerの起動</h4>



<p>XAMPPの中のExplorerをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="345" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl01a.jpg" alt="xamppの起動画面" class="wp-image-13502" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl01a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl01a-500x324.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl01a-300x195.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h4 class="wp-block-heading">htdocsをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="396" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl02a.jpg" alt="xamppのエクスプローラを起動して表示されたフォルダー一覧" class="wp-image-13504" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl02a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl02a-500x372.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl02a-300x223.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h4 class="wp-block-heading">wp-siteをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="528" height="393" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl03a.jpg" alt="「wp-site」フォルダを選択したhtdocsフォルダーの中のファイル一覧" class="wp-image-13505" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl03a.jpg 528w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl03a-500x372.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl03a-300x223.jpg 300w" sizes="(max-width: 528px) 100vw, 528px" /></figure>



<p></p>



<h4 class="wp-block-heading">wp-config.phpをVSCで開く</h4>



<p>wp-config.phpを選択して、右クリックでmicrosoftのテキスト編集ソフトVSC(ビジュアルスタジオコード)を開きます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="530" height="393" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl04a.jpg" alt="「wp-config.php」を「Codeで開く」を選択した「wp-site」フォルダ一覧" class="wp-image-13506" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl04a.jpg 530w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl04a-500x371.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl04a-300x222.jpg 300w" sizes="(max-width: 530px) 100vw, 530px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース名の確認</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="530" height="396" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl05a.jpg" alt="wp-config.phpを開いたVSC画面" class="wp-image-13507" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl05a.jpg 530w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl05a-500x374.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl05a-300x224.jpg 300w" sizes="(max-width: 530px) 100vw, 530px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">データベースの削除</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="xamppの起動画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">Adminをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="353" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl06a.jpg" alt="「Admin」を選択したxamppの起動画面" class="wp-image-13510" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl06a.jpg 545w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl06a-500x324.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl06a-300x194.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>



<p></p>



<h4 class="wp-block-heading">wp-siteをクリック</h4>



<p>確認したデータベースを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="323" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl07a.jpg" alt="「wp-site」を選択したphpMyAdmin画面" class="wp-image-13512" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl07a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl07a-500x296.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl07a-300x177.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベースの表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="340" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl08a.jpg" alt="phpMyAdminの「wp-site」のデータベース一覧" class="wp-image-13513" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl08a.jpg 545w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl08a-500x312.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl08a-300x187.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース削除</h4>



<p>「操作」タブをクリックして、「データベースを削除する」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="555" height="729" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl09a.jpg" alt="データベースを削除したphpMyAdminの「wp-site」" class="wp-image-13514" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl09a.jpg 555w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl09a-500x657.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl09a-300x394.jpg 300w" sizes="(max-width: 555px) 100vw, 555px" /></figure>



<p></p>



<p>削除されました。</p>



<h3 class="wp-block-heading"><span id="toc4">WordPressの削除</span></h3>



<h4 class="wp-block-heading">Explorerの起動</h4>



<p>XAMPPの中のExplorerをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="345" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl11a.jpg" alt="Explorerを選択したxamppの起動画面" class="wp-image-13515" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl11a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl11a-500x324.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl11a-300x195.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h4 class="wp-block-heading">htdocsをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="529" height="394" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl12a.jpg" alt="xamppのエクスプローラを起動して表示されたフォルダー一覧" class="wp-image-13516" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl12a.jpg 529w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl12a-500x372.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl12a-300x223.jpg 300w" sizes="(max-width: 529px) 100vw, 529px" /></figure>



<p></p>



<h4 class="wp-block-heading">wp-siteを削除</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="531" height="803" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl13a.jpg" alt="「wp-site」フォルダの削除されたフォルダー一覧" class="wp-image-13517" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl13a.jpg 531w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl13a-500x756.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl13a-300x454.jpg 300w" sizes="(max-width: 531px) 100vw, 531px" /></figure>



<p></p>



<p>削除されました。</p>



<h2 class="wp-block-heading"><span id="toc5">ローカル環境の再構築(xamppの再インストール)</span></h2>



<p>ローカル環境の初期化が完了しましたので、再度WordPressのローカル環境を構築します。同じデータベース名で構築します。</p>



<h3 class="wp-block-heading"><span id="toc6">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="xamppの起動画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MyAQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a.jpg" alt="phpMyAdminの初期画面" class="wp-image-13590" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc7">データベース(wp-site)の作成</span></h3>



<h4 class="wp-block-heading">「データベース」タブのクリック</h4>



<p>「データベース」というタブをクリックして、データベースの管理画面を表示します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="348" height="270" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a.jpg" alt="データベースの管理画面" class="wp-image-13591" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a.jpg 348w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a-300x233.jpg 300w" sizes="(max-width: 348px) 100vw, 348px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース名の入力</h4>



<p>「wp-site」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="323" height="535" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a.jpg" alt="「wp-site」とデータベース名を入力されたデータベースの管理画面" class="wp-image-13592" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a.jpg 323w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a-300x497.jpg 300w" sizes="(max-width: 323px) 100vw, 323px" /></figure>



<p></p>



<p>留意:<br>データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。</p>



<h3 class="wp-block-heading"><span id="toc8">WordPressのインストール</span></h3>



<h4 class="wp-block-heading">WordPressのダウンロード</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="693" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg" alt="WordPressのダウンロード画面" class="wp-image-13593" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-500x632.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-300x379.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">ダウンロードファイルの解凍</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="613" height="245" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a.jpg" alt="解凍されたzipファイル" class="wp-image-13594" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a.jpg 613w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a-500x200.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a-300x120.jpg 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure>



<p></p>



<h4 class="wp-block-heading">XAMPPへインストール</h4>



<p>①フォルダ名のrename</p>



<p>解凍した「wordpress-5.5.3-ja」の中の「wordpress」を、作成したデータベース名と同じ「wp-site」と名前を変更します。これで、http://localhost:8888/wp-siteでアクセスできるようになります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="515" height="209" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a.jpg" alt="「wp-site」にrenameされた解凍後のフォルダ" class="wp-image-13595" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a.jpg 515w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a-500x203.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a-300x122.jpg 300w" sizes="(max-width: 515px) 100vw, 515px" /></figure>



<p></p>



<p>②フォルダの格納</p>



<p>Explorerをクリックして、ディレクトリー一覧を表示後、名前を変更した「wp-site」フォルダ一式を、[ C:\xampp\htdocs ] ディレクトリ内にドラッグアンドドロップでコピーします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="634" height="610" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a.jpg" alt="htdocsフォルダに格納された「wp-site」フォルダ一式" class="wp-image-13596" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a.jpg 634w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a-500x481.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a-300x289.jpg 300w" sizes="(max-width: 634px) 100vw, 634px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc9">WordPressのセットアップ</span></h3>



<h4 class="wp-block-heading">セットアップの起動</h4>



<p>Google Chorme などブラウザを起動させて、&nbsp;http://localhost:8888/wp-siteと入力します。<br>注意:XAMPPで、ApatceもMySQLも起動しておく必要があります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="750" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a.jpg" alt="WordPressのインストール初期設定画面" class="wp-image-13597" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a-500x661.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a-300x397.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベースの設定</h4>



<p>データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名（デフォルト:localhost）、テーブル接頭辞（デフォルト:wp_）を入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="423" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a.jpg" alt="設定項目の入力されたインストール初期設定画面" class="wp-image-13598" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a-500x373.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a-300x224.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">「インストール実行」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="200" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a.jpg" alt="WordPressのインストール実行ボタン" class="wp-image-13599" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a.jpg 566w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a-500x177.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a-300x106.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressのセットアップ</h4>



<p>①セットアップ画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="552" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a.jpg" alt="インストール後のWordPressの初期設定画面" class="wp-image-13600" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a-300x342.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>②セットアップ</p>



<p>WordPressのサイト名、WordPressにログインするサイト管理者のユーザー名とパスワード、メールアドレスを入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="550" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a.jpg" alt="設定項目の入力された初期設定画面" class="wp-image-13601" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a-300x341.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>注意:<br>検索エンジンでの表示には、レを入れておくのが良いでしょう。但し、WordPressにログインして、設定の表示設定でも設定ができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a.jpg" alt="「検索エンジンでの表示」のチェックボックス" class="wp-image-13602" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a.jpg 481w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a-300x29.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<p>③セットアップ完了</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="278" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg" alt="WordPressのインストール完了画面" class="wp-image-13603" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg 490w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-300x170.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-160x90.jpg 160w" sizes="(max-width: 490px) 100vw, 490px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc10">ローカル環境の確認</span></h2>



<h3 class="wp-block-heading"><span id="toc11">WordPressの起動</span></h3>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<p>WordPressを使うためには、ApacheとMySQLが必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="xamppの起動画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">管理画面へのログイン</h4>



<p>http：//localhost:8888/wp-site/wp-adminと入力します。</p>



<p>①ログイン</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="526" height="335" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg" alt="ログイン画面" class="wp-image-13604" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg 526w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-500x318.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-300x191.jpg 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>



<p></p>



<p>②管理画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="276" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg" alt="ログイン後のWordPress管理画面" class="wp-image-13605" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-300x153.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<h4 class="wp-block-heading">Webサイトの表示</h4>



<p>http：//localhost:8888/wp-siteと入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="292" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a.jpg" alt="「hello world」と表示されたWebサイト" class="wp-image-13606" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a-500x270.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a-300x162.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc12">テーマの変更</span></h3>



<p>複数のWordPressのローカル環境を作成した場合に識別しやすい様に、テーマを変更してすこし変更を加えておきます。</p>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="xamppの起動画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">管理画面へのログイン</h4>



<p>http：//localhost:8888/wp-site/wp-admin/でログインします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="276" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg" alt="ログイン後のWordPressの管理画面" class="wp-image-13605" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-300x153.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<p>①テーマの変更</p>



<p>Twenty Seventeenを有効化します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="182" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl31a.jpg" alt="テーマを変更したWordPressのテーマ" class="wp-image-13518" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl31a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl31a-500x168.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl31a-300x101.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<p>②投稿</p>



<p>テストページを投稿する。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="158" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl32a.jpg" alt="テスト投稿した投稿ページ" class="wp-image-13520" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl32a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl32a-500x146.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl32a-300x88.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h4 class="wp-block-heading">Webサイトの表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="382" src="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl33a.jpg" alt="表示されたwebサイト" class="wp-image-13521" srcset="https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl33a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl33a-500x352.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl33a-300x211.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>XAMPPで自分のPCに、WordPressのローカル環境を作る。</title>
		<link>https://gungii.com/xamppwp-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Wed, 18 Nov 2020 14:39:17 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=9273</guid>

					<description><![CDATA[WordPressを動かすには、Webサーバー(Apache)、データベース(MySQL)、PHPが必要です。これら3つを個別にインストールして初めてWordPressは、動作するようになります。WordPressのロー [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>WordPressを動かすには、Webサーバー(Apache)、データベース(MySQL)、PHPが必要です。これら3つを個別にインストールして初めてWordPressは、動作するようになります。<br>WordPressのローカル環境を構築するツールとして、今回、XAMPPをご紹介します。WordPress専用のローカル環境構築ツールとしては、フライホイールという会社の無料ソフト「Local」がありますが、Webサーバー、データベース、PHPを意識しながらWordPressの環境を構築させたい為、ここではXamppを使ってWordPressのローカル環境を構築します。<br>注意:<br>XAMPP自体の構築については、別ブログ「XAMPPで、Windowsのローカル開発環境を構築する方法]を参照下さい。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://gungii.com/xampp-info" title="XAMPPで、Windowsのローカル開発環境を構築する方法" class="blogcard-wrap internal-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="90" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp2-ec-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp2-ec-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp2-ec-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp2-ec-320x180.jpg 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">XAMPPで、Windowsのローカル開発環境を構築する方法</div><div class="blogcard-snippet internal-blogcard-snippet">サーバー環境とは、最低でもApache、MySQLが必要となりますが、個別にダウンロード・インストールするのは大変です。そこで役に立つのが「XAMPP」です。XAMPPは、無料で使うことができる最も人気のApacheディストリビューションです。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://gungii.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">gungii.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2024.06.08</div></div></div></div></a>
</div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">XAMPPの起動と、DBの作成</a><ol><li><a href="#toc2" tabindex="0">XAMPPの起動</a></li><li><a href="#toc3" tabindex="0">データベースの作成</a></li></ol></li><li><a href="#toc4" tabindex="0">WordPressのセットアッップ</a><ol><li><a href="#toc5" tabindex="0">WordPressのダウンロード</a></li><li><a href="#toc6" tabindex="0">WordPressをXamppへインストール</a></li><li><a href="#toc7" tabindex="0">WordPressのセットアップ</a></li></ol></li><li><a href="#toc8" tabindex="0">WordPressの使い方</a><ol><li><a href="#toc9" tabindex="0">XAMPPの起動</a></li><li><a href="#toc10" tabindex="0">WordPressの起動</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">XAMPPの起動と、DBの作成</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="起動したxampp画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a.jpg" alt="phpMyAdminの初期画面" class="wp-image-13590" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">データベースの作成</span></h3>



<h4 class="wp-block-heading">「データベース」タブのクリック</h4>



<p>「データベース」というタブをクリックして、データベースの管理画面を表示します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="348" height="270" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a.jpg" alt="データベース管理画面" class="wp-image-13591" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a.jpg 348w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a-300x233.jpg 300w" sizes="(max-width: 348px) 100vw, 348px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース名の入力</h4>



<p>「wp-site」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="323" height="535" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a.jpg" alt="データベース名を入力したデータベース管理画面" class="wp-image-13592" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a.jpg 323w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a-300x497.jpg 300w" sizes="(max-width: 323px) 100vw, 323px" /></figure>



<p></p>



<p>留意:<br>データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。<br>[MariaDB(MySQL)の照合順序]<br>MariaDBで日本語を扱う際に選ぶ照合順序は基本的に以下の3つです。</p>



<ul class="wp-block-list"><li>utf8mb4_general_ci:英字の大文字小文字を区別しない。ほかは区別する。</li><li>utf8mb4_unicode_ci:英字の大文字小文字を区別しないし、半角全角も、ひらがなカタカナも区別しない</li><li>utf8mb4_bin:全部区別する。文字コードがすべて。</li></ul>



<p>※前半の utf8mb4 が文字セットで、後半の general_ci/unicode_ci/bin が照合順序です。</p>



<h2 class="wp-block-heading"><span id="toc4">WordPressのセットアッップ</span></h2>






<h3 class="wp-block-heading"><span id="toc5">WordPressのダウンロード</span></h3>



<h4 class="wp-block-heading">ダウンロード</h4>



<p>https：//ja.wordpress.org/へアクセスします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="693" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg" alt="ダウンロードされたwordpress5.5.3-ja.zip" class="wp-image-13593" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-500x632.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a-300x379.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<h4 class="wp-block-heading">解凍</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="613" height="245" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a.jpg" alt="解凍されたzipファイル" class="wp-image-13594" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a.jpg 613w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a-500x200.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a-300x120.jpg 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">WordPressをXamppへインストール</span></h3>



<h4 class="wp-block-heading">フォルダ名のrename</h4>



<p>解凍した「wordpress-5.5.3-ja」の中の「wordpress」を、作成したデータベース名と同じ「wp-site」と名前を変更します。<br>これで、http：//localhost：8888/wp-siteでアクセスできるようになります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="515" height="209" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a.jpg" alt="「wp-site」というフォルダ名に変更された解凍後のフォルダ" class="wp-image-13595" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a.jpg 515w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a-500x203.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a-300x122.jpg 300w" sizes="(max-width: 515px) 100vw, 515px" /></figure>



<p></p>



<h4 class="wp-block-heading">フォルダの格納</h4>



<p>Explorerをクリックして、ディレクトリー一覧を表示後、名前を変更した「wp-site」フォルダ一式を、[ C:\xampp\htdocs ] ディレクトリ内にドラッグアンドドロップでコピーします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="634" height="610" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a.jpg" alt="htdocsフォルダに格納された「wp-site」フォルダー一式" class="wp-image-13596" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a.jpg 634w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a-500x481.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a-300x289.jpg 300w" sizes="(max-width: 634px) 100vw, 634px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc7">WordPressのセットアップ</span></h3>



<h4 class="wp-block-heading">セットアップの起動</h4>



<p>Google Chorme などブラウザを起動させて、&nbsp;http：//localhost：8888/wp-siteと入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="750" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a.jpg" alt="WordPressのインストール設定画面" class="wp-image-13597" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a-500x661.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a-300x397.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベースの設定</h4>



<p>データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名（デフォルト:localhost）、テーブル接頭辞（デフォルト:wp_）を入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="423" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a.jpg" alt="データベースの設定画面" class="wp-image-13598" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a-500x373.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a-300x224.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">「インストール実行」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="200" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a.jpg" alt="WordPressの「インストール実行」ボタン" class="wp-image-13599" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a.jpg 566w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a-500x177.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a-300x106.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>



<p></p>



<h4 class="wp-block-heading">WordPressのセットアップ</h4>



<p>①セットアップ画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="552" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a.jpg" alt="WordPressインストール後の初期設定画面" class="wp-image-13600" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a-300x342.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>②セットアップ</p>



<p>WordPressのサイト名、WordPressにログインするサイト管理者のユーザー名とパスワード、メールアドレスを入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="550" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a.jpg" alt="設定項目の入力された初期設定画面" class="wp-image-13601" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a-300x341.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>注意:<br>検索エンジンでの表示には、レを入れておくのが良いでしょう。但し、WordPressにログインして、設定の表示設定でも設定ができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a.jpg" alt="「検索エンジンでの表示」のチェックボタン" class="wp-image-13602" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a.jpg 481w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a-300x29.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<p>③セットアップ完了</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="278" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg" alt="WordPressのインストール完了画面" class="wp-image-13603" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg 490w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-300x170.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a-160x90.jpg 160w" sizes="(max-width: 490px) 100vw, 490px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc8">WordPressの使い方</span></h2>



<h3 class="wp-block-heading"><span id="toc9">XAMPPの起動</span></h3>



<p>WordPressを使うためには、ApacheとMySQLが必要となりますので、両方起動します。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg" alt="xamppの起動画面" class="wp-image-13588" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<h3 class="wp-block-heading"><span id="toc10">WordPressの起動</span></h3>



<h4 class="wp-block-heading">WordPressの管理画面へのログイン</h4>



<p>http：//localhost：8888/wp-site/wp-adminと入力します。</p>



<p>①ログイン</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="526" height="335" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg" alt="WordPressのログイン画面" class="wp-image-13604" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg 526w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-500x318.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a-300x191.jpg 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>



<p></p>



<p>②管理画面の表示</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="542" height="276" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg" alt="ログイン後のWordPressの管理画面" class="wp-image-13605" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg 542w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a-300x153.jpg 300w" sizes="(max-width: 542px) 100vw, 542px" /></figure>



<p></p>



<h4 class="wp-block-heading">Webサイトの表示</h4>



<p>http：//localhost：8888/wp-siteと入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="292" src="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a.jpg" alt="「Hello world」と表示されたWebサイイト" class="wp-image-13606" srcset="https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a-500x270.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a-300x162.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_ SQL(便利機能)</title>
		<link>https://gungii.com/admin-uinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Fri, 11 Sep 2020 08:11:24 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8898</guid>

					<description><![CDATA[phpMyadminの使い方として、phpMyadminを実際に動かしながらSQLをご紹介してきました。INSERT,UPDATE,DELETE,SELECT等の構文を実際のデータベースを使って、動きを確認しました。そこ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>phpMyadminの使い方として、phpMyadminを実際に動かしながらSQLをご紹介してきました。INSERT,UPDATE,DELETE,SELECT等の構文を実際のデータベースを使って、動きを確認しました。そこで゛phpMyadminの使い方゛として最後に、SELECTの条件指定や集計方法で便利な機能をご紹介します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">XAMPPの起動</a><ol><li><a href="#toc2" tabindex="0">ApacheとMySQLの起動</a></li><li><a href="#toc3" tabindex="0">MySQLのAdminの起動</a></li></ol></li><li><a href="#toc4" tabindex="0">便利な機能</a><ol><li><a href="#toc5" tabindex="0">条件指定</a></li><li><a href="#toc6" tabindex="0">集計</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">XAMPPの起動</span></h2>



<h3 class="wp-block-heading"><span id="toc2">ApacheとMySQLの起動</span></h3>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg" alt="xamppの起動画面" class="wp-image-13823" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<h3 class="wp-block-heading"><span id="toc3">MySQLのAdminの起動</span></h3>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="299" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg" alt="phpMyAdminの初期画面" class="wp-image-13825" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-500x257.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-300x154.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">便利な機能</span></h2>



<h3 class="wp-block-heading"><span id="toc5">条件指定</span></h3>



<h4 class="wp-block-heading">idが1又は3のレコードの抜き出し</h4>



<p>次の①と②は同じ結果となります。</p>



<p>①id=1 OR id=3</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="556" height="681" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u03a.jpg" alt="idが1又は3のレコードを抜き出したstaff_list" class="wp-image-13826" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u03a.jpg 556w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u03a-500x612.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u03a-300x367.jpg 300w" sizes="(max-width: 556px) 100vw, 556px" /></figure>



<p></p>



<p>②IN(1,3)</p>



<p>INの中に一致させたいものをカンマで区切って、入力できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="556" height="378" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u04a.jpg" alt="idが1又は3のレコードを抜き出したstaff_list" class="wp-image-13827" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u04a.jpg 556w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u04a-500x340.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u04a-300x204.jpg 300w" sizes="(max-width: 556px) 100vw, 556px" /></figure>



<p></p>



<h4 class="wp-block-heading">年齢が35歳以上60歳未満のレコードの抜き出し</h4>



<p>次の①と②は同じ結果となります。</p>



<p>①age &gt;=35 AND age &lt; 60</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="558" height="405" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u05a.jpg" alt="年齢が35歳以上60歳未満のレコードを抜き出したstaff_list" class="wp-image-13828" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u05a.jpg 558w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u05a-500x363.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u05a-300x218.jpg 300w" sizes="(max-width: 558px) 100vw, 558px" /></figure>



<p></p>



<p>②age BETWEEN 35 AND 59</p>



<p>BETWEENは、59以下なので、35から59の間に収まっているかとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="558" height="404" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u06a.jpg" alt="年齢が35歳以上60歳未満のレコードを抜き出したstaff_list" class="wp-image-13829" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u06a.jpg 558w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u06a-500x362.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u06a-300x217.jpg 300w" sizes="(max-width: 558px) 100vw, 558px" /></figure>



<p></p>



<h4 class="wp-block-heading">レコードを絞る</h4>



<p>大量のデータを絞って抜き出す。</p>



<p>①LIMIT 3</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="430" height="685" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u07a.jpg" alt="3レコードを抜き出したstaff_list" class="wp-image-13830" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u07a.jpg 430w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u07a-300x478.jpg 300w" sizes="(max-width: 430px) 100vw, 430px" /></figure>



<p></p>



<p>②LIMIT　3,2</p>



<p>3レコード目の次レコードから2レコード抜き出します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="432" height="359" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u08a.jpg" alt="3レコード目から2レコードを抜き出したstaff_list" class="wp-image-13831" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u08a.jpg 432w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u08a-300x249.jpg 300w" sizes="(max-width: 432px) 100vw, 432px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">集計</span></h3>



<h4 class="wp-block-heading">重複を無くす。</h4>



<p>以下のsyukyakuテーブルの集計では、item_id=1が重複していますので、重複をなくして集計します。DISTINCTを使います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="423" height="836" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u09a.jpg" alt="idの重複をなくしたsyukyakuテーブル" class="wp-image-13832" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u09a.jpg 423w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u09a-300x593.jpg 300w" sizes="(max-width: 423px) 100vw, 423px" /></figure>



<p></p>



<h4 class="wp-block-heading">合計を求める。</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="631" height="790" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u10a.jpg" alt="合計を算出したsyukyakuテーブル" class="wp-image-13833" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u10a.jpg 631w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u10a-500x626.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u10a-300x376.jpg 300w" sizes="(max-width: 631px) 100vw, 631px" /></figure>



<p></p>



<h4 class="wp-block-heading">ショートカット(別名の付与)</h4>



<p>毎回テーブル名を指定するのは大変です。そこでテーブルにショートカットを割り当てます。FROMの後のテーブル名の後に半角開けて、別名を付けます。(よく行うのは、そのテーブルの特徴として、1文字を与えます。)<br>例：staff_list→sl、syukyaku→sk</p>



<p>①FROMの後のテーブル名の後に半角開けて、別名を付けます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="628" height="70" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u11a.jpg" alt="ショートカットの記述例1" class="wp-image-13834" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u11a.jpg 628w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u11a-500x56.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u11a-300x33.jpg 300w" sizes="(max-width: 628px) 100vw, 628px" /></figure>



<p></p>



<p>②その他を別名に変えます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="625" height="70" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u12a.jpg" alt="ショートカットの記述例2" class="wp-image-13835" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u12a.jpg 625w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u12a-500x56.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u12a-300x34.jpg 300w" sizes="(max-width: 625px) 100vw, 625px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="408" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u13a.jpg" alt="ショートカットを記載したselect文と
実行結果の画面" class="wp-image-13836" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u13a.jpg 512w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u13a-500x398.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u13a-300x239.jpg 300w" sizes="(max-width: 512px) 100vw, 512px" /></figure>



<p></p>



<p>結果は同じですが、非常にコンパクトになります。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_ リレーショナル</title>
		<link>https://gungii.com/admin-rinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Fri, 17 Jul 2020 13:06:08 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8731</guid>

					<description><![CDATA[リレーショナルデータベース(RDB)とは、「テーブル」という表形式の構造で管理するエクセルの表のイメージです。行をレコードと呼び、列をフィールドと呼びます。1行に1件のデータが格納され、1レコードとなります。が、各レコー [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>リレーショナルデータベース(RDB)とは、「テーブル」という表形式の構造で管理するエクセルの表のイメージです。行をレコードと呼び、列をフィールドと呼びます。1行に1件のデータが格納され、1レコードとなります。が、各レコードのデータは必ず&#8221;一意&#8221;であることが条件となります。データの重複を避けることで、検索スピードを上げることができるのです。ここでは、複数のテーブルにリレーションを貼り、リレーショナルデータベースを実践してみます。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="417" height="222" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r00a.jpg" alt="リレーショナルデータベースのイメージ図" class="wp-image-13839" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r00a.jpg 417w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r00a-300x160.jpg 300w" sizes="(max-width: 417px) 100vw, 417px" /></figure>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-20" checked><label class="toc-title" for="toc-checkbox-20">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">所属の追加</a><ol><li><a href="#toc2" tabindex="0">Xamppの起動</a></li><li><a href="#toc3" tabindex="0">対象ファイルの選択</a></li><li><a href="#toc4" tabindex="0">所属カラムの追加</a></li><li><a href="#toc5" tabindex="0">所属カラムの削除</a></li></ol></li><li><a href="#toc6" tabindex="0">所属テーブルの作成</a><ol><li><a href="#toc7" tabindex="0">Xamppの起動</a></li><li><a href="#toc8" tabindex="0">テーブルの作成</a></li><li><a href="#toc9" tabindex="0">データの入力</a></li><li><a href="#toc10" tabindex="0">staff_listと、syozokuの結びつけ</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">所属の追加</span></h2>



<p>現在、データベース(jinji)のテーブル(staff_list)では、所属という項目がない為、どこの部署なのかを識別することができません。そこで、所属という項目を追加して、それが識別できるようにしてみます。</p>



<h3 class="wp-block-heading"><span id="toc2">Xamppの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg" alt="xamppの起動画面" class="wp-image-13823" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="299" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg" alt="phpMyAdminの初期画面" class="wp-image-13825" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-500x257.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-300x154.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">対象ファイルの選択</span></h3>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="229" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a.jpg" alt="データベースjinjiを選択して表示されたテーブル一覧" class="wp-image-13846" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a-500x191.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a-300x115.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(staff_list)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="276" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r02a.jpg" alt="テーブルstaff_listを選択して表示されたスタッフ一覧" class="wp-image-13848" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r02a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r02a-500x230.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r02a-300x138.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc4">所属カラムの追加</span></h3>



<p>ここでテーブル(staff_list)に、どこの部署なのかを識別するための「所属」という項目を追加します。</p>



<h4 class="wp-block-heading">「構造」タブをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="299" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r03a.jpg" alt="構造タブを選択されたstaff_list" class="wp-image-13849" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r03a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r03a-500x249.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r03a-300x150.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラムの追加</h4>



<p>staff_nameの後に、「syozoku」という名前でカラムを1つ追加します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="490" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r04a.jpg" alt="syozokuというカラムを追加したstaff_list" class="wp-image-13850" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r04a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r04a-500x408.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r04a-300x245.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p></p>



<h4 class="wp-block-heading">「所属データ」の入力</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="597" height="256" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r05a.jpg" alt="syozokuを入力したstaff_list" class="wp-image-13851" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r05a.jpg 597w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r05a-500x214.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r05a-300x129.jpg 300w" sizes="(max-width: 597px) 100vw, 597px" /></figure>



<p></p>



<p>所属カラムを追加したことで、どこの部署なのかを識別することができるようになりました。ここでは、相田さんと山内さんが同じ1号館の所属であることがわかります。そこで、さらに1号館等の所属の電話番号も一緒に管理したい等という場合は、カラムを追加しなければなりません。すると、どんどんとテーブルが肥大化してしまいます。また、相田さんが異動で1号館から2号館に移動した場合には、syozokuの項目を変更しなければならなくなり、非常に効率がわるくなります。そこで、このような場合は、テーブルを分けることをします。折角、部署カラムを追加したのですが、この方法ではメンテナンスも大変ですので、staff_listとは別に、新たな所属テーブルを作成して、2つのテーブルを関連付けて管理することとします。</p>



<h3 class="wp-block-heading"><span id="toc5">所属カラムの削除</span></h3>



<p>そこで、テーブルを分ければ、syozokuのカラムは不要となりますので削除しておきます。</p>



<h4 class="wp-block-heading">カラムの削除</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="632" height="254" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r06a.jpg" alt="構造タブからsyozokuカラムの削除を選択したstaff_list" class="wp-image-13852" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r06a.jpg 632w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r06a-500x201.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r06a-300x121.jpg 300w" sizes="(max-width: 632px) 100vw, 632px" /></figure>



<p></p>



<p>syozokuにチェックを入れて、「削除」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="636" height="135" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r07a.jpg" alt="カラム削除の実行確認画面" class="wp-image-13853" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r07a.jpg 636w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r07a-500x106.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r07a-300x64.jpg 300w" sizes="(max-width: 636px) 100vw, 636px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム削除結果</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="631" height="580" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r08a.jpg" alt="syozokuカラムを削除したstaff_list" class="wp-image-13854" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r08a.jpg 631w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r08a-500x460.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r08a-300x276.jpg 300w" sizes="(max-width: 631px) 100vw, 631px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc6">所属テーブルの作成</span></h2>



<h3 class="wp-block-heading"><span id="toc7">Xamppの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg" alt="xamppの起動画面" class="wp-image-13823" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="299" src="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg" alt="phpMyAdminの初期画面" class="wp-image-13825" srcset="https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-500x257.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/09/admin-u02a-300x154.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">テーブルの作成</span></h3>



<p>所属を管理する新たなテーブル(syozoku)を作成します。</p>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="229" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a.jpg" alt="データベースjinjiを選択して表示されたテーブル一覧" class="wp-image-13846" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a-500x191.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r01a-300x115.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(syozoku)の作成</h4>



<p>①テーブル名、カラム数の入力</p>



<p>テーブル名、カラム数を入力して「実行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="390" height="124" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r11a.jpg" alt="テーブルsyozokuの追加画面" class="wp-image-13855" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r11a.jpg 390w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r11a-300x95.jpg 300w" sizes="(max-width: 390px) 100vw, 390px" /></figure>



<p></p>



<p>②カラム名、データ型の入力</p>



<p>名前は、id,name,tel、データ型は、INT,TEXT,TEXTとします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="570" height="186" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r12a.jpg" alt="カラム名、データ型の入力画面" class="wp-image-13856" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r12a.jpg 570w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r12a-500x163.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r12a-300x98.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /></figure>



<p></p>



<p>③プライマリーキーの設定</p>



<p>idのカラムをプライマリーキーに設定します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="430" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r13a.jpg" alt="プマリーキーの設定画面" class="wp-image-13857" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r13a.jpg 545w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r13a-500x394.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r13a-300x237.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>



<p></p>



<p>④オートインクリメントの設定</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="547" height="209" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r14a.jpg" alt="オートインクリメントの設定画面" class="wp-image-13858" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r14a.jpg 547w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r14a-500x191.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r14a-300x115.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p></p>



<p>これでテーブルの設定が終わりましたので、「保存」をクリックします。</p>



<h4 class="wp-block-heading">テーブル作成完了</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="553" height="193" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r15a.jpg" alt="テーブルsyozokuの設定完了画面" class="wp-image-13859" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r15a.jpg 553w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r15a-500x175.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r15a-300x105.jpg 300w" sizes="(max-width: 553px) 100vw, 553px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc9">データの入力</span></h3>



<h4 class="wp-block-heading">「挿入」タブのクリック</h4>



<p>作成したテーブル(syozoku)にデータを入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="579" height="351" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r16a.jpg" alt="テーブルsyozokuのデータ入力画面" class="wp-image-13860" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r16a.jpg 579w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r16a-500x303.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r16a-300x182.jpg 300w" sizes="(max-width: 579px) 100vw, 579px" /></figure>



<p></p>



<p>同様にして、以下を追加します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="301" height="131" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r17a.jpg" alt="テーブルsyozokuに入力する項目表" class="wp-image-13861"/></figure>



<p></p>



<h4 class="wp-block-heading">「表示」タブのクリック</h4>



<p>入力された内容を確認します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="593" height="280" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r18a.jpg" alt="表示タブで表示されたsyozokuの入力データ" class="wp-image-13862" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r18a.jpg 593w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r18a-500x236.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r18a-300x142.jpg 300w" sizes="(max-width: 593px) 100vw, 593px" /></figure>



<p></p>



<p>これで、syozokuというテーブルには3つの部署の情報が格納されました。</p>



<h3 class="wp-block-heading"><span id="toc10">staff_listと、syozokuの結びつけ</span></h3>



<p>作成した所属テーブル(syozoku)と、スタッフリスト(staff_list)テーブルを結びつける為、スタッフリスト(staff_list)に、所属コード(syozoku_id)を設定するカラムを追加します。</p>



<h4 class="wp-block-heading">カラムの追加</h4>



<p>staff_listにカラムを追加します。</p>



<p>①「構造」タブのクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="264" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r19a.jpg" alt="構造タブで表示されたsyozokuのテーブル構造" class="wp-image-13863" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r19a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r19a-500x244.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r19a-300x146.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<p>②カラムの設定</p>



<p>名前を「syozoku_id」、データ型を「INT」として、「保存」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="132" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r20a.jpg" alt="カラムの設定画面" class="wp-image-13864" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r20a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r20a-500x122.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r20a-300x73.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<p>③追加の確認</p>



<p>syozoku_idのカラムが追加されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="547" height="230" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r21a.jpg" alt="syozoku-idというカラムを追加したstaff_list" class="wp-image-13865" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r21a.jpg 547w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r21a-500x210.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r21a-300x126.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p></p>



<p>このsyozoku_idに、syozokuテーブルのidを入力することで、結びつけることができます。</p>



<h4 class="wp-block-heading">カラムへのデータの挿入</h4>



<p>追加したカラム(syozoku_id)ヘ、所属コードを入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="301" height="131" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r22a.jpg" alt="テーブルsyozokuに入力する項目表" class="wp-image-13866"/></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="609" height="295" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r23a.jpg" alt="syozoku-idの入力されたstaff_list" class="wp-image-13867" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r23a.jpg 609w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r23a-500x242.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r23a-300x145.jpg 300w" sizes="(max-width: 609px) 100vw, 609px" /></figure>



<p></p>



<p>このままでは、syozoku_idはセットされましたが、syozoku_id=11が1号館であるという事は、syozokuテーブルを検索しなければわかりません。データベースでは、リレーションを使って2つのデータベースがあたかも1つのデータベースであるかの如くふるまうことができます。</p>



<h4 class="wp-block-heading">SQLの入力</h4>



<p>①特定レコードのみ紐づけ</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="314" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r24a.jpg" alt="所属レコードを追加するSQLと実行画面" class="wp-image-13868" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r24a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r24a-500x277.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r24a-300x166.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r24a-160x90.jpg 160w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<p>「実行」をクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="570" height="232" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r25a.jpg" alt="所属レコードが追加されたSQL実行結果" class="wp-image-13869" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r25a.jpg 570w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r25a-500x204.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r25a-300x122.jpg 300w" sizes="(max-width: 570px) 100vw, 570px" /></figure>



<p></p>



<p>staff_listのid=1の相田さんの情報が表示されますが、その前にsyozokuの情報が付属して表示されます。</p>



<p>②全レコードの紐づけ</p>



<p>WHERE句を無くして、「実行」をクリックすると、全てに対してsyozokuを紐づけることができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="572" height="458" src="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r26a.jpg" alt="syozokuテーブルとstaff_listの紐づけのSQL" class="wp-image-13870" srcset="https://gungii.com/wp/wp-content/uploads/2020/07/admin-r26a.jpg 572w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r26a-500x400.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/07/admin-r26a-300x240.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_プライマリーキーの設定</title>
		<link>https://gungii.com/admin-pinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Fri, 05 Jun 2020 14:33:24 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8510</guid>

					<description><![CDATA[テーブルには多くのデータが格納されています。格納されたすべてのデータの中から1つのデータを特定したいときには、そのデータが一意に識別できなくてはなりません。つまり他のデータの値と重複しないことが前提です。この仕組みとして [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>テーブルには多くのデータが格納されています。格納されたすべてのデータの中から1つのデータを特定したいときには、そのデータが一意に識別できなくてはなりません。つまり他のデータの値と重複しないことが前提です。この仕組みとして、データベースにはユニークカラムという仕組みがあります。このユニークカラムの中で最も大切なキーとしてプライマリーキー(主キー)という仕組みがあります。<br>カラムにプライマリーキー制約を設定すると、カラムには他のデータの値と重複することのない値しか格納することができなくなります。またNULLも格納することができません。その結果、プライマリーキー制約が設定されたカラムの値を検索することで、テーブルの中でただ一つのデータを特定することができるのです。プライマリーキーはテーブルに1つしか設定することができませんが、対象となるカラムは１つだけではなく 複数のカラムの組み合わせに対して設定することができます。例えば2つのカラムの組み合わせに対して設定した場合、 2つのカラムに格納されている値の組み合わせが他のデータと重複することはできなくなります。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-22" checked><label class="toc-title" for="toc-checkbox-22">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">プライマリーキーの設定</a><ol><li><a href="#toc2" tabindex="0">プライマリーキーの設定がない場合</a></li><li><a href="#toc3" tabindex="0">プライマリーキーの設定がある場合</a></li><li><a href="#toc4" tabindex="0">プライマリーキーの設定のタイミング</a></li></ol></li><li><a href="#toc5" tabindex="0">オートインクリメントの設定</a><ol><li><a href="#toc6" tabindex="0">設定</a></li><li><a href="#toc7" tabindex="0">データの挿入</a></li><li><a href="#toc8" tabindex="0">データを削除後、データの挿入</a></li></ol></li><li><a href="#toc9" tabindex="0">タイムスタンプの設定</a><ol><li><a href="#toc10" tabindex="0">カラム(タイムスタンプ)の追加</a></li><li><a href="#toc11" tabindex="0">データの追加</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">プライマリーキーの設定</span></h2>



<h3 class="wp-block-heading"><span id="toc2">プライマリーキーの設定がない場合</span></h3>



<p>プライマリーキーの設定がない状態で、テーブルにデータをセットしてみます。</p>



<h4 class="wp-block-heading">データの挿入(新規)</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="837" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p01a.jpg" alt="1レコード追加したjinjiデータベースのstaff_list" class="wp-image-13929" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p01a.jpg 550w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p01a-500x761.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p01a-300x457.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></figure>



<p></p>



<p>表示タブをクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="551" height="270" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p02a.jpg" alt="表示タブを選択されたjinjiデータベースのstaff_list" class="wp-image-13931" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p02a.jpg 551w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p02a-500x245.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p02a-300x147.jpg 300w" sizes="(max-width: 551px) 100vw, 551px" /></figure>



<p></p>



<h4 class="wp-block-heading">データの挿入(追加)</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="303" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a.jpg" alt="同じidを登録したstaff_list" class="wp-image-13932" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a-500x277.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a-300x166.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p03a-160x90.jpg 160w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<p>IDにどのような数字を入れるかは、何らのチェックもありませんので、間違って同じ数字をidとして入力することができます。そのため、2番が「安藤なつ」なのか?「浅田哲也」なのかの識別がつかず、idとして意味をなさなくなります。</p>



<h3 class="wp-block-heading"><span id="toc3">プライマリーキーの設定がある場合</span></h3>



<h4 class="wp-block-heading">プライマリーキーの設定</h4>



<p>①テーブルを空にする。</p>



<p>プライマリーキーの設定は空の状態でおこないますので、既に入っている場合は、「操作」というタブをクリックして、「テーブルを空にする」を選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="823" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p04a.jpg" alt="「テーブルを空にする」を選択したstaff_list" class="wp-image-13933" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p04a.jpg 550w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p04a-500x748.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p04a-300x449.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></figure>



<p></p>



<p>②「構造」タブのクリック</p>



<p>プライマリーキーを設定する為に、「構造」タブをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="190" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p05a.jpg" alt="構造タブを表示したstaff_list" class="wp-image-13934" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p05a.jpg 583w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p05a-500x163.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p05a-300x98.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" /></figure>



<p></p>



<p>③「主」のクリック</p>



<p>idの右端のその他の「主」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="588" height="622" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p06a.jpg" alt="プライマリーキーの設定画面" class="wp-image-13935" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p06a.jpg 588w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p06a-500x529.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p06a-300x317.jpg 300w" sizes="(max-width: 588px) 100vw, 588px" /></figure>



<p></p>



<p>④プライマリーキーの設定完了</p>



<p>正常に実行されると、「主」がグレーとなり、リンクではなくなっています。idのとなりに鍵のマーク、そして、インデックスとしてidがプライマリーになっていることを示す表が表示されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="553" height="189" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p07a.jpg" alt="プライマリーキーの設定完了を確認する画面" class="wp-image-13936" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p07a.jpg 553w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p07a-500x171.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p07a-300x103.jpg 300w" sizes="(max-width: 553px) 100vw, 553px" /></figure>



<p></p>



<p>これで、プライマリーkeyの設定が有効となりました。</p>



<h4 class="wp-block-heading">データの挿入(新規)</h4>



<p>プライマリーキーが設定されている状態でデータを入力してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="603" height="575" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p08a.jpg" alt="挿入タブが表示されたstaff_list" class="wp-image-13937" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p08a.jpg 603w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p08a-500x477.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p08a-300x286.jpg 300w" sizes="(max-width: 603px) 100vw, 603px" /></figure>



<p></p>



<h4 class="wp-block-heading">データの挿入(追加)</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="597" height="315" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p09a.jpg" alt="同一のidを入力してエラーが表示されたstaff_list" class="wp-image-13938" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p09a.jpg 597w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p09a-500x264.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p09a-300x158.jpg 300w" sizes="(max-width: 597px) 100vw, 597px" /></figure>



<p></p>



<p>このようにエラー表示されますので、idを重複して入力することができなくなります。id=2に変えれば、正しく追加されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="612" height="562" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p10a.jpg" alt="idを変えて入力できたstaff_list" class="wp-image-13939" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p10a.jpg 612w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p10a-500x459.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p10a-300x275.jpg 300w" sizes="(max-width: 612px) 100vw, 612px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc4">プライマリーキーの設定のタイミング</span></h3>



<p>プライマリーキーはテーブルを作成する時に設定できます。</p>



<h4 class="wp-block-heading">新規作成のクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="633" height="507" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p11a.jpg" alt="新規テーブルを追加したjinjiデータベース" class="wp-image-13940" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p11a.jpg 633w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p11a-500x400.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p11a-300x240.jpg 300w" sizes="(max-width: 633px) 100vw, 633px" /></figure>



<p></p>



<h4 class="wp-block-heading">プライマリーキーの設定</h4>



<p>カラムの右のインデックスでpraimaryをクリックすると、最初から、このカラムをプライマリーとすることができます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="636" height="237" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p12a.jpg" alt="インデックスで「primary」を選択した新規テーブル" class="wp-image-13941" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p12a.jpg 636w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p12a-500x186.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p12a-300x112.jpg 300w" sizes="(max-width: 636px) 100vw, 636px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="591" height="461" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p13a.jpg" alt="インデックスにprimaryを選択して実行ボタンを押下する新規テーブル" class="wp-image-13942" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p13a.jpg 591w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p13a-500x390.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p13a-300x234.jpg 300w" sizes="(max-width: 591px) 100vw, 591px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc5">オートインクリメントの設定</span></h2>



<p>オートインクリメントとは、テーブルにレコードが追加された際に自動的に連番をつけてくれる機能です。インクリメントとは、加算するという意味の英語で、つまり自動で加算するという事です。消したレコードは永久欠番となり、最後の一番大きい値に続けて連番がつくられます。</p>



<h3 class="wp-block-heading"><span id="toc6">設定</span></h3>



<h4 class="wp-block-heading">「構造」タブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="226" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p21a.jpg" alt="構造タブを表示したtables" class="wp-image-13943" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p21a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p21a-500x199.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p21a-300x120.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">「操作」タブをクリック</h4>



<p>「操作」タブをクリックして、idの「変更」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="548" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p22a.jpg" alt="構造タブの変更を選択したtables" class="wp-image-13944" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p22a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p22a-500x483.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p22a-300x290.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<p>するとidというカラムの内容を変更する画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="585" height="112" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p23a.jpg" alt="idのカラム内容変更画面" class="wp-image-13945" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p23a.jpg 585w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p23a-500x96.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p23a-300x57.jpg 300w" sizes="(max-width: 585px) 100vw, 585px" /></figure>



<p></p>



<h4 class="wp-block-heading">Ａ_Iにチェックを入れて「保存」をクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="585" height="143" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p24a.jpg" alt="オートインクリメント(A_I)にチェックを入れたカラム内容変更画面" class="wp-image-13946" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p24a.jpg 585w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p24a-500x122.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p24a-300x73.jpg 300w" sizes="(max-width: 585px) 100vw, 585px" /></figure>



<p></p>



<p>これでオートインクリメントが設定されました。idカラムのその他欄に「AUTO_INCREMENT」と表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="582" height="215" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p25a.jpg" alt="「AUTO_INCREMENT」と表示されたidカラムのその他欄" class="wp-image-13947" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p25a.jpg 582w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p25a-500x185.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p25a-300x111.jpg 300w" sizes="(max-width: 582px) 100vw, 582px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc7">データの挿入</span></h3>



<p>オートインクリメントを設定した状態で、データを挿入してみます。</p>



<h4 class="wp-block-heading">「挿入」タブのクリック</h4>



<p>①id,nameの入力</p>



<p>これまではidのところに数字を入力していましたが、今回は必要ありません。<br>nameを入力して「実行」をクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="476" height="257" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p26a.jpg" alt="オートインクリメント設定済みの挿入タブの画面" class="wp-image-13948" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p26a.jpg 476w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p26a-300x162.jpg 300w" sizes="(max-width: 476px) 100vw, 476px" /></figure>



<p></p>



<p>②入力結果</p>



<p>「id 3の行を挿入しました」と表示されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="476" height="298" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p27a.jpg" alt="挿入確認画面" class="wp-image-13949" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p27a.jpg 476w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p27a-300x188.jpg 300w" sizes="(max-width: 476px) 100vw, 476px" /></figure>



<p></p>



<p>③「表示」タブのクリック</p>



<p>「表示」をクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="521" height="223" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p28a.jpg" alt="表示タブを選択したtables" class="wp-image-13950" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p28a.jpg 521w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p28a-500x214.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p28a-300x128.jpg 300w" sizes="(max-width: 521px) 100vw, 521px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">データを削除後、データの挿入</span></h3>



<p>オートインクリメントで採番されたデータを削除してみます。<br>id=2を削除した後、データを追加するとidは何番がふられるか?というと、id=2は永久欠番となり、4番が採番されます。</p>



<h4 class="wp-block-heading">データの削除</h4>



<p>①id=2のレコード削除</p>



<p>id=2、name=小野妹子さんのレコードを削除してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="534" height="380" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p29a.jpg" alt="レコード削除を実行したtables" class="wp-image-13951" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p29a.jpg 534w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p29a-500x356.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p29a-300x213.jpg 300w" sizes="(max-width: 534px) 100vw, 534px" /></figure>



<p></p>



<p>②削除結果</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="472" height="216" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p30a.jpg" alt="実行結果が表示されたtables" class="wp-image-13952" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p30a.jpg 472w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p30a-300x137.jpg 300w" sizes="(max-width: 472px) 100vw, 472px" /></figure>



<p></p>



<h4 class="wp-block-heading">データの挿入</h4>



<p>①「挿入」タブをクリック</p>



<p>nameを入力して、「実行」をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="472" height="253" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p31a.jpg" alt="オートインクリメント設定済みの挿入タブの画面" class="wp-image-13953" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p31a.jpg 472w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p31a-300x161.jpg 300w" sizes="(max-width: 472px) 100vw, 472px" /></figure>



<p></p>



<p>②入力結果</p>



<p>「id 4の行を挿入しました」と表示されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="471" height="298" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p32a.jpg" alt="挿入確認画面" class="wp-image-13954" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p32a.jpg 471w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p32a-300x190.jpg 300w" sizes="(max-width: 471px) 100vw, 471px" /></figure>



<p></p>



<p>③「表示」タブのクリック</p>



<p>「表示」をクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="473" height="201" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p33a.jpg" alt="表示タブを選択したtables" class="wp-image-13955" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p33a.jpg 473w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p33a-300x127.jpg 300w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p></p>



<p>id=4が採番されて、id=2は欠番となっています。</p>



<h2 class="wp-block-heading"><span id="toc9">タイムスタンプの設定</span></h2>



<h3 class="wp-block-heading"><span id="toc10">カラム(タイムスタンプ)の追加</span></h3>



<p>コンピューターが内蔵している時計を使いtimestampとして登録することで、データベースにその時点の日付と時刻を記録することができます。</p>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="635" height="213" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p41a.jpg" alt="jinjiデータベースのテーブル一覧" class="wp-image-13956" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p41a.jpg 635w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p41a-500x168.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p41a-300x101.jpg 300w" sizes="(max-width: 635px) 100vw, 635px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(staff_list)の選択</h4>



<p>staff_listの構造をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="625" height="238" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p42a.jpg" alt="構造タブを表示したstaff_list" class="wp-image-13957" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p42a.jpg 625w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p42a-500x190.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p42a-300x114.jpg 300w" sizes="(max-width: 625px) 100vw, 625px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム数と位置の指定</h4>



<p>追加するカラムの数と位置を指定して、実行をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="541" height="52" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p43a.jpg" alt="カラム数と位置の指定画面" class="wp-image-13958" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p43a.jpg 541w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p43a-500x48.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p43a-300x29.jpg 300w" sizes="(max-width: 541px) 100vw, 541px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム設定画面の表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="141" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p44a.jpg" alt="カラム設定画面" class="wp-image-13959" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p44a.jpg 583w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p44a-500x121.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p44a-300x73.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" /></figure>



<p></p>



<h4 class="wp-block-heading">タイムスタンプの設定</h4>



<p>名前=stampとして、データ型=TIMESTAMPとして「保存する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="476" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p45a.jpg" alt="データ型=TIMESTAMPを設定したstaff_list" class="wp-image-13960" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p45a.jpg 583w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p45a-500x408.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p45a-300x245.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" /></figure>



<p></p>



<h4 class="wp-block-heading">「表示」タブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="582" height="251" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p46a.jpg" alt="タイムスタンプが表示されたstaff_list" class="wp-image-13961" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p46a.jpg 582w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p46a-500x216.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p46a-300x129.jpg 300w" sizes="(max-width: 582px) 100vw, 582px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc11">データの追加</span></h3>



<p>データを1件追加してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="337" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p47a.jpg" alt="レコードを追加したstaff_list" class="wp-image-13962" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p47a.jpg 395w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p47a-300x256.jpg 300w" sizes="(max-width: 395px) 100vw, 395px" /></figure>



<p>timestampのところは、何も変更せず「実行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="599" height="280" src="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p48a.jpg" alt="追加したレコードの表示されたstaff_list" class="wp-image-13963" srcset="https://gungii.com/wp/wp-content/uploads/2020/06/admin-p48a.jpg 599w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p48a-500x234.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/06/admin-p48a-300x140.jpg 300w" sizes="(max-width: 599px) 100vw, 599px" /></figure>



<p>データを挿入した日時が、オートインクリメントと同じ様に格納されます。</p>



<p>留意:<br>timestamp型は、日付と時刻の両方を含む型で、表現できる範囲は「1970-01-01 00:00:01」から「2038-01-19 03:14:07」までです。これはtimestampの2038年問題と言われ、MySQLのtimestampが1970年1月1日を0として32ビットの整数で計算している為、2038年になると32ビットを使い切って時計が1970年に戻ってしまうという現象です。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_ DBのバックアップとリストア</title>
		<link>https://gungii.com/admin-binfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sun, 24 May 2020 08:24:23 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8454</guid>

					<description><![CDATA[phpMyAdminを使ってMySQL(MariaDB)のデータをバックアップする方法を説明します。データベース単位やテーブル単位でデータをエクスポートすることができ、またエクスポートしたデータをインポートすることが可能 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>phpMyAdminを使ってMySQL(MariaDB)のデータをバックアップする方法を説明します。<br>データベース単位やテーブル単位でデータをエクスポートすることができ、またエクスポートしたデータをインポートすることが可能です。データベースのバックアップは、エクスプローラでファイルをコピーすれば良いというものではありません。必ずバックアップ手順に従ってバックアップする必要があります。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-24" checked><label class="toc-title" for="toc-checkbox-24">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">phpMyAdmin DBのバックアップ</a><ol><li><a href="#toc2" tabindex="0">バックアップ</a></li></ol></li><li><a href="#toc3" tabindex="0">phpMyAdmin DBのリストア</a><ol><li><a href="#toc4" tabindex="0">リストア</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">phpMyAdmin DBのバックアップ</span></h2>



<h3 class="wp-block-heading"><span id="toc2">バックアップ</span></h3>



<p>バックアップを取得する場合は、どのデータベースをバックアップするかを指定します。デフォルトでは全データベースを選択した状態になります。データベースからのバックアップはテーブル単位、テーブルからのバックアップはレコード単位になります。</p>



<h4 class="wp-block-heading">「エクスポート」の種類</h4>



<p>「エクスポート」タブをクリックする際には、バックアップする対象が正しいかを確認することが必要です。</p>



<p>①テーブルのバックアップ</p>



<p>staff_listというテーブルを表示している状態で、「エクスポート」タブをクリックすると、staff_listというテーブルのエクスポートとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="565" height="492" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b01a.jpg" alt="テーブルstaff_listのエクスポート画面" class="wp-image-14321" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b01a.jpg 565w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b01a-500x435.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b01a-300x261.jpg 300w" sizes="(max-width: 565px) 100vw, 565px" /></figure>



<p></p>



<p>②データベースのバックアップ</p>



<p>jinjiというデータベースを表示している状態で、「エクスポート」タブをクリックすると、jinjiというデータベースのエクスポートとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="454" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b02a.jpg" alt="データベースjinjiのエクスポート画面" class="wp-image-14323" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b02a-500x393.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b02a-300x236.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<p>③全てのデータベースのバックアップ</p>



<p>家のマークをクリックした状態で、「エクスポート」タブをクリックすると、全てのデータベースのエクスポートとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="578" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b03a.jpg" alt="全てのデータベースのエクスポート画面" class="wp-image-14325" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b03a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b03a-500x510.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b03a-300x306.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース(jinji)のバックアップ</h4>



<p>ここでは、jinjiというデータベースをエクスポートしてみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="454" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b04a.jpg" alt="データベースjinjiのエクスポート画面" class="wp-image-14326" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b04a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b04a-500x393.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b04a-300x236.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<p>①エクスポートの設定</p>



<p>「簡易」と「詳細」がありますが、「簡易」のままでOKです。<br>注意:<br>詳細の場合、バックアップするテーブルの数やデータだけをバックアップしたり、構造だけをバックアップすることができますが、データのバックアップが目的であれば、簡易で構いません。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="167" height="163" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b05a.jpg" alt="エクスポートの設定画面" class="wp-image-14327"/></figure>



<p></p>



<p>②フォーマット</p>



<p>SQLのままでOK</p>



<p>③エンコーディングへの変換</p>



<p>「なし」でOK</p>



<h4 class="wp-block-heading">エクスポートの実行</h4>



<p>「実行」をクリックすると、Webブラウザがダウンロードしてファイルが1つできます。これを大切に保管しておきます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="334" height="199" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b06a.jpg" alt="エクスポートの実行画面" class="wp-image-14328" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b06a.jpg 334w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b06a-300x179.jpg 300w" sizes="(max-width: 334px) 100vw, 334px" /></figure>



<p></p>



<h4 class="wp-block-heading">エクスポートファイルの確認</h4>



<p>このファイルは中身を確認することができ、エディターで開くことができます。</p>



<p>①ファイルの選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="509" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b07a.jpg" alt="エディターで確認するエクスポートファイル" class="wp-image-14329" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b07a.jpg 589w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b07a-500x432.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b07a-300x259.jpg 300w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p></p>



<p>②「Codeで開く」をクリック</p>



<p>VisualStudioCodeで開きます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="585" height="848" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b08a.jpg" alt="VSCで確認するエクスポートファイル" class="wp-image-14330" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b08a.jpg 585w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b08a-500x725.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b08a-300x435.jpg 300w" sizes="(max-width: 585px) 100vw, 585px" /></figure>



<p></p>



<p>中身を確認すると、いくつか特殊な記述はありますが、基本的には、SQLの集まりです。そこで、必要に応じて手で加工することも可能です。</p>



<h2 class="wp-block-heading"><span id="toc3">phpMyAdmin DBのリストア</span></h2>



<h3 class="wp-block-heading"><span id="toc4">リストア</span></h3>



<p>今回は、データベースが全て壊れてしまって、jinjiというデータベース自体が無くなったと仮定します。</p>



<h4 class="wp-block-heading">jinjiというデータベースの削除</h4>



<p>「操作」タブのクリックして、「データベースを削除する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="554" height="816" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b11a.jpg" alt="データベースjinjiの削除画面" class="wp-image-14331" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b11a.jpg 554w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b11a-500x736.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b11a-300x442.jpg 300w" sizes="(max-width: 554px) 100vw, 554px" /></figure>



<p></p>



<p>「OK」をクリックすると、jinjiというデータベースが無くなりました。</p>



<h4 class="wp-block-heading">バックアップから復元</h4>



<p>①復元先のデータベースの作成</p>



<p>データベース名=jinji、照合順序=utf8mb4_general_ciを選択して「作成」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="553" height="564" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b12a.jpg" alt="データベースjinjiの作成画面" class="wp-image-14332" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b12a.jpg 553w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b12a-500x510.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b12a-300x306.jpg 300w" sizes="(max-width: 553px) 100vw, 553px" /></figure>



<p></p>



<p>新しいデータベースにバックアップしたデータを挿入していきます。</p>



<p>②「インポート」タブのクリック</p>



<p>アップロードファイルを選び、ダウンロードしたファイルを選択します。<br>注意:インポートボタンも押す場所によって動きが変わってきます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="555" height="687" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b13a.jpg" alt="エクスポートファイルをインポートして復元するデータベースjinji" class="wp-image-14333" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b13a.jpg 555w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b13a-500x619.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b13a-300x371.jpg 300w" sizes="(max-width: 555px) 100vw, 555px" /></figure>



<p></p>



<p>いろいろと設定項目はありますが、何も変更することなく、実行でOK</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="297" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b14a.jpg" alt="復元の実行ボタン" class="wp-image-14334" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b14a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b14a-300x190.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p></p>



<p>③インポート結果の確認</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="473" height="313" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b15a.jpg" alt="復元結果が表示されたデータベースjinjiの画面" class="wp-image-14335" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b15a.jpg 473w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b15a-300x199.jpg 300w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p></p>



<p>データベースが復元できていることがわかります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="473" height="198" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b16a.jpg" alt="復元の確認できたjinjiの各テーブル画面" class="wp-image-14336" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-b16a.jpg 473w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-b16a-300x126.jpg 300w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_ SQL(SELECT)の実行</title>
		<link>https://gungii.com/admin-sinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Tue, 12 May 2020 14:02:54 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8261</guid>

					<description><![CDATA[SELECTはテーブルからレコードを抽出するための命令文で、SQL命令文の中で最も使用頻度が高く、数多くのキーワードが用意されています。今回は、その中でも特に重要なGROUP BY、ORDER BY、WHEREについて説 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>SELECTはテーブルからレコードを抽出するための命令文で、SQL命令文の中で最も使用頻度が高く、数多くのキーワードが用意されています。今回は、その中でも特に重要なGROUP BY、ORDER BY、WHEREについて説明します。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-26" checked><label class="toc-title" for="toc-checkbox-26">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">SELECT-WHERE</a><ol><li><a href="#toc2" tabindex="0">XAMPPの起動</a></li><li><a href="#toc3" tabindex="0">特定レコードの選択</a></li></ol></li><li><a href="#toc4" tabindex="0">SELECT-GROUP BY</a><ol><li><a href="#toc5" tabindex="0">XAMPPの起動</a></li><li><a href="#toc6" tabindex="0">テーブルの作成</a></li><li><a href="#toc7" tabindex="0">データの挿入</a></li><li><a href="#toc8" tabindex="0">データの集計</a></li><li><a href="#toc9" tabindex="0">LEFTJOIN、RIGHTJOIN</a></li></ol></li><li><a href="#toc10" tabindex="0">SELECT-ORDER BY</a><ol><li><a href="#toc11" tabindex="0">XAMPPの起動</a></li><li><a href="#toc12" tabindex="0">レコードの並び替え</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">SELECT-WHERE</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">特定レコードの選択</span></h3>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="574" height="219" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s01a.jpg" alt="選択されたデータベースjinjiのテーブル一覧" class="wp-image-14139" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s01a.jpg 574w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s01a-500x191.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s01a-300x114.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(staff_list)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="569" height="249" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s02a.jpg" alt="選択されたテーブルstaff_listのデータ一覧" class="wp-image-14140" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s02a.jpg 569w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s02a-500x219.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s02a-300x131.jpg 300w" sizes="(max-width: 569px) 100vw, 569px" /></figure>



<p><span class="bold-red"></span></p>



<h4 class="wp-block-heading">SQL構文の入力</h4>



<p>「表示」タブでSQLが表示されていますので、これを変更します。<br>注意:<br>「SQL」タブをクリックして、テキストエリアで入力しますが、「インラインを編集する」をクリックして直接編集もできます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="47" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s03a.jpg" alt="SELECT構文の記載方法" class="wp-image-14141" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s03a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s03a-500x40.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s03a-300x24.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p></p>



<p>①id=2のレコードのみを取り出します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="495" height="490" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s04a.jpg" alt="staff_listよりid=2のレコードのみを取り出すSQL構文と実行結果" class="wp-image-14142" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s04a.jpg 495w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s04a-300x297.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s04a-100x100.jpg 100w" sizes="(max-width: 495px) 100vw, 495px" /></figure>



<p></p>



<p>※検索の対象となっているカラムにはオレンジ色の枠が付きます。</p>



<p>②年齢≧36の方のみを取り出してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="495" height="541" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s05a.jpg" alt="staff_listより年齢が36歳以上の方のみを取り出すSQL構文と実行結果" class="wp-image-14143" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s05a.jpg 495w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s05a-300x328.jpg 300w" sizes="(max-width: 495px) 100vw, 495px" /></figure>



<p></p>



<p>③「看護師」の方のみを抜き出してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="503" height="499" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a.jpg" alt="staff_listよりskillがi看護師の方のみを取り出すSQL構文と実行結果" class="wp-image-14144" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a.jpg 503w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a-500x496.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a-300x298.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a-150x150.jpg 150w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s06a-100x100.jpg 100w" sizes="(max-width: 503px) 100vw, 503px" /></figure>



<p></p>



<p>④前方一致検索</p>



<p>前から゛介護゛という文字列が一致したレコードを抜き出してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="503" height="527" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s07a.jpg" alt="staff_listよりskillの前から介護という文字列が一致したレコードのみを取り出すSQL構文と実行結果" class="wp-image-14145" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s07a.jpg 503w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s07a-500x524.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s07a-300x314.jpg 300w" sizes="(max-width: 503px) 100vw, 503px" /></figure>



<p></p>



<p>⑤後方一致検索</p>



<p>後ろから゛福祉士゛という文字列が一致したレコードを抜き出してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="502" height="297" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s08a.jpg" alt="staff_listよりskillの後ろから福祉士という文字列が一致したレコードのみを取り出すSQL構文と実行結果" class="wp-image-14146" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s08a.jpg 502w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s08a-500x296.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s08a-300x177.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /></figure>



<p></p>



<p>⑥複数条件の指定</p>



<p>年齢≦36で、゛ヘルパー゛という文字列と一致した方を抜き出してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="503" height="550" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s09a.jpg" alt="staff_listより年齢が36歳以下で、ヘルパーという文字列が一致した方のみを取り出すSQL構文と実行結果" class="wp-image-14147" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s09a.jpg 503w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s09a-500x547.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s09a-300x328.jpg 300w" sizes="(max-width: 503px) 100vw, 503px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc4">SELECT-GROUP BY</span></h2>



<p>業務で良く利用する「集計」について説明します。例えば、一日の売上合計や商品別の売上実績等いろいろな集計が行われています。ここでは、介護施設として、どのスタッフが、何人利用者を集めたかの集客履歴をとっていくとします。そのため、「syukyaku」というテーブルを作成して、「syukyaku」テーブルを使って、「GROUP BY」を説明します。現在のスタッフは、以下の4名とします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="574" height="263" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s11a.jpg" alt="選択されたstaff_listのデータ一覧" class="wp-image-14148" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s11a.jpg 574w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s11a-500x229.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s11a-300x137.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">テーブルの作成</span></h3>



<p>データベース「jinji」をクリックして、syukyakuという名前のテーブルを作成します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="639" height="257" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s12a.jpg" alt="選択したjinjiのテーブル一覧" class="wp-image-14149" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s12a.jpg 639w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s12a-500x201.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s12a-300x121.jpg 300w" sizes="(max-width: 639px) 100vw, 639px" /></figure>



<h4 class="wp-block-heading">テーブル名、カラム数の入力</h4>



<p>カラム数=3の「syukaku」という名前のテーブルを作成します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="81" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s13a.jpg" alt="テーブル名とカラム数の入力画面" class="wp-image-14150" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s13a.jpg 580w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s13a-500x70.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s13a-300x42.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム名、データ型の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="300" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s14a.jpg" alt="テーブルsyukyakuのカラム名、データ型の選択画面" class="wp-image-14151" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s14a.jpg 589w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s14a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s14a-300x153.jpg 300w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p></p>



<p>「保存する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="272" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s15a.jpg" alt="追加されたテーブルsyukyakuのテーブル構造" class="wp-image-14152" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s15a.jpg 589w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s15a-500x231.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s15a-300x139.jpg 300w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p></p>



<p>このsyukyakuというテーブルでは、どのスタッフが何人集客したかを記録していくものとなります。</p>



<h3 class="wp-block-heading"><span id="toc7">データの挿入</span></h3>



<p>それでは、データを入れていきますが、折角なのでSQLを使ってデータを入れていきます。次のように入力します。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s16a.jpg" alt="INSERT INTOのSQL構文の記載方法" class="wp-image-14153" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s16a.jpg 580w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s16a-500x40.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s16a-300x24.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<h4 class="wp-block-heading">SQL構文の入力</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="390" height="493" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s17a.jpg" alt="SQL構文の入力と実行結果の画面" class="wp-image-14154" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s17a.jpg 390w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s17a-300x379.jpg 300w" sizes="(max-width: 390px) 100vw, 390px" /></figure>



<p></p>



<h4 class="wp-block-heading">「表示」タブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="423" height="227" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s18a.jpg" alt="選択したsyukyakuのデータ一覧" class="wp-image-14155" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s18a.jpg 423w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s18a-300x161.jpg 300w" sizes="(max-width: 423px) 100vw, 423px" /></figure>



<p></p>



<h4 class="wp-block-heading">リレーションを貼る</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s19a.jpg" alt="リレーションを貼ったSQL構文" class="wp-image-14156" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s19a.jpg 610w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s19a-500x38.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s19a-300x23.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="513" height="622" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s20a.jpg" alt="リレーションを貼ったSQL構文と実行結果の画面" class="wp-image-14157" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s20a.jpg 513w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s20a-500x606.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s20a-300x364.jpg 300w" sizes="(max-width: 513px) 100vw, 513px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">データの集計</span></h3>



<h4 class="wp-block-heading">SUM(count)</h4>



<p>それでは、syukyakuの中の数字、全体でどのくらい集客できたのか?を見ると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="568" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s21a.jpg" alt="SUMのSQL構文" class="wp-image-14158" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s21a.jpg 568w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s21a-500x40.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s21a-300x24.jpg 300w" sizes="(max-width: 568px) 100vw, 568px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="427" height="665" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s22a.jpg" alt="SUMのSQL構文と実行結果の画面" class="wp-image-14159" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s22a.jpg 427w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s22a-300x467.jpg 300w" sizes="(max-width: 427px) 100vw, 427px" /></figure>



<p></p>



<p>全体では、集客は、7名でした。</p>



<h4 class="wp-block-heading">GROUP BY</h4>



<p>全体の合計ではなく、スタッフ毎の合計を出したい時は、GROUP BY句を使います。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="568" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s23a.jpg" alt="GROUP BYのSQL構文" class="wp-image-14160" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s23a.jpg 568w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s23a-500x40.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s23a-300x24.jpg 300w" sizes="(max-width: 568px) 100vw, 568px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="461" height="521" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s24a.jpg" alt="BROUP BYのSQL構文と実行結果の画面" class="wp-image-14161" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s24a.jpg 461w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s24a-300x339.jpg 300w" sizes="(max-width: 461px) 100vw, 461px" /></figure>



<p></p>



<p>※GROUP BY句を使う場合は、GROUP BY句で指定したカラムがSELECTの中にも入っていないと正しく動作しませんので注意が必要です。</p>



<p>item_idではわかりにくい場合は、リレーションを貼ると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="443" height="176" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s25a.jpg" alt="リレーションを貼ったSQLと実行結果の画面" class="wp-image-14162" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s25a.jpg 443w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s25a-300x119.jpg 300w" sizes="(max-width: 443px) 100vw, 443px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc9">LEFTJOIN、RIGHTJOIN</span></h3>



<p>GROUP BY句で、スタッフ毎の集客数を集計することができました。が、この集計では&#8217;紀貫之さんの実績は、どこにも表示されていません。実績がなくても紀貫之さんの実績は0として表示したいという場合があります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="442" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s26a.jpg" alt="LEFTJOIN、RIGHTJOINのSQL構文と実行結果の画面" class="wp-image-14163" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s26a.jpg 610w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s26a-500x362.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s26a-300x217.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<h4 class="wp-block-heading">内部結合</h4>



<p>カンマ(,)で区切ってテーブルを並べる方法を「内部結合」と言い、2つのテーブルを比較して、結合条件に一致したレコードだけを返します。従ってどちらかのテーブルにデータがなければ返しません。<br>注意:JOIN、カンマ( , )、INNER JOINはどれも意味は同じです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="421" height="63" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s27a.jpg" alt="内部結合のSQLの記載方法" class="wp-image-14164" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s27a.jpg 421w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s27a-300x45.jpg 300w" sizes="(max-width: 421px) 100vw, 421px" /></figure>



<p></p>



<h4 class="wp-block-heading">外部結合</h4>



<p>外部結合には、LEFT JOINとRIGHT JOINがあります。JOINの前に記述したテーブルを左、JOINの後に記述したテーブルを右として、LEFT JOINは左側のテーブルが結合条件に一致しなくてもレコードを返し、RIGHTJOINは右側のテーブルが結合条件に一致しなくてもレコードを返します。全部のデータを見たいテーブル(staff_list)を先に書き、LEFT JOIN ONと書き、その後にリレーションを記述します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="421" height="74" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s271a.jpg" alt="外部結合のSQLの記載方法" class="wp-image-14165" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s271a.jpg 421w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s271a-300x53.jpg 300w" sizes="(max-width: 421px) 100vw, 421px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL構文の入力</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="70" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s28a.jpg" alt="SQLの記載方法" class="wp-image-14166" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s28a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s28a-500x60.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s28a-300x36.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="579" height="384" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s29a.jpg" alt="SQL構文と実行結果の画面" class="wp-image-14167" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s29a.jpg 579w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s29a-500x332.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s29a-300x199.jpg 300w" sizes="(max-width: 579px) 100vw, 579px" /></figure>



<p></p>



<p>これで、紀貫之さんが表示されました。</p>



<h2 class="wp-block-heading"><span id="toc10">SELECT-ORDER BY</span></h2>



<h3 class="wp-block-heading"><span id="toc11">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc12">レコードの並び替え</span></h3>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="574" height="216" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s31a.jpg" alt="選択したjinjiのテーブル一覧" class="wp-image-14168" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s31a.jpg 574w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s31a-500x188.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s31a-300x113.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(staff_list)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="574" height="263" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s32a.jpg" alt="選択したstaff_listのデータ一覧" class="wp-image-14169" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s32a.jpg 574w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s32a-500x229.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s32a-300x137.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL構文の入力</h4>



<p>「インラインを編集する。」をクリックして、SQLを発行します。<br>idの若い順に並んでいるように見えますが、実際は登録の順ですので、これをidの昇順に並び替えます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="46" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s33a.jpg" alt="idの昇順または降順に並び替えるSQL構文" class="wp-image-14170" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s33a.jpg 580w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s33a-500x40.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s33a-300x24.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<p>①idの昇順に並び替え</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="557" height="422" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s34a.jpg" alt="idの昇順に並び替えるSQL構文と、実行結果の画面" class="wp-image-14171" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s34a.jpg 557w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s34a-500x379.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s34a-300x227.jpg 300w" sizes="(max-width: 557px) 100vw, 557px" /></figure>



<p></p>



<p>見た目はかわりませんが、今回は確実にid順に並んでいます。ORDER BYは並び順を指定するという意味で、ASCはAscending(アセンディング)の略で、英語で上昇という意味がありますが、ここでは「昇順」という意味となります。Ascendingの反対がDescendingといい「降順」となります。(DESC)ORDER BYはデフォルトはASCですので、実際はASCを省略することができます。<br>例:SELECT * FROM staff_list ORDER BY id</p>



<p>②idの降順に並び替え</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="555" height="422" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s35a.jpg" alt="idの降順に並び替えるSQL構文と、実行結果の画面" class="wp-image-14172" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s35a.jpg 555w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s35a-500x380.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s35a-300x228.jpg 300w" sizes="(max-width: 555px) 100vw, 555px" /></figure>



<p></p>



<p>③WHERE句と組み合わせる</p>



<p>年齢≧36の者を年齢の若い順に並べます。<br>注意:WHERE句が先で、ORDER BY句が後となりますので注意が必要です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="554" height="408" src="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s36a.jpg" alt="WHERE句と組み合わせたSQL構文と実行結果の画面" class="wp-image-14173" srcset="https://gungii.com/wp/wp-content/uploads/2020/05/admin-s36a.jpg 554w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s36a-500x368.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/05/admin-s36a-300x221.jpg 300w" sizes="(max-width: 554px) 100vw, 554px" /></figure>



<p></p>



<p>留意:<br>並び替えで、textの場合、ひらがな→カタカナ→漢字となるため、ふりがな順にならない場合があります。例えば、コンピーターは漢字は漢字コード順に並ぶだけで、ふりがなは読めません。そこで、フリガナというカラムを1つ追加して、フリガナを入力しておくと、そのフリカナで並び替えることができます。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_SQL(CRUD)の実行</title>
		<link>https://gungii.com/admin-cinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sat, 25 Apr 2020 14:56:14 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8209</guid>

					<description><![CDATA[SQL(Structured Query Language)は、リレーショナルデータベース管理システム (RDBMS) において、データの操作や定義を行うためのデータベース言語(問い合わせ言語)です。SQLは国際標準化さ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>SQL(Structured Query Language)は、リレーショナルデータベース管理システム (RDBMS) において、データの操作や定義を行うためのデータベース言語(問い合わせ言語)です。SQLは国際標準化されているので、MySQLやOracleなどのデータベースが変わったとしても、同じSQLで操作することが可能です。</p>



<p>[ リレーショナルデータベース ]<br>リレーショナルデータベースでは、データをExcelのように表形式のイメージでデータを保存しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="417" height="222" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c01a.jpg" alt="リレーショナルデータベースのイメージ図" class="wp-image-14108" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c01a.jpg 417w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c01a-300x160.jpg 300w" sizes="(max-width: 417px) 100vw, 417px" /></figure>



<p>RDBMSはデータベース内の「テーブル」に入っているデータを「SQL」という言語を使って操作します。主に以下のようなデータ操作が可能です。</p>



<p>・Create・・・データの生成(INSERT命令で追加)<br>・Read・・・・データの読み取りと表示(SELECT命令で実現)<br>・Update・・・データの更新(UPDATE命令で実行)<br>・Delete・・・データの削除(DELETE命令で実行)</p>



<p>※上記の４つの機能をCRUD(クラッド)「Create(生成)、Read(読み取り),Update(更新),Delete(削除)」といい、基本的にデータベースを使ったWebアプリはこれらの機能が前提になっています。</p>



<p>[ SQLの実行 ]<br>SQLは基本的はコマンドラインと言われるもので利用します。Macの場合はターミナルというソフトウェア、Windowsの場合はコマンドプロンプトというソフトウェアで利用しますが、ここではソフトを利用せずに、phpMyAdminのツールを使ってSQLを利用する方法をご紹介します。「SQL」というタブをクリックすると、大きなテキストエリアが表示されます。ここにSQLを記述することで、データベースにそのSQLの指示を与えることができます</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="212" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c02a.jpg" alt="データベースjinjiのSQLタブのテキストエリア" class="wp-image-14110" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c02a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c02a-300x136.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p>SQLを記述する際には、次のような基本的なルールがあります。</p>



<ul class="wp-block-list"><li>SQL文の最後にセミコロン「;」を付ける<br>PHPと同じ、SQLでも命令の終わりには;(セミコロン)を付けます。例:SELECT * FROM tables;</li><li>大文字/小文字は区別しない<br>SQLでは命令部の大文字/小文字は区別しません。このため「SELECT」でも「select」でも構いませんが、キーワードは大文字で記述するのが慣例です。但し、データベース名やテーブル名、カラム名等は区別されます。</li><li>文字列はシングルクォーテーション「’」で囲む<br>例:INSERT INTO staff_list SET id=1, staff_name=&#8217;中村&#8217;, age=67;<br>※数値は何かで囲む必要はなく、そのまま記述します。</li><li>カラムの設定文字数を超えない<br>カラムに設定した文字数を超える値を指定すると、その値は切り捨てられます。</li></ul>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-28" checked><label class="toc-title" for="toc-checkbox-28">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">テーブルの作成とデータの挿入(C)</a><ol><li><a href="#toc2" tabindex="0">XAMPPの起動</a></li><li><a href="#toc3" tabindex="0">データベースの選択</a></li><li><a href="#toc4" tabindex="0">テーブルの作成</a></li><li><a href="#toc5" tabindex="0">データの挿入</a></li></ol></li><li><a href="#toc6" tabindex="0">データの検索(R)</a><ol><li><a href="#toc7" tabindex="0">XAMPPの起動</a></li><li><a href="#toc8" tabindex="0">データベースの選択</a></li><li><a href="#toc9" tabindex="0">データの検索</a></li></ol></li><li><a href="#toc10" tabindex="0">データの変更・削除(UD)</a><ol><li><a href="#toc11" tabindex="0">データの変更</a></li><li><a href="#toc12" tabindex="0">データの削除</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">テーブルの作成とデータの挿入(C)</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="467" height="302" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14111" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a.jpg 467w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a-300x194.jpg 300w" sizes="(max-width: 467px) 100vw, 467px" /></figure>



<p></p>



<h4 class="wp-block-heading">phpMyAdminの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="470" height="241" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14112" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a.jpg 470w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a-300x154.jpg 300w" sizes="(max-width: 470px) 100vw, 470px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">データベースの選択</span></h3>



<p>jinjiを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="463" height="242" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c13a.jpg" alt="データベースjinjiのテーブル一覧" class="wp-image-14113" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c13a.jpg 463w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c13a-300x157.jpg 300w" sizes="(max-width: 463px) 100vw, 463px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">テーブルの作成</span></h3>



<h4 class="wp-block-heading">SQLタブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="212" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c14a.jpg" alt="SQLタブをクリックしたデータベースjinji" class="wp-image-14114" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c14a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c14a-300x136.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL構文の入力(CREATE TABLE)</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="468" height="249" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c15a.jpg" alt="入力されたSQL構文" class="wp-image-14115" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c15a.jpg 468w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c15a-300x160.jpg 300w" sizes="(max-width: 468px) 100vw, 468px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL実行結果</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="213" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c16a.jpg" alt="SQLの実行で追加されたテーブルstaff_list" class="wp-image-14116" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c16a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c16a-300x136.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p></p>



<p>staff_listというテーブルができました。<br>注意:「返り値が空でした」と表示されますが、これは正常な動作です。<br>staff_listをクリックすると、idとstaff_nameとageという3つのカラムがあります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="473" height="236" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c17a.jpg" alt="「返り値が空でした」と表示されたstaff_list" class="wp-image-14117" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c17a.jpg 473w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c17a-300x150.jpg 300w" sizes="(max-width: 473px) 100vw, 473px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc5">データの挿入</span></h3>



<h4 class="wp-block-heading">SQLタブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="552" height="234" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c18a.jpg" alt="表示されたstaff_listのSQL入力画面" class="wp-image-14118" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c18a.jpg 552w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c18a-500x212.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c18a-300x127.jpg 300w" sizes="(max-width: 552px) 100vw, 552px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL構文の入力(INSERT)</h4>



<p>中身を消して、次のように入力します。</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="551" height="234" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c19a.jpg" alt="SQL構文を入力したstaff_list" class="wp-image-14120" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c19a.jpg 551w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c19a-500x212.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c19a-300x127.jpg 300w" sizes="(max-width: 551px) 100vw, 551px" /></figure>



<h4 class="wp-block-heading">SQL実行結果</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="551" height="266" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20aa.jpg" alt="SQLを実行したstaff_list" class="wp-image-14121" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20aa.jpg 551w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20aa-500x241.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20aa-300x145.jpg 300w" sizes="(max-width: 551px) 100vw, 551px" /></figure>



<p></p>



<p>表示タブをクリックすると、</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="547" height="237" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20ba.jpg" alt="SQL実行結果が表示されたstaff_listの表示タブ" class="wp-image-14122" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20ba.jpg 547w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20ba-500x217.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c20ba-300x130.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc6">データの検索(R)</span></h2>



<h3 class="wp-block-heading"><span id="toc7">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="467" height="302" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14111" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a.jpg 467w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c11a-300x194.jpg 300w" sizes="(max-width: 467px) 100vw, 467px" /></figure>



<p></p>



<h4 class="wp-block-heading">phpMyAdminの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="470" height="241" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14112" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a.jpg 470w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c12a-300x154.jpg 300w" sizes="(max-width: 470px) 100vw, 470px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc8">データベースの選択</span></h3>



<p>jinjiを選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="431" height="242" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a.jpg" alt="選択されたデータベースjinji" class="wp-image-14123" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a.jpg 431w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a-300x168.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c31a-320x180.jpg 320w" sizes="(max-width: 431px) 100vw, 431px" /></figure>



<h3 class="wp-block-heading"><span id="toc9">データの検索</span></h3>



<h4 class="wp-block-heading">SQLタブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="430" height="257" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c32a.jpg" alt="SQL入力エリアの表示されたデータベースjinji" class="wp-image-14124" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c32a.jpg 430w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c32a-300x179.jpg 300w" sizes="(max-width: 430px) 100vw, 430px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL構文の入力(SELECT)</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="468" height="228" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c33a.jpg" alt="SQL構文が入力されたSQL入力エリア" class="wp-image-14125" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c33a.jpg 468w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c33a-300x146.jpg 300w" sizes="(max-width: 468px) 100vw, 468px" /></figure>



<p></p>



<p>※SQLは、大文字で記述するのが慣例的です。<br>SELECTとは、テーブルの内容を見るという意味のSQLで、※は全て、FROMはどこから、tablesというのは、テーブルの名前となります。</p>



<h4 class="wp-block-heading">SQL実行結果</h4>



<p>テーブル(tables)の内容が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="470" height="294" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c34a.jpg" alt="実行結果が表示されたtables" class="wp-image-14126" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c34a.jpg 470w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c34a-300x188.jpg 300w" sizes="(max-width: 470px) 100vw, 470px" /></figure>



<p></p>



<p>「表示」タブをクリックすると<br>ここで表示タブをクリックすると同じSQLが発行されていることがわかります。つまり、表示タブをクリックした時と同じ動きをSQLで記述したのです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="267" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c35a.jpg" alt="実行結果が表示されたtables" class="wp-image-14127" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c35a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c35a-300x171.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c35a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c35a-160x90.jpg 160w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc10">データの変更・削除(UD)</span></h2>



<h3 class="wp-block-heading"><span id="toc11">データの変更</span></h3>



<h4 class="wp-block-heading">テーブルの選択</h4>



<p>staff_listを選択します。現在、id=1、staff_name=中村、age=67のレコードが1件登録されています。この中村さんのage(年齢)を65に変更します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="547" height="236" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c41a.jpg" alt="データが表示されたstaff_listの表示タブ" class="wp-image-14128" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c41a.jpg 547w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c41a-500x216.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c41a-300x129.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQLタブのクリック</h4>



<p>SQLタブをクリックして、UPDATE構文を入力して、「実行」します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="264" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c42a.jpg" alt="SQL構文の記載されたstaff_list" class="wp-image-14129" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c42a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c42a-500x242.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c42a-300x145.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<p>※WHERE構文がなければ、全てのデータが対象となります。</p>



<h4 class="wp-block-heading">SQL実行結果</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="264" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c43a.jpg" alt="SQL実行結果が表示されたstaff_list" class="wp-image-14130" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c43a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c43a-500x242.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c43a-300x145.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<p>表示タブをクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="267" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c44a.jpg" alt="データが表示されたstaff_listの表示タブ" class="wp-image-14131" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c44a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c44a-500x245.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c44a-300x147.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc12">データの削除</span></h3>



<h4 class="wp-block-heading">テーブルの選択</h4>



<p>staff_listを選択します。現在、id=1、staff_name=中村、age=67のレコードが1件登録されています。これを削除してみます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="547" height="236" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c45a.jpg" alt="データが表示されたstaff_listの表示タブ" class="wp-image-14132" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c45a.jpg 547w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c45a-500x216.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c45a-300x129.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQLタブのクリック</h4>



<p>SQLタブのクリックして、DELETE構文を入力して、「実行」します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="455" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c46a.jpg" alt="SQL構文の入力されたstaff_listのSQLテキストエリア" class="wp-image-14133" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c46a.jpg 545w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c46a-500x417.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c46a-300x250.jpg 300w" sizes="(max-width: 545px) 100vw, 545px" /></figure>



<p></p>



<h4 class="wp-block-heading">SQL実行結果</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="264" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c47a.jpg" alt="SQL実行結果が表示されたstaff_list" class="wp-image-14134" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c47a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c47a-500x242.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c47a-300x145.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>



<p>表示タブをクリックすると</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="546" height="273" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c48a.jpg" alt="データが表示されたstaff_listの表示タブ" class="wp-image-14135" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-c48a.jpg 546w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c48a-500x250.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-c48a-300x150.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>phpMyAdminの使い方_データベースの作成</title>
		<link>https://gungii.com/admin-dinfo/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Mon, 20 Apr 2020 01:20:56 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8165</guid>

					<description><![CDATA[phpを学習するにあたり、データベースの操作は必須となりますが、データベースを操作するにはSQL(StructuredQueryLanguage)という言語でコマンド入力する必要があり、かなりの言語知識と経験が必要となり [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>phpを学習するにあたり、データベースの操作は必須となりますが、データベースを操作するにはSQL(StructuredQueryLanguage)という言語でコマンド入力する必要があり、かなりの言語知識と経験が必要となります。が、SQLは国際標準化されているので、MySQLやOracleなどのデータベースが変わったとしても、同じSQLで操作できますので、覚えていて損はありません。<br>phpMyAdminは、SQLを使わなくてもデータベースをブラウザ経由で簡単に操作できますが、同時にSQLを発行することもできます。今回は、XAMPPのphpMyAdminを使ってSQLを使わずにデータベースの作成やテーブルの作成をやっていますが、最終的にはSQLを発行してデータベースを操作していこうと思います。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-30" checked><label class="toc-title" for="toc-checkbox-30">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">データベースの作成</a><ol><li><a href="#toc2" tabindex="0">XAMPPの起動</a></li><li><a href="#toc3" tabindex="0">データベース(jinji)の作成</a></li></ol></li><li><a href="#toc4" tabindex="0">データベースの削除</a><ol><li><a href="#toc5" tabindex="0">XAMPPの起動</a></li><li><a href="#toc6" tabindex="0">データベース(jinji)の削除</a></li></ol></li><li><a href="#toc7" tabindex="0">テーブルの作成とデータの挿入</a><ol><li><a href="#toc8" tabindex="0">XAMPPの起動</a></li><li><a href="#toc9" tabindex="0">テーブルの作成</a></li><li><a href="#toc10" tabindex="0">テーブルへのデータ入力</a></li></ol></li><li><a href="#toc11" tabindex="0">テーブルの削除とデータの削除</a><ol><li><a href="#toc12" tabindex="0">XAMPPの起動</a></li><li><a href="#toc13" tabindex="0">データの削除</a></li><li><a href="#toc14" tabindex="0">テーブルの削除</a></li></ol></li><li><a href="#toc15" tabindex="0">カラムの追加とデータの挿入</a><ol><li><a href="#toc16" tabindex="0">XAMPPの起動</a></li><li><a href="#toc17" tabindex="0">カラムの追加</a></li><li><a href="#toc18" tabindex="0">カラムへのデータの挿入</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">データベースの作成</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">データベース(jinji)の作成</span></h3>



<h4 class="wp-block-heading">「データベース」タブのクリック</h4>



<p>「jinji」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="348" height="270" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d03a.jpg" alt="選択されたデータベースタブの画面" class="wp-image-14070" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d03a.jpg 348w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d03a-300x233.jpg 300w" sizes="(max-width: 348px) 100vw, 348px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース名の入力</h4>



<p>「jinji」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="349" height="492" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d04a.jpg" alt="データベース名の入力と照合順序の選択がされたデータベース" class="wp-image-14071" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d04a.jpg 349w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d04a-300x423.jpg 300w" sizes="(max-width: 349px) 100vw, 349px" /></figure>



<p></p>



<p>留意：<br>データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。</p>



<p>[ MariaDB(MySQL)の照合順序 ]</p>



<ul class="wp-block-list"><li>MariaDBで日本語を扱う際に選ぶ照合順序は基本的に以下の3つです。</li><li>utf8mb4_general_ci:英字の大文字小文字を区別しない。ほかは区別する。</li><li>utf8mb4_unicode_ci:英字の大文字小文字を区別せず、半角全角もひらがなカタカナも区別しない</li><li>utf8mb4_bin:全部区別する。文字コードがすべて。</li></ul>



<p>※前半の utf8mb4 が文字セットで、後半の general_ci/unicode_ci/bin が照合順序です。</p>



<h2 class="wp-block-heading"><span id="toc4">データベースの削除</span></h2>



<h3 class="wp-block-heading"><span id="toc5">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">データベース(jinji)の削除</span></h3>



<h4 class="wp-block-heading">データベース(jinji)のクリック</h4>



<p>削除するデータベースを選択します。ここでは、jinjiを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d11a.jpg" alt="表示されたデータベースjinjiの構造タブ" class="wp-image-14072" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d11a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d11a-500x224.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d11a-300x135.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h4 class="wp-block-heading">「操作」タブのクリック</h4>



<p>「操作」タブのクリックして、「データベースを削除する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="580" height="409" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d12a.jpg" alt="データベースの「削除」ボタンを押下されたデータベースjinji" class="wp-image-14073" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d12a.jpg 580w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d12a-500x353.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d12a-300x212.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" /></figure>



<p></p>



<h4 class="wp-block-heading">データベース(jinji)の削除</h4>



<p>データベース(jinji)が削除されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="551" height="341" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d13a.jpg" alt="データベースjinjiの削除されたデータベースタブ" class="wp-image-14074" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d13a.jpg 551w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d13a-500x309.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d13a-300x186.jpg 300w" sizes="(max-width: 551px) 100vw, 551px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc7">テーブルの作成とデータの挿入</span></h2>



<h3 class="wp-block-heading"><span id="toc8">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc9">テーブルの作成</span></h3>



<h4 class="wp-block-heading">テータベース(jinji)の選択</h4>



<p>データベースの作成の直後は、テーブル作成画面となりますので、続けてデータベースにテーブルを作成します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="226" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d21a.jpg" alt="テーブル作成画面が表示されたデータベースjinji" class="wp-image-14075" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d21a.jpg 567w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d21a-500x199.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d21a-300x120.jpg 300w" sizes="(max-width: 567px) 100vw, 567px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブルの作成</h4>



<p>①テーブル名、カラム数の入力</p>



<p>テーブルを作成するには、テーブル名とカラム数を入力して「実行」をクリックします。(ここでは、名前=tables、カラム数=2と入力)</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="495" height="192" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d22a.jpg" alt="テーブル名とカラム数を入力したjinjiのテーブル" class="wp-image-14077" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d22a.jpg 495w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d22a-300x116.jpg 300w" sizes="(max-width: 495px) 100vw, 495px" /></figure>



<p>すると、カラムを設定する画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="496" height="247" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d23a.jpg" alt="表示されたtablesのカラム設定画面" class="wp-image-14078" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d23a.jpg 496w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d23a-300x149.jpg 300w" sizes="(max-width: 496px) 100vw, 496px" /></figure>



<p></p>



<p>②カラム名、データ型の入力</p>



<p>名前はid、name、データ型はint、textを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="253" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d24a.jpg" alt="tablesのカラム名、データ型の入力画面" class="wp-image-14079" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d24a.jpg 549w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d24a-500x230.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d24a-300x138.jpg 300w" sizes="(max-width: 549px) 100vw, 549px" /></figure>



<p></p>



<p>③プライマリーキーの設定</p>



<p>idのカラムを右にスクロールすると、インデックスの設定項目がありますので、PRIMARYを選択します。また、同時にAI(オートインクリメント)もチェックしておきます。<br>注意：ここではプライマリーキー、及びオートインクリメントについての説明は省略します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="548" height="447" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d25a.jpg" alt="tablesのプライマリーキーの設定画面" class="wp-image-14080" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d25a.jpg 548w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d25a-500x408.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d25a-300x245.jpg 300w" sizes="(max-width: 548px) 100vw, 548px" /></figure>



<p></p>



<p>他にも、設定する項目がありますが、ここではこのまま「保存する」をクリックします。</p>



<p>④テーブルの完成</p>



<p>これでテーブルが出来上がりました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="563" height="263" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d26a.jpg" alt="完成したtablesのテーブル構造" class="wp-image-14081" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d26a.jpg 563w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d26a-500x234.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d26a-300x140.jpg 300w" sizes="(max-width: 563px) 100vw, 563px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc10">テーブルへのデータ入力</span></h3>



<p>それでは、出来上がったテーブル(id,name)にデータを挿入していきます。</p>



<h4 class="wp-block-heading">「挿入」タブのクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="476" height="430" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d27a.jpg" alt="tablesのデータ入力画面" class="wp-image-14082" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d27a.jpg 476w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d27a-300x271.jpg 300w" sizes="(max-width: 476px) 100vw, 476px" /></figure>



<p></p>



<h4 class="wp-block-heading">値の入力</h4>



<p>値に、id=1、name=小野小町と入力して「実行」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="486" height="576" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d28a.jpg" alt="id=1、name=小野小町と入力されたtablesのデータ入力画面" class="wp-image-14083" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d28a.jpg 486w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d28a-300x356.jpg 300w" sizes="(max-width: 486px) 100vw, 486px" /></figure>



<p></p>



<h4 class="wp-block-heading">入力内容の確認</h4>



<p>「表示」タブをクリックして、データが入力されたことを確認します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="225" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d29a.jpg" alt="入力されているデータが表示されたtablesの表示タブ" class="wp-image-14084" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d29a.jpg 533w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d29a-500x211.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d29a-300x127.jpg 300w" sizes="(max-width: 533px) 100vw, 533px" /></figure>



<p></p>



<h4 class="wp-block-heading">値の追加</h4>



<p>続けて、id=2,3を登録します。<br>注意：続けて登録する場合は、横の「実行」ではなく、最終行の「実行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="757" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d30a.jpg" alt="データを追加入力したtablesの入力画面" class="wp-image-14085" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d30a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d30a-300x484.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<p></p>



<p>「2行挿入されました。」と表示されます。</p>



<h4 class="wp-block-heading">入力内容の確認</h4>



<p>「表示」タブをクリックして、データが入力されたことを確認します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d31a.jpg" alt="追加データの表示されたtablesの表示タブ" class="wp-image-14086" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d31a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d31a-500x243.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d31a-300x146.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc11">テーブルの削除とデータの削除</span></h2>



<h3 class="wp-block-heading"><span id="toc12">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc13">データの削除</span></h3>



<h4 class="wp-block-heading">テータベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="591" height="179" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d41a.jpg" alt="テーブル一覧の表示されたデータベースjinjiの構造タブ" class="wp-image-14087" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d41a.jpg 591w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d41a-500x151.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d41a-300x91.jpg 300w" sizes="(max-width: 591px) 100vw, 591px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブルの選択</h4>



<p>jinjiのデータベースの中のtablesというテーブルを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="534" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d42a.jpg" alt="データが表示されたtablesの表示タブ" class="wp-image-14088" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d42a.jpg 534w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d42a-500x243.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d42a-300x146.jpg 300w" sizes="(max-width: 534px) 100vw, 534px" /></figure>



<p></p>



<h4 class="wp-block-heading">データの選択</h4>



<p>3件のレコードがありますが、ここでは、id=2、name=小野妹子,age=37のレコードを削除します。削除するレコードを&#x2611;して、「削除」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="535" height="260" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d43a.jpg" alt="削除データを指定したtablesの表示タブ" class="wp-image-14090" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d43a.jpg 535w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d43a-500x243.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d43a-300x146.jpg 300w" sizes="(max-width: 535px) 100vw, 535px" /></figure>



<p></p>



<p>削除の確認メッセージが表示されますので、「はい」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="539" height="107" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d44a.jpg" alt="削除の確認メッセージ" class="wp-image-14091" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d44a.jpg 539w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d44a-500x99.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d44a-300x60.jpg 300w" sizes="(max-width: 539px) 100vw, 539px" /></figure>



<p></p>



<p>削除されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="249" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d45a.jpg" alt="指定したデータが削除されたtablesの表示タブ" class="wp-image-14092" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d45a.jpg 549w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d45a-500x227.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d45a-300x136.jpg 300w" sizes="(max-width: 549px) 100vw, 549px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc14">テーブルの削除</span></h3>



<h4 class="wp-block-heading">データベースの選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="591" height="179" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d46a.jpg" alt="テーブル一覧が表示されたデータベースjinji" class="wp-image-14093" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d46a.jpg 591w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d46a-500x151.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d46a-300x91.jpg 300w" sizes="(max-width: 591px) 100vw, 591px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブルの削除</h4>



<p>jinjiの中のテーブル一覧が表示されますので、削除するテーブルを&#x2611;して、「削除」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="598" height="406" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d47a.jpg" alt="削除が選択されたjinjiのtables" class="wp-image-14094" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d47a.jpg 598w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d47a-500x339.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d47a-300x204.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" /></figure>



<p></p>



<p>削除されました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="213" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d48a.jpg" alt="tablesが削除されたjinjiの構造タブ" class="wp-image-14095" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d48a.jpg 610w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d48a-500x175.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d48a-300x105.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc15">カラムの追加とデータの挿入</span></h2>



<h3 class="wp-block-heading"><span id="toc16">XAMPPの起動</span></h3>



<h4 class="wp-block-heading">ApacheとMySQLの起動</h4>



<p>MySQLを使うためには、Apacheも必要となりますので、両方起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="364" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14067" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a.jpg 540w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-500x337.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d01a-300x202.jpg 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLのAdminの起動</h4>



<p>Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="577" height="307" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg" alt="起動したphpMyAdminの初期画面" class="wp-image-14069" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a.jpg 577w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-500x266.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d02a-300x160.jpg 300w" sizes="(max-width: 577px) 100vw, 577px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc17">カラムの追加</span></h3>



<p>ここでは、既存のテーブルにカラムを追加する方法について説明します。idとnameという2つのカラムを持つテーブル(tables)に、ageというカラムを追加します。</p>



<h4 class="wp-block-heading">データベース(jinji)の選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="629" height="187" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d51a.jpg" alt="テーブル一覧が表示されたデータベースjinji" class="wp-image-14096" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d51a.jpg 629w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d51a-500x149.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d51a-300x89.jpg 300w" sizes="(max-width: 629px) 100vw, 629px" /></figure>



<p></p>



<h4 class="wp-block-heading">テーブル(tables)の選択</h4>



<p>tablesの「構造」タブをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="633" height="203" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d52a.jpg" alt="表示されたtablesの構造タブ" class="wp-image-14097" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d52a.jpg 633w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d52a-500x160.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d52a-300x96.jpg 300w" sizes="(max-width: 633px) 100vw, 633px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム数と位置の指定</h4>



<p>追加するカラムの数と位置を指定して、実行をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="391" height="129" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d53a.jpg" alt="tablesのカラム数と位置の設定画面" class="wp-image-14098" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d53a.jpg 391w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d53a-300x99.jpg 300w" sizes="(max-width: 391px) 100vw, 391px" /></figure>



<p></p>



<h4 class="wp-block-heading">カラム設定画面の表示</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="143" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d54a.jpg" alt="tablesのカラム設定画面" class="wp-image-14099" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d54a.jpg 583w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d54a-500x123.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d54a-300x74.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" /></figure>



<p></p>



<h4 class="wp-block-heading">追加するカラムの設定</h4>



<p>ここでは、age(年齢)を追加します。Ageと入力して「保存する」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="267" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d55a.jpg" alt="「age」というカラムを追加したtablesのカラム設定画面" class="wp-image-14100" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d55a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d55a-500x230.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d55a-300x138.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<p></p>



<h4 class="wp-block-heading">追加の確認</h4>



<p>「表示」タブをクリックすると、ageというカラムが追加されているのがわかります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="491" height="260" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d56a.jpg" alt="「age」というカラムが追加されたtablesの表示タブ" class="wp-image-14101" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d56a.jpg 491w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d56a-300x159.jpg 300w" sizes="(max-width: 491px) 100vw, 491px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc18">カラムへのデータの挿入</span></h3>



<h4 class="wp-block-heading">データ入力</h4>



<p>追加したカラムにデータを入力します。レコードを選択して、「編集」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="269" height="234" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d57a.jpg" alt="編集を押下したtablesのデータ" class="wp-image-14102"/></figure>



<p></p>



<p>ageを入力して、「実行」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="472" height="279" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d58a.jpg" alt="「age」のデータを入力したtablesの入力画面" class="wp-image-14103" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d58a.jpg 472w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d58a-300x177.jpg 300w" sizes="(max-width: 472px) 100vw, 472px" /></figure>



<p></p>



<p>同様に、2つのレコードのageカラムを入力します。</p>



<h4 class="wp-block-heading">入力内容の確認</h4>



<p>「表示」タブをクリックすると、3つのレコードのageカラムが入力されていることがわかります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="488" height="352" src="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d59a.jpg" alt="「age」が入力されたtablesの表示タブ" class="wp-image-14105" srcset="https://gungii.com/wp/wp-content/uploads/2020/04/admin-d59a.jpg 488w, https://gungii.com/wp/wp-content/uploads/2020/04/admin-d59a-300x216.jpg 300w" sizes="(max-width: 488px) 100vw, 488px" /></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>XAMPPのダウングレードとphpMyAdminのバージョンアップの方法</title>
		<link>https://gungii.com/xamppdg-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sat, 14 Mar 2020 07:50:04 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<category><![CDATA[データベース]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=8073</guid>

					<description><![CDATA[phpの勉強で、データベースを使ったプログラムを作成するために、phpMyAdminを使ってデータベースの登録をしていたところ、「テーブル構造が表示されない。」という不具合が発発生しました。XAMPPを使っていますのでX [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>phpの勉強で、データベースを使ったプログラムを作成するために、phpMyAdminを使ってデータベースの登録をしていたところ、「テーブル構造が表示されない。」という不具合が発発生しました。XAMPPを使っていますのでXAMPPの再インストールを行いましたが、結果は変わりませんでしたが、バージョンダウンしてみると、XAMPPの7.4.1-0では不具合は発生しませんでしたので、その際の対処方法を記録しておきます。又、XAMPPを使用しているとphpMyAdminの最新バージョンへのアップグレードを促されることがありますので、XAMPPでのphpMyAdminのバージョンアップ方法についても、実際の対応を記録します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="474" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg01a.jpg" alt="xamppのphpMyAdminのバージョンアップ対応前と対応後" class="wp-image-14039" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg01a.jpg 600w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg01a-500x395.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg01a-300x237.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p>留意:<br>以下のバージョンのXAMPPでは、phpMyAdminにてデータベースの「テーブル構造が表示されない」という不具合が発生します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="604" height="87" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg02a.jpg" alt="エラーとなるxamppのバージョン" class="wp-image-14041" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg02a.jpg 604w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg02a-500x72.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg02a-300x43.jpg 300w" sizes="(max-width: 604px) 100vw, 604px" /></figure>



<p>注意:xampp-windows-x64-7.4.1-1-VC15ではNGだが、xampp-windows-x64-7.4.1-0-VC15はOKです。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-32" checked><label class="toc-title" for="toc-checkbox-32">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">XAMPPのアンインストール</a><ol><li><a href="#toc2" tabindex="0">アンインストール</a></li><li><a href="#toc3" tabindex="0">アンインストールの確認</a></li></ol></li><li><a href="#toc4" tabindex="0">XAMPPの再インストール</a><ol><li><a href="#toc5" tabindex="0">XAMPPのダウンロード</a></li><li><a href="#toc6" tabindex="0">XAMPPのインストール</a></li><li><a href="#toc7" tabindex="0">不具合解消の確認</a></li></ol></li><li><a href="#toc8" tabindex="0">phpMyAdminのアップグレード</a><ol><li><a href="#toc9" tabindex="0">phpMyAdminのダウンロード</a></li><li><a href="#toc10" tabindex="0">phpMyAdminの置き換え</a></li><li><a href="#toc11" tabindex="0">phpMyAdminの置き換え確認</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">XAMPPのアンインストール</span></h2>



<h3 class="wp-block-heading"><span id="toc2">アンインストール</span></h3>



<p>XAMPPを再インストールするために、現状のXAMPPをアンインストールします。</p>



<h4 class="wp-block-heading">uninstall.exeの検索</h4>



<p>XAMPPフォルダの中に、uninstall.exeがありますので、検索します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="633" height="255" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg11a.jpg" alt="xamppフォルダを選択したWindows(C:)" class="wp-image-14042" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg11a.jpg 633w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg11a-500x201.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg11a-300x121.jpg 300w" sizes="(max-width: 633px) 100vw, 633px" /></figure>



<h4 class="wp-block-heading">uninstall.exeの起動</h4>



<p>uninstall.exeをダブルクリックして起動します。「XAMPPと全てのモジュールを削除して良いか?」との確認メッセージが表示されますが、「YES」を選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="452" height="331" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg12a.jpg" alt="起動されたxamppのuninstall.exe" class="wp-image-14043" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg12a.jpg 452w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg12a-300x220.jpg 300w" sizes="(max-width: 452px) 100vw, 452px" /></figure>



<p></p>



<h4 class="wp-block-heading">アンストールの開始</h4>



<p>続けて、「htdocsフォルダも削除して良いか?」との確認メッセージが表示されますが、「YES」を選択します。<br>留意:<br>予め、XAMPPで必要なファイルはバックアップしておきますので、ここでは「YES」、htdocsフォルダを残しておきたい場合は「NO」を選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="326" height="275" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg13a.jpg" alt="アンインストールの開始確認画面" class="wp-image-14044" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg13a.jpg 326w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg13a-300x253.jpg 300w" sizes="(max-width: 326px) 100vw, 326px" /></figure>



<p></p>



<h4 class="wp-block-heading">アンストールの終了</h4>



<p>アンインストールが終了すると、以下のように「Uninstllation completed」と表示されますので、「OK」をクリックしてXAMPPのアンインストールは完了です。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="326" height="275" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg14a.jpg" alt="アンインストールの終了確認画面" class="wp-image-14045" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg14a.jpg 326w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg14a-300x253.jpg 300w" sizes="(max-width: 326px) 100vw, 326px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">アンインストールの確認</span></h3>



<h4 class="wp-block-heading">XAMPPフォルダの確認</h4>



<p>XAMPPフォルダが削除されているかを確認します。例えば、インストールした時と異なり、フォルダやファイルが追加されていると削除されずに残ることが考えられます。今回は、phpmyadminフォルダが残ったため、XAMPPフォルダが削除されていませんでした。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="242" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg15a.jpg" alt="Windows(C:)のフォルダ一覧" class="wp-image-14046" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg15a.jpg 610w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg15a-500x198.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg15a-300x119.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<p></p>



<h4 class="wp-block-heading">XAMPPフォルダの削除</h4>



<p>残ったXAMPPフォルダを削除します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="451" height="464" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg16a.jpg" alt="手作業で削除するxamppフォルダ" class="wp-image-14047" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg16a.jpg 451w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg16a-300x309.jpg 300w" sizes="(max-width: 451px) 100vw, 451px" /></figure>



<p></p>



<h4 class="wp-block-heading">パソコンの再起動</h4>



<p>一度、パソコンを再起動しておきます。</p>



<h2 class="wp-block-heading"><span id="toc4">XAMPPの再インストール</span></h2>



<h3 class="wp-block-heading"><span id="toc5">XAMPPのダウンロード</span></h3>



<p>XAMPPのバージョン7.4.1-0ではphpmyadminで「テーブル構造が表示されない。」という不具合は発生しませんので、XAMPPのバージョンをダウングレードして再インストールします。</p>



<h4 class="wp-block-heading">過去のバージョンの検索</h4>



<p>①「ダウンロード」のクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="610" height="295" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg21a.jpg" alt="xamppのダウンロードサイト" class="wp-image-14048" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg21a.jpg 610w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg21a-500x242.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg21a-300x145.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" /></figure>



<p></p>



<p>②その他のダウンロードのクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="409" height="328" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg22a.jpg" alt="「その他のダウンロード」を選択したダウンロードサイト" class="wp-image-14049" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg22a.jpg 409w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg22a-300x241.jpg 300w" sizes="(max-width: 409px) 100vw, 409px" /></figure>



<p></p>



<p>③XAMPP WINDOWSのクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="573" height="303" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg23a.jpg" alt="「xampp windows」を選択したその他のダウンロードサイト" class="wp-image-14050" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg23a.jpg 573w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg23a-500x264.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg23a-300x159.jpg 300w" sizes="(max-width: 573px) 100vw, 573px" /></figure>



<p></p>



<p>④7.4.1のクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="591" height="383" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg24a.jpg" alt="バージョン7.4.1を選択したダウンロードサイト" class="wp-image-14051" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg24a.jpg 591w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg24a-500x324.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg24a-300x194.jpg 300w" sizes="(max-width: 591px) 100vw, 591px" /></figure>



<p></p>



<p>⑤「xampp windows-x64-7.4.1-0-VC15-installer.exe」のクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="471" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg25a.jpg" alt="「xampp windows-x64-7.4.1-0-VC15-installer.exe」を選択したダウンロードサイト" class="wp-image-14052" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg25a.jpg 481w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg25a-300x294.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">XAMPPのインストール</span></h3>



<p>インストールの方法については、別ブログ「XAMPPで、Windowsのローカル開発環境を構築する方法」で説明していますので、ここでは省略します。</p>



<h3 class="wp-block-heading"><span id="toc7">不具合解消の確認</span></h3>



<p>「テーブル構造は、表示されています」ので、不具合が解消されたことが確認できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="599" height="195" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg26a.jpg" alt="不具合解消の確認をしたtablesの構造タブ画面" class="wp-image-14053" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg26a.jpg 599w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg26a-500x163.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg26a-300x98.jpg 300w" sizes="(max-width: 599px) 100vw, 599px" /></figure>



<p>不具合は、解消されましたが、画面下にアップグレードのメッセージが表示されました。この対応については、別項「phpMyAdminのアップグレード」で説明します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="613" height="356" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg27a.jpg" alt="最新バージョンへのアップを促すプロンプトが表示されたphpMyAdmin画面" class="wp-image-14054" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg27a.jpg 613w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg27a-500x290.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg27a-300x174.jpg 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure>



<h2 class="wp-block-heading"><span id="toc8">phpMyAdminのアップグレード</span></h2>



<h3 class="wp-block-heading"><span id="toc9">phpMyAdminのダウンロード</span></h3>



<p>表示されたアップグレードのメッセージをクリックして、最新バージョンをダウンロードして、XAMPPフォルダのphpMyAdminを置き換えます。</p>



<h4 class="wp-block-heading">phpMyAdmin-4.9.4-all-languages.zipの選択</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="609" height="779" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg31a.jpg" alt="phpMyAdminの最新バージョンのインストールexeのダウンロード画面" class="wp-image-14055" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg31a.jpg 609w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg31a-500x640.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg31a-300x384.jpg 300w" sizes="(max-width: 609px) 100vw, 609px" /></figure>



<p></p>



<h4 class="wp-block-heading">zipファイルの解凍</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="278" height="78" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg32a.jpg" alt="ダウンロードされたzipファイルの解凍" class="wp-image-14056"/></figure>



<p></p>



<h4 class="wp-block-heading">ファイルのrename</h4>



<p>フォルダ毎、置き換える為、リネイムします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="616" height="73" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg33a.jpg" alt="renameした解凍済みフォルダ" class="wp-image-14057" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg33a.jpg 616w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg33a-500x59.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg33a-300x36.jpg 300w" sizes="(max-width: 616px) 100vw, 616px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc10">phpMyAdminの置き換え</span></h3>



<h4 class="wp-block-heading">現行フォルダのRENAME</h4>



<p>現行XAMPPフォルダ中のphpMyAdminフォルダをphpMyAdmin-oldとリネイムします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="404" height="593" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg34a.jpg" alt="既存フォルダのrename" class="wp-image-14058" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg34a.jpg 404w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg34a-300x440.jpg 300w" sizes="(max-width: 404px) 100vw, 404px" /></figure>



<p></p>



<h4 class="wp-block-heading">現行config.inc.phpのバックアップ</h4>



<p>phpMyAdmin-oldの中のconfig.inc.phpをバックアップします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="589" height="329" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a.jpg" alt="config.inc.hpのバックアップをした既存フォルダ" class="wp-image-14059" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a.jpg 589w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a-500x279.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a-300x168.jpg 300w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a-120x68.jpg 120w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a-160x90.jpg 160w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg35a-320x180.jpg 320w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p></p>



<h4 class="wp-block-heading">ダウンロードしたphpMyAdminフォルダの格納</h4>



<p>解凍してrenameしたphpMyAdminフォルダを、XAMPPフォルダへ移します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="604" height="277" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg36a.jpg" alt="renameしたフォルダを格納したxamppフォルダ" class="wp-image-14060" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg36a.jpg 604w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg36a-500x229.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg36a-300x138.jpg 300w" sizes="(max-width: 604px) 100vw, 604px" /></figure>



<p></p>



<h4 class="wp-block-heading">config.inc.phpの格納</h4>



<p>バックアップしていたconfig.inc.phpをphpMyAdminフォルダへ移します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="335" height="286" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg37a.jpg" alt="config.inc.phpを格納したrenameしたフォルダ" class="wp-image-14061" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg37a.jpg 335w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg37a-300x256.jpg 300w" sizes="(max-width: 335px) 100vw, 335px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc11">phpMyAdminの置き換え確認</span></h3>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<p>XAMPPを起動して、Apache、MySQLを起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="344" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg38a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-14062" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg38a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg38a-500x323.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg38a-300x194.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h4 class="wp-block-heading">phpMyAdminの起動</h4>



<p>Adminをクリックして、phpMyAdminを起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="272" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg39a.jpg" alt="Adminを押下して表示されたphpMyAdminの初期画面" class="wp-image-14063" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg39a.jpg 533w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg39a-500x255.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg39a-300x153.jpg 300w" sizes="(max-width: 533px) 100vw, 533px" /></figure>



<p></p>



<p>アップグレードの促進メッセージの表示はなくなりました。テーブル構造もキチンと表示されています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="538" height="179" src="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg40a.jpg" alt="最新バージョンへのアップを促すプロンプトが表示されなくなったphpMyAdmin画面" class="wp-image-14064" srcset="https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg40a.jpg 538w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg40a-500x166.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/03/xamppdg40a-300x100.jpg 300w" sizes="(max-width: 538px) 100vw, 538px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>XAMPPで、Windowsのローカル開発環境を構築する方法</title>
		<link>https://gungii.com/xampp-info/</link>
		
		<dc:creator><![CDATA[gungii]]></dc:creator>
		<pubDate>Sun, 16 Feb 2020 14:28:07 +0000</pubDate>
				<category><![CDATA[サーバー]]></category>
		<guid isPermaLink="false">https://gungii.com/?p=7991</guid>

					<description><![CDATA[PHPを勉強する際に必要となるのが、PHP開発環境です。HTMLやCSS、クライアントサイドのJavascriptはローカル環境でも動かすことはできますが、サーバーサイドのPHPはサーバー環境を準備しなければ動かすことは [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>PHPを勉強する際に必要となるのが、PHP開発環境です。HTMLやCSS、クライアントサイドのJavascriptはローカル環境でも動かすことはできますが、サーバーサイドのPHPはサーバー環境を準備しなければ動かすことはできません。サーバー環境とは、最低でも、Apache（Webサーバ）、MySQL（SQLデータベース）が必要となりますが、この3つのソフトウェアをそれぞれ個別にダウンロード・インストールするのは大変です。そこで役に立つのが「XAMPP(ザンプ)」です。XAMPPは、webアプリケーション開発のためのテスト環境を整えるために必要なアプリケーション一式をパッケージにしたものです。無料で使うことができ、PHPの実行に必要なローカルサーバーのApache、データベースのMariaDB、そして、PHPの本体がパッケージになった最も人気のApacheディストリビューションです。<br>名前の由来はそれぞれの頭文字を取ってXAMPP（Apache、MariaDB、PHP）。XはクロスプラットフォームのX、最後のPはPerlのPです。<br>X&nbsp;&#8211; Windows、Linux、Mac OS X、Solarisのクロスプラットフォーム<br>A&nbsp;&#8211; Apache<br>M&nbsp;&#8211; MySQL(MariaDB)<br>P&nbsp;&#8211; PHP<br>P&nbsp;&#8211; Perl</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-34" checked><label class="toc-title" for="toc-checkbox-34">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">XAMPPのインストール</a><ol><li><a href="#toc2" tabindex="0">XAMPPのダウンロード</a></li><li><a href="#toc3" tabindex="0">XAMPPのインストール</a></li></ol></li><li><a href="#toc4" tabindex="0">XAMPPの設定</a><ol><li><a href="#toc5" tabindex="0">ポート番号の変更</a></li><li><a href="#toc6" tabindex="0">設定の変更</a></li><li><a href="#toc7" tabindex="0">設定の確認</a></li></ol></li><li><a href="#toc8" tabindex="0">XAMPPの使い方</a><ol><li><a href="#toc9" tabindex="0">XAMPPの起動</a></li><li><a href="#toc10" tabindex="0">XAMPPの停止</a></li><li><a href="#toc11" tabindex="0">アプリケーションの起動</a></li><li><a href="#toc12" tabindex="0">アプリケーションの停止</a></li></ol></li><li><a href="#toc13" tabindex="0">PHPを動かす</a><ol><li><a href="#toc14" tabindex="0">hellow.phpの格納</a></li><li><a href="#toc15" tabindex="0">hellow.phpを動かす。</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">XAMPPのインストール</span></h2>



<h3 class="wp-block-heading"><span id="toc2">XAMPPのダウンロード</span></h3>



<p>XAMPPの公式サイトよりダウンロードします。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="581" height="753" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp01a.jpg" alt="xamppダウンロードの公式サイト" class="wp-image-13967" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp01a.jpg 581w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp01a-500x648.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp01a-300x389.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></figure>



<h3 class="wp-block-heading"><span id="toc3">XAMPPのインストール</span></h3>



<h4 class="wp-block-heading">インストーラーの起動</h4>



<p>「xampp-windows-x63-9.4.1-VC15-installer.exe」をダブルクリックして起動します<br>注意:<br>「XAMPPをCドライブのProgramFilesの中にインストールしようとすると、ユーザーアカウントコントロールによってうまく動作しなくなってしまうので、それ以外のフォルダにインストールするか?もしくは、このUACをセットアップしてください。」という警告メッセージが表示されますが、そのままOKを押します。(デフォルトがProgramFiles以外のフォルダとなっていますので、そのままでOKです。)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="558" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp02a.jpg" alt="押下されたxamppのインストールexe" class="wp-image-13968" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp02a.jpg 532w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp02a-500x524.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp02a-300x315.jpg 300w" sizes="(max-width: 532px) 100vw, 532px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストールするモジュールの選択</h4>



<p>ここではPHPを勉強する上で不要なモジュールを削除します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="614" height="248" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp03a.jpg" alt="インストールするモジュールの選択画面" class="wp-image-13969" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp03a.jpg 614w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp03a-500x202.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp03a-300x121.jpg 300w" sizes="(max-width: 614px) 100vw, 614px" /></figure>



<p></p>



<p>※FTPサーバーであるFILEZilla、メールサーバーであるMercury、JavaのモジュールであるTomcat等を削除します。</p>



<h4 class="wp-block-heading">インストールフォルダの選択</h4>



<p>警告メッセージのProgramFiles以外のデフォルトのxamppフォルダにインストールしますので、そのままNEXT&gt;をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="633" height="274" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp04a.jpg" alt="インストールフォルダの選択画面" class="wp-image-13970" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp04a.jpg 633w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp04a-500x216.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp04a-300x130.jpg 300w" sizes="(max-width: 633px) 100vw, 633px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストール開始</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="613" height="245" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp05a.jpg" alt="インストールを開始した画面" class="wp-image-13971" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp05a.jpg 613w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp05a-500x200.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp05a-300x120.jpg 300w" sizes="(max-width: 613px) 100vw, 613px" /></figure>



<p></p>



<h4 class="wp-block-heading">インストールの完了</h4>



<p>Finishをクリックして、言語(アメリカ)を選択して「Save」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="568" height="274" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp06a.jpg" alt="インストールが完了した画面" class="wp-image-13972" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp06a.jpg 568w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp06a-500x241.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp06a-300x145.jpg 300w" sizes="(max-width: 568px) 100vw, 568px" /></figure>



<p></p>



<p>XAMPPのコントロールパネルが起動すれば、OKです。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="434" height="281" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp07a.jpg" alt="起動したxamppのコントロールパネル" class="wp-image-13973" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp07a.jpg 434w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp07a-300x194.jpg 300w" sizes="(max-width: 434px) 100vw, 434px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc4">XAMPPの設定</span></h2>



<h3 class="wp-block-heading"><span id="toc5">ポート番号の変更</span></h3>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="472" height="366" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp11a.jpg" alt="xamppのコントロールパネル" class="wp-image-13974" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp11a.jpg 472w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp11a-300x233.jpg 300w" sizes="(max-width: 472px) 100vw, 472px" /></figure>



<p></p>



<h4 class="wp-block-heading">Configをクリック</h4>



<p>Configをクリックして、「Service and PortSetting」をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="311" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp12a.jpg" alt="「Service and PortSetting」を選択したconfigメニュー" class="wp-image-13975" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp12a.jpg 395w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp12a-300x236.jpg 300w" sizes="(max-width: 395px) 100vw, 395px" /></figure>



<p></p>



<h4 class="wp-block-heading">ポート番号変更</h4>



<p>ポート番号が80となっているところを、今回は8888に変更して、Saveをクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="607" height="253" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp13a.jpg" alt="ポート番号の変更画面" class="wp-image-13976" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp13a.jpg 607w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp13a-500x208.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp13a-300x125.jpg 300w" sizes="(max-width: 607px) 100vw, 607px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">設定の変更</span></h3>



<h4 class="wp-block-heading">ポート番号の書き換え</h4>



<p>ポート番号は、設定ファイルhttpd.confの中でも指定されていますので、httpd.confを書き換えます。</p>



<p>①httpd.confの選択</p>



<p>ApacheのConfigをクリックして、httpd.confを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="465" height="396" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp14a.jpg" alt="httpd.confを選択したconfigメニュー" class="wp-image-13977" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp14a.jpg 465w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp14a-300x255.jpg 300w" sizes="(max-width: 465px) 100vw, 465px" /></figure>



<p></p>



<p>②メモ帳の起動</p>



<p>メモ帳が起動しますので、httpd.confのポート番号の記載を変更します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="483" height="386" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp15a.jpg" alt="起動されたhttpd.confのメモ帳" class="wp-image-13978" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp15a.jpg 483w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp15a-300x240.jpg 300w" sizes="(max-width: 483px) 100vw, 483px" /></figure>



<p></p>



<p>③ポート番号書き換え</p>



<p>#はコメントなので、変更の必要はありません。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="483" height="234" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp16a.jpg" alt="ポート番号を書き換えたhttpd.conf" class="wp-image-13979" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp16a.jpg 483w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp16a-300x145.jpg 300w" sizes="(max-width: 483px) 100vw, 483px" /></figure>



<p></p>



<p>④上書き保存</p>



<p>ポート番号の書き換えが終わりましたら、ファイルがから上書き保存して、メモ帳を閉じます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="426" height="203" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp17a.jpg" alt="上書き保存したメモ帳" class="wp-image-13980" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp17a.jpg 426w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp17a-300x143.jpg 300w" sizes="(max-width: 426px) 100vw, 426px" /></figure>



<p></p>



<h4 class="wp-block-heading">時刻の設定</h4>



<p>世界標準時から、日本は9時間ずれていますので、タイムゾーンを日本として設定します。タイムゾーンは、日本の場合、以下の通りAsia/Tokyoとなります。(デフォルトではヨーロッパとなっています。)<br>タイムゾーンの指定方法は、以下で検索します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="522" height="514" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp18a.jpg" alt="phpタイムソーンリスト" class="wp-image-13981" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp18a.jpg 522w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp18a-500x492.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp18a-300x295.jpg 300w" sizes="(max-width: 522px) 100vw, 522px" /></figure>



<p></p>



<p>①php.iniの選択</p>



<p>ApacheのConfigをクリックして、php.iniを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="475" height="341" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp19a.jpg" alt="PHP(php.ini)が選択されたconfigメニュー" class="wp-image-13982" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp19a.jpg 475w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp19a-300x215.jpg 300w" sizes="(max-width: 475px) 100vw, 475px" /></figure>



<p></p>



<p>②メモ帳の起動</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="399" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp20a.jpg" alt="起動されたphp.iniのメモ帳" class="wp-image-13983" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp20a.jpg 484w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp20a-300x247.jpg 300w" sizes="(max-width: 484px) 100vw, 484px" /></figure>



<p></p>



<p>③タイムゾーンの変更</p>



<p>timezoneをAsia/Tokyoに書き換えます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="481" height="292" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp21a.jpg" alt="タイムゾーンを変更したphp.ini" class="wp-image-13984" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp21a.jpg 481w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp21a-300x182.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc7">設定の確認</span></h3>



<h4 class="wp-block-heading">XAMPPの起動</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="468" height="352" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp22a.jpg" alt="xamppのコントロールパネル" class="wp-image-13985" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp22a.jpg 468w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp22a-300x226.jpg 300w" sizes="(max-width: 468px) 100vw, 468px" /></figure>



<p></p>



<h4 class="wp-block-heading">Apacheの起動</h4>



<p>ApacheのStartをクリックすると、Port(s)が8888と変わっている事がわかります。</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="467" height="303" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp23a.jpg" alt="Apacheを起動したxamppのコントロールパネル" class="wp-image-13987" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp23a.jpg 467w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp23a-300x195.jpg 300w" sizes="(max-width: 467px) 100vw, 467px" /></figure>



<h4 class="wp-block-heading">Adminのクリック</h4>



<p>Appachの右の「Admin」をクリックすると、以下のWebページが開きます。これにより、Xamppに搭載されているAppacheがWEBサーバーとなり、このページを配信していることが確認できます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="536" height="424" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp24a.jpg" alt="Adminを選択して起動したWebページ" class="wp-image-13988" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp24a.jpg 536w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp24a-500x396.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp24a-300x237.jpg 300w" sizes="(max-width: 536px) 100vw, 536px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc8">XAMPPの使い方</span></h2>



<h3 class="wp-block-heading"><span id="toc9">XAMPPの起動</span></h3>



<p>XAMPPのコントロールパネルを起動します。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="469" height="366" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp31a.jpg" alt="xamppのコントロールパネル" class="wp-image-13989" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp31a.jpg 469w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp31a-300x234.jpg 300w" sizes="(max-width: 469px) 100vw, 469px" /></figure>



<h3 class="wp-block-heading"><span id="toc10">XAMPPの停止</span></h3>



<p>XAMPPの停止は、「Quit」をクリックします。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="466" height="302" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp32a.jpg" alt="Quitを選択したxamppのコントロールパネル" class="wp-image-13990" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp32a.jpg 466w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp32a-300x194.jpg 300w" sizes="(max-width: 466px) 100vw, 466px" /></figure>



<p>注意:<br>右上の×をクリックすると画面は閉じますが、コントロールパネルは終了していません。この状態で、XAMPPを起動すると二重起動となり、正常に起動しなくなりますので、必ず「Quit」で終了して下さい。</p>



<h3 class="wp-block-heading"><span id="toc11">アプリケーションの起動</span></h3>



<h4 class="wp-block-heading">Apacheの起動</h4>



<p>①Startボタンのクリック</p>



<p>Apacheの行の「Start」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="399" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp33a.jpg" alt="Apacheのstartを押下したxamppのコントロールパネル" class="wp-image-13991" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp33a.jpg 399w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp33a-300x195.jpg 300w" sizes="(max-width: 399px) 100vw, 399px" /></figure>



<p></p>



<p>②Apache起動</p>



<p>Moduleの背景が緑色になれば正しく動作しています。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="400" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp34a.jpg" alt="Apacheの文字の背景が緑となったxamppのコントロールパネル" class="wp-image-13992" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp34a.jpg 400w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp34a-300x194.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></figure>



<p></p>



<h4 class="wp-block-heading">MySQLの起動</h4>



<p>①Startボタンのクリック</p>



<p>MySQLの行の「Start」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="399" height="259" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp35a.jpg" alt="MySQLのstartが押下されたxamppのコントロールパネル" class="wp-image-13993" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp35a.jpg 399w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp35a-300x195.jpg 300w" sizes="(max-width: 399px) 100vw, 399px" /></figure>



<p></p>



<p>②MySQL起動</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="399" height="258" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp36a.jpg" alt="MySQLの文字の背景が緑となったxamppのコントロールパネル" class="wp-image-13994" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp36a.jpg 399w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp36a-300x194.jpg 300w" sizes="(max-width: 399px) 100vw, 399px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc12">アプリケーションの停止</span></h3>



<p>コントロールパネルの各アプリケーションのActionsのボタンで、起動と停止ができます。<br></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="497" height="323" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp37a.jpg" alt="起動と停止の説明の為に表示したxamppのコントロールパネル
" class="wp-image-13995" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp37a.jpg 497w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp37a-300x195.jpg 300w" sizes="(max-width: 497px) 100vw, 497px" /></figure>



<h4 class="wp-block-heading">MySQLの停止</h4>



<p>MySQLの行の「Stop」ボタンをクリックすると、Actionsのボタンが「Start」に変わりMySQLが停止します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="624" height="297" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp38a.jpg" alt="MySQLを停止したxamppのコントロールパネル" class="wp-image-13996" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp38a.jpg 624w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp38a-500x238.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp38a-300x143.jpg 300w" sizes="(max-width: 624px) 100vw, 624px" /></figure>



<p></p>



<h4 class="wp-block-heading">Apacheの停止</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="625" height="338" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp39a.jpg" alt="Apacheを停止したxamppのコントロールパネル" class="wp-image-13997" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp39a.jpg 625w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp39a-500x270.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp39a-300x162.jpg 300w" sizes="(max-width: 625px) 100vw, 625px" /></figure>



<p></p>



<h2 class="wp-block-heading"><span id="toc13">PHPを動かす</span></h2>



<h3 class="wp-block-heading"><span id="toc14">hellow.phpの格納</span></h3>



<p>hellow.php(サンプルプログラム)をテキストエディターで作成して、htdocsの配下のphpフォルダに格納します。</p>



<h4 class="wp-block-heading">Explorerのクリック</h4>



<p>XAMPPを起動して、Explorerをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="466" height="302" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp41a.jpg" alt="Explorerメニューを選択したxamppのコントロールパネル" class="wp-image-13998" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp41a.jpg 466w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp41a-300x194.jpg 300w" sizes="(max-width: 466px) 100vw, 466px" /></figure>



<p></p>



<h4 class="wp-block-heading">htdocsをクリック</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="563" height="281" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp42a.jpg" alt="htdocsをクリックして表示されたhtdocsのファイル一覧" class="wp-image-13999" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp42a.jpg 563w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp42a-500x250.jpg 500w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp42a-300x150.jpg 300w" sizes="(max-width: 563px) 100vw, 563px" /></figure>



<p></p>



<h4 class="wp-block-heading">「新しいフォルダ」の作成</h4>



<p>htdocsの中に新しく「php」というフォルダを作成する。</p>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="497" height="383" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp43.jpg" alt="" class="wp-image-8025" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp43.jpg 497w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp43-300x231.jpg 300w" sizes="(max-width: 497px) 100vw, 497px" /></figure>



<p></p>



<h4 class="wp-block-heading">phpプログラムの格納</h4>



<p>htdocs&gt;phpフォルダの中に、hellow.phpを格納します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="467" height="420" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp44a.jpg" alt="htdocsに格納したhellow.phpのソースコード" class="wp-image-14000" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp44a.jpg 467w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp44a-300x270.jpg 300w" sizes="(max-width: 467px) 100vw, 467px" /></figure>



<p></p>



<h3 class="wp-block-heading"><span id="toc15">hellow.phpを動かす。</span></h3>



<h4 class="wp-block-heading">Apacheの起動</h4>



<p>XAMPPを起動して、Apacheを起動します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="498" height="323" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp45a.jpg" alt="Apacheが起動したxamppのコントロールパネル" class="wp-image-14001" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp45a.jpg 498w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp45a-300x195.jpg 300w" sizes="(max-width: 498px) 100vw, 498px" /></figure>



<p></p>



<h4 class="wp-block-heading">Chromeを起動</h4>



<p>Chromeを起動して、URL(http://localhost:8888/php/hellow.php)を入力すると、hellow.phpが動きます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="496" height="130" src="https://gungii.com/wp/wp-content/uploads/2020/02/xampp46a.jpg" alt="hellow.phpが起動して「Hello World!」と表示されたWebページ" class="wp-image-14002" srcset="https://gungii.com/wp/wp-content/uploads/2020/02/xampp46a.jpg 496w, https://gungii.com/wp/wp-content/uploads/2020/02/xampp46a-300x79.jpg 300w" sizes="(max-width: 496px) 100vw, 496px" /></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
