社内ポータルには「ホーム画面に追加する手順」まで載せる

社内ポータル（社内の入口のページ）には、業務アプリへのリンクだけでなく、iPhone の Safari で「ホーム画面に追加」する手順まで載せました。スタッフは Web で動く業務アプリをホーム画面に置いて使いますが、この操作を知らない人も多いからです。

私たちのグループでは、社員とアルバイトだけが使う社内ポータル（社内の入口のページ）を作りました。よく使う業務アプリへの入口を、1つのページにまとめたものです。

ポータルには、入口のリンクだけでなく、各アプリを iPhone のホーム画面に追加する手順も載せています。この記事は、なぜそこまで載せたのかと、ポータルの作りの記録です。

業務アプリは「ホーム画面に追加」して使う

スタッフが使う業務アプリの多くは、Web で動くアプリです。スタッフは、これを iPhone のホーム画面に、アプリのアイコンのように置いて使っています。ホーム画面から開けば、ふつうのアプリと同じように、1回押すだけで開けます。

便利なリンクの一覧は、別のアプリの JSON を読む

ポータルには、業務アプリの入口のほかに、便利なリンクの一覧も出しています。この一覧は、ポータルの中に直接書かず、集客のアプリの側にある JSON（データを書いておくファイルの形式）を読んで表示しています。

const res = await fetch('/links.json');   // 集客のアプリの側の JSON
const links = await res.json();
const list = document.querySelector('#links');
for (const link of links) {
  const a = document.createElement('a');
  a.href = link.url;
  a.textContent = link.title;
  list.append(a);
}

使えるのは、社員とアルバイトだけ

社内ポータルは、社員とアルバイトだけが使うページです。この記事でも、ポータルの場所や画面は載せていません。

まとめ

• よく使う業務アプリへの入口を、社内ポータルにまとめた
• スタッフは業務アプリをホーム画面に置いて使うので、その追加の手順もポータルに載せた
• 便利なリンクの一覧は、集客のアプリの側の JSON を読んで表示し、管理を1か所にまとめた