エッグデザインオフィス

想いを「カタチ」にするWEB屋

エッグデザインオフィス

WEBサイト制作でよくある用語集

ま行一覧

マークアップ(Markup)
HTMLなどを使って文書の構造を記述すること。タグ (h1, p, div など) を用いてコンテンツの意味を定義する。
マージ(Merge)
複数のファイルやコードを統合すること。Gitなどのバージョン管理システムでは、異なるブランチの変更を統合する操作を指す。
マージン(Margin)
CSSで要素の外側に設ける余白のこと。margin: 10px; のように指定し、要素同士の間隔を調整する。
マテリアルデザイン(Material Design)
Googleが提唱するデザインガイドライン。影やアニメーションを使い、直感的で一貫性のあるUIデザインを実現する。
マルチデバイス(Multi-Device)
PC、スマートフォン、タブレットなど異なるデバイスで快適に閲覧できるように設計すること。レスポンシブデザインと関連が深い。
マルチスレッド(Multi-Thread)
一つのプログラム内で複数の処理を同時に実行する仕組み。WEB開発では非同期処理やパフォーマンス向上のために利用される。
ミドルウェア(Middleware)
OSとアプリケーションの間で動作するソフトウェア。WEB開発では Apache, Nginx, MySQL などが代表的。
ミニファイ(Minify)
HTML, CSS, JavaScript の不要なスペースや改行を削除して、ファイルサイズを小さくする処理。サイトの表示速度を向上させる目的で行う。
メインビジュアル(Main Visual)
WEBサイトのトップやファーストビューに表示される大きな画像や動画。ブランドイメージを伝えるために使用される。
メタタグ(Meta Tag)
HTMLの head 内で記述するタグで、ページの情報を検索エンジンやブラウザに伝える。例: meta name="description" content="サイトの概要"
メディアクエリ(Media Query)
CSSでデバイスの画面サイズに応じてスタイルを変更する機能。レスポンシブデザインの実装に不可欠
@media (max-width: 600px) {
body { background-color: lightgray; }
}
モーダルウィンドウ(Modal Window)
ページの上に重なる形で表示されるウィンドウ。ユーザーの操作を一時的に制限し、重要な情報を伝えるために使われる。
モバイルファースト(Mobile First)
WEBデザインの手法の一つで、スマートフォン向けのデザインを優先し、それを基にPC向けデザインを展開する考え方。
モックアップ(Mockup)
WEBサイトやアプリのデザインやUIを確認するために作成する静的な試作モデル。ワイヤーフレームより詳細なデザインを含む。
モジュール(Module)
コードやデザインを独立した部品(パーツ)として管理し、再利用しやすくする設計手法。JavaScriptの import / export などが関連する。
モノクロームデザイン(Monochrome Design)
白黒やグレースケールを基調としたデザイン手法。シンプルで洗練された印象を与える。