chore: Emakiが将来どうなるかのスケッチを追加

README.md

@@ -26,3 +26,42 @@ emaki = [
 ```shell
 $ npx elm-emaki
 ```
+
+## 将来的なemakiの例
+
+動作を見たいview関数の実装`someView : Args -> Html msg`があった時、emakiファイルをこんな
+感じに書くと動作確認できる画面ができる予定。
+
+
+```elm
+import Emaki
+
+
+-- elm-emakiで表示したいviewをimport
+import YourProject.UserProfileCard (view)
+
+
+-- viewはこんな感じのものを想定
+-- view : { userName : String, active : Boolean } -> Html msg
+
+
+main : Emaki.Emaki
+main =
+    Emaki.chapters
+        [ Emaki.chapter
+            { view = view
+            , props =
+                [ Emaki.text
+                    { init = ""
+                    , label = "user name"
+                    , onChange = \newValue viewProp -> { viewProp | userName = newValue }
+                    }
+                , Emaki.toggle
+                    { init = False
+                    , label = "active?"
+                    , onChange = \newValue viewProp -> { viewProp | active = newValue }
+                    }
+                ]
+            }
+        ]
+```