ろぼいんブログ

Zed用のProcessing拡張機能を公開しました!

ProcessingのZed用拡張機能のWebページのスクリーンショット

プログラミング言語のProcessingはVS Code用の公式の拡張機能が存在していますが、Zed用の拡張機能は存在していません。

そこで、VS Code用の公式拡張機能を参考にしてZed用の拡張機能を開発しました。

広告

ProcessingとZedは言語サーバープロトコル(LSP:Language Server Protocol)に対応しているので、拡張機能としてはProcessingのCLIを起動して言語サーバーと接続しているだけです。

VS Codeの拡張機能ではワンクリックでスケッチを実行できるボタンがありますが、Zedの拡張機能APIでは類似の機能を実装できなかったので、Zed用拡張機能ではシンタックスハイライトやコード補完、エラーの確認などにのみ対応しています。

Processing for Zedの使い方

ProcessingのZed用拡張機能を利用するには、Processing 4.4.6以降が必要です。

コンピューターにProcessing 4.4.6をインストールして、少なくとも一度は起動する必要があります。

Processingの初回起動時にCLIが初期化される仕組みになっているため、一度も起動していないと拡張機能が言語サーバーと接続できず、動作しない可能性があります。

広告

Processing 4.4.6以降がインストールされていて少なくとも一度は起動していることを確認したら、Zedの拡張機能のインストール画面で「Processing」と検索するか、ストアページの[Install in Zed]をクリックしてインストールします。

Zedの拡張機能のインストール画面で検索バーに「Processing」と入力されている画面のスクリーンショット
Zedの拡張機能のインストール画面で「Processing」と検索
ProcessingのZed用拡張機能のWebページのスクリーンショット
ストアページの[Install in Zed]をクリックしてもインストールできる

Processingのファイルを開くと自動的に拡張機能と言語サーバーが起動し、シンタックスハイライトやコード補完、エラーの確認などが利用できるようになります。

バグなどがあればGitHubへ

ProcessingのZed用拡張機能のソースコードはGitHubで公開しているので、バグなどがあればIssueやPull Requestを歓迎します!

記事をシェア

Xに共有するBlueskyに共有するMisskeyに共有するLINEに共有するThreadsに共有する

フォローして最新情報を入手

Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。

Googleの優先ソースとして追加するGoogleの優先ソースとして追加するXのロゴ
広告
著者のアイコン画像

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。