alibaba/ice

これは何？

主な機能

• 01ES6+、TypeScript、Less、Sass、CSS Modulesを設定不要で利用可能
• 02ファイルシステムルーティングと、標準搭載の状態管理・リクエスト用ユーティリティ
• 03ビルド時の静的生成（SSG）とリクエスト時のサーバーレンダリング（SSR）
• 04コミュニティによる再利用可能な拡張機能を提供するプラグインシステム
• 05Web、ミニプログラム、Weexに対応

ユースケース

• ReactでシングルページまたはマルチページのWebアプリケーションを構築
• SSRまたはSSGが必要な、サーバーレンダリング対応のReactサイトを構築
• ReactのコードからWebとミニプログラムの両方のフロントエンドを開発するチーム

クイックスタート

1. 1

   create-iceで新しいice.jsアプリを作成する

   npm init ice ice-app --template @ice/lite-scaffold
2. 2

   プロジェクトディレクトリに移動する

   cd ice-app
3. 3

   依存関係をインストールする

   npm install
4. 4

   ローカル開発サーバーを起動する（http://localhost:3000で実行）

   npm run start

収録されている特集

トピック

よくある質問

ice とは？

ice.jsは、ファイルシステムルーティング、SSG/SSR、プラグインシステムを備え、Web・ミニプログラム・Weexに対応するReactベースのアプリケーションフレームワークです。 ice.jsは、導入後すぐに使えることを目指したReactアプリケーション構築用フレームワークです。ES6+、TypeScript、Less、Sass、CSS Modulesを手動設定なしで利用できるほか、ファイルシステムルーティング、状態管理、データリクエスト用ユーティリティを標準で備えています。

ice は無料で使えますか？ライセンスは？

ice は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

ice は今もメンテナンスされていますか？

半年以上コミットなし。ice の最終コミットは 2026年4月2日 です。

ice は何に使えますか？

ReactでシングルページまたはマルチページのWebアプリケーションを構築 SSRまたはSSGが必要な、サーバーレンダリング対応のReactサイトを構築 ReactのコードからWebとミニプログラムの両方のフロントエンドを開発するチーム

ice のインストール方法は？

create-iceで新しいice.jsアプリを作成する: npm init ice ice-app --template @ice/lite-scaffold プロジェクトディレクトリに移動する: cd ice-app 依存関係をインストールする: npm install ローカル開発サーバーを起動する（http://localhost:3000で実行）: npm run start

ice はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/alibaba/ice