<?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>VSCode &#8211; 楽しいブログ</title>
	<atom:link href="https://cs.machijun.net/tag/vscode/feed/" rel="self" type="application/rss+xml" />
	<link>https://cs.machijun.net/</link>
	<description>コンピュータ関連の記事を書いていこうかな</description>
	<lastBuildDate>Wed, 19 Dec 2018 14:37:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.2.15</generator>
	<item>
		<title>VSCodeからJupyterで実行しよう</title>
		<link>https://cs.machijun.net/run-jupyter-via-vscode.html</link>
				<pubDate>Wed, 19 Dec 2018 14:37:49 +0000</pubDate>
		<dc:creator><![CDATA[machijun]]></dc:creator>
				<category><![CDATA[Anaconda]]></category>
		<category><![CDATA[Jupyter]]></category>
		<category><![CDATA[Notebook]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[VSCode]]></category>

		<guid isPermaLink="false">https://cs.machijun.net/?p=250</guid>
				<description><![CDATA[VSCodeからJupyter実行 JupyterNot...]]></description>
								<content:encoded><![CDATA[<h2>VSCodeからJupyter実行</h2>
<p>JupyterNotebookはWebでpythonを実行するための基盤で、とても便利です。</p>
<p>しかし、私のような覚えが悪い人間にはコード補完のような仕組みが無いとまったくついていけないので、VSCodeからJupyterを動かすことにしています。</p>
<p>また、VSCodeで外部のJupyterにつなぐことで、デスクトップに搭載しているGPUをノートブックから操作するということができるようになります。<br />
（これはWebでも同じですが）</p>
<p>セットアップの仕方を紹介します。</p>
<p><span id="more-250"></span></p>
<h2>VSCodeにJupyterの拡張機能をインストールする</h2>
<p>VSCodeを起動し、拡張機能をクリック</p>
<p><img class="alignnone size-full wp-image-251 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232530/img_5c1a54d95b38e.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232530/img_5c1a54d95b38e.png 351w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232530/img_5c1a54d95b38e-300x261.png 300w" sizes="(max-width: 351px) 100vw, 351px" /></p>
<p>検索窓に「jupyter」と入力し、Jupyterプラグインをインストールする</p>
<p><img class="alignnone size-full wp-image-252 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819.png 1028w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819-300x225.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819-768x577.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819-1024x769.png 1024w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819-973x731.png 973w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232632/img_5c1a55175c819-508x381.png 508w" sizes="(max-width: 1028px) 100vw, 1028px" /></p>
<h2>Jupyter Notebookに接続する</h2>
<p>インストールが終わったらコマンドパレットを起動</p>
<p><img class="alignnone size-full wp-image-253 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232732/img_5c1a555365036.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232732/img_5c1a555365036.png 585w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232732/img_5c1a555365036-300x61.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232732/img_5c1a555365036-508x102.png 508w" sizes="(max-width: 585px) 100vw, 585px" /></p>
<p>コマンドで「jupyter」と入れて、「Enter the url of local/remote Jupyter Notebook」を選択</p>
<p><img class="alignnone size-full wp-image-255 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232846/img_5c1a559d4dba9.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19232846/img_5c1a559d4dba9.png 842w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232846/img_5c1a559d4dba9-300x69.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232846/img_5c1a559d4dba9-768x177.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19232846/img_5c1a559d4dba9-508x117.png 508w" sizes="(max-width: 842px) 100vw, 842px" /></p>
<p>URLを入れる画面が出ますので、Jupyter NotebookのURLを入力。<br />
自分のマシンであれば http://localhost:8888/ 、他のマシンであればlocalhostをそのホスト名に置き換えます</p>
<p><img class="alignnone size-full wp-image-256 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233035/img_5c1a560a4b003.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233035/img_5c1a560a4b003.png 842w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233035/img_5c1a560a4b003-300x44.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233035/img_5c1a560a4b003-768x112.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233035/img_5c1a560a4b003-508x74.png 508w" sizes="(max-width: 842px) 100vw, 842px" />トークンの入力を促されるので、正しいトークンを入力</p>
<p><img class="alignnone size-full wp-image-257 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233110/img_5c1a562dc8404.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233110/img_5c1a562dc8404.png 694w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233110/img_5c1a562dc8404-300x54.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233110/img_5c1a562dc8404-508x91.png 508w" sizes="(max-width: 694px) 100vw, 694px" /></p>
<p>これでつながりました。</p>
<h2>実行する</h2>
<p>新しいファイルでpythonスクリプトを作成します。<br />
とりあえず、Hello World!を実行しましょう。</p>
<pre class="brush: python; title: ; notranslate">
#%%
print(&quot;Hellow World!&quot;)
</pre>
<p><img class="alignnone size-full wp-image-258 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233307/img_5c1a569e7fa86.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233307/img_5c1a569e7fa86.png 550w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233307/img_5c1a569e7fa86-300x105.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233307/img_5c1a569e7fa86-508x178.png 508w" sizes="(max-width: 550px) 100vw, 550px" /></p>
<p>[#%%]と書いてあるのがJupyter NotebookでいうところのCellです。この記号に囲まれた範囲が1つの実行単位と扱われます。</p>
<p>上記のようにマウスポインタをあてると、[Run Cell]など表示されると思います。</p>
<p>[Run Cell]はCellを実行して実行コードと結果を表示、[Run All Cells]はファイルの全てのCellを実行して実行コードと結果を表示、[Run cell]はCellを実行して結果だけを表示という意味です。</p>
<p>Run Cellをクリックしてみた結果です。</p>
<p><img class="alignnone size-full wp-image-259 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4.png 1033w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4-300x86.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4-768x219.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4-1024x292.png 1024w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4-973x278.png 973w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233615/img_5c1a5759bd7a4-508x145.png 508w" sizes="(max-width: 1033px) 100vw, 1033px" /></p>
<p>Run cellをクリックしてみた結果です。</p>
<p><img class="alignnone size-full wp-image-260 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff.png 1033w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff-300x56.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff-768x143.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff-1024x190.png 1024w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff-973x181.png 973w, https://imgcs.machijun.net/wp-content/uploads/2018/12/19233649/img_5c1a577fef7ff-508x94.png 508w" sizes="(max-width: 1033px) 100vw, 1033px" /></p>
<p>ちゃんと実行できていますね。</p>
]]></content:encoded>
										</item>
		<item>
		<title>Anacondaを使ったVSCodeのインストールと日本語化</title>
		<link>https://cs.machijun.net/install-vscode-via-anaconda.html</link>
				<pubDate>Thu, 13 Dec 2018 15:59:09 +0000</pubDate>
		<dc:creator><![CDATA[machijun]]></dc:creator>
				<category><![CDATA[Anaconda]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[VSCode]]></category>
		<category><![CDATA[データ分析]]></category>

		<guid isPermaLink="false">https://cs.machijun.net/?p=199</guid>
				<description><![CDATA[VSCodeとは VSCodeとはMicrosoftが開...]]></description>
								<content:encoded><![CDATA[<h2>VSCodeとは</h2>
<p>VSCodeとはMicrosoftが開発している無償の開発環境です。</p>
<p>Visual Studioと共通する機能（IntelliSenseなど）はありますが、Visual Studioとは別のプロダクトです。</p>
<p>Microsoft Storeでもインストール可能ですが、データ分析に利用するのであればAnaconda経由でのインストールがおすすめです。</p>
<p>Anacondaは事前にインストールしておいてください（<a href="/install-anaconda.html" target="_blank" rel="noopener">インストール方法</a>）</p>
<p><span id="more-199"></span></p>
<h2>VSCodeをインストールしよう</h2>
<p>Anaconda Navigatorを起動します。</p>
<p>VS Codeの「Install」をクリックします。</p>
<p><img class="alignnone size-full wp-image-200 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004005/img_5c127d4fc6885.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004005/img_5c127d4fc6885.png 892w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004005/img_5c127d4fc6885-300x155.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004005/img_5c127d4fc6885-768x396.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004005/img_5c127d4fc6885-508x262.png 508w" sizes="(max-width: 892px) 100vw, 892px" /></p>
<p>こんな感じでインストールが始まります。途中でUACで管理者権限を求められたらOKを押してください。</p>
<p><img class="alignnone size-full wp-image-201 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004039/img_5c127d768e671.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004039/img_5c127d768e671.png 892w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004039/img_5c127d768e671-300x155.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004039/img_5c127d768e671-768x396.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004039/img_5c127d768e671-508x262.png 508w" sizes="(max-width: 892px) 100vw, 892px" /></p>
<p>はい、終わりました。Launchをクリックすると起動できます</p>
<p><img class="alignnone size-full wp-image-202 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004103/img_5c127d8e2c36e.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004103/img_5c127d8e2c36e.png 892w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004103/img_5c127d8e2c36e-300x155.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004103/img_5c127d8e2c36e-768x396.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004103/img_5c127d8e2c36e-508x262.png 508w" sizes="(max-width: 892px) 100vw, 892px" /></p>
<p><img class="alignnone size-full wp-image-203 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004202/img_5c127dc9cba52.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004202/img_5c127dc9cba52.png 478w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004202/img_5c127dc9cba52-300x225.png 300w" sizes="(max-width: 478px) 100vw, 478px" /></p>
<h2>日本語化する</h2>
<p>VSCodeを日本語化します。途中でVSCodeの再起動が必要なので、作業中のファイルは保存しておいてください。</p>
<p>VSCodeを起動して、左側のこのアイコンをクリックします。</p>
<p><img class="alignnone size-full wp-image-204 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004307/img_5c127e0a622ef.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004307/img_5c127e0a622ef.png 452w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004307/img_5c127e0a622ef-300x240.png 300w" sizes="(max-width: 452px) 100vw, 452px" /></p>
<p>検索窓に「Japanese」と入れて「Japanese Language Pack for Visual Studio Code」を選択、Installをクリックします。</p>
<p><img class="alignnone size-full wp-image-205 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28.png 1024w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28-300x229.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28-768x585.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28-973x741.png 973w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004610/img_5c127ebc8bc28-508x387.png 508w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>VSCodeの再起動を促されるので「Restart Now」をクリックします。</p>
<p><img class="alignnone size-full wp-image-206 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004828/img_5c127f4b30610.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004828/img_5c127f4b30610.png 470w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004828/img_5c127f4b30610-300x161.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></p>
<p>再起動が終わると日本語化が完了しています。</p>
<p><img class="alignnone size-full wp-image-207 " src="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52.png" alt="" srcset="https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52.png 1028w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52-300x235.png 300w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52-768x602.png 768w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52-1024x803.png 1024w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52-973x763.png 973w, https://imgcs.machijun.net/wp-content/uploads/2018/12/14004845/img_5c127f5bbcd52-508x398.png 508w" sizes="(max-width: 1028px) 100vw, 1028px" /></p>
]]></content:encoded>
										</item>
	</channel>
</rss>
