LoginSignup
1
1

More than 5 years have passed since last update.

初めてVSCodeのEditor拡張を作った

Posted at

Smile Editor

今回、Smile EditorというEditor拡張を作って公開しました。
https://marketplace.visualstudio.com/items?itemName=ItalangMong.smile-editor

githubでソースコードを公開しています。
https://github.com/MizoTake/SmileEditorExtension

javascriptも初めてで、なるべくライブラリを使ってでも実装をしていきました。
また、英語はきっと…なんちゃって英語になっているでしょう…(気をつけましたが…)

さて、今回作ってみた拡張は、エディターを普通に使っているとたまにWebCamで撮影が行われます。そこで顔の撮影を行います。撮影をした写真をMicroSoftのEmotino APIに投げて、感情の数値を取得します。そこで、笑っているかどうかの数値を取得して一定以上でなかったら操作しているファイルの文字を全て消すという…ちょっとブラック感あるエディター拡張ですw
ちなみに、顔が写ってなくても全部消します。

demo.gif

今回、初めてjavascriptを使用してみたのですが、メリットデメリットをだいぶ感じながらプログラミングをしてました。
そして、ajaxというのを使ってapiを叩こうとしていたのですが、うまくいかず…断念してnpmにあったEmotion APIを叩く専用のライブラリを使わせていただきました。

…ajaxでapplication/octet-streamを使ってうまくいった人に、気をつける部分等をご教授願いたいです。

使える拡張機能より、少しでも面白くする拡張エディタを今後考えて行こうと思います。

Emotion API
https://www.microsoft.com/cognitive-services/en-us/emotion-api

node-oxford-emotion
https://www.npmjs.com/package/node-oxford-emotion

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1