
Fold
インタラクティブ数学学習
GPT 6.1 Sol
7 · デザイン事例
円の面積の導出、回路の組み立て、分子構造、チェスの戦術など、知識を操作可能なステップに変えた学習事例を紹介します。デモ、練習、具体的なフィードバックがどうつながるかを比較できます。
学習者が各ステップで何をし、その操作によって概念がどう明らかになるかを見ます。誤答時には現在の操作に即した説明があり、完了後も点数や「不正解」だけでなく、考えた過程を振り返れることが大切です。
インストール・使用ガイド →
インタラクティブ数学学習
GPT 6.1 Sol

物理教育ラボラトリー
GPT 6.1 Sol

化学学習・分子構築
GPT 6.1 Sol

チェスタクティクスレッスン
GPT 6.1 Sol

インタラクティブ科学解説
GPT 6.1 Sol

子ども向けコーディングアドベンチャー
GPT 6.1 Sol

言語学習アプリ
GPT 6.1 Sol
モバイルアプリを「幅を狭めたデスクトップWebページ」にしない方法を解説します。390×844の実ビューポートと複数画面ページscreens.htmlを使い、サーフ予報、配車、デジタルバンキング、瞑想などのモバイルUIを設計します。
デザイン手法 · 複数方向の並列比較1回の生成で一案しかなければ、それが最適かどうか判断できません。Oil UIのHTML比較ページの仕組みと、同じブリーフから作られたOrvo、Atelier Volders、Fonderie Mercierの複数方向の完成品を紹介します。
デザイン手法 · 実際のスクリーンショットとブラインドレビューJSXとCSSを見るだけでは、文字の切り詰め、くすんだコントラスト、レイアウトの重心の偏りを見つけられません。Oil UIが1440px / 390pxの実ブラウザースクリーンショット、200%の部分拡大、色面構造図、コンテキストなしのサブエージェントレビューで品質を確認する方法を解説します。