Visual Studio Code VS Codeで使えるAIチャットの準備と基本操作【GitHub Copilot Chat】
VS Code で使える会話形式AI、"Copilot Chat" を初めて触った体験をもとに、基本的な知識や使うまでの準備をまとめました。気になっているけどま
Visual Studio Code ウェブ制作 XAMPPのMySQLが起動しない
ローカル制作環境のXAMPPを起動した際、Apacheは起動するもののMySQLが起動しない事象が発生しました。完全解決したわけではないのですが参考になればと思
WordPress 「投稿」エディターが書き出すブロックにのみCSSを適用｜編集画面にも反映【WordPress】
ウェブサイトのデザインに合わせてブロックエディターで配置する "見出し" や "段落" 等の見栄えを整えるためのCSSをあらかじめ用意し、投稿単独ページ内のエデ
ウェブ制作 親要素のサイズに合わせて伸縮する背景画像【Figma】
Figmaでは、要素のサイズ変更に応じて背景画像を自動的に伸縮させる設定が可能です。この機能を活用することで、レスポンシブデザインやさまざまな画面サイズへ対応し
ウェブ制作 XServerで無料独自SSLを設定する
レンタルサーバーのブランドの1つであるエックスサーバーでは、運用中のドメインに対して無料独自SSLを利用できます。ここではXServerでのSSLを有効にする手
ガジェット 骨伝導イヤホン Shokz OpenRun Pro
現在使用中の骨伝導イヤホン「Shokz OpenRun Pro」を紹介します。「Shokz OpenRun Pro」は骨伝導イヤホンを得意とするブランドである
ウェブ制作 こんなときは？Figmaで困ったときのヒント10選
Figmaでのデザイン制作時に学んだ点やつまづいた点をいくつか挙げてみました。私自身Figmaを使い始めて日が浅いため初歩的な内容も多いですが、同じようにつまづ
Visual Studio Code 英単語のスペルチェックを行うVisual Studio Codeの拡張機能【Code Spell Checker】
「Code Spell Checker」は、VS Codeでのタイポ（英単語のスペルミス）を自動的にチェックしてくれる拡張機能です。ファイル名やディレクトリ名、
ウェブ制作 最近学んだHTML・CSS関連TIPS10選
様々な場面で役立ちそうなものや今後の標準になりそうなもの等、HTML・CSSに関する新しく学んだものを紹介します。特に後半で紹介している @layer や @s
Visual Studio Code マークを付けた任意の行に移動可能なVS Codeの拡張機能【Bookmarks】
行数の多い文書やソースコードを編集中、離れた行に書いてある変数や関数の確認、頻繁に修正する可能性がある箇所など、任意の行に素早く移動したいと思ったことはないでし