記法のムラゴンブログ

このタグの読者になる 0

「html:5」と「!」の違い

HTMLを書き始めたばかりの方が、VS Codeなどでコード補完を使う際によく疑問に思うのが、「html:5」と「!」って何が違うの？という点です。どちらもHTMLのひな形を素早く生成できますが、使い方や現在の主流には違いがあります。今回は、その違いをわかりやすく解説します。 html:5と... 続きをみる
- html
- 生成
- 入力
- テンプレート
- 主流
- 現在
- キー
- tab
- 機能
たむ webエンジニア発信 | 少しためになるブログ 2026/05/14 06:47
SassとSCSSの違いとは

Web制作やフロントエンド開発を学び始めると、「Sass」や「SCSS」という言葉をよく目にします。しかし、ここで多くの人が混乱するのが、「SassとSCSSって何が違うの？」「どっちを使えばいいの？」という点です。結論から言えば、SCSSの方が現在の主流であり、初心者にも扱いやすい形式で... 続きをみる
- 初心者
- 主流
- 保守性
- 管理
- 制作
- 言語
- コード
- 書き方
- 実務
たむ webエンジニア発信 | 少しためになるブログ 2026/05/11 07:02
BEM記法とは

BEM記法とは、CSSのクラス設計手法の一つで、「Block・Element・Modifier」の頭文字を取ったものです。主に、スタイルの再利用性や保守性を高めることを目的として使われます。 CSSが大規模になると、「どのスタイルがどこに影響しているのか分からない」「クラス名が曖昧で管理できない」... 続きをみる
- bem
- block
- クラス
- 構造
- 設計
- 保守性
- ルール
- スタイル
- 単体
たむ webエンジニア発信 | 少しためになるブログ 2026/04/26 08:19
scssとsassの違いとは？

CSSを書いていると、よく出てくるのが Sass（サス）と SCSS（エスシーエスエス）という言葉です。名前が似ているので混乱しがちですが、結論から言うと SCSSはSassの書き方の一つです。この記事では、「何が違うのか」「どちらを使えばいいのか」を整理して説明します。 Sassとは何か... 続きをみる
- 書き方
- 整理
- 実務
- 現在
- 仕組み
- 拡張
- 見た目
- 混乱
- ケース
たむ webエンジニア発信 | 少しためになるブログ 2026/01/31 07:34
HTMLでよく聞く「エメット（Emmet）」とは？

Web制作の現場で頻出する「エメット」という言葉。これはプラグイン名でもあり、HTML/CSSの入力を“短い省略記法”から一気に展開してくれる省力化ツール群／記法の総称です。ここでは、コードや表を使わずに、概念・メリット・使いどころ・注意点をまとめます。エメットの正体エディタ拡張＋記法エメット... 続きをみる
- 省略
- 骨格
- 入れ子
- 雛形
- 語彙
- 展開
- エディタ
- 入力
- 断面
たむ webエンジニア発信 | 少しためになるブログ 2025/11/09 17:07
# 記法
- Backlogの使い方【応用】　テキスト整形起法（表作成など）
# WEBデザイン
# BDラベル