日々是好日

プログラミングについてのあれこれ、ムダ知識など

VSCode拡張機能開発

sushi-buffetを支える技術

VSCode の背景にたくさんのお寿司を流す拡張機能を作りました。 Flow Many Sushi on VS Code(拡張機能名: Sushi Buffet)流れるSushi。CSSけっこうがんばった。マーケットプレイスに公開済 pic.twitter.com/9B6YGR6llc— KC# (@kcpoipoi) 2019年5月2日twitte…

VSCode 拡張機能開発で OAuth 認証 - 4

VSCode 拡張機能開発で OAuth 認証 - 3 <終> - 日々是好日 この記事の続き。型エイリアスと async/await で、OAuth 認証フローをもっと簡単に記述してみた。 認証には oauth モジュールを使用。 全ソースはこちら↓ github.com

VSCode Extension を VSIX ファイルでインストール

開発した拡張機能をインストールしたときのメモ。

VSCodeから記事編集

oauth.put この記事は VSCode 拡張機能からoauth.putをコールして編集しました。

はてな API を叩いて投稿

はてなブログへの記事投稿部分の実装。この記事も VSCode 拡張機能からの投稿です。 HatenaBlogUtil Post するデータはまるっとoauth.postのcontentに入れてしまえば OK らしい。 export default class HatenaBlogUtil{ postMember() { ... const folders = …

ファイル・フォルダを生成して VSCode エクスプローラにドンッッ

やりたいこと コード上でファイル・フォルダを生成する 生成したファイルを VSCode のエクスプローラに表示する コード vscode.WorkspaceEditとvscode.workspace.applyEditを使えばできそうだと思いましたが、 ファイルできる気配がない……( ˘ω˘)ウーン const ed…

updateWorkspaceFolders でハマった件

症状 vscode.workspace.updateWorkspaceFolders(0,0,{uri: vscode.Uri.parse('フォルダパス')}); を実行したら、デバッグは正常に起動しないわなんかメニューバーもサイドバーも表示されない真っ黒い VSCode 画面が表示されるわで冷や汗かいたのでメモ。 デ…

はてなAPI叩いてみた

とりあえず叩いてみただけ。 はてな Blog のカテゴリ一覧取得。oauthモジュール Promise ベースでできれば……ってコールバック地獄になるわけではないから別にいいか( ˘ω˘) this.atomUri = `https://blog.hatena.ne.jp/${id}/${domain}/atom`; /** * Get Hate…

VSCode 拡張機能開発で OAuth 認証 - 3 <終>

最終的にこんな形になりました。Promise ベースで Http リクエストを送れるrequest-promiseモジュールを新たに導入しました。

VSCode 拡張機能開発で OAuth 認証 - 2.5

前回の記事のリクエスト部分を書き直した。 やったことはaxiosを追放して、request及びoauthモジュールで OAuth 認証を完了させたところ。すまんaxios。

VSCode 拡張機能開発で OAuth 認証 - 2

力技で Access Token の取得までやってやりました!!ヾ(:3ノシヾ)ノシ 参考 www.iruca21.com やったこと コード リクエストトークンの取得 はてなログイン処理 連携許可処理(oauth_verifier の取得) Access Token の取得 所感 やったこと VSCode 拡張機能では…

VSCode 拡張機能開発で OAuth 認証 - 1

VSCode で はてなブログ に直接投稿する拡張機能を作っています(唐突)が、OAuth 認証でクソハマったので( ..)φメモメモ ※今回は Request Token の取得までしかできていませんのであしからず ※※getOAuthRequestTokenのcallback_urlに間違いがあったので修正

VSCode の拡張機能開発おぼえがき

完全に趣味( ˘ω˘) 翻訳元 code.visualstudio.com onCommand: Activation Event onCommand:extension.helloWorld ユーザがHello Worldコマンドを実行したときにactivate contributes.commands: Contribution Point コマンドパレットにコマンドを提供 "command…