自作ツールを、職場の人のスマホに置くまでの手順｜介護職のためのAIツール配布ガイド

AIに作ってもらった自分用の道具を、職場の人にも使ってもらうまでの手順をまとめました。パソコンが1台あれば、無料でできます。カードの登録は要りません。

全体の流れ

初回は1時間ほど見ておいてください。準備が要るのは今日だけです。2回目からは3分で終わります。

用意するもの

• パソコン（Windows / Mac どちらでも）
• メールアドレス
• AIに作ってもらったファイル（.html）

① 配れる形に直してもらう（5分）

道具を作ってもらったAIとの会話の続きに、そのまま貼ってください。

このファイルを、職場の人に配れる形に直してください。

・入力した内容は、この端末の中だけに保存してください。
　インターネットには送らないでください。
・スマホのホーム画面に追加したとき、
　アプリのように全画面で開くようにしてください。
・初めて開いた人でも分かるように、
　画面の上に一行だけ使い方を出してください。
・サンプルとして入っている名前を、
　「山田」「佐藤」のような、どこにでもある苗字に変えてください。
・文字は大きめに。専門用語は使わないでください。

② 置き場所を用意する（20分・最初の1回だけ）

私が使っているのは Vercel（ヴァーセル） というサービスです。無料の範囲で使っています。

ほかにも似たサービスはありますが、いま職場に配っているものは全部そこに置いてあるので、自分の経験として説明できるのはこれだけです。正直にそう書いておきます。

2-1　先に「名前」を決めておく（3分）

後で名前を1つ聞かれます。そしてそれが、そのまま住所になります。

nyuyoku-hyo  →  https://nyuyoku-hyo.vercel.app

聞かれてから慌てて決めると、適当な名前が一生残ります（私がそうでした）。先に紙に書いておいてください。半角の英数字とハイフンだけ、短いほうが打ちやすいです。

2-2　フォルダを1つ作る（2分）

パソコンのデスクトップにフォルダを作って、作ったファイルをその中に入れます。このとき、ファイル名を index.html に変えてください。「その場所を開いたとき、最初に出てくるページ」という意味の、決まった名前です。

入浴表フォルダ
  └ index.html   ← AIに作ってもらったもの

2-3　Vercel にアカウントを作る（3分）

vercel.com を開いて、メールアドレスで登録します。カードは要りません。

2-4　道具を1つだけ入れる（10分・今日だけ）

この後で使う命令を動かすために、Node.js（ノードジェイエス） というものを入れます。中身を知る必要はまったくありません。「この命令を動かすための土台」とだけ思ってください。

nodejs.org を開いて、大きく出ているボタンを押して、ダウンロードしたものを開き、あとは「次へ」で進めるだけです。途中で何も選ばなくて大丈夫です。

入れ終わったら、パソコンを一度再起動してください。

2-5　「黒い画面」を開く（1分）

ここが、初めての方が一番驚くところです。黒い画面（文字だけの画面）を使います。怖いものではありません。打った1行を、そのまま実行してくれるだけの画面です。

Windowsの場合

1. さっき作ったフォルダを開く
2. アドレスが出ている細長い欄（上のほう）をクリックして、そこに cmd と打ってEnter
3. 黒い画面が開きます

Macの場合

1. さっき作ったフォルダを右クリック
2. 「フォルダに新規ターミナル」を選ぶ
3. 白い画面が開きます

どちらも、「いま開いているフォルダの中で作業する」状態になっています。ここが大事なところです。

2-6　公開する（3分）

開いた画面に、この1行をそのまま打ってEnterします。

npx vercel --prod

③ アドレスを受け取る

②が終わると、https://〜.vercel.app というアドレスが1つ表示されます。これが、あなたの道具の住所です。

④ ホーム画面に置いてもらう（1人5分）

アドレスを送っただけでは、ほとんど使われません。相手のスマホを一緒に見ながら、ここまでやってください。

1. 送ったアドレスを開いてもらう
2. 共有ボタンを押してもらう（iPhoneなら画面下の真ん中、Androidなら右上の「⋮」）
3. 「ホーム画面に追加」を選んでもらう
4. できたアイコンから開いて、1回だけ一緒に使ってみる

Androidでは「ホーム画面に追加」ではなく 「アプリをインストール」 と出ることがあります。同じものなので、そちらを選んでもらって大丈夫です。

4番まで一緒にやると、翌日から使われます。3番で終わると、たいてい使われません。新しいやり方を現場に入れるときと、まったく同じでした。

2回目からは、これだけ

道具を直したときの更新のしかたです。

1. パソコンの index.html を、新しいものに上書き保存する
2. 同じフォルダで、同じ1行をもう一度実行する

npx vercel --prod

これだけです。アドレスは変わりません。職場のみんなが次にアイコンを開いた瞬間から、新しい画面になります。連絡も、お願いも要りません。

つまずいたときの目安

症状	たいていの原因
npx と打っても何も起きない	2-4のNode.jsが入っていない／再起動していない
「フォルダが違う」と言われる	2-5で、目的のフォルダから黒い画面を開けていない
アドレスを開いても真っ白	ファイル名が index.html になっていない
直したのに古い画面のまま	キャッシュ。少し待つ

おわりに

配るのは、作るより難しいです。作るところはAIがやってくれますが、「使ってもらう」ところだけは、まだ人の仕事でした。

でも、一度ホーム画面に置いてもらえた道具は、こちらが何も言わなくても毎日開かれます。そこまで行けた道具は、私も数個しかありません。1個目から当てにいかないのが、多分一番のコツです。

ほかの現場ツールは ▶ 無料ツール集 からどうぞ。