C101PAでVSCodeを使う。C101PAでVSCodeを使う。PC・ガジェットこんばんは、たねやつです。いろんな先人たちの知恵をお借りして「なんか出来ちゃった」感はありますが、布教も兼ねて記事にしてみます。OSなどのアップデートを重ねるうちにfcitxで日本語入力できなくなる可能性があります。Powerwashなどを行いまっさらな状態で手順を進めてみてもうまく行かない場合は、busterのリポジトリを追加したあとに以下のコマンドを実行して最新化、OSのバージョン更新をするとうまく行くかもしれないです。1.32のVSCodeがC101PA用に(arm64用に)ビルドされているパッケージが公開されているので追加しました!手順について変更点はありません。69から正式版チャンネルでもLinux環境を導入することができます。詳しい手順などは他の方の記事などを参照してください。完了したら、「コンソール」というアプリ(>_みたいなアイコン)を起動して各種Linuxのパッケージ更新を行います。通信環境やサーバーの状態によるかもしれませんが、20-30分ほどかかります。以下のコマンドを実行して最新のパッケージリストを取得、更新を実行します。($の入力は不要で、一行入力するたびにエンターキーを押してください。upgradefcitx-mozcをインストールする入力メソッドにはfcitxを使用します。日本語入力システムにはmozcを使用します。mozcはGoogleが開発してGoogle日本語入力としても使用されています。いうかGoogle日本語入力のOSS版だったかもともとのプロダクト名がmozcというだったような?fcitxがいないと、Linux上で実行しているアプリで日本語入力ができなくなります。最初に私がCrostiniでVSCodeをインストールしたときにはこいつに関してすっかり考慮していなかったため日本語入力が一切できないという状態で諦めていました。ChromeOS上にも同じような入力メソッドフレームワークが動作しているので問題なく日本語入力できているのだと思いますが、それとは切り離されたLinux上の世界でも同じく必要なのだと思います。fcitxはPixelbookやamd64という形式のCPUを積んでいるchromebookではそのままapt-getというコマンドで導入できるのですが、あいにくC101PAのCPUはarm64という形式です。arm64用の入力メソッドの安定版はfcitxもibusも現在は存在してないです。Stretchの次のバージョン)用のarm64向けのfcitxをインストールすることにします。このページからdebファイルを取得してインストールすることもできますが、動作に必要なファイル(依存関係にあるファイル)も一緒にインストールする必要があるので、apt-getからインストールできるようにします。10(Buster)では実装されるっぽいので、これもそのうち(testing)ではなくなると思います。正式版のリリースは2019年中頃だそうです。以下の内容を/etc/apt/sources.listというファイルに追加します。/etc/apt/sources.listで開いたファイルの末尾に上記の一行を追加する感じですが、、、vimというLinuxのテキストエディタがあるのですがこれが初めて触る人にとっては拷問に等しい使い心地です。以下の記事に目を通してファイルの開き方、文字入力の仕方、保存の仕方を理解しておかないとおそらく何もできないかと思いますorzですのでここはもうちょっと簡単な方法を取ります。-sを実行すると、文字の色が変わり、文字を入力する前の部分が#になっているのがわかると思います。この状態ではスーパーユーザー状態となりありとあらゆるコマンドを実行できます。Windowsでいう管理者権限で実行と同じような感じです。exitでもとの状態($)に戻ります。sources.listというファイルへの書き込みはスーパーユーザー(rootユーザーとも)からしか許可されていませんのでこのように権限を昇格させています。...というコマンドは「文字列を表示させて、その文字列をsources.listの末尾に追加する」という感じです。これでテキストエディタを使わなくともファイルに文を追加できます。いう動作がLinuxの面白いとこですよね。注意すべき点として、必ず>>と入力されていることを確認してからエンターキーを押してください。>となっているともとからある内容がすべて消えてしまいますので注意してください。viewというコマンドで指定したファイルの中身を見ることができます。これでちゃんと追記できているか確認できます。同じようにlessやcat、tailというコマンドでもファイルの中身を確認することができます。....でインストールすることができるようになります。時間がかかるかもしれません。installを実行するだけです。以下のコマンドを参考にしてください。fcitx-mozcこれまた10分ほど時間がかかるかもしれませんが、辛抱強く待ちましょう。_旦~~導入が完了したら、以下のバージョン確認コマンドで一応確認しておきましょう。入力メソッドと日本語用のモジュールも導入しましたが肝心の日本語用フォントがありません!ので追加します。他の方の記事をみてパッケージリストに追加されていることを知りました。JPが使えるようになります。テキストエディタには等幅フォントは必須ですよね。́∀`)Myricaとかも試しては見たのですが、なぜか線が細すぎて見づらくなってしまい断念。独自のフォントを導入したい場合はotfやttf形式のフォントファイルを/usr/share/fonts/内において再起動してあげると反映されます。fcitxの設定(必須)以下のコマンドでfcitxの設定を呼び出すことができます。Method追加の画面で何も表示されなくなります。以下のコマンドを実行して起動してください。$)とならない場合にはエンターキーを押してください。Methodを追加します。チェックボックスを外します。Methodをクリックして、mozcと入力します。上に表示されたmozcをクリックして追加完了です。次にフォントを設定します。画面上部のAppearanceタブを選択します。fontのところに表示されているフォント名をクリックします。(デフォルトに何が表示されているのかメモし忘れました。Regularを選択して完了。fontの方でも同じように設定する。これで必要最低限の設定は完了です。Methodの項目で入力言語変換のショートカットキーを変更できます。Spaceから変更していません。Appearanceのところから変換候補ウィンドウのスキンを変更できるようなのですが何故か何を設定しても反映されず。mozcの設定(必須ではない)以下のコマンドでmozcの設定画面を起動することができます。--mode=config_dialog私の場合は、日本語入力の場合でもスペースは絶対に半角にしたいのでこの画面から設定しました。styleをhalfwidthにすると設定できます。これで全角半角のゆらぎを撲滅できますね(^o^)VSCode(oss-code)をインストールする本命のVSCodeのインストールです。以下のリンクからarm64用にビルドされたVSCodeのパッケージを取得できます。packageの下のlatestにあるリンクをクリックするとdebファイルという、Windowsでいうexeファイルを取得できます。そのファイルをLinux用のフォルダ(ペンギンマーク)の中に保存します。このフォルダ(というかディレクトリ)はコンソールを起動したときに一番最初にいるディレクトリと同じです。ダウンロードが完了したら続けて以下のコマンドを実行します。コマンドのあとの#以降はコメントですので、入力は不要です。(2019/03/22追記)より新しいバージョンでパッケージが公開されているのでそちらからファイルを取得することをおすすめします。下の方にスクロールしていき、code-oss_1.32.0-xxxx_arm64.debとあるものをクリックしてLinux用のフォルダ(ペンギンマーク)の中に保存します。このフォルダ(というかディレクトリ)はコンソールを起動したときに一番最初にいるディレクトリと同じです。保存が完了したら以下のコマンドを実行してインストールします。74ではフォルダを表示してdebファイルをクリックするとそのままインストールできました。./[ダウンロードしたファイル名]でOKです。ファイル名を入力するときは、先頭の数文字を入力してtabキーを押すと自動で補完してくれます。これも依存関係にあるファイルを取得するため数分時間がかかります。完了するとoss-codeという名前でChromeOSの方でアイコンが追加されているはずです。-iを使用して依存関係を解決できずにインストール失敗になりました。一度この状態になるとその依存関係が解決されるまでインストールが保留された状態になります。installを実行しました。このコマンドで依存関係ファイルのインストールと、oss-codeのインストールまで一発でした。起動時に行うことChromeOSおよびLinuxの起動時にはfcitxは自動では起動してくれませんので手動で起動する必要があります。以下のコマンドをターミナルで実行してください。XMODIFIERS.エラーと環境変数に値がセットされていない的な警告が表示されていますがとりあえず動いてるので一旦放置します。面倒なので~/.bashrcに以下の一行を追加しておきます。することによってターミナル起動時に自動でコマンドを実行してくれます。.bashrc先ほどと同じくechoコマンドで追記します。今度は.bashrcというファイルはスーパーユーザー権限がなくても編集できるのでsudoは行いません。2>&1が実行されます。>以降の内容はコマンド実行時の出力内容をすべて闇に葬り去るという感じです。Linuxのページでは.bashrcに起動コマンドを書くことは推奨されていませんが、動けばいいの精神でここに追記しています。再起動が完了したらアイコンから起動してみましょう。2-3秒ですんなりと立ち上がるはずです。この立ち上がりの速さもVSCodeの魅力ですよね!atomもこれぐらい早く起動するようになったのでしょうか?このまま日本語入力をしても変な□□□が表示されるだけだだと思いますので、日本語フォントを指定してあげる必要があります。設定画面(GUI)を開くことができます。前のバージョンまではデフォルトではjson形式のファイルが開かれていたのですが、今はGUIで表示されるのですね。Familyとありますのでそこを修正します。Fallback'と変更します。JP'としてください。テキストエディタとして使用するのであれば等幅フォントが断然おすすめです。Sizeも17ぐらいに変更しておきましょう。デフォルトではC101PAには小さぎます(笑)保存とかはなく即時変更が反映されますので完了したらタブを閉じましょう。nで新規ファイルを開き入力してみましょう。重要なことですが、VSCodeのウィンドウ選択する前にchromeなどからchromeOS側での入力モードを英数字に切り替えて置く必要があります。日本語入力の状態でVSCodeに文字を入力しようとすると、Ctrlがおされっぱなしの状態で文字入力されるようです。挙動が変だと感じた場合はまずはここを疑ってみてください。英数字は問題なく最初から入力できるのですが、日本語入力状態にして文字を入力してみてください。́∀`)プログラミングも出先で書いて、コミットして家に戻ってから単体動作テストと割り切れば案外運用できるかもしれません。ApacheやNode.jsも頑張れば動かせるのかもしれません。Gallaryを有効にする(上の方で紹介しているHeadmelted氏のところから取得したVSCodeの場合、以下の設定は不要で最初からエクステンションが使用できます。)デフォルトの状態だと拡張機能の追加ができない状態なので設定ファイルに追記します。エディタとして使えればOKという人は不要かもしれませんが、拡張機能を入れてこそのVSCodeと思いますので導入をおすすめします。/usr/share/code-oss/resources/app/product.jsonでエディタ画面を開き、一番最後の}の一行上に以下の内容を追加します。"https://marketplace.visualstudio.com/items"}ファイルの最後の方はこんな感じになります。}}"extensionsGallery"の上の},が}となってしまっている場合は、,を追加してください。vimコマンドの基本的な使い方に関しては以下を参考にしてください。?普通のWindowsのメモ帳が超親切に思えてきますよね(笑)※HelloVim!の章までで入力モードの切り替え、保存方法などが書いてあります。(それ以降は今回は読む必要特になし)なれてしまえば結構使いやすかったりしますが、私は全然なれません。使ってみた感じまだmarkdownでこの記事を作成するぐらいしか行っていませんが、Windows版と遜色なく使えています。↓キー押しっぱなしでスクロールすると数ミリ秒カクつくこともありますが許容範囲という感じです。spaceで入力メソッドの変更が効かなくなることがあります。そんなときにはfcitxを再起動すればいいのですが再起動用のコマンドとかが見つからないのでいつもkillコマンドを実行してしまっています。C101PAでVSCodeを使う。(Crostini使用)Tweet関連記事2019-03-16【Node.js】foreverコマンドの基本的な使い方まとめ(過去に書いた記事を大きく修正してまとめなおしたものです。mini3(黒豆)を制御するExpressでAPIサーバーを作成しpython-broadlinkを実行できるよ...2018-09-04QMKのビルド環境構築こんにちは、たねやつです。Piにカメラモジュールを接続して写真を撮る。こんにちは、たねやつです。PiにFTPサーバを建ててファイル共有する。以下のコマンドでインストール。自作キーボードについていろいろ書いています。84を2年ほど使ってみた感想・打鍵音など。2019-12-14はてなブログの埋め込みコードの配色(背景・文字色)を自由に変更する2019-12-11イルミナイト万博(2019)行ってきました。背景を元に戻すAdはてなブログをはじめよう!ibuquicalligさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。