Web App

Ayisha.js、HTML-first JavaScript フレームワーク

Ayisha.js は、ビルドツールチェーンなしでリアクティブな Web アプリを作るために私が作成したオープンソースのマイクロフレームワークです。HTML-first の構文、30 以上のディレクティブ、ネイティブ SPA ルーティング。ayisha.app は公式サイトで、ドキュメント、wiki、チュートリアル、ライブデモを提供し、Ayisha.js 自体で完全に構築されています。

Ayisha.js 公式サイト。ドキュメント、チュートリアル、ライブデモ

課題

現代の JavaScript は React、Vue、Svelte と bundler、npm、急な学習曲線を意味することが多い。ランディングページや小さなプロトタイプでも同様です。もっと軽いものが欲しかった：ディレクティブ付き HTML を書き、1 つの script タグを入れて公開する。市場にその力とシンプルさのバランスを実現するツールはなかった。

ソリューション

Ayisha.js をゼロから設計・開発しました。リアクティブな状態、再利用可能な HTML コンポーネント、Vue と Angular に触発された 30 以上のディレクティブを備えるマイクロ VDOM フレームワークです。ビルドステップ不要、依存関係なし。個人プロジェクトとして始まり、実用的なツールに成長しました。ayisha.app はフレームワークの本拠地であり最高のデモでもあります。インタラクティブなチュートリアル、ディレクティブ wiki、コースページ、比較表。すべて Ayisha.js で書かれています。

スタックと技術

Ayisha.js · Vanilla JavaScript · Virtual DOM · HTML-first ディレクティブ · SPA ルーティング · MIT ライセンス · jsDelivr CDN · GitHub (BenJrSky/ayisha.js)

結果

Ayisha.js は ayisha.app で公開され、MIT ライセンスで GitHub にあります。開発者は 1 つの script タグで始め、wiki で 30 以上のディレクティブを参照し、実際のコードでステップバイステップのチュートリアルを進められます。サイトはそれ自体がフレームワークの実証です。webpack なしでプロトタイプ、ドキュメント、軽量アプリを構築できます。