資料

ハンバーガーメニュー（JavaScript）

ハンバーガーメニューとは… （ハンバーガーボタン・ハンバーガーナビゲーション）ナビゲーションを格納しているボタンです。スマートフォンのようにスペースが限られた画面の中で、メニュー表示をするために使われるようになりました […]

レスポンシブデザイン（Responsive Design）とはコンピュータ上でのレスポンシブデザインのシミュレーションレスポンシブデザインの体験ウィンドウ幅を変化させたときに、どのようにコンテンツが変化するのかをコ […]

ボックスモデルを利用して、ボタンやカード型のインタフェースを作ります。cssについては、これまでに触れたプロパティをもとに作成してみてください。【準備】 ▼index.html（body要素内に記述）マウスを載せると […]

<header> <main>などに代表されるセマンティックHTMLを使い、意味のある構造作りの練習をします。題材としてウィキペディアの記事を使ったページを作成します。【準備】手順 ①ブラウザ […]

セマンティック（Semantic）HTMLとは「セマンティック（Semantic）」とは、日本語で「意味の、意味論の」という意味で、「ブラウザやコンピュータに対して、その場所がどんな役割（意味）を持っているかを正しく伝 […]

ローカルサーバー（Local Server）とは？自分のコンピュータ上で動作させるサーバーのことです。一方、遠隔地に設置され、インターネット経由でアクセスするサーバーはリモートサーバー（Remote Server）と呼 […]

外部の情報を取得し天気情報を表示するWebアプリケーションを作ります。キーワード：オブジェクト, WebAPI, 非同期処理作成例（完成イメージ）下記の順番で進めます。【準備】フォルダ：javascript_we […]

ここではFigmaを使った制作方法について説明します。ワイヤーフレームの定義や一般的な制作手順については「ワイヤーフレーム」のページを参照してください。新しいファイルの作成 Figmaデザインで新規のファイルを作ります […]