見出し画像

【3。分AIクッキング】家族みんなの予定を管理!おうちの予定帳!!

ちゃらちゃちゃちゃ🎵 ちゃらちゃちゃちゃ🎵
ちゃらちゃらちゃらちゃら ちゃっちゃっちゃっちゃっ!

押忍!空手家パパです。

今日は〜なんとなんと、お久しぶりの3。分AIクッキングのお時間ですよー

みなさん、お待ちかねでしたかー?😀

え?
3の後ろの。はなんだ?

ははは
す、鋭いですね。

えっとですねー
はい、実は今日のアプリは玄人向け、、、

3分ではなく、、、たぶん30分くらいかかります。てへ😉

待って!早い!ブラウザバックにはまだ早いって!!

アプリの内容聞いてー!!

確かに皆様から30分の時間をいただくのはダメダメですが😅

ユーザー体験と天秤にかけても、価値があるアプリと判断しました!、

ちなみに、いつもはユーザー体験を最重視です!心の師匠からもそう習っております!

アプリ開発に関するその思想は一見の価値ありです!

勝手に心の師匠とさせていただき、すいません。
wiratさん、お世話になってます🙇‍♂️

では、私が最重視するユーザー体験を犠牲にしてまで、紹介するアプリ、、、

見よ!

最近のパパの最高傑作!!
(毎回最高だと思ってる)

え?パパ、明日仕事なの?はあ?
言ってた?
私メモ忘れてたわ!腹立つ!

をなくす😰(実体験)

家族間スケージュール管理アプリ!

その名も、おうちの予定帳!!です!!

ででん!

◾️おうちの予定帳の実力

このアプリはスマホ間(パソもあり)で同一のスケジュールを管理できます。

みんなのスマホに入れると
それぞれ記録したものが反映されます!


週表示もあります!
いっぱい予定入れれるよ😀

ついでにスケージュール管理だけではなく、todoリスト的なものもつけました!

ほんと早く寝て

買い物頼むとか、ちょっとした用事を共有するのに便利な、今日やってほしいこと機能とー!

長期目標設定の機能あります!、


どーーーーーやあーーーーーー!(最上級ドヤァ)

こいつは今までのアプリで一番。我が家貢献すると思います☺️

ぶっちゃけ家族じゃなくても、チーム内とか使い道いっぱいあるのではと思います😀

※いっぱい人入れすぎると無料枠ぶっ飛ぶかもだから気をつけるんだよ!😰
(普通の家族間なら大丈夫🙆)

ほしい?
ほしいよね?

これで奥様との無駄な喧嘩なくなるよね!(トオイメ)

じゃあ、みんなで作りましょうねー😀

、、、30分かかるけど

◾️キッチンタイム!

では、秘伝のレシピ公開します。

いちおースマホでわかりやすいように画像撮ってますが、貼り付けるコードが長いのでパソコンで作るのを推奨します!

スマホで作るは修羅の道。

ではやっていきます!

1. Cloudflareアカウント作成(無料)

検索してー
無料枠でログインできるようにしてちょ!

まずは登録します。
ちなみに家族の誰か1人が作れば大丈夫です。

2. Workers & Pagesから新規Worker作成

いきなし、英語でわからん!!
日本語で話せ!!

と、なりますね😰
誘導します。ご安心ください!

まずは開いた最初のページのー

workersの横のちっちゃい➕押してください。
こんな画面出るので、
真ん中のstart with Hello WORLDを選択!
するとこうなるので、名前を好きに変更で中身は変えずに右下の青いボタン(deploy)を選択!
この画面に戻ってー!
アドレスの横の方に edit code とあるので選択

※このあと、実際にアプリのコードを貼り付けるのですが、すんげー長いのでこの記事の一番最後にまとめておきます。

左側の1 2 3とか書いてるところの中身を全部消して
アプリのコードを貼り付けて!
右上の青いボタン(deploy)を押します!

緑のできたよーみたいのが、出てきたら完了です🤩

これでアプリの機能は作れました!
お疲れ様です😀

次は家族間で共有するための記憶する場所をブラウザ上に作成しますよー!

ついてきてね😀

3. KV Namespace作成(名前は何でもOK)

左側のメニューを開いて
storage & databaseを開きます!
その中のworkers KVを選んでください!
この画面になるので右側のcreate instanceを選択
記憶の場所に名前をつけます!
なんでもいいらしいんだけど、わかりやすく
CAL_KVとつけるのがおすすめ!
できたら青いボタンcreateを押してください

これにて記憶する場所も、完了です!

皆様、息続いてるでしょうか?😰
もう、ほぼほぼ山場は超えました!

次はアプリの機能と記憶を結びつけます!

4. WorkerにKV Namespace Bindingを設定(変数名は必ず`CAL_KV`)

次は上の項目のBindingを、選択してください。

🟦ボタンを押します!
ごちゃっといろいろ出るのでKV namespaceを選択
するとー!
こんな画面になるので
またまた🟦ボタン押してください!

ここの入力がマジで大事です!!

絶対CAL_KVと名前をつけて!
そうしないとアプリ側と繋がれません!
絶対だよ!約束だよ!

最後に🟦ボタンを押せばー!
アプリの完成です!!!!


おめでとう御座います㊗️🥳!!!

5.発行されたURLを開いて、ホーム画面に追加

画面に出てるdevで終わってるアドレスが
アプリのアドレスです!

このアドレスが大事です!
スケジュールを共有したい方だけに渡してください😀

スマホのホーム画面に追加すると使いやすいですよー!

6.設定画面からメンバー名を自分たち用に変更

アプリ開くと最初の設定、タロウとハナコになってるので、自分たちが使いやすいようにメンバー名変えてください😀

これにてアプリ使えます!

◾️注意点

注意点は笑いなしです。
必ず目を通してください🙇‍♂️

- URLは家族・身内にだけ教える
(認証機能なし。URL知っている人は誰でも見る・書ける・消せてしまいます)

- ごく稀に、2人が同じ瞬間に予定を保存すると片方が反映されないことがある
(気づいたら入れ直してください)

- 電波が悪い場所・オフラインでは真っ白になる

- プッシュ通知はない
(アプリを開かないと予定に気づけない)

- データのバックアップ・書き出し機能はない
(消えたら復元不可)

- Cloudflareの無料枠は今後変わる可能性がある。動かなくなったら無料枠超過が疑われる

- 私のサポートは基本セットアップまで

各家庭のデータは独立していて中身は見られないので、動かない時は自分たちで設定を見直してもらう前提です😰
私は手が出せません💦

以上です。

◾️終わりに

押忍!お疲れ様でしたー!!

ここまで読んでくれた皆さん、本当にありがとうございます😀

30分AIクッキング……

修羅の道でしたね😰

でも、このアプリにて、、

「言った」「聞いてない」
「忘れてた」
「殺すぞ」

そんな小さなすれ違いが、少しでも減ったら嬉しいです☺️


もし完成したら、

「できたよー!」

ってコメントで教えてくれたら、めちゃくちゃテンション上げて、喜びのパンイチ感謝の正拳突きやります🤩

それでは最後に、このアプリのレシピを置いておきます。

コピペするだけなので、落ち着いてやれば大丈夫!(たぶん)

押忍!



すんげー長いのでjsにまとめてます。
こっから一括でコピーして使ってね😀

押忍!

いいなと思ったら応援しよう!