![](https://blog.mrym.tv/wp-content/uploads/2019/04/pose_agura_man-2.png)
JavaScript/TypeScriptを書いている時に、ちょっとした処理を試してみたい時とかありませんか?例えば日付のフォーマット変換とか、日付のフォーマット変換とか(2回書きました)
今日はそんな時に力を発揮する、VSCodeの素晴らしいプラグインをご紹介します!
ちょっと試したい時の問題点
JavaScript/TypeScriptを書いている時に、ちょっとした処理を試したい時は良くある(?)と思います。
例えばこのQiitaの記事に有るような日付のフォーマット変換とかですね。(3回目)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JTk3JUE1JUU0JUJCJTk4JUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgzJTlFJUUzJTgzJTgzJUUzJTgzJTg4JUUzJTgxJUFBJUUzJTgxJUE5JTIwJUU2JTk3JUE1JUU0JUJCJTk4JUU3JUIzJUJCJUU1JTg3JUE2JUU3JTkwJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1lNTMyMjQ5MjdjYjUzZjVmY2QzNWIxNjhiZmFmMTNjYQ&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBvc2FrYW5hZmlzaCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTRiZDQ0ZWU3OTc2ZmFhNzkwN2YwYmIxMTEwNDBiYzQ&blend-x=142&blend-y=486&blend-mode=normal&s=30ce3a5086714799e8c80ddaeceb4265)
日付フォーマットなど 日付系処理 - Qiita
日付をフォーマットする日付をフォーマットして返す。フォーマット(第二引数)を省略した場合2014-01-23 01:23:45.678みたいな形で返す。/** * 日付をフォーマットする * @…
こういった時、人によってはChromeのコンソールで試したり、進んだ人(?)はJSFiddleとかを使ったりしていると思います。
でも、そんな事をしなくても、VSCodeを使っている人にはとっても便利なプラグインがあるのです!
お試し実行の救世主「Quokka.js」
ご紹介するのは「Quokka.js」!
![](https://quokkajs.com/assets/img/main-video.gif)
Quokka - JavaScript and TypeScript playground in your editor
Quokka runs your JavaScript and TypeScript code and displays results inline in VS Code, WebStorm, and Sublime Text.
Xcodeを使った事がある人は「Playground」を想像して貰えればすぐ分かると思います。
このプラグインをVSCodeにインストールすると色々な事ができるようになりますが、正直知っておいた方が良いのは1つだけです!
VSCodeを開いた状態で以下のキーを入力するだけ。
JavaScriptの場合:Cmd/Ctrl + K, J
TypeScriptの場合:Cmd/Ctrl + K, T
すると、Quokkaファイルが開かれ、すぐさまコードを試す事ができます。
終わりに
いかがでした?
ちょっと処理を試してみたいという時には、すかさず「Cmd + k, t」を押すだけですぐに試す環境が出てくるのはかなり便利です。
プラグインをインストールするだけですぐ試す事ができるので、気になった方はぜひお試しください!
コメント