見出し画像

少人数×候補日多め予定用の「日程調整ツール」を作りました。

お疲れ様です、たkるです。今年は開発力を強化していこうかなと思い、ツール的なものを作ったりしています。

とりあえず初めの1つとして、日程調整ツールを作りました。

「調整さん」で調整するのがちょっと面倒な、少人数でたくさんの日程・時間候補がある会に適する感じで作りました。

以下でそのツールについて詳細を紹介します。

日程調整用ツールの概要

概要としては、

・日程、時間の候補を選ぶ画面
・日程候補の一覧画面(予定登録後は合っている日時に色がつく)
・各々の予定を登録(修正)する画面

の3つからなっています。

用途としては以下のような感じを考えてます。

以下でそれぞれの画面について簡単に解説します。

イベント作成画面

はじめに日程、時間の候補を選択します。

①イベント名を入れて、②日程の期間を選択して、③時間帯を選択して、④作成ボタンを押すという流れです。

ここで作成した期間と時間帯の箱が次の画面で作成される感じです。

デフォルトは今日(作成日によって変わる)から2週間の期間となっていますが、右の「指定日から」を選択すると好きな日から始められます。

日程期間は1週間、2週間、4週間、今月があり、今月は月末までです。今月のどっかで〜みたいなときにおすすめです。

下に出ているチェック付きのカレンダーは候補日の一覧です。候補日から外したい日がある場合は、チェックを外しておくと作成されなくなります。

時間帯はプルダウンで、最早開始時間と最遅開始時間を選択してください。

日程調整画面

先ほど選択した期間と時間帯の箱ができています。この画面がそのイベントの日程調整画面となります。友達に共有する際はこちらのURLを共有ください。

まだ誰の予定も入っていない状態なので名前を入れて予定を追加をしてください。

(名前の修正画面は作っていないので、お手数ですが間違えたら一度削除して再度作成してください。)

予定登録画面

日程調整画面で追加を押すと、予定の登録画面に移動します。

ここでは各日時候補について、都合が良いか悪いかを登録できます。

マスをクリックすると○→×と入れ替わるので予定を登録していってください。(デフォルトは「-」でこれも「×」と同じ扱いなので、面倒だったら「○」のところだけ登録でも大丈夫です。)

候補が多くて大変な場合は、その日の全時間帯、その時間帯の全日程をまとめて変更することもできるので、表の見出し部分(全時間、全日程)を押してください。

登録が完了したら保存を押してください。
(後で変更も可能です)

日程調整画面で予定の調整

登録された予定は先ほどの日程調整画面に表示されます。

複数人が予定を登録すると、最も「⚪︎」が多い箇所に緑色、2番目に多い箇所に黄色がつきます。

これを元に予定を決めていってください。

(日程が多い場合は横スクロールもできるので見逃さないようにご注意ください)

そんな感じのツールです。

ツールはこちらから↓

https://nadekata.com/nadegatari/date/


ツール製作の裏側。ChatGPTに書いてもらった

ここからはツール作りについての裏話です。
エンジニア気質な人以外は特にそんなに面白くないと思うので、気になる人だけ進んでください。

今回のツールは、ChatGPTの4oを用いて作りました。
(o1も使えたけど、なんか4oで作ってました)

自分はプログラミングがほとんどできないので、「こういう機能が作りたい」というのをChatGPTに投げかけて、返ってきたやつを入れてみて、「ここをこう直して」みたいな感じで対話を繰り返すというやり方です。

この本を読んでそのやり方いけるなって思った↓

大まかな機能自体はすぐできたんですが、UIだったりデザインだったりの部分でけっこう時間がかかり、土日の夜全部使うくらいの制作時間(10~20時間くらい?)でした。

(特に、MAMPを用いて作ってたので、スマホ画面への対応が最後まで確認できず、できたー!と思ったらスマホで見づらすぎてぐにゃあー!となりました)

GPT4oへの感想としては、修正を入れると1つ前に行った話が入ってない・・みたいなことが結構あって、「変更部分だけ書いて!」「今認識してる命令を全部出して!」というやり取りが多かったです。o1(今だとo3)を使えばそういうのは減るのでコード書かせるなら上位プランに契約した方が良いかなという印象でした。

ただ、この1つ前の命令がなくなる問題が、逆にどの機能がコードのどこに当たるのかを知る(知らざるを得ない)きっかけにはなったので、プログラミングを学びたい人はあえて下位のモデルを相棒に選ぶのもありかもしれません。

あと最後にセキュリティ機能を入れたりしたのですが、この辺は優秀でした。

終わりに

プログラミング力0で作ってみたのですが、意外といけるなと思いました。

AIの回答がどんづまって何度か切れたりはしましたが、しっかり対話をすればきっちり返ってくるイメージでした。

(わからない部分を詳しく聞いて、だったらこうしたらいいんじゃない?みたいにいうとなるほどなってなって正しいの出てくる)

麻雀勢におかれましては、セットの日程調整(特に開始時間の調整)などに使っていただけますと幸いです!

今後もいくつか(軽めの)ツールを作っていきたいと思いますので引き続きよろしくお願いいたします。

終わり。


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

たkる@notes垢
たkると申します。麻雀用品のサイトと書評サイト、そのほか色々とサイト運営をやっています。Noteではサイト運営とか麻雀のノウハウを書いていきます。よろしくお願いいたします。