Chromebookでの開発環境を整えました。
単純にエディタをインストールするだけでは、ブラウザで確認したりできなかったんですよね。
なんとか解決したので、備忘録として残しておきます。
エディタのインストール
そもそもChromebookで使えるエディタも存在するようです。
が、普段Windows+VSCodeの環境なので、ショートカットなどできれば同じものを使いたいところです。
私のChromebookはLinux環境が起動できました。
ということで、次のサイトの3つめの方法を参考にコマンドラインからインストールしました。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9VWJ1bnR1JUUzJTgxJUFCVlNDb2RlJUUzJTgyJTkyJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgxJTk5JUUzJTgyJThCMyVFMyU4MSVBNCVFMyU4MSVBRSVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTYyNjk0ODJmYjQ5MjU0YmFiNTU2M2I5ZjFlYTdjNzk&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweW9zaGl5YXN1MTExMSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTJiNjQ5ZTE2Y2E4NDRkMzQyMDc5MGUwMGNhYjcxMDE&blend-x=142&blend-y=491&blend-mode=normal&s=70f57aa4256cbbb26d891bb34c39d820)
ブラウザで開くために
JavaScriptの開発環境の準備なので、エディタとブラウザが必要になります。
エディタはVisual Studio Code、ブラウザはChromebookですのでGoogle Chromeを利用します。
LinuxにChroniumブラウザあたりを入れればいいのでしょうが、もっと簡単な方法を見つけました。
VSCodeに拡張機能をインストールしてしまいます。
今回インストールした拡張機能は、次の2つ。
- Debugger for Chrome(ChromeでデバッグをVSCodeで可能にする)
- Live Server(ローカルでWebサーバを起動する)
それぞれコピペして、VSCodeの拡張機能検索をかけてインストールしていきます。
あとは、作成したコードを右クリック「Open with Live Server」で開きます。
すると、ChromeOS上のGoogle Chromeで開いてくれます。
Linuxの日本語入力準備
このままだと日本語でフロントエンド表示できません。
つまり、日本語が使えません。
ので、以下の方法で日本語入力のセットアップを行います。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lYm9vayVFMyU4MSVBRUxpbnV4JUU5JTk2JThCJUU3JTk5JUJBJUU3JTkyJUIwJUU1JUEyJTgzJUU2JUE3JThCJUU3JUFGJTg5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NWQyYmJlMTIzNzY0ZWQ2MzY0YWVhYzQwMDEyYTgxMg&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc3V6dWtpX3NoJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mMzgzNGRmZjlmZjc1YTViYTI5NWQ2MTk3YmU0ZTY1YQ&blend-x=142&blend-y=491&blend-mode=normal&s=459360ffc0a9397fec22053f0e38133f)
ファイルの移動も可能
Linux上で作成されたプログラムをChromeOSへ移動することも可能です。
マイファイル内のLinuxファイルを開けば出てきます。
あとは、ドラッグアンドドロップでコピー完了となります。
とうことは、Googleドライブに出すことも、USBメモリなどに書き出すこともできますね。
コメント