TypeScriptで配列をループする方法 - ６つのループを紹介
TypeScriptで配列をループする方法を説明します。ループ自体はJavaSciptと違いがありません。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Stu...
ー 【ウェブ制作】に関する記事
【JavaScript】Promiseの使い方 - 同期処理や非同期処理って何？
今回はJavaScriptで非同期処理に使うPromiseについて説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57...
TypeScriptでオブジェクトをループする方法 - ４つのループ処理を紹介
今回はTypeScripでオブジェクトをループする方法を説明します。ループ自体はJavaScriptと変わりがありません。 説明する環境は以下です。 macOS Catalina v10.15.5Vi...
CSS + α で画像を横スクロールさせる方法 - スマホでもスクロールバーを常に表示させる
今回はCSSで複数の画像を横スクロールさせる方法について説明します。 ・デモサイト 前提条件は以下です。 画像の横スクロールはCSSで行うPCでもスマホでも、スクロールバーは常に表示させる（JavaS...
【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を採用 説明環境は以...
