日々是好日

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

TypeScript

Firebaseの初期化でハマった

Firebaseの初期化でめちゃくちゃハマったのでメモ。 ネット上をさまよったが、どうもFirebaseの新旧のバージョンで書き方が変わったため、かなり情報がごちゃごちゃになってるっぽい。 環境 何ができなかったのか 何が原因だったか どうやって解決したか コ…

CLIP STUDIO PAINTファイルからプレビュー画像を生成する

CLIP STUDIO PAINT ファイル(.clip)のプレビュー画像を node.js で出力したのでメモ。 なお、fs.readFileSync/writeFileSyncを使用しているが、 テスト用に記述してるだけなので、実装する場合はfs.readFile/writeFile推奨。 コード 解説 clipファイルの読…

VSCode実践ガイドでWebアプリ開発環境を作ってみた

森下様の著書「Visual Studio Code 実践ガイド」をフラゲ()したので、 本書に従い初めてVue.js+TypeScriptで開発環境を作ってみました。 gihyo.jp Vueでの開発環境構築なんてコマンドライン一発でしょ? 環境構築 フォルダ構成 tscの導入 その他のパッケ…

Sushi Buffet を支える技術 ver2.0.0

VS Code でいつでも回転寿司を眺められる拡張機能を作りました。 sushi-buffetを支える技術 - 日々是好日 のメジャーアップデートです。 マーケットプレイスはこちら。 marketplace.visualstudio.com ぎとはぶ github.com どうやって回転させているの? 追加…

sushi-buffetを支える技術

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

Node.js でシェルコマンド

VSCode の拡張機能でシェルコマンドを書いたので( ..)φメモメモ VSCode の画面を構成するworkbench.main.cssが超長かったので、 文字列をプログラム中で取得せずに編集できないか検討してみた。 やること 特定のファイルに書き込まれた文字列をシェルコマン…

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

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

技術書典6 - VSCode Extension Start Book の紹介

4月14日(日)に開催される技術書典6にて、 「Visual Studio Code Extension Start Book」 という本を頒布します。配置は「き36」です。 techbookfest.org 本エントリにて、どのような本か、どのレベルの読者を想定して執筆したかを紹介していきます。 サン…

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 拡張機能では…