ここではFigmaを使った制作方法について説明します。ワイヤーフレームの定義や一般的な制作手順については「ワイヤーフレーム」のページを参照してください。 新しいファイルの作成 Figmaデザインで新規のファイルを作ります […]
資料
ワイヤーフレーム
ワイヤーフレームとは ワイヤー（線）によるフレーム（枠）。画面設計の把握に使います。サイトマップが情報の設計図なら、ワイヤーフレームは情報の配置図、見た目の設計図に相当します。 →Google画像検索：ワイヤーフレーム […]
サイトマップ
サイトマップとは ページ構成を整理した図。ページ構成図。文字通り「サイトの地図」に相当するものを指します。情報の設計図です。 →Google画像検索：サイトマップ その他のサイトマップ SEO対策用で、検索エンジンにペー […]
商品リスト（JavaScript）
オブジェクトを使って、絞り込み機能付きの商品リストを作ります。 キーワード：オブジェクト 作成例（完成イメージ） 下記の順番で進めます。 【準備】フォルダ：javascript_object ①JavaScriptを書く […]
タブUI（JavaScript）
繰り返し処理と関数を使って、タブUIをつくります。 キーワード：For文、関数 作成例（完成イメージ） 下記の順番で進めます。 【準備】フォルダ：javascript_tab ①JavaScriptを書くための準備で作成 […]
テンプレート（ブロックテーマ）
テンプレートとは レイアウトの設計図のこと。WordPressを初めとするCMSでは、コンテンツ（中身）とテンプレート（設計図）は別々に管理されています。テンプレートを編集することで、作成する投稿やページは全てテンプレー […]
ブロックエディタ
ブロックエディタとは WordPressのエディタでは、見出し、文章、画像、動画…など、全ての要素が「ブロック」と呼ばれるパーツで構成されています。 ページはもちろんのこと、フルサイト編集対応のテーマではテンプレートのパ […]
フルサイト編集の基本
WordPressのテーマ（Theme）とは？ サイトの外観（視覚情報と構造）を決める仕組みのこと。WordPressでは、設計の情報とコンテンツが分離されているため、同じコンテンツでもテーマを変えると全く異なるデザイン […]