KnowledgeWebデザインを知る

  • モーダルウィンドウとは? JS実装例とUXでの使い分け完全ガイド

    モーダルウィンドウとは? JS実装例とUXでの使い分け完全ガイド

    小林祐也

    小林祐也

    2026.03.24 更新
    • モーダルとは?
    • モーダルとポップアップの違い
    • モーダルを使うべきUI設計パターン
    • モーダルを使うべきでないケース
    • モーダル vs ページ遷移の判断基準
    • まとめ

Online SchoolWebデザインを学ぶ

powered by デザデジ
  • Webサイトの設計図

    Webサイトの設計図

    02:12
  • サイトが公開されるまで

    サイトが公開されるまで

    01:54
  • Figma(フィグマ)とは

    Figma(フィグマ)とは

    01:03
  • Figmaのインストールと初期設定

    Figmaのインストールと初期設定

    00:46
  • Figmaのホーム画面の見方

    Figmaのホーム画面の見方

    02:06
  • デザインファイルを作る

    デザインファイルを作る

    00:50
  • デザインファイルの構成を知る

    デザインファイルの構成を知る

    01:49
  • 各種ツールの使い方

    各種ツールの使い方

    04:57

Short Knowledge

  • 【AI】Figma × Figcomponentsで高品質ベースデザインを爆速作成!

  • 【Ai】アートブラシで矢印やイラストを自由に調整する方法

  • 【Figma】ガラスのぼかしの 作り方

  • 【Figma】球体がくっついた ようなシェイプの作り方!

  • 【Figma】テキストの上下の余白を上下綺麗に揃える方法

  • 【Ai】1秒でイラストをポリゴン化する方法!