毎日使うテキストエディタ、VS Code（Visual Studio Code）、使いこなせていますか？ VS Codeは、ただコードを書くだけのツールではありません。 拡張機能は、VS Codeの機能を「追加」したり「強化」したりする小さなプログラムのようなものです。例えば、 作業の ...

VS Codeには便利な機能拡張がたくさんありますが、その中から特にHTMLを書いたり、修正する時に役立つ機能拡張を紹介します。 VS Code Extensions for HTML by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを ...

GitHubは、2025年4月4日（米国時間）、Microsoftの創業50周年に合わせて、GitHub Copilotにおける複数のアップデートを発表した。 MCP（Model Context Protocol）に対応したGitHub Copilotの「エージェントモード（Agent Mode）」をすべてのVisual Studio Code（VS Code）ユーザーに提供 ...

HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは見やすくなりますね！ 枠のボーダーや背景、ネストの深さを ...

本記事はFIXERが提供する「cloud.config Tech Blog」に掲載された「【VSCode】オススメ拡張機能10選！！」を再編集したものです。 こんにちは、うみのです。 今回はVSCodeにて、よく使っている拡張機能や開発時のテンションを向上させる拡張機能を紹介したいと思い ...

今､HTMLコーディングしているのですが､とても楽しいですね｡ ｢これが俺の生きる道？｣ 知らんけど（笑）｡ ソースコードに癒やされる 今､HTMLとSCSS､そしてmixinのファイルを開いています｡ コードだらけ｡ それが癒やされるのですよね｡ ちなみに ...

Zen CodingはHTMLのタグやCSSのスタイル定義の記述をショートカット化し、決められた略語を記述するだけで複雑なマークアップを展開できるようにするツールである。たとえば、次のような略語が用意されている。 HTMLのタグやCSSのプロパティに合わせて ...

Zen Codingの機能はHTMLエディタだけでなく、Javaエディタなどでも使用することができるため、Javadocの記述時などにも活用することができるだろう (ただし、複数行で展開されてしまうようなケースだとJavadocコメントが崩れてしまうため、実用上利用できるのは単一のタグの展開などに限られる)。