見出し画像

Googleサイトで作るグループウェア(29)ーiPadでGoogleアカウントの切り替えー

この記事を読んで欲しい方

Googleワークスペースを企業DXに導入したが、上手く広げられていない方
Googleワークスペースを導入しようと考えてる中小企業の方
無料のGmailやクラウドアプリだけ使っているテレワーカー
GIGAスクールなどでGoogle for Eduを導入している学校

①iPadでGoogleアカウントを切り替える機能

WindowsOSやMacOSのChromeで、Googleの複数アカウントを切り替えながら使っている人は多いと思います。
パソコン上のChromeブラウザーを使っているときには問題にならないのですが、iPadでSafariを使っているとアカウント切り替えが面倒なことがあります。

PC上でのChrome上での複数アカウントの切り替えは簡単
PC上でのGmailからのアカウントのログアウトも簡単

そこで、Googleアカウントをログアウトする機能アイコンを作成して設置してみます。

②Googleアカウントのログアウト

まず必要なのが、GoogleアカウントをログアウトするURLですが、下記のコードになります。

https://accounts.google.com/Logout

これを元に作っていきます。
機能アイコンでは大きすぎるので、小窓が開く絵文字アイコンの方で作ります。
この小物アイコンの具体的な作り方はこちらに詳しく出ています。

こちらが埋め込むHTMLプログラムです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
  font-family: sans-serif;
}
body::-webkit-scrollbar {
  display: none;
}
a {
  text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://accounts.google.com/Logout','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">🔄</font>
</center>
</a>
</body>
</html>

Googleサイトを編集モードにして、挿入>埋め込む>埋め込みコードの中に、HTMLプログラムを貼り付けます。

ログアウトのアイコン

このアイコンをクリックすると、強制ログアウトされ、小窓が開きログイン待ち状態になります。

ログアウト後ログイン待ち状態になる

実際に動くものは、クラウドトップの公開サイト(その他の機能のページ)で使うことが出来ます。

その他の機能のページ

③ipadで使ってみる

クラウドトップのグループウェア型>カイシャポータル1の画面の小窓アプリの右、連絡帳の下に🔄LouOutを設置しました。
まず、iPadのSafariでクラウドトップのカイシャポータル1を開きます
実際のiPadで見ると、こうなっています。

iPadの画面

🔄LouOutをタップすると、ログアウトが実行され、アカウントの選択画面が出てきますので、切り替えるアカウントを選びます。(iPadでは小窓ではなくタブで開きます)

iPadでのアカウントの切り替え

これで、アカウントが切り替わりますので、ふたたびクラウドトップ画面からGメールを開くと、アカウントが切り替わっていることが確認できます。

これで、iPadのSafariから簡単にGoogleアカウントが切り替えられるようになりました。
ちなみに、この機能は、ChromeOS(ChromeBook)では、アカウントの画面が開くだけで、ログアウトは出来ません。通常のように右下のメニューのプルアップ画面からログアウトして切り替えて下さい。


いいなと思ったら応援しよう!