<p>今回は、Androidを使用して「VS Code Server」を建てる方法を紹介していきます。</p>
<h1 id="%E4%BB%8A%E5%9B%9E%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%82%82%E3%81%AE">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%9B%9E%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%82%82%E3%81%AE" aria-hidden="true"></a> 今回使用するもの</h1>
<ul>
<li>VS Code Server</li>
<li>Android</li>
<li>Termux</li>
</ul>
<h2 id="%E3%80%8Cvs-code-server%E3%80%8D%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#%E3%80%8Cvs-code-server%E3%80%8D%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 「VS Code Server」とは</h2>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__af4078ede89a" src="https://embed.zenn.studio/card#zenn-embedded__af4078ede89a" data-content="https%3A%2F%2Fcode.visualstudio.com%2Fblogs%2F2022%2F07%2F07%2Fvscode-server" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<h2 id="termux%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#termux%E3%81%A8%E3%81%AF" aria-hidden="true"></a> Termuxとは</h2>
<p>AndroidでLinuxを動かすためのアプリです。</p>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5a829e74731b8" src="https://embed.zenn.studio/card#zenn-embedded__5a829e74731b8" data-content="https%3A%2F%2Fgithub.com%2Ftermux%2Ftermux-app" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<h1 id="%E3%80%8Cvs-code-server%E3%80%8D%E3%82%92%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7">
<a class="header-anchor-link" href="#%E3%80%8Cvs-code-server%E3%80%8D%E3%82%92%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7" aria-hidden="true"></a> 「VS Code Server」を起動するまで</h1>
<h2 id="1.termux%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#1.termux%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 1.Termuxのインストール</h2>
<h3 id="github%E3%81%8B%E3%82%89%E3%81%AE%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#github%E3%81%8B%E3%82%89%E3%81%AE%E5%A0%B4%E5%90%88" aria-hidden="true"></a> Githubからの場合</h3>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__88f894fa74112" src="https://embed.zenn.studio/card#zenn-embedded__88f894fa74112" data-content="https%3A%2F%2Fgithub.com%2Ftermux%2Ftermux-app%2Freleases" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p><img src="https://storage.googleapis.com/zenn-user-upload/88a4d9a450d1-20221003.png" alt width="250" loading="lazy" class="md-img"><br>
<strong>termux-app_v0.118.0+github-debug_universal.apk</strong>をダウンロードし、インストール</p>
<details><summary>その他の方法</summary><div class="details-content">
<h3 id="f-droid%E3%81%8B%E3%82%89%E3%81%AE%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#f-droid%E3%81%8B%E3%82%89%E3%81%AE%E5%A0%B4%E5%90%88" aria-hidden="true"></a> F-droidからの場合</h3>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__dce9501d26671" src="https://embed.zenn.studio/card#zenn-embedded__dce9501d26671" data-content="https%3A%2F%2Ff-droid.org%2Fen%2Fpackages%2Fcom.termux%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span>
<p>F-droidをインストールしたあとにTermuxをインストール</p>
</div></details>
<hr>
<p>インストールが完了したら起動します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9dbdf59b3166-20221003.png" alt width="250" loading="lazy" class="md-img"></p>
<h2 id="2.termux%E3%81%ABubuntu%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B">
<a class="header-anchor-link" href="#2.termux%E3%81%ABubuntu%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B" aria-hidden="true"></a> 2.TermuxにUbuntuを入れる</h2>
<p>Ubuntuをインストールするために必要なパッケージのインストール</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">pkg <span class="token function">install</span> <span class="token function">wget</span> openssl-tool proot
</code></pre></div><p>次に、Ubuntuをインストールし、自動で起動するようにします</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell"><span class="token function">wget</span> https://raw.githubusercontent.com/EXALAB/AnLinux-Resources/master/Scripts/Installer/Ubuntu/ubuntu.sh <span class="token operator">&amp;&amp;</span> <span class="token function">bash</span> ubuntu.sh <span class="token operator">&amp;&amp;</span> <span class="token builtin class-name">echo</span> <span class="token string">"./start-ubuntu.sh"</span> <span class="token operator">&gt;&gt;</span> ~/.bashrc <span class="token operator">&amp;&amp;</span> ./start-ubuntu.sh
</code></pre></div><details><summary>Ubuntuを日本語化する</summary><div class="details-content">
<p>Ubuntuを起動したあとに以下のコマンドを実行</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell"><span class="token function">apt</span> <span class="token function">install</span> language-pack-ja <span class="token parameter variable">-y</span> <span class="token operator">&amp;&amp;</span> <span class="token builtin class-name">echo</span> <span class="token string">'export LANG=ja_JP.UTF-8'</span> <span class="token operator">&gt;&gt;</span> ~/.bashrc <span class="token operator">&amp;&amp;</span> <span class="token builtin class-name">echo</span> <span class="token string">'export LANGUAGE="ja_JP:ja"'</span> <span class="token operator">&gt;&gt;</span> ~/.bashrc
</code></pre></div>
</div></details>
<h2 id="3.%E3%80%8Cvs-code-server%E3%80%8D%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#3.%E3%80%8Cvs-code-server%E3%80%8D%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 3.「VS Code Server」のインストール</h2>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell"><span class="token function">wget</span> -O- https://aka.ms/install-vscode-server/setup.sh <span class="token operator">|</span> <span class="token function">sh</span>
</code></pre></div><p>インストールが正常にできると</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">code-server <span class="token parameter variable">-h</span>
</code></pre></div><p>使い方を確認できます。</p>
<h2 id="4.%E8%B5%B7%E5%8B%95%E3%81%AE%E4%BB%95%E6%96%B9">
<a class="header-anchor-link" href="#4.%E8%B5%B7%E5%8B%95%E3%81%AE%E4%BB%95%E6%96%B9" aria-hidden="true"></a> 4.起動の仕方</h2>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">code-server serve-local
</code></pre></div><p>を実行すると起動でき、<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a411109a708d-20221003.png" alt width="250" loading="lazy" class="md-img"><br>
ライセンスに同意すると<br>
<code>Web UI available at http://localhost:8000/?tkn=***************</code>と表示されます。<br>
このトークンを含めたURLにアクセスするとVS Codeが起動します。</p>


スマホで「VS Code Server」を建てる方法

3.「VS Code Server」のインストール

「VS Code Server」を起動するまで

Discussion