用語集に戻る
プログラミング基礎上級

ワイヤーフレーム

ワイヤーフレーム

一言で言うと

画面レイアウトの骨組み図。

もう少し詳しく

一言で言うと

画面レイアウトの骨組み図。

もう少し詳しく

画面レイアウトの骨組み図。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

ワイヤーフレームとは、画面のレイアウトや要素の配置を線と図形だけで表した設計図のことです。色やビジュアルデザインは含まず、ページ構成・ナビゲーション・コンテンツの位置関係を関係者間で共有・確認するために使います。

実務でどう使うか

  • 学習初期: プログラミング初心者がまず押さえる基本概念のひとつです

  • 関係者レビュー ── デザイナー・エンジニア・クライアントが画面仕様を確認・合意するための共通言語として使います

  • 実装前の確認 ── エンジニアがフロントエンド実装を始める前に、Figmaなどのデザインツールで画面の構成を確認する際に参照します
  • 関連する章

    Ch254 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る