Reiketsu.netをご覧の皆さんこんにちは。このサイトのデザインやコーディングを行っているaotoです。

今回はサイトガイドとして「Reiketsu.netはCookie設定をONにして閲覧すると便利ですよ」という投稿をしたいと思います。併せてReiketsu.netでCookieを利用している箇所も解説しますので、普段Cookieをオフにしている人も、Reiketsu.netでは安心して許可していただける内容です。

Cookieとは?

Cookieとは、Webサイトを閲覧した際にユーザーのスマートフォンやPCに一時的に保存される小さなデータファイルの総称です。これはログイン情報の維持といった利便性の向上に活用されているものですが、閲覧履歴の追跡といった利用(バナー広告での利用が一般的です)も可能なものなので、近年はプライバシーの観点から制限や管理が進んでいます。

Reiketsu.netでは、このCookieをサイト内の表示設定を記憶する目的に限定して利用しています。

Cookie利用箇所

Reiketsu.netでCookieを利用している箇所は以下の通りです。

  • COMBO INDEXの操作タイプ(クラシック/モダン)
  • コンボ投稿ページの使用アイコン説明部分
  • コンボ投稿ページの表示切替(コマンド/技名)

COMBO INDEXの操作タイプ(クラシック/モダン)

操作タイプに関しては左サイドバーやハンバーガーメニュー内で常時切替が可能で、各操作タイプに応じたコンボ記事が掲載されているキャラクター一覧が表示されます。

コンボ投稿
モダンとクラシックの切り替えを保存

Reiketsu.netではこの表示状況を保存しており、例えば上のスクリーンショットの通りモダンキャミィのコンボ記事を閲覧していてそのままページを閉じた場合、次回アクセス時はメニュー上でモダンが初期選択された状態でページが開きます。

システム上ではクラシックを標準設定としていますが、モダンユーザーからすればアクセスの度に操作タイプを切り替えるのは面倒です。特にスマートフォンやタブレット閲覧時はサイドメニューがハンバーガーメニューに格納されますので、操作タイプを切り替える前にハンバーガーメニューを開くという1クッションが追加されて更に面倒になります。

Cookieに保存しておけばそれが消えない限りモダンが標準設定となりますので、これはモダン操作のユーザー向け設定です。

コンボ投稿ページの使用アイコン説明部分

Reiketsu.netではコンボレシピを簡潔に見やすくするため、共通システムなどをアイコン化してレシピ上に表示しています。

コンボ投稿に使用しているアイコンの説明部分
コンボ投稿に使用しているアイコンの説明部分

これは性質上一度理解してしまえば以降は不要となるものなので、表示欄をクリック(タップ)で閉じることができる設計とし、その状態をCookieに保存しています。一度閉じた場合は以降Cookieが消されない限り閉じたままになりますので邪魔になりません。

コンボ投稿ページの表示切替(コマンド/技名)

この間どこでも切替機能を実装したコマンドと技名の表示切り替え部分も操作タイプ同様ユーザー操作を保存しています。

操作タイプと同様に最終選択を保存・更新するようになっていますので、コマンド表示でページを閉じた場合は次回表示時の初期設定がコマンド表示となります。

保存されるデータについて

Reiketsu.netのCookieにはサイト内UIの設定値だけが保存されます。第三者への提供、広告ネットワークとの連携、ログイン情報の保持などには一切使用していません。CookieはReiketsu.netドメイン内でのみ参照され、有効期限は最長約1年に設定されており、不要になった場合はブラウザ設定からいつでも削除できます。

実装の詳細

  • 操作タイプ(reiketsu_combo_style_filter):classic / modernを約1年保存
  • アイコン説明(reiketsu_combo_icon_legend):開閉状態(0 / 1)を約1年保存
  • 表示切替(reiketsu_combo_display_mode):command / nameを約1年保存

上記の通り個人を特定する情報は保存しておらず、広告・行動追跡用の第三者Cookieは一切使用していません。Cookieを削除した場合、操作タイプ・表示切替・アイコン説明の設定は初期状態に戻りますが、サイトの閲覧自体に支障はありません。

aoto

書いている人

Reiketsu.netのバックエンド・フロントエンドの全コーディングとデザインを行っているaoto(@aoto_0328)です。マノン使い。趣味はピクセルアート作成で、作品はNEXUSNODE名義でDebiantArtに公開中。