サンプル集

ichigo.js の動くサンプルです。各ページはソースを読みながら試せます。

アプリ例

• Todo リスト — data / computed / リスト操作、localStorage 連携
• ショッピングカート — 数量・合計の算出、双方向バインド
• 商品検索 — 入力に応じた絞り込みと並べ替え

ディレクティブ・連携例

• チャート連携 — userData で外部ライブラリ（Chart.js）を保持・破棄
• アニメーション — アニメーションライブラリとの連携
• ライフサイクルフック — @mounted / @updated / @unmounted の挙動

Observer ディレクティブ

• Resize Observer — v-resize で要素サイズの変化を監視
• Intersection Observer — v-intersection で可視判定（遅延読み込み等）
• Performance Observer — v-performance でパフォーマンス計測

すべての一覧は ichigojs のサンプルトップ を参照してください。文法の詳細は「基本ガイド」へ。