授業での使い方
保存した授業トップ
授業一覧
← 教材連携の紹介

自分のアプリをつなぐ手順

プログラミングの知識は不要です。まず AI(ChatGPT や Claude など)で簡単なアプリを作り、つづいて Transable につなぐ作業も AI に任せます。

すでに動く Web アプリがある場合は、ステップ 2 から進めてください。

  1. まず、アプリを用意する

    まだアプリがなくて大丈夫です。下記の3つの例から一つを選び、文をコピーして ChatGPT や Claude の新しいチャットに貼り付けてください。できたアプリはブラウザで開ける状態にしておきます。

    単語カードを正しい順に並べる練習

    中学校の英語の授業で使える、とてもシンプルな Web アプリを作ってください。
    
    【やりたいこと】
    - 英文の単語がバラバラに表示される
    - 生徒が正しい順番に並べ替える
    - 正解/不正解がすぐ分かる
    - 次の問題へ進める
    
    【お願い】
    - プログラミングがわからない先生でも使えるように、説明は日本語で
    - できれば HTML 1ファイル(または少ないファイル)で、ブラウザですぐ開ける形に
    - iPad の Safari でも操作しやすい大きさのボタン・文字にする
    - 問題は最初に 5問くらい入れておく(あとから自分で変えられるようにする)
    - ログインや会員登録は不要
    - まずは単体で動くアプリだけでよい(他のサービスとの連携はまだ不要)
    
    完成したら、開き方(ファイルの保存場所と、ブラウザで開く手順)も日本語で教えてください。
  2. 仕様ファイルをダウンロードする

    次は Transable につなぐための説明書です。このファイル1本に、AI がやるべきことがすべて書いてあります。

    仕様ファイルをダウンロード
  3. 同じ会話に、仕様ファイルと下の文を送る

    ステップ1でアプリを作ってもらった会話をそのまま続けます。ダウンロードした仕様ファイルを添付し、できあがったアプリのファイルやコードも渡しつつ、次の文をコピーして送信してください。

    添付の仕様を読んで、このアプリを Transable 教材連携できるようにしてください。
    終わったら「受け入れチェックリスト」を一つずつ確認し、
    未達があれば直して、全部チェックできる状態にしてください。
  4. AI が「チェックリスト完了」と報告したら、Lab で登録する

    AI が仕様末尾の受け入れチェックリストをすべて満たしたと報告できれば、アプリ側の作業は完了です。そのあと Transable の Lab で先生アカウントから URL を登録して試せます。