2025年12月18日(木)の活動日誌です。
Webページの修正
クルクルシューティングの操作説明ページとギャラリーページの作成を行いました。
また、操作説明と合わせてゲームページのデザインも修正しました。
PCブラウザではそれなりに動いたので、サーバーにアップロードしてスマホでの
動作を確認する予定です。
クルクルシューティングの操作説明
https://www.lab-apps-forest.com/games/kurushoo/instructions.php
こんな感じに各画面の操作説明を見れるようにしました。めっちゃスタイリッシュ。
アコーディオンで各画面の操作説明の表示・非表示を切り替えられるようにしてます。
よくよく見返すと誤字とか脱字が目立つ。見直し後修正します。
ゲームページの改修
https://www.lab-apps-forest.com/games/index.php
改修前のゲームページはこんな感じ。シンプルだけど、ダサい。
改修後のゲームページはこんな感じに生まれ変わりました。
半透明背景に、プレイボタンやら操作説明ボタンがオシャレに。
ブラウザのサイズが変わっても見やすい設定。
ギャラリーページの追加
https://www.lab-apps-forest.com/gallery/index.php
こんな感じで画像のカテゴリーを一覧で表示。画像が斜めに配置されてカッコイイ。
マウスのカーソルを合わせるとホバーエフェクトで選択されていることが分かりやすく。
（スマホでやった場合はどうなるんだろう…？）
カテゴリーを選択すると中身の画像が一列になって表示。
放置していると自動でスクロールされます。
画像をクリックすると個別表示モードとキャプションを表示。
左右のボタンで画像の切り替えも可能。
開発について
基本的にはGrokに画面の仕様を伝えて、良い感じのデザインにしてと頼んだ結果です。
本当にGrok様様と言った感じ。AI技術の進歩には驚かされる。
とはいっても、想定通りの動きになっていなかったり、不具合もあったりしたので
完全お任せってわけにもいかなかったですね。
その辺りでは、まだコード内容を見て把握し、不具合と思える箇所を突き止める
能力とかは必要とされている感じ。
いずれは、本当に思い描いた画面やシステムが簡単に作れる時代が来るのかな。
今回の対応で苦労したり印象に残った不具合としては
・ゲーム画面のカード部分がヘッダーの上に来てしまう
⇒描画順の問題なのでヘッダーのz-indexをいじって対処
・ギャラリーの自動スクロールの速度が遅い。
⇒インターバルの時間を変えても変化なし。
原因は、画面操作を行った際に一定時間、自動スクロールを止める仕組みで
スクロールの操作があった場合も止まるような設定になっていたため、
自動スクロールでも操作があったと判断されスクロールが止まると動くを
繰り返していた。その結果、スクロールの速度が遅くなっていた。
スクロール操作自で止まる設定を削除することで正常に動くようになった。
・ギャラリーの詳細表示で左右の移動ボタンを押すと、次の画像が表示されず、
詳細表示が閉じてしまう。
⇒詳細表示の画面全体にクリックした際に画面を閉じる処理を実行する設定となっていた。
これ自体は正常な仕様であるが、左右のボタンを押下時には無効にする
必要があった。
ボタンのonclickイベントにて画像変更処理を呼ぶ処理の後に、
「event.stopPropagation();」を記載して、イベントの伝播を
止めることで対応した。
タスク管理
notionを使用してタスク管理を行っています。
タスク管理
こんな感じに色んなプロパティを追加してモリモリ機能強化。
見栄えも良くてタスクの状況が分かりやすい。
ドンドン、タスクを追加していこう！
と思っていたんですが、タスクを増やし過ぎると日報を入力する際に
探すのが大変になってしまいます。
てっきり、プロジェクトを選択したらそのプロジェクトのタスクのみを
表示するフィルタ機能があると思ってたんですが、
現時点では標準装備されていないようです。
色々と設定すると似たようなことが出来るらしいですが、少し
雲行きが怪しくなってきました…。
チャート表示
日報についてはグラフ表示も簡単に出来て日々の作業の様子が分かりやすい！
と思ってましたが、チャートは無料では1個しか使えない様子。
こっちも見栄えが良くて、色んな集計をして楽しみたかったんですが
一つしか使えないのは寂しい･･･。
課金すべきかもしれないが、モチベーションアップのための使っているので、
そこまでお金を掛けたくない気持ちが強い。
さてはて、どうするか。とりあえず、ビューの設定を変えればチャートで
データを表示することができるので、それで確認するようにするか。
今後のタスク管理
一番自由度が高くタスクを管理できるのは、結局のところExcelなのかもしれない。
会社でもExcelをバリバリ使ってタスクを管理していたので、そっちの方が良いのかもしれない。
notion自体は見栄えも良く拡張性も高いので、もう少し使ってみようかと思います。
コメント