D2 【第2回】D2を実務で使いこなす！テーマ変更・アイコン埋め込み・VS Code環境構築まで徹底解説
次世代図解ツール「D2」の連載第2回！コマンド一つで全体の見た目を変えるテーマ変更から、手元のロゴや画像を自由に図へ埋め込む手順、エディタ上で爆速開発を可能にするVS Codeのリアルタイムプレビュー環境の構築までを徹底解説！
VSCode
D2 
技術 Microsoft の Monaco Editor とは？VS Code の心臓部を徹底解説
Microsoft製の「Monaco Editor」を徹底解説。VS Codeの核となるエディタ機能やDiff（比較）機能の特徴、GitHub Copilotとの違い、最適なユースケースを紹介します。ブラウザ上で高度な開発体験を実現するための基礎知識を網羅したガイドです。
AI Google AI Studioの無料枠でAPIキーを発行し、Clineで使う方法【完全ガイド】
Google AI Studioの無料枠でGeminiのAPIキーを発行し、VSCode拡張機能Clineに設定する手順を画像付きで解説。プロジェクト作成からキーのコピー、Cline側でGoogle Geminiを選んで貼り付けるまでと、動作確認の方法、無料枠で使った使用感までをまとめました。
AI VSCode「Continue」でOllamaを動かす完全ガイド
この記事では、VSCodeのContinue拡張とローカルLLM環境Ollamaの連携設定を詳しく解説します。インストール手順、設定例、動作確認ポイントを初心者でもわかりやすく解説。開発効率を向上させる最適な環境構築方法を紹介します。
VisualStudioCode Visual Studio Code拡張機能でサイドバーにコマンドボタンを設置する方法
Visual Studio Code拡張機能でサイドバーに独自のコマンドボタンを簡単に設置する方法をわかりやすく解説。package.jsonによるビューコンテナ定義とviewsWelcomeでのボタン表示手順、コマンド実装までを初心者にも丁寧に紹介します。
VisualStudioCode VSCode拡張機能のpackage.json完全解説
VSCode拡張機能のマニフェストファイル「package.json」を完全解説。name・version・publisher・enginesなどのフィールド一覧、activationEventsの種類、contributesで定義できるコマンドや設定・ビューなどを表と具体例で説明します。
VisualStudioCode 【完全初心者向け】VSCode拡張機能開発とTypeScriptの基本を徹底解説
VSCode拡張機能開発をこれから始める方向けの完全ガイド。TypeScriptの基本的な使い方から、拡張機能の起動と終了を管理するactivate関数・deactivate関数の仕組みまで、初心者にも分かりやすく丁寧に解説します。高品質な拡張機能作成に必要な知識をすべて網羅。
VisualStudioCode 【初心者向け】Node.jsインストールから始めるVSCode拡張機能開発入門｜GitなしでHello Worldを動かすまで
VSCode拡張機能の開発を初心者向けに解説。Node.jsのインストールからGitなしで拡張機能の雛形作成、バンドラー・パッケージマネージャ選択、Hello Worldコマンドの実行まで、簡単にスタートする方法を詳しく紹介しています。
技術 VSCodeで作業効率アップ！便利ショートカット10選
VSCodeの作業効率を上げるショートカット10選を紹介。コード補完のCtrl+Space、複数行編集、コマンドパレット、クイックオープン、検索・置換など、開発や執筆で毎日使える定番キー操作を厳選して解説します。マウス操作を減らして時短したい人におすすめです。
linux UbuntuにVisual Studio Codeをインストールする2025年最新ガイド
Ubuntu 24.04 LTSにVisual Studio Codeをインストールする方法を解説。自動更新に対応する公式リポジトリ経由の手順を中心に、Snapや.deb、Ubuntu Softwareとの比較、日本語化、主要ショートカット、起動エラー時のトラブルシューティングまでまとめています。