Makepad 入門ガイド
Makepad開発のエントリーポイント。利用可能なスキルとMakepadアプリケーションの構築方法をここから学びます。
クイックスタート
- 新規プロジェクト? → プロジェクトのスキャフォールディングと初期化
- プロジェクトの構成? → プロジェクト構造を学ぶ
- 基礎を学ぶ? → Makepad Coreで基礎を学ぶ
スキル概要
| カテゴリ | 説明 | 使用場面 |
|---|---|---|
| makepad-getting-started | プロジェクトのセットアップと構造 | 新規プロジェクト開始時 |
| makepad-core | レイアウト、ウィジェット、イベント、スタイリング | 基礎を学ぶ |
| makepad-components | 組み込みウィジェットリファレンス | 特定のコンポーネントが必要な時 |
| makepad-graphics | シェーダー、SDF、アニメーション | ビジュアルエフェクト |
| makepad-patterns | 状態、非同期、レスポンシブデザイン | 高度なパターン |
| makepad-deployment | 全プラットフォーム向けビルド | アプリのパッケージング |
| makepad-reference | トラブルシューティング、コード品質 | デバッグ、リファクタリング |
| makepad-evolution | 自己改善スキル | 自動学習 |
最初のステップ
# 新しいMakepadプロジェクトを作成
cargo new my_app
cd my_app
# Cargo.tomlにMakepad依存関係を追加
[dependencies]
makepad-widgets = { git = "https://github.com/makepad/makepad", branch = "rik" }
# 実行
cargo run
主な機能
- クロスプラットフォーム:デスクトップ、モバイル、Web向けの単一コードベース
- GPUアクセラレーション:カスタムシェーダーベースのレンダリングとSDF描画
- ライブデザイン:ホットリロード可能なDSLによる迅速なUI開発
- 高性能:ネイティブコンパイル、仮想DOMなし
リソース
- Makepadリポジトリ
- Project Robius
- Robrix - Matrixチャットクライアントリファレンス
- Moly - AIモデルマネージャーリファレンス
次のステップ
プロジェクトをセットアップした後、探索:
- makepad-core - レイアウトシステムとウィジェットを学ぶ
- makepad-components - 利用可能なUIコンポーネントを閲覧
- makepad-patterns - 再利用可能なパターンを発見
コメント
まだコメントがありません。最初のコメントを投稿してください!
関連ツール
Makepad コア概念
makepad.nl
live_design!マクロを使用したレイアウトシステム、ウィジェット、イベント処理、スタイリングを含むMakepad UI開発の基本的な構成要素。
Makepad コンポーネントギャラリー
makepad.nl
すべてのMakepad組み込みウィジェットの使用例付きクイックリファレンス。ボタン、入力、スライダー、チェックボックス、ドロップダウン、ラベル、アイコン、仮想リストをカバー。
Makepad デプロイメント
makepad.nl
デスクトップ(Linux、Windows、macOS)、モバイル(Android、iOS)、Web(Wasm)プラットフォームでMakepadアプリケーションを配布用にパッケージ化。完全なビルドとデプロイガイド。
関連インサイト

Anthropic Subagent: マルチエージェント時代のアーキテクチャ革命
Anthropicのマルチエージェントアーキテクチャ設計を徹底解説。Subagentによるコンテキストウィンドウ制限の突破、90%のパフォーマンス向上、Claude Codeでの実際の応用について学びます。
Claude Skills 完全ガイド - 必須10大 Skills 徹底解説
Claude Skills の拡張メカニズムを深掘りし、10の中核スキルと Obsidian 連携を詳しく解説。高効率な AI ワークフロー構築を支援します
Skills + Hooks + Plugins:AnthropicによるAIコーディングツールの拡張性の再定義
Claude CodeのSkills、Hooks、Pluginsという三位一体アーキテクチャを深く分析し、なぜこの設計がGitHub CopilotやCursorよりも先進的なのか、そしてオープンスタンダードを通じてAIコーディングツールの拡張性をどのように再定義しているかを探ります。