例の概要
すべてのサンプルプロジェクト
タスクリストアプリ
データベースにタスクを保存する小さなタスクリストアプリを実装した例です。
カスタム調査アプリ
このアプリはシンプルなユーザー調査です。ナビゲーション、視覚的およびインタラクション状態、カスタムコンポーネントの扱い方を示しています。
スターレーティングコンポーネント
アニメーション付きインタラクティブなスターレーティン グコンポーネントを実装した小さな例です。
URLエンコードされたパラメータを使用したナビゲーション
**複数レベルのナビゲーションスタック**の使用方法と、ページ間で値を渡すために**URLにパラメータをエンコードする方法**を示した例です。
Suatch Google Sheetsの例
デザイナーが良い色を選ぶのを助けるクールなカラーピッカー。Googleシートモジュールを使用しています。
トラベルアプリ
旅行者向けのこのアプリは、カードのような**水平リスト**でいくつかの目的地を表示します。シンプルな**ナビゲーション**システムも含まれています。
Mapboxの例
MapBoxモジュールを使用してマーカー付きの地図を実装する小さなアプリ。
レシピアプリ
MapBoxモジュールを使用してマーカー付きの地図を実装する小さなアプリ。
モーダルウィザード
ポップアップとコンポーネントスタックを組み合わせて、シンプルなモーダルウィザードタイプのフォームを作成する方法を示す例。
CRUDフォーム
CRUDフォームの例。CRUDはCreate、Read、Update、Deleteの略で、この例ではNoodlのデータノードを使用してこれらのアクションを行う方法を示しています。
条件付きフォーム
フォーム内のユーザーが選択するオプションに応じて内容が変わるフォームを使用した例。
Javascriptの例
NoodlでノードとJavascriptを組み合わせる方法を示す例。一括削除やコピーなど、リストに対するいくつかの操作を実装したマルチセレクトリストです。
サインアップ/サインインフォーム
新しいパスワードのリクエストボタンとメールの検証を含む、シンプルなサインアップ/サインインフォームを含むアプリ。