メインコンテンツへスキップ

チュートリアル

Zylix のチュートリアルへようこそ。各プラットフォームで、セットアップから初回実行までを一気通貫で解説します。

プラットフォームを選ぶ
#

作るもの
#

状態・イベント・UI 更新の流れを学べるシンプルなカウンターアプリです。

開始前に
#

共通の前提条件は はじめる を参照してください。

watchOS チュートリアル

·1 分
概要 # SwiftUI と C ABI ブリッジで watchOS のカウンターデモを実行します。 ステータス # In Development — 最小のカウンター実装です。 前提条件 # macOS 13+ Xcode 15+(watchOS SDK) Zig 0.15+ 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. watchOS 向けにコアをビルド # cd core zig build watchos-sim core/zig-out/watchos-simulator/libzylix.a が生成されます。

Windows チュートリアル

·1 分
概要 # WinUI 3 のデモアプリを Windows で動かします。 前提条件 # Windows 10 1809+ または Windows 11 Visual Studio 2022 .NET 8 SDK Windows App SDK Zig 0.15+ 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. Zig コアをビルド # cd core zig build windows-x64 -Doptimize=ReleaseFast 3. アプリをビルド&実行 # cd ../platforms/windows # Visual Studio で Zylix/Zylix.csproj を開く Visual Studio から実行します(F5)。

Linux チュートリアル

·1 分
概要 # GTK4 の Todo/Counter デモを Linux で動かします。 前提条件 # GTK 4.0+ GCC または Clang pkg-config Make 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. GTK アプリをビルド # cd platforms/linux/zylix-gtk make 3. 実行 # make run-counter # または make run-todo 4. 状態更新を確認 # カウンター操作または Todo 追加で UI が更新されることを確認します。

macOS チュートリアル

·1 分
概要 # macOS 向けの SwiftUI デモアプリを実行し、Todo フローを確認します。 前提条件 # macOS 13+ Xcode 16+ XcodeGen 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. Xcode プロジェクトを生成 # cd platforms/macos xcodegen generate 3. ビルド&実行 # open Zylix.xcodeproj Xcode で Zylix スキームを実行します。

Android チュートリアル

·1 分
概要 # Jetpack Compose と JNI で Zylix デモアプリを Android で動かします。 前提条件 # Android Studio Android SDK (API 26+) Android NDK r25+ 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. Zig コアをビルド(Android ABIs) # cd core zig build android -Doptimize=ReleaseFast 3. ライブラリをコピー # cp zig-out/android/arm64-v8a/libzylix.so ../platforms/android/zylix-android/src/main/jniLibs/arm64-v8a/ cp zig-out/android/armeabi-v7a/libzylix.so ../platforms/android/zylix-android/src/main/jniLibs/armeabi-v7a/ cp zig-out/android/x86_64/libzylix.so ../platforms/android/zylix-android/src/main/jniLibs/x86_64/ cp zig-out/android/x86/libzylix.so ../platforms/android/zylix-android/src/main/jniLibs/x86/ 4. ビルド&実行 # cd ../platforms/android ./gradlew installDebug 5. 状態更新を確認 # アプリを開き、カウンター操作で即時に更新されることを確認します。

iOS チュートリアル

·1 分
概要 # SwiftUI と C ABI ブリッジで Zylix デモアプリを iOS で動かします。 前提条件 # macOS 12+ Xcode 14+ XcodeGen 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. Zig コアをビルド # cd platforms/ios ./build-zig.sh platforms/ios/lib/libzylix.a が生成されます。

Web/WASM チュートリアル

·1 分
概要 # WebAssembly で Zylix のカウンターアプリをブラウザで動かします。 前提条件 # Zig 0.15+ モダンブラウザ 1. リポジトリを取得 # git clone https://github.com/kotsutsumi/zylix.git cd zylix 2. Web サンプルをビルド # cd samples/counter-wasm ./build.sh samples/counter-wasm/zylix.wasm を生成し、samples/counter-wasm/zylix.js がブリッジになります。