saikoの日記帳

日記
2019.10.06

サークルチェックサポート完成したので、早速使いはじめた

完成しました

前回の日記で話題に出したM3サークルチェックサポーターですが、完成しました。

これ
https://www.saikofall.com/m3list/

最終的な機能としては以下。

1.色メモ
多分メイン機能。
サークルカード内にマウスを持っていくと左上に☆マークのなにかが出現。
クリックすると色メモ画面が表示されるので、クリックすると色メモできます。

2.色メモ絞り込み
ページ一番上の「色で絞り込み」からそれぞれの色のメモを絞り込んで表示。
正直なんで動いてるのか理解してないので多分何かしらバグがある。

3.リンクの既読
リンクをクリックすると、リンクアイコンの上にチェックマークが出現。
そのサークルの全リンクがチェック済になるとサークルカードの右上に済マークが出現。
ちなみに、チェックマークにマウスを当てるとバツボタンが出現、クリックすると既読を未読状態に戻せる。

これだけです。
20時間ぐらいかかった気がします(体感)。
もうちょいかからないと思ったんですけど…。
いや、ひとつ機能拡充するだけであんな頭おかしくなるくらいぐちゃぐちゃになるとは思ってなかったので…。

使ってみた

思ったよりもちゃんとできてるって感じです。
とりあえず元々予定してた機能は実装できたので十分満足!
個人用なのでバグがあっても気にしないスタイルではありますが、使ってみるとバグが怖くなってきますね。
これもし後半まで行ってダメになったら絶望感が半端ないことになりそうです。

万が一ですが、使ってる人がいたら必ず途中で別途外に保存しましょうね。
メモ帳でもなんでもいいんで。
どうなっても知らないぞ☆

ちなみにですが、今回ので使ってる技術で「webStorage」というものがあります。
これは主に「リンクをクリックした」とか「色が付いた」とかの情報を保存するのに使っています。
これらの情報はテキスト情報としてまとめているのですが、もしそのサイズが5MBを超えるとそれ以上はエラーが出て保存ができなくなると思います。
つまりそれ以上色メモを付けたりすることができなくなります(多分)。
保存してる情報は極小さいテキスト情報なのでそうそうそんなことになるとは思いませんが、ありえない話ではないので注意しましょう。

本来はこういうのはPHPとかで管理するとか、jsonでサーバーに保存するとかしないといけないとは思うんですがね…。
まあ今回は全部クライアント側で完結させたかったのでこういう実装になっています。
要はあなたのパソコンが壊れたり、不可思議なエラーが出ると全部吹っ飛ぶので気をつけてねって話です。

ぼくもある程度まで行ったらどっかに別途保存する予定です。
初使用するwebシステム(システム?)なので念の為というのが一番大事です。
やっぱこえーなー、結構便利に使えてるけどこえーなー。

とりあえず今回はこれで完成ということで、システムに手を加えることはないと思います。
次の構想とか練ってるから、M3終わったら色々頑張るゾイ。

それでは今日はここらでサヨウナラー

同じカテゴリの他の記事

新着記事