Skip to main content

例の概要

すべてのサンプルプロジェクト

タスクリストアプリ

データベースにタスクを保存する小さなタスクリストアプリを実装した例です。

カスタム調査アプリ

このアプリはシンプルなユーザー調査です。ナビゲーション、視覚的およびインタラクション状態、カスタムコンポーネントの扱い方を示しています。

スターレーティングコンポーネント

アニメーション付きインタラクティブなスターレーティングコンポーネントを実装した小さな例です。

URLエンコードされたパラメータを使用したナビゲーション

**複数レベルのナビゲーションスタック**の使用方法と、ページ間で値を渡すために**URLにパラメータをエンコードする方法**を示した例です。

Suatch Google Sheetsの例

デザイナーが良い色を選ぶのを助けるクールなカラーピッカー。Googleシートモジュールを使用しています。

トラベルアプリ

旅行者向けのこのアプリは、カードのような**水平リスト**でいくつかの目的地を表示します。シンプルな**ナビゲーション**システムも含まれています。

Mapboxの例

MapBoxモジュールを使用してマーカー付きの地図を実装する小さなアプリ。

レシピアプリ

MapBoxモジュールを使用してマーカー付きの地図を実装する小さなアプリ。

モーダルウィザード

ポップアップとコンポーネントスタックを組み合わせて、シンプルなモーダルウィザードタイプのフォームを作成する方法を示す例。

CRUDフォーム

CRUDフォームの例。CRUDはCreate、Read、Update、Deleteの略で、この例ではNoodlのデータノードを使用してこれらのアクションを行う方法を示しています。

条件付きフォーム

フォーム内のユーザーが選択するオプションに応じて内容が変わるフォームを使用した例。

Javascriptの例

NoodlでノードとJavascriptを組み合わせる方法を示す例。一括削除やコピーなど、リストに対するいくつかの操作を実装したマルチセレクトリストです。

サインアップ/サインインフォーム

新しいパスワードのリクエストボタンとメールの検証を含む、シンプルなサインアップ/サインインフォームを含むアプリ。