Convex 第2話2026.10.11

【小学生でもわかる】Convexを自分のパソコンとつなぐ！2つの画面が、リロードなしで同時に変わるまで

説明のとおりにコマンドを打ったのに、英語のエラーが1行出て、そこで手が止まった。黒い画面（ターミナル）を初めて開く人が、いちばん出会いやすい場面です。Convex の公式の練習用チャットを、自分のパソコンで動かします。Windows で実際に出たエラーと直し方、2つの画面が同時に変わるのを確かめる方法をまとめました。

今日の成果物は無料。アカウントなしの手元だけの置き場（beta）で動かしているあいだ、プランの量は減らない。ログインしてクラウドの置き場につなぐ道も Free のままで進められるが、プランの量が減る

Xで記事を読むシェア

どんな話？

Node.js と Git を確かめ、公式の練習用チャットを自分のパソコンに取ってきました。Windows では package.json の1行を直してから npm run dev。アカウントなしの手元だけの置き場で起動し、命令を2つ書いて画面とつなぐと、片方の窓で送った文が、リロードなしでもう片方に出ました。止め方と残るもの、ログインしてクラウドにつなぐ道、紐づけはデータの引っ越しではなさそうなことも確かめています。

この記事でわかること

準備は Node.js（v20 以上。LTS）と Git の2つ。GitHub のアカウントは、この回の手順には要らない
置く場所は OneDrive の外で、日本語や空白のない道に。例は C ドライブの直下に作る dev というフォルダ
Windows では「error: unknown option '--open''」と出て止まった。package.json の "dev" の行で、一重の引用符で囲まれていた所を \" で囲む形に直すと動いた
最初の質問は分かれ道。練習ならアカウントなしの手元だけ（beta。プランの量は減らない）、人に使ってもらう・本番に出すならログインしてクラウド
送信のボタンを押してから、もう片方のタブに出るまでは33〜117ミリ秒（9通の真ん中は37ミリ秒。同じパソコンの中での数字）
止めるのは Ctrl+C。制作では13回とも、画面の係（5173）だけが残った。データはプロジェクトのフォルダの中に残る

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

「node --version」と「git -v」を打ち、版の数字が返るか確かめる
「convex-tutorial」を取ってきて、「npm install」を打つ
Windows では「package.json」の「"dev"」の行を、本文のとおりに直す
「npm run dev」を打ち、「Convex functions ready!」を待つ
「convex/chat.ts」に命令を2つ書き、「src/App.tsx」の3か所を直す
窓を2つ並べて「Send」を押し、もう片方にリロードなしで出るか確かめる

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

説明のとおりにコマンドを打ったのに、英語のエラーが出て手が止まった人
黒い画面（ターミナル）を初めて開く人
アカウントなしで始めるか、ログインして始めるかを決めたい人

この話のTIPS

注意アカウントなしの道は、公式の表示で beta（テスト中。使えるが、あとで作りが変わることがある）です。手元だけで動かしているあいだ、プランの量は減りません。
コツ関数の呼び出しは、Free ではチームの合計で月100万回まで。公式の説明書によると、購読しているデータが変わって画面が更新されるのも、呼び出しに数えます。使った量は、管理画面の Team Settings にある Usage のページで見られます（Free でも開けました）。

すべてのTIPS