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

プログラミング言語のProcessingはVS Code用の公式の拡張機能が存在していますが、Zed用の拡張機能は存在していません。
![VS Codeのウィンドウの右下のスクリーンショット。[Processing]と書かれたボタンにマウスホバーしており、[言語モードの選択]というツールチップが表示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fvs-code-select-language-mode-processing.png&w=640&q=75)
そこで、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]をクリックしてインストールします。


Processingのファイルを開くと自動的に拡張機能と言語サーバーが起動し、シンタックスハイライトやコード補完、エラーの確認などが利用できるようになります。
バグなどがあればGitHubへ
ProcessingのZed用拡張機能のソースコードはGitHubで公開しているので、バグなどがあればIssueやPull Requestを歓迎します!
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。




![[新しいXチャットへようこそ]というテキストが画面に大きく表示されており、その下には次の3つの説明が表示されている。[エンドツーエンドの暗号化:メッセージは、端末にかかわらずエンドツーエンドで暗号化されています。][最先端のプライバシー:Xを含め、他の人がメッセージを読むことはできません。][パスコードを設定:メッセージを保護するため、4桁のパスコードを設定してください。]これらの説明の下には、[パスコードを作成]という大きなボタンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fwelcome-to-new-chat.png&w=1920&q=75)
![Xアプリの[データ利用の設定]画面のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fimage-1390.png&w=1920&q=75)

![Discordの[プロフィールのプライバシー]設定のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fdiscord-profile-privacy-settings.png&w=3840&q=75)
![スマートフォンのホーム画面の[Social]フォルダーを表示した写真。フォルダー内にはFacebook、Instagram、Threads、X、LinkedIn、TikTok、YouTubeのアイコンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Ffacebook-instagram-threads-x-twitter-linkedin-tiktok-youtube-mobile-app-unsplash.jpg&w=3840&q=75)




