社内システム HOME

すぐ飛べる、迷わない、追加しやすい。

よく使う社内システムをひとつに集約したHOME画面です。検索・カテゴリ絞り込み・お気に入り・最近使ったシステムに対応。 さらに、画面上の「項目を追加」からその場で新しいシステムを追加できます。

使い方を見る
登録システム数
0
お気に入り
0
最近使った
0
今の表示件数
0

クイックアクセス

よく使う4件を上段固定で表示します。管理画面から「上段固定」をONにできます。

カテゴリから探す

カテゴリは自動生成されます。新しいシステムを追加すると自動で増えます。

システム一覧

開く・URLコピー・編集・お気に入りに対応しています。

最近使ったシステム

開いた順に自動で記録されます。

実装メモ

今回のコードで入れた内容と、注意点です。

今回コードで実装したもの

  1. よく使う4件の上段固定表示
  2. カードごとのショートカット操作
  3. 画像URLでのロゴ設定
  4. 画面上から項目の追加・編集・削除

大事な注意点

画面から追加した項目は、このブラウザの localStorage に保存 されます。
つまり、同じPC・同じブラウザでは残りますが、別PCや別スマホには自動共有されません。

本当に社内全員で共通管理したい場合は、次の段階で Cloudflare Workers + D1 に保存する形へ進める必要があります。

初心者向け:使い方

GitHubを開かずに項目追加できます。

項目追加の流れ

  1. 右上の + 項目を追加 を押す
  2. 名前、URL、カテゴリを入れる
  3. 絵文字アイコンか画像URLを入れる
  4. 保存する を押す

上段固定にしたいものは「上段固定」をONにしてください。

ログイン保護について

本当のログイン保護 はHTMLだけでは実装できません。 この画面を社外から見られないようにするには、Cloudflare側でアクセス制限を設定します。

この部分は次の作業で、Cloudflareの画面を押しながら設定していきます。