<?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>プログラミング &#8211; 独学応援papanchoi</title>
	<atom:link href="https://papanchoi.site/category/programing/feed/" rel="self" type="application/rss+xml" />
	<link>https://papanchoi.site</link>
	<description></description>
	<lastBuildDate>Thu, 25 Mar 2021 03:21:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://papanchoi.site/wp-content/uploads/2025/07/l_QaT827-150x150.jpg</url>
	<title>プログラミング &#8211; 独学応援papanchoi</title>
	<link>https://papanchoi.site</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【ruby on rails】progate通りでもlocalhost:3000がうまくいかない　</title>
		<link>https://papanchoi.site/2021/03/25/rubyonrails/</link>
					<comments>https://papanchoi.site/2021/03/25/rubyonrails/#comments</comments>
		
		<dc:creator><![CDATA[papanchoi0523]]></dc:creator>
		<pubDate>Thu, 25 Mar 2021 03:16:40 +0000</pubDate>
				<category><![CDATA[PC,ウェブ関係]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://papanchoi.site/?p=3338</guid>

					<description><![CDATA[このページでは、progateのレッスン通りに進めても最後のブラウザでアクセスができない方へ向けたページになります。 ※progateの「ruby on railsの環境構築をしてみようwindows編」の「6. ローカ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>このページでは、progateのレッスン通りに進めても最後のブラウザでアクセスができない方へ向けたページになります。</p>



<p>※progateの「ruby on railsの環境構築をしてみようwindows編」の「6. ローカルでRailsサーバを立てる」の部分になります。それ以前のrubyやrails、sqliteのインストールは終わったものと仮定いたします。</p>



<p>また、vargrantでの環境の場合はvargrant内での設定があるようです。</p>



<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 記事上 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3569717351451513"
     data-ad-slot="2007042352"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 id="syn-toc1" class="wp-block-heading">結論：３つほどインストールしましょう</h2>



<h4 id="syn-toc2" class="wp-block-heading">node.js</h4>



<p>ここからインストール先へとべます。windowsの方はwindowsを選び、インストーラーをダウンロードしたらチェックボックスにチェックしながらひたすら次へ進み、インストールしてください。</p>



<p><a href="https://nodejs.org/en/download/">node.jsダウンロード</a></p>



<div class="wp-block-cover aligncenter has-background-dim"><img fetchpriority="high" decoding="async" width="911" height="511" class="wp-block-cover__image-background wp-image-3341" alt="" src="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-99-edited.png" data-object-fit="cover" srcset="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-99-edited.png 911w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-99-edited-300x168.png 300w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-99-edited-768x431.png 768w" sizes="(max-width: 911px) 100vw, 911px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<p class="has-large-font-size">　</p>



<p class="has-large-font-size">　　↑windowsはここ</p>
</div></div>



<h4 id="syn-toc3" class="wp-block-heading">yarn</h4>



<p>続いてyarnをインストールします。これも何も考えず次に進んでいけばインストールしてくれますので難しい事はありません。</p>



<p>インストールが完了したらパソコンを再起動してください。</p>



<p><a rel="noreferrer noopener" href="https://classic.yarnpkg.com/en/docs/getting-started" target="_blank">yarnダウンロード</a></p>



<div class="wp-block-cover has-background-dim"><img decoding="async" width="911" height="511" class="wp-block-cover__image-background wp-image-3343" alt="" src="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-100-edited.png" data-object-fit="cover" srcset="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-100-edited.png 911w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-100-edited-300x168.png 300w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-100-edited-768x431.png 768w" sizes="(max-width: 911px) 100vw, 911px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<p></p>



<p></p>



<p></p>



<p></p>



<p></p>



<p></p>



<p></p>



<p></p>



<p class="has-text-align-center has-large-font-size">インストールを押して進んでいきます↓</p>
</div></div>



<h4 id="syn-toc4" class="wp-block-heading">webpacker</h4>



<p>最後にwebpackerです。上二つをインストールした後なら問題なくインストールできます。</p>



<p>ターミナルを開き、rails webpacker:install　とコマンドをうてばインストールが完了します。</p>



<h2 id="syn-toc5" class="wp-block-heading">rails s　してからlocalhost:3000をブラウザで。</h2>



<p>ターミナルで[cd コマンドでディレクトリ（progate通りならsample_appです）]移動した後、[rails s]のコマンドでサーバーを立ち上げてください。あとはブラウザで[localhost:3000]と入力すると・・・</p>



<figure class="wp-block-image size-large"><img decoding="async" width="911" height="511" src="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-18-edited.png" alt="" class="wp-image-3345" srcset="https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-18-edited.png 911w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-18-edited-300x168.png 300w, https://papanchoi.site/wp-content/uploads/2021/03/2021-03-25-18-edited-768x431.png 768w" sizes="(max-width: 911px) 100vw, 911px" /></figure>



<p>無事接続できました！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://papanchoi.site/2021/03/25/rubyonrails/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
