【WordPress】functions.phpを分割して管理する方法 - 用途ごとにファイルを分ける
今回はWordPressのfunctions.phpを分割して管理する方法を説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code...
ー 新しい記事 一覧
TypeScriptでオブジェクトをループする方法 - ４つのループ処理を紹介
今回はTypeScripでオブジェクトをループする方法を説明します。ループ自体はJavaScriptと変わりがありません。 説明する環境は以下です。 macOS Catalina v10.15.5Vi...
CSS + α で画像を横スクロールさせる方法 - スマホでもスクロールバーを常に表示させる
今回はCSSで複数の画像を横スクロールさせる方法について説明します。 ・デモサイト 前提条件は以下です。 画像の横スクロールはCSSで行うPCでもスマホでも、スクロールバーは常に表示させる（JavaS...
【DIY】洗濯機の上に収納棚を作る手順
今回は洗濯機の上に収納棚を作る方法について説明します。 前提条件は以下です。 壁に穴をあけない棚は２段、位置は変更できないDIY初心者が作る DIY】洗濯機の上に収納棚を作る手順 洗面所の収納スペース...
【JavaScript】論理演算子の&&と||の意味を正しく理解する
||のことを「または」と呼び、&&のことを「かつ」として覚えることが多いですが、実際にはどのように判定されているか説明していきます。 || （または）の判定について ||の場合は、左ま...
【TypeScript】基礎的な型のつけ方 - 型の種類を整理する
今回はTypeScriptの基本的な型の使い方について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0Type...
webpack 5でTypeScriptとPugの設定方法 - BabelによるIE11対策も紹介
今回はwebpack5でTypeScriptとPugの設定方法について説明します。 設定する内容は以下です。 TypeScriptの設定Pugの設定BabelによるIE11対応ESLintとPrett...
webpack 5の設定方法 - Dart SassやAutoprefixer、Babel、画像の圧縮などを自動化する
今回はwebpack5の設定方法について説明します。 設定する内容は以下です。 Dart SassCSSのAutoprefixerの設定JavaScriptをBabelでトランスパイル画像の圧縮開発サ...
【VSCode】Dart Sassが使える拡張機能 - DartJS Sass Compiler and Sass Watcherの使い方
今日はVSCodeのDart Sassが使える拡張機能「DartJS Sass Compiler and Sass Watcher」の使い方を説明します。この拡張機能で@useや@fowardが使用で...
Sassで@useと@forwardを使ったサイト設計 - @importから切り替える手順
今回はSassの@useと@forwardを使ったサイト設計について説明します。 前提条件 非推奨予定の@importは使わない@useと@forwardを使ったDart Sassを採用 説明環境は以...
