<?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>インストール - プログラミングで遊ブログ</title>
	<atom:link href="https://lemon818.com/tag/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB/feed/" rel="self" type="application/rss+xml" />
	<link>https://lemon818.com</link>
	<description>現役システムエンジニアが趣味でプログラミングする自由気ままなブログ</description>
	<lastBuildDate>Sat, 12 Jun 2021 15:16:02 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>	<item>
		<title>【Go言語】VSCodeではじめる！開発環境の構築手順（インストール～実行まで）</title>
		<link>https://lemon818.com/go-start/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Sat, 12 Jun 2021 07:18:33 +0000</pubDate>
				<category><![CDATA[go]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[Go言語]]></category>
		<category><![CDATA[vscode]]></category>
		<category><![CDATA[インストール]]></category>
		<category><![CDATA[実行]]></category>
		<category><![CDATA[構築]]></category>
		<category><![CDATA[環境]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=5841</guid>

					<description><![CDATA[Go言語をはじめたい！けど何からすればいいのかわからない！ &#160; そんな悩みがあると思います。 この記事は「Go言語をはじめてみたい！」という好奇心からこの記事を作成しました。 &#160; 「Go言語」とは G…]]></description>
										<content:encoded><![CDATA[<div class="sc_frame_wrap solid yellow">
<div></div>
<div class="sc_frame "><strong><span style="color: #000000;">Go言語をはじめたい！けど何からすればいいのかわからない！</span></strong></div>
</div>
<p>&nbsp;</p>
<p>そんな悩みがあると思います。</p>
<p>この記事は「Go言語をはじめてみたい！」という好奇心からこの記事を作成しました。</p>
<p>&nbsp;</p>
<p>「Go言語」とは Google で開発されたオープンソースのプログラミング言語です。</p>
<p>「Go言語」は C 言語やJavaのようなコンパイル言語でありながら、Python のような容易に実装できるスクリプト言語のような特徴があります。</p>
<p>個人的には結構おもしろそうなプログラミング言語だと思います。</p>
<p>&nbsp;</p>
<p>この記事では<span style="color: #3366ff;"><strong>「Go言語」の環境構築の方法について画像を使って分かりやすく説明</strong></span>します！</p>
<p>また今回は IDE（統合開発環境）に <strong>VS Code（Visual Studio Code）</strong> をつかって環境構築を行います。</p>
<p>&nbsp;</p>
<p>私も Go言語を始めたばかりであり、</p>
<p>初心者目線で一から Go言語の開発手順について説明しますので、よければご覧ください。</p>
<p>なお今回は下記のような開発環境でインストールをしています。</p>
<div class="sc_frame_wrap block blue">
<div class="sc_frame_title">開発環境</div>
<div class="sc_frame ">
<div class="sc_frame_text">
<div class="sc_designlist ol square solid blue">
<ol>
<li>Windows10、64bit のパソコン</li>
<li>VsCode がすでにインストール済みで、動作もできる状態</li>
</ol>
</div>
</div>
</div>
</div>
<p>&nbsp;</p>
<p>今回セットアップした環境は Windows ですが、<span style="color: #3366ff;"><strong>Mac でもほぼ変わりありませんので安心して下さい。</strong></span></p>
<p>基本的に Go言語のインストールは簡単ですが、</p>
<p>VS Code 上でGo言語のプログラミングを実行しようとしたとき少し詰まった点があったので、それもご紹介します。</p>
<p>&nbsp;</p>
<h2>Go言語を公式ホームページからパッケージをインストール</h2>
<p>Go言語をインストールするためにまずは下記の公式ページにアクセスします。</p>
<p><a href="https://golang.org/dl/">https://golang.org/dl/</a></p>
<p>&nbsp;</p>
<p>そしてインストールする環境に合ったOSを選択します。</p>
<p>&nbsp;</p>
<p><img fetchpriority="high" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install2.png" alt="" width="793" height="408" class="aligncenter wp-image-5852" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install2.png 1021w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install2-300x154.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install2-768x395.png 768w" sizes="(max-width: 793px) 100vw, 793px" /></p>
<p>&nbsp;</p>
<p>OSに合ったボタンを選択したら自動でインストーラー「go1.16.5.windows-amd64.msi」がダウンロードされます（2020/6/12 時点）。</p>
<p>※ Go がバージョンアップされているとファイル名が異なると思います。</p>
<p>&nbsp;</p>
<p>ダウンロードが完了すれば、インストーラーを開きます。</p>
<p>すると下記のような画面がでてくるので、画面にしたがって「Next」を押していきます。</p>
<p>この画面の後にもいろいろとでてきますが、基本的に「Next」→ 「Next」→  ...  →「Finish」と押していけば問題ありません。</p>
<p>&nbsp;</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install3.png" alt="" width="487" height="384" class="aligncenter size-full wp-image-5853" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install3.png 487w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install3-300x237.png 300w" sizes="(max-width: 487px) 100vw, 487px" /></p>
<p>&nbsp;</p>
<p>これですべてが終われば「コマンドプロンプト」を開いて</p>
<p>「go version」と入力し下記実行結果が表示されればOKです。</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install18.png" alt="" width="329" height="53" class="aligncenter size-full wp-image-5854" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install18.png 329w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install18-300x48.png 300w" sizes="(max-width: 329px) 100vw, 329px" /></p>
<p>&nbsp;</p>
<p>環境変数の設定は特に行わなくても問題ありませんでした。</p>
<p>もし Go 言語のパッケージのパスを知りたい場合は「go env」と入力し、sett GOPATH= ~ と書いている箇所を見れば確認できます。</p>
<p>&nbsp;</p>
<h2>VS Code に Go言語をインストールしてみる</h2>
<p>つぎに VS Code を開き、拡張機能を開きます。</p>
<p>そして入力フォームに「Go」と入力し、一番上に表示される「Go」をインストールします。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install.png" alt="" width="829" height="364" class="aligncenter wp-image-5856" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install.png 952w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install-300x132.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install-768x337.png 768w" sizes="auto, (max-width: 829px) 100vw, 829px" /></p>
<p>&nbsp;</p>
<p>そして「Ctril」+「Shift」+「p」をキーボード入力し、下記のような画面が出てくるので検索バーに<span>「</span><span class="huto">GO: Install/Update tools</span><span>」と入力します。</span></p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install20.png" alt="" width="740" height="122" class="aligncenter size-full wp-image-5857" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install20.png 740w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install20-300x49.png 300w" sizes="auto, (max-width: 740px) 100vw, 740px" /></p>
<p>&nbsp;</p>
<p>すると下記のようなパッケージ一覧が表示されるので、すべてにチェックを入れて OK を押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install12.png" alt="" width="747" height="324" class="aligncenter size-full wp-image-5858" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install12.png 747w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install12-300x130.png 300w" sizes="auto, (max-width: 747px) 100vw, 747px" /></p>
<p>&nbsp;</p>
<p>下記のようにパッケージのインストールが始まるので、多分５分くらい待ったら終わると思います。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install11.png" alt="" width="561" height="374" class="aligncenter wp-image-5859" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install11.png 688w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install11-300x200.png 300w" sizes="auto, (max-width: 561px) 100vw, 561px" /></p>
<p>&nbsp;</p>
<p>これでセットアップ完了です！</p>
<p>あとは実行するのみ！</p>
<p>&nbsp;</p>
<h2>Go言語で Hello world を書いて実行してみる</h2>
<p>実際にコードを作成して実行してみます。</p>
<p>「main.go」を新規作成し、下記のようなソースコードを書いてみます。</p>
<p>&nbsp;</p><pre class="crayon-plain-tag">package main

import "fmt"

func main() {
	fmt.Printf("Hello world\n")
}</pre><p>
そしてキーボードで F5 を押して実行してみます。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install14.png" alt="" width="548" height="252" class="aligncenter wp-image-5860" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install14.png 819w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install14-300x137.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install14-768x352.png 768w" sizes="auto, (max-width: 548px) 100vw, 548px" /></p>
<p>&nbsp;</p>
<div class="voice clearfix left n_bottom">
<div class="icon">
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/07/hukurou.jpg" /></p>
<div class="name"></div>
</div>
<div class="text sc_balloon left white">なんぞこれ？</div>
</div>
<p>&nbsp;</p>
<p>メッセージを確認すると下記のようなメッセージでした。</p>
<div class="sc_frame_wrap solid gray">
<div class="sc_frame ">
<div class="sc_frame_text"><span style="color: #000000;">go: go.mod file not found in current directory or any parent directory; see 'go help modules'</span><br />
<span style="color: #000000;">exit status 1</span><br />
<span style="color: #000000;">Process exiting with code: 1</span></div>
</div>
</div>
<p>&nbsp;</p>
<p>どうやら「go.mod」っていうファイルがなさそう。。。</p>
<p>なので、「go.mod」を用意する必要があります。</p>
<p><span style="color: #ff0000;"><strong>どうやって用意するの？？</strong></span></p>
<p>&nbsp;</p>
<p>なので調べてみると「go mod init main」っていう風に初期化する必要があります。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install22.png" alt="" width="591" height="292" class="aligncenter wp-image-5862" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install22.png 804w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install22-300x148.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install22-768x378.png 768w" sizes="auto, (max-width: 591px) 100vw, 591px" /></p>
<p>&nbsp;</p>
<p>これで「go.mod」が作成されます。</p>
<p>これでもう一度 F5 を押して実行してみます。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install23.png" alt="" width="811" height="397" class="aligncenter size-full wp-image-5863" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install23.png 811w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install23-300x147.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install23-768x376.png 768w" sizes="auto, (max-width: 811px) 100vw, 811px" /></p>
<p>&nbsp;</p>
<p>デバッグコンソール画面に「Hello world」が表示されていることが確認できます！</p>
<p>&nbsp;</p>
<h2>VS Code のデバッグモードも確認してみる</h2>
<p>VS Code でデバッグモードができるかも一応確認します。</p>
<p>下記のようにデバッグポイントを設定して起き、</p>
<p>先程と同様に「F5」を押すとデバッグモードでブレイクしていることが確認できます。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install24.png" alt="" width="870" height="387" class="aligncenter size-full wp-image-5864" srcset="https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install24.png 870w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install24-300x133.png 300w, https://lemon818.com/wp/wp-content/uploads/2021/06/vscode-go-install24-768x342.png 768w" sizes="auto, (max-width: 870px) 100vw, 870px" /></p>
<p>&nbsp;</p>
<p>これで安心して開発できますね！</p>
<p>&nbsp;</p>
<h2>最後に</h2>
<p>いかがでしたでしょうか？</p>
<p>この記事では<span style="color: #3366ff;"><strong>「Go言語」の環境構築の方法について画像を使って分かりやすく説明</strong></span>しました。</p>
<p>&nbsp;</p>
<p>これで Go 言語の開発が始められると思います！</p>
<p>この記事が読者の Go言語の開発のお役に立てれば幸いです。</p>
<p>ではでは。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【自宅PCでWeb開発】XAMPP に WordPress をインストールする簡単な方法</title>
		<link>https://lemon818.com/xampp-wordpress/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Sat, 23 Mar 2019 11:09:53 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XMAPP]]></category>
		<category><![CDATA[インストール]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[方法]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=4315</guid>

					<description><![CDATA[はじめに この記事では、XAMPP と呼ばれる Web開発用のオープンソースパッケージに WordPress をインストールし、ログインするまでの方法について簡単に説明します。 難しい知識は特に必要なくただインストールし…]]></description>
										<content:encoded><![CDATA[<h2>はじめに</h2>
<p>この記事では、XAMPP と呼ばれる Web開発用のオープンソースパッケージに WordPress をインストールし、ログインするまでの方法について簡単に説明します。</p>
<p>難しい知識は特に必要なくただインストールし、インストールしたファイルを適切なファイルパスに押下すれば誰でもできます。</p>
<p>なおこの記事はデータベースの設定等が完了していることが前提で記述しております。</p>
<p>もしデータベースの設定を行っていない方は下記リンクを参考にしてみて下さい。</p>
<div class="sc_getpost"><a class="clearfix" href="https://lemon818.com/db-user/" ><div class="sc_getpost_thumb post-box-thumbnail__wrap"><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/Wordpress_1543528043-150x150.png" width="150" height="150" alt="【自宅PCでWeb開発】XAMPPでMySQLにデータベースとユーザーの作成方法"></div><div class="title">【自宅PCでWeb開発】XAMPPでMySQLにデータベースとユーザーの作成方法</div><div class="date">2019.3.23</div><div class="substr">はじめに Wordpress でホームページ運用する際に、データを管理する機能としてDB（データベース）が必要となります。 この記事では、Web 開発環境を簡単に作成できる「XAMPP」というオープンソースパッケージを用いて、新規データベースとデータベースユーザーの作成方法について簡単に説明します。...</div></a></div>
<h2>WordPress のインストール手順</h2>
<p>まずWordpressの公式ページから<a href="https://ja.wordpress.org/download/">ダウンロードページ</a>に行きます。</p>
<p>そしてそこから最新版の WordPress をダウンロードします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-1.png" alt="" width="675" height="522" class="aligncenter wp-image-4324" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-1.png 941w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-1-300x232.png 300w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-1-768x595.png 768w" sizes="auto, (max-width: 675px) 100vw, 675px" /></p>
<p>自分のパソコンに Zip ファイルがダウンロードされるので、その Zip ファイルを右クリックし「すべて展開」を選択します。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3.png" alt="" width="511" height="437" class="aligncenter wp-image-4326" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3.png 646w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3-300x256.png 300w" sizes="auto, (max-width: 511px) 100vw, 511px" /></p>
<p>同じファイルパス（上記画面なら「ダウンロード」フォルダ）に「wordpress-5.1.1-ja」が展開されるので、</p>
<p>そのフォルダの下層の「Wordpress」フォルダをXAMPP のフォルダに移動させます。</p>
<p>今回は XAMPP を 「C:\」にインストールしているため、「Wordpress」フォルダを「C:\xampp\htdocs」に移動させます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3-3.png" alt="" width="787" height="346" class="aligncenter wp-image-4329" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3-3.png 982w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3-3-300x132.png 300w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-3-3-768x338.png 768w" sizes="auto, (max-width: 787px) 100vw, 787px" /></p>
<p>XAMPP コントロールパネルから <strong>MySQL と Apacheを起動させた状態</strong>で、</p>
<p>ブラウザで「https://localhost/wordpress」と入力すると下記のような画面が表示されますので、「さあ、始めましょう！」を押下し次に進めます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-4.png" alt="" width="590" height="449" class="aligncenter wp-image-4330" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-4.png 689w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-4-300x228.png 300w" sizes="auto, (max-width: 590px) 100vw, 590px" /></p>
<p>つぎにデータベース情報を入力します。</p>
<p>データベース名と使用したいデータベース名を入力し、そのデータベース用のユーザ名とパスワード、ホスト名（今回は自分のPCで開発をするため「localhost」）を入力します。</p>
<p>入力が完了しましたら、「送信」ボタンを押下します。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-5.png" alt="" width="592" height="455" class="aligncenter wp-image-4333" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-5.png 686w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-5-300x230.png 300w" sizes="auto, (max-width: 592px) 100vw, 592px" /></p>
<p>インストールの準備が整いましたので、「インストール実行」を押下します。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-6.png" alt="" width="567" height="201" class="aligncenter wp-image-4334" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-6.png 693w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-6-300x106.png 300w" sizes="auto, (max-width: 567px) 100vw, 567px" /></p>
<p>下記画面に遷移しますので、サイト情報を入力します。</p>
<p>これらの設定は後で変更が可能であるため、<span style="color: #ff6600;"><strong>一時的に適当な値を入力しても問題ありません。</strong></span></p>
<p>「検索エンジンでの表示」についても、開発段階ならまだページを公開したくないと思いますのでチェックをつけることをおススメします。</p>
<p>すべての情報を入力後、「Wordpress をインストール」を押下します。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-7.png" alt="" width="562" height="631" class="aligncenter wp-image-4335" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-7.png 694w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-7-267x300.png 267w" sizes="auto, (max-width: 562px) 100vw, 562px" /></p>
<p>インストールが完了すると下記メッセージが表示されますので、「ログイン」を押下します。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-8.png" alt="" width="536" height="300" class="aligncenter wp-image-4336" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-8.png 687w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-8-300x168.png 300w" sizes="auto, (max-width: 536px) 100vw, 536px" /></p>
<p>ログイン画面が表示されますので、先ほど入力したユーザ名とパスワードを入力しログインします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-9.png" alt="" width="297" height="367" class="aligncenter wp-image-4337" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-9.png 347w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-9-243x300.png 243w" sizes="auto, (max-width: 297px) 100vw, 297px" /></p>
<p>ログインに成功すると、Wordpress おなじみの画面に遷移することが確認できます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-11.png" alt="" width="750" height="417" class="aligncenter wp-image-4338" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-11.png 957w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-11-300x167.png 300w, https://lemon818.com/wp/wp-content/uploads/2019/03/wordpress-11-768x428.png 768w" sizes="auto, (max-width: 750px) 100vw, 750px" /></p>
<h2>最後に</h2>
<p>いかがでしたでしょうか？</p>
<p>これにて WordPress インストールが完了です。超簡単なので、ぜひこの記事を参考に行ってみてください。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【Windows10】XAMPP をインストールする方法！画像でわかりやすく解説！</title>
		<link>https://lemon818.com/xampp-install/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Sun, 17 Mar 2019 08:21:40 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[64bit]]></category>
		<category><![CDATA[Web開発]]></category>
		<category><![CDATA[Windows10]]></category>
		<category><![CDATA[XAMPP]]></category>
		<category><![CDATA[インストール]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[手順]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=4201</guid>

					<description><![CDATA[XAMPPをインストールの仕方がよくわからない！ &#160; 自分のパソコンでホームページの開発する際に「 XAMPP」をつかって開発環境を構築しようとすることがある思います。 &#160; 「 XAMPP」はホームペ…]]></description>
										<content:encoded><![CDATA[<div class="sc_frame_wrap solid yellow">
<div class="sc_frame ">
<div class="sc_frame_text"><span style="color: #000000;"><strong>XAMPPをインストールの仕方がよくわからない！</strong></span></div>
</div>
</div>
<p>&nbsp;</p>
<p>自分のパソコンでホームページの開発する際に「 XAMPP」をつかって開発環境を構築しようとすることがある思います。</p>
<p>&nbsp;</p>
<p>「 XAMPP」はホームページ開発用に非常に便利なパッケージですが、</p>
<p>実際に<span style="color: #ff0000;"><strong>どうやって XAMPP をインストールすればいいかわからない</strong></span>ということがあると思います。</p>
<p>&nbsp;</p>
<p>この記事ではその XAMPP のインストール方法を Windows 10 （64bit）ユーザに向けて<span style="color: #3366ff;"><strong>画像を使ってわかりやすく</strong></span>説明します。</p>
<p>興味があればぜひご覧いただければと思います！</p>
<p>&nbsp;</p>
<div class="voice clearfix left n_bottom">
<div class="icon">
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/07/hukurou.jpg" /></p>
<div class="name"></div>
</div>
<div class="text sc_balloon left white">このページでは XAMPPのインストール手順についてわかりやすく説明します！</div>
</div>
<p>&nbsp;</p>
<h2>XAMPPのインストール方法</h2>
<p>XAMPPのインストール手順は次の通りです。</p>
<p>&nbsp;</p>
<div class="sc_frame_wrap block blue">
<div class="sc_frame_title">XAMPPのインストール手順</div>
<div class="sc_frame ">
<div class="sc_frame_text">
<div class="sc_designlist ol square solid blue">
<ol>
<li>XAMPPのインストーラーをダウンロードする！</li>
<li>XAMPPのインストーラーをもとにホームページ開発環境を構築する！</li>
</ol>
</div>
</div>
</div>
</div>
<p>&nbsp;</p>
<h3>XAMPPのインストーラーをダウンロードする！</h3>
<p>XAMPP はこの「<a href="https://www.apachefriends.org/jp/index.html">Apache Friends</a>」というページからインストールします。</p>
<p>&nbsp;</p>
<div class="sc_frame_wrap block orange">
<div class="sc_frame_title">ポイント！</div>
<div class="sc_frame ">
<div class="sc_frame_text">2021/05/26 現在ではバージョン「8.0.6」ですが、同じ手順でいけます！</div>
</div>
</div>
<p>&nbsp;</p>
<p>この「<a href="https://www.apachefriends.org/jp/index.html">Apache Friends</a>」を見に行きますと下記のようにパソコンのOSごとのインストーラーをダウンロードできます。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-1-1.png" alt="" width="760" height="505" class="aligncenter wp-image-4206" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-1-1.png 936w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-1-1-300x199.png 300w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-1-1-768x510.png 768w" sizes="auto, (max-width: 760px) 100vw, 760px" /></p>
<p>&nbsp;</p>
<p>今回は Windows10 パソコンでインストールしますので、「Windows向け」を選択します。</p>
<p>するとインストーラーがダウンロードが開始されますので、完了するまで少し待ちます。</p>
<p>&nbsp;</p>
<p>完了したら下記のようなインストーラーがダウンロードされます（Windowsならおそらく「ダウンロード」というフォルダにされます）。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-2-3.png" alt="" width="684" height="60" class="aligncenter size-full wp-image-4208" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-2-3.png 684w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-2-3-300x26.png 300w" sizes="auto, (max-width: 684px) 100vw, 684px" /></p>
<p>&nbsp;</p>
<p>下記ファイル名の「x64-7.7.3.2.2-vc15」はインストーラーのバージョンであり変化する可能性がありますが、特に気にしなくてもいいです。</p>
<p>&nbsp;</p>
<h3>XAMPPのインストーラーをもとにホームページ開発環境を構築する！</h3>
<p>このインストーラーを開くと下記のような警告文が表示されますが、「OK」を押下してください。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-4.png" alt="" width="501" height="142" class="aligncenter size-full wp-image-4210" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-4.png 501w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-4-300x85.png 300w" sizes="auto, (max-width: 501px) 100vw, 501px" /></p>
<p>&nbsp;</p>
<p>※このメッセージの意味は、ユーザアカウント制御（UAC）が有効になっている場合に書き込みが制限されてしまうため、それ以外のファイルパス（C:\Program FIles）にインストールをする必要があるという意味です。</p>
<p>&nbsp;</p>
<p>下記のような「Setup」画面が表示されますので、「Next」を押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-5.png" alt="" width="454" height="382" class="aligncenter wp-image-4212" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-5.png 508w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-5-300x252.png 300w" sizes="auto, (max-width: 454px) 100vw, 454px" /></p>
<p>&nbsp;</p>
<p>インストールするコンポーネントを選択できます。特に変更する必要がないのでそのまま「Next」を押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-6.png" alt="" width="450" height="377" class="aligncenter wp-image-4213" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-6.png 498w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-6-300x251.png 300w" sizes="auto, (max-width: 450px) 100vw, 450px" /></p>
<p>&nbsp;</p>
<p>インストール先のフォルダを指定します。問題なければ特に変更することなく「Next」を押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-7.png" alt="" width="443" height="377" class="aligncenter wp-image-4215" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-7.png 498w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-7-300x255.png 300w" sizes="auto, (max-width: 443px) 100vw, 443px" /></p>
<p>&nbsp;</p>
<div class="sc_frame_wrap block red">
<div class="sc_frame_title">注意点！</div>
<div class="sc_frame ">
<div class="sc_frame_text">インストールされるデータ容量は<strong>約1GB</strong>です。<span style="color: #ff0000;"><strong>インストール先のデータ容量に問題ないか確認してください。</strong></span></div>
<div class="sc_frame_text">なお「Next」ボタンを押下してもまだインストールははじまりませんので、安心してください。</div>
</div>
</div>
<p>&nbsp;</p>
<p>「Bitnami」というアプリケーションをインストールするか捉されますが、今回は特に必要がないので<strong>チェックをはずし</strong>「Next」を押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-8.png" alt="" width="442" height="376" class="aligncenter wp-image-4216" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-8.png 494w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-8-300x255.png 300w" sizes="auto, (max-width: 442px) 100vw, 442px" /></p>
<p>&nbsp;</p>
<p>インストールの準備が整いましたら、「Next」を押下しインストールが開始されます。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-9.png" alt="" width="439" height="372" class="aligncenter wp-image-4217" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-9.png 495w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-9-300x254.png 300w" sizes="auto, (max-width: 439px) 100vw, 439px" /></p>
<p>&nbsp;</p>
<p>インストールが開始されますので、少し待ちます（所要時間 : 5分）。</p>
<p>&nbsp;</p>
<div class="sc_frame_wrap block red">
<div class="sc_frame_title">注意点！</div>
<div class="sc_frame ">
<div class="sc_frame_text">Windows でインストールする場合、「Windows ファイアウォール」のアラートが表示される可能性があります（私は表示されました）が、</div>
<div class="sc_frame_text">特に気にせずに「アクセスを許可する」を押下し、画面を進めてください。</div>
</div>
</div>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-10.png" alt="" width="439" height="367" class="aligncenter wp-image-4221" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-10.png 503w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-10-300x252.png 300w" sizes="auto, (max-width: 439px) 100vw, 439px" /></p>
<p>&nbsp;</p>
<p>インストールが完了すると「Finish」を押下してください。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-11.png" alt="" width="431" height="374" class="aligncenter wp-image-4226" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-11.png 494w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-11-300x260.png 300w" sizes="auto, (max-width: 431px) 100vw, 431px" /></p>
<p>&nbsp;</p>
<p>するとアプリケーションが自動で起動します。</p>
<p>初期では「Language」設定画面という画面が表示されますので、「英語」もしくは「ドイツ語」を選択します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-12.png" alt="" width="228" height="171" class="aligncenter size-full wp-image-4228" /></p>
<p>&nbsp;</p>
<div class="voice clearfix left n_bottom">
<div class="icon">
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/07/hukurou.jpg" /></p>
<div class="name"></div>
</div>
<div class="text sc_balloon left white">日本語がないのが残念ですね。。私は「ドイツ語」はよくわからないので「英語」にしました！</div>
</div>
<p>&nbsp;</p>
<p>XAMPPのコントロールパネルが表示されますので、「Apache」と「MySQL」の「Start」ボタンを押下します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-13.png" alt="" width="664" height="434" class="aligncenter size-full wp-image-4230" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-13.png 664w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-13-300x196.png 300w" sizes="auto, (max-width: 664px) 100vw, 664px" /></p>
<p>&nbsp;</p>
<p>ブラウザ（Google ChromeでもInternet ExplolerでもOK）を起動し、「http://localhost」と入力すると下記画面が表示されていればOKです。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-14.png" alt="" width="726" height="706" class="aligncenter wp-image-4232" srcset="https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-14.png 958w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-14-300x292.png 300w, https://lemon818.com/wp/wp-content/uploads/2019/03/xampp-14-768x746.png 768w" sizes="auto, (max-width: 726px) 100vw, 726px" /></p>
<p>&nbsp;</p>
<p>これにてXAMPPのインストールは完了となります！</p>
<p>&nbsp;</p>
<h2>最後に</h2>
<p>いかがでしたでしょうか？</p>
<p>この記事では、インストール方法についてのみ説明しました。</p>
<p>&nbsp;</p>
<p>しかしこれ以外にも <strong>別に<span style="color: #ff0000;">XAMPP のセキュリティの設定</span>（MySQLのパスワード設定と認証等の設定）の行う必要があります。</strong></p>
<p>それらの設定方法については別記事で記載いたしますので、ぜひ下記ページも参考にしてみてください。</p>
<div class="sc_getpost"><a class="clearfix" href="https://lemon818.com/xampp-security/" ><div class="sc_getpost_thumb post-box-thumbnail__wrap"><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/11/Wordpress_1543528043-150x150.png" width="150" height="150" alt="【自宅PCでWeb開発】XAMPP に必要な最低限のセキュリティ設定"></div><div class="title">【自宅PCでWeb開発】XAMPP に必要な最低限のセキュリティ設定</div><div class="date">2019.3.18</div><div class="substr">はじめに この記事では、XAMPP のインストール後に行うセキュリティの設定方法について Web 開発が未経験の方でも簡単にできるように説明します。 「セキュリティの設定なんかめんどくさいなあー」と感じる方も多いかもしれませんが、 いまの世の中生活を便利にする様々なシステムがありますが、セキュリティ...</div></a></div>
<p>&nbsp;</p>
<p>ではでは。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
