ホーム
ゲーム開発
Unity
UnrealEngine
C++
ゲーム数学
ゲームAI
サウンド
アニメーション
GBDK
制作日記
3DCG
Houdini
Blender
USD
グラフィックス
テクノロジ
生成AI関連
ツール開発
フロントエンド関連
サーバサイド関連
ソフトウェア設計
ハードウェア関連
おすすめ技術書
音楽
DTM
楽器・機材
ピアノ
その他
都会のエレキベア
ラーメン日記
四コマ漫画
おすすめアイテム
おもしろコラム
  • ゲーム開発
    • Unity
    • UnrealEngine
    • C++
    • ゲーム数学
    • ゲームAI
    • サウンド
    • アニメーション
    • GBDK
    • 制作日記
  • 3DCG
    • Houdini
    • Blender
    • USD
    • グラフィックス
  • テクノロジ
    • 生成AI関連
    • ツール開発
    • フロントエンド関連
    • サーバサイド関連
    • ソフトウェア設計
    • ハードウェア関連
    • おすすめ技術書
  • 音楽
    • DTM
    • 楽器・機材
    • ピアノ
  • その他
    • 都会のエレキベア
    • ラーメン日記
    • 四コマ漫画
    • おすすめアイテム
    • おもしろコラム
JP|EN
  1. ホーム
  2. 20251122_01_vscode_image_resizer

【VSCode】ドラッグ&ドロップで画像ファイルをリサイズ・保存する拡張機能を作る

ツール開発JavaScriptVSCodeVSCode拡張機能TypeScript
2025-11-22

  1. 1. 開発の経緯
  2. 2. VSCode拡張機能の開発方法
  3. 1. 拡張機能テンプレートの作成
  4. 2. デフォルト実装の確認
  5. 3. デバッグ方法
  6. 4. パッケージング
  7. 3. 画像リサイズ・保存機能の実装
  8. 1. 実装する機能の概要
  9. 2. 画像操作ヘルパークラスの用意
  10. 3. VSCode内イベントとの紐づけ
  11. 1. ドラッグ&ドロップの検知
  12. 2. ツール設定の取得
  13. 3. 画像情報取得・幅の入力メッセージ表示
  14. 4. 画像リサイズ・保存処理
  15. 4. おわりに

ツール開発JavaScriptVSCodeVSCode拡張機能TypeScript
2025-11-22
記事をSNSで共有する
X
Facebook
LINE
はてなブックマーク
Pocket
LinkedIn
Reddit

著者の各種アカウント
フォローいただけると大変励みになります！
X
GitHub

関連記事
【Remotion】Reactで動画制作！Remotionの基本的な使い方を学ぶ【サンプル付き】
2026-09-08
【PySide6】Whisperで文字起こし・歌詞の表示時刻を取得するGUIツールを作る【Whisper Toolkit】
2026-09-07
【Next.js】ブログのローカライズ対応を行ったので内容をまとめる【Elekibear Spark】
2026-08-23
【Node.js】Amazonアソシエイトリンクの取得をPA-APIからCreators APIに移行する
2026-07-20
【Astro × Three.js】エンジニア向けポートフォリオサイトを作る【Plasmo Portal】
2026-06-08
【PySide6】スクリプトを登録・実行できる汎用Launcherツールを作る【Command Launcher】
2026-06-07
【Three.js】カスタムシェーダーでトゥーン+背面法アウトラインを実装する
2026-02-15
【Three.js】Three.js入門 - シーン構築・モデル読み込み・ポストプロセスまで
2026-02-15