🚀

高校生が個人開発したサービスをフィードバックを参考にアップデートしました！

2023/05/30に公開

こんにちは！
「ソテツ」と言います。個人開発してる17歳です

先日QuickURLというURLのブックマークサービスをリリースしたのですが
フィードバックを募ったところ、親切な方からいくつかの改善点やアドバイスをいただきました！

今回はそれらの提案を参考にアップデートしましたので、その変更点や変更した理由をまとめようと思います✨
(この記事は追加のフィードバックに応じて追記していく予定です)

ダークモードの実装

QuickURLの画面は白っぽい部分が多いので、ダークモードの実装をしてほしいという意見がいくつかあったので作りました！
サイドバーのボタンから切り替えることができます

単純な黒色だとなんか見にくかったので、濃いめの灰色にすることでいい感じになりました！

現在のバージョンではカードを追加するとただ追加順に表示され、並び替えることができません
ですが、やはり自由に表示順を切り替えれるようにするとよいというご意見を頂きました

これに関しては自分で使いながらも前から感じていて、「やっぱり必要だな」と思います
react-beautiful-dndというライブラリを使ってdndでの並び替えができるっぽいです

この機能に関しては後々実装を考えていたので、それを考慮したデータベース構造にしてます。勉強して、いずれ実装したいと考えています…！

user-selectをnoneにした方がよいというご意見を頂きました
これによって、テキストをなぞっても青く選択できなくなります

この青い線は対処法がないと思っていたのですが、フィードバックで知ることができました！
これでサイトがよりしっかりしてる感出ました✨
非常にありがたい助言でした

ですがこの変更を及ぼすのにあたって「登録してるURLをコピペしたい」時もあるかもしれないと思ったので、編集画面でのURLのみは青く選択できるようにしています

現在URLの一覧の表示非表示の設定ボタンはこのようになっているのですが、Switchボタンを押すという工程を省き、トグルを変更するだけで設定が変わるようにしてほしいという要望がありました

この表示については、「設定を変更するたびにFirebaseにアクセスしている」「useStateでその表示を行っている」関係上、もしSwitchボタンを押す工程を省くと挙動がおかしくなってしまいます

絶対に解決策はあると思うのですが、現在の僕の技術力では無理でした…精進します

QuickURLはFirebaseをデータベースに使っているのですが、Firebaseでは第三者による悪意のあるアクセスを防ぐために「Firebase側でセキュリティルールを設定」もしくは「APIキー自体の隠蔽」を行う必要があるらしいです

ですが僕はこれらのセキュリティ設定を一切行わないままデプロイしていました…怖…
現在は基本的なセキュリティ設定を行っているので、安全になっています

フィードバックを頂いて本当に助かりました！
これらのセキュリティを雑にすると高額請求される可能性もありました…ゾッとします…

現在PCについては全てのサイズに対応するサイズとなっているのですが、スマホまでは対応できていなくてデザインが崩れてしまうという報告がありました

これに関してはそもそもPCでの使用を前提としているのでスマホを無視していたのですが、スマホでTwitterのリンクなどから飛んできてくれた人が見るとイメージが悪いと思うので対応しました

サイドバーの表示などを切り替えることで画面の崩壊を防いでいます！

フィードバックを送ってくださっている方々、本当にありがとうございます✨
他の人からの意見を取り入れることでより良いサービスになっていっています

現在もフィードバックを随時受け付けているので
「QuickURLのフィードバック欄」「この投稿のコメント欄」「僕のTwitterのDM」
どこでもいいのでぜひ送っていただければと思います！

今後ともQuickURLをよろしくお願いします🔥

記事、読みました！
フィードバックの反映が鬼のように早いw
QuickURLの進化、これから楽しみにしています！