Visual Studio Code

VS Codeのワークスペースやフォルダーを簡単に切り替える拡張機能【Project Manager】

Visual Studio Codeのワークスペースやフォルダーを1クリックで簡単に切り替え可能な拡張機能「Project Manager」を紹介します。 Pr
ガジェット

Keychron K1 ワイヤレス・メカニカルキーボード (テンキーレス)茶軸

現在使用中のキーボード「Keychron K1 ワイヤレス・メカニカルキーボード(テンキーレス)」という製品を紹介します。 Keychron K1は打鍵感の異な
WordPress

「投稿」エディターが書き出すブロックにのみCSSを適用|編集画面にも反映【WordPress】

ウェブサイトのデザインに合わせてブロックエディターで配置する "見出し" や "段落" 等の見栄えを整えるためのCSSをあらかじめ用意し、投稿単独ページ内のエデ
WordPress

@importが引き起こすadd_editor_style()が効かないトラブルと解決策【WordPress】

WordPressのエディターにCSSを適用する場合は add_editor_style() を使いますが、これが効かない場面に出くわしたことはないでしょうか。
ウェブ制作

Facebookページの投稿を取得してPHPで表示する【グラフAPI v15.0】

企業やグループ等のFacebookページに投稿された記事データを取得してウェブサイトに表示する手順です。今回はPHPで表示する方法を使っています。 使用したバー
ウェブ制作

クリックで開閉するアニメーション付きアコーディオン【CSS/JavaScript/jQuery】

クリックするとアニメーションしながら開閉する折りたたみ要素の実装方法です。今回は主に<details>(詳細折りたたみ要素)とJavaScriptを使って実現す
ウェブ制作

ある日FacebookグラフAPIによるフィード取得ができなくなっていた

過去に制作したウェブサイトでFacebookグラフAPIとアクセストークンを使ってFacebookページの記事データを取得し一覧表示していたのですが、何らかのエ
Visual Studio Code

Visual Studio CodeでのSass導入と基本設定【Live Sass Compiler】

Sassを使えるようにするためにはVisual Studio Codeの拡張機能である Live Sass Compiler (Glenn Marks) が手軽
ウェブ制作

フォントサイズの指定方法と違いを見直してみる【CSS】

ウェブサイト制作時のフォントサイズの指定方法について考え直す機会があったのでそれぞれの違いや見解をまとめてみます。 rem, em, px, % 等、単位の選び
Visual Studio Code

Visual Studio Codeの日本語化

Visual Studio Code(VS Code)を日本語表示にする方法です。 VS Codeの日本語化はマイクロソフトが提供している拡張機能「Japane
PR