# OkiMAP

source: github-site
updated: 2026-04-27
category: site
repository: https://github.com/hirokawa-beach/OkiMAP
public_url: https://okimap.wplaceoki.com/

## 概要

OkiMAP は、wplace での沖ノ鳥島周辺の変化を日付ごとに閲覧できるアーカイブマップサイトです。

公式サイトURL:

https://okimap.wplaceoki.com/

GitHub リポジトリ:

https://github.com/hirokawa-beach/OkiMAP

2025年8月19日からのアーカイブを閲覧できます。

2026年4月27日時点で確認したタイムスタンプ一覧では、2025年8月19日から2026年2月19日までのアーカイブが登録されています。

開発者は、ひろかわびーち（技術局主任）です。

## 何ができるか

- 日付を選んで沖ノ鳥島周辺の過去画像を表示する
- スライダーやボタンで日付を前後に移動する
- 先読み機能で、近い日付の画像を先に読み込む
- 拡大時にピクセル単位の色を見やすく表示する
- ピクセルを選択して座標や色を確認する
- 更新履歴やサイト説明を見る

## 使う人向けの注意

OkiMAP は、地図を見るためのサイトです。

通常利用では、設定を細かく変更する必要はありません。

表示が重い場合は、設定からオーバーレイやピクセルグリッドを OFF にすると軽くなることがあります。

先読み中に日付を動かすと、動作が不安定になる場合があります。

## UI説明

### 日付変更コンソール

画面下の中央にある日付操作エリアです。

`◀` と `▶` のボタンで、1日ずつ前後に移動できます。

日付の部分をクリックまたはタップすると、カレンダーから見たい日付を選べます。

時間の部分は、アーカイブの取得時刻を表します。

時刻は JST です。

### 先読みボタン

「先読み」ボタンを押すと、現在表示している日付の前後にある画像を事前に読み込みます。

日付をすばやく切り替えたいときに使います。

先読み中は、日付移動をしないことが推奨されています。

もう一度押すと、先読みを停止できます。

### 日付変更スライダー

画面下にある横長のスライダーです。

ドラッグすると、表示するアーカイブの日付を変更できます。

PC では、左矢印キーと右矢印キーでも日付を変更できます。

### 設定ボタン

歯車のボタンです。

押すと設定パネルが開きます。

設定を変更した場合は、「設定を適用」ボタンを押さないとパネルを閉じられません。

### インフォメーションボタン

`i` のボタンです。

OkiMAP の概要、操作方法、協力者情報を確認できます。

### 更新履歴ボタン

メモのようなアイコンのボタンです。

OkiMAP の更新内容を表示します。

ソース上の更新履歴では、最新表示は `v1.0.1` です。

### 座標表示

画面左下には、現在のカーソル位置や表示位置に対応する pixel 座標が表示されます。

ピクセル選択モードを使うと、クリックまたはタップしたピクセルの座標や色も確認できます。

### ズーム表示

画面右上には、現在のズーム率が表示されます。

表示例:

```text
zoom: 8.5 (nativeMax: 7, scale: x2.828)
```

通常の利用では、この数値を細かく理解する必要はありません。

拡大率の目安として見れば十分です。

## 機能説明

### オーバーレイ

OkiMAP では、拡大したときにピクセルの色を見やすくするため、画像の上に色を重ねて表示できます。

ズーム値が8以上のときに使われます。

元画像だけでは荒く見える場合でも、オーバーレイによって1pxごとの色を確認しやすくなります。

端末によっては動作が重くなることがあります。

重い場合は、設定パネルから「ピクセル色でオーバーレイ」を OFF にしてください。

ドラッグ中やズーム値7以下の場合は、負荷軽減のため自動的に表示が抑えられます。

### ピクセルグリッド

ピクセルグリッドは、拡大時にピクセルの境界を見やすくする表示です。

設定パネルの「ピクセルグリッドを表示」から切り替えられます。

ズーム値が8以上のときに表示されます。

必要ない場合や重い場合は OFF にできます。

### 先読み

先読みは、近い日付の画像を先に読み込んでおく機能です。

スライダーや矢印キーで日付をすばやく変えるときに便利です。

先読みする範囲は、設定パネルの「先読み範囲」で変更できます。

初期値は30です。

たとえば先読み範囲が30の場合、現在の日付の前後30件分を対象に読み込みます。

先読み中は、動作が不安定になる場合があるため、日付移動は推奨されません。

### ピクセル選択モード

ピクセル選択モードを ON にすると、クリックまたはタップしたピクセルの情報を表示できます。

表示される主な情報は次の通りです。

- pixel 座標
- タイル情報
- RGBA
- HEX 色コード

HEX 色コードは、画面上の「HEXをコピー」ボタンからコピーできます。

選択したピクセルは、赤枠で一時的に表示されます。

### キャッシュクリア

ピクセル情報の表示欄には「キャッシュクリア」ボタンがあります。

画像やピクセル情報の読み込み状態をリセットしたいときに使います。

通常利用では、頻繁に押す必要はありません。

## 設定パネル説明

### 設定パネル

設定パネルは、画面左側の歯車ボタンから開きます。

設定を変更した場合は、最後に「設定を適用」ボタンを押してください。

変更が残っている場合、設定パネルはそのまま閉じられません。

### ズーム率きざみ

ズーム値を変更する細かさを設定します。

初期設定は `1` です。

`0.5` にすると、より細かく拡大・縮小できます。

通常は初期設定のままで問題ありません。

### ピクセル選択モード

ON にすると、クリックまたはタップしたピクセルの情報を確認できます。

色や座標を調べたいときに使います。

### ピクセルグリッドを表示

ON にすると、ズーム値8以上のときにピクセルの境界を表示します。

細かい確認には便利ですが、表示が重い場合は OFF にしてください。

### ピクセル色でオーバーレイ

ON にすると、ズーム値8以上のときにピクセルの色を重ねて表示します。

拡大時に色を見やすくするための設定です。

端末によって重くなる場合があります。

### サンプリング step

オーバーレイ表示で、どのくらい細かく色を表示するかを設定します。

初期設定は `1` です。

通常は変更する必要はありません。

値を大きくすると表示は粗くなります。

### 不透明度

オーバーレイの濃さを調整します。

画像が見づらい場合や、重ね表示を薄くしたい場合に変更します。

### 最小スクリーン間隔

開発者向けの調整項目です。

通常利用では変更する必要はありません。

### 先読み範囲

先読みで読み込む前後の範囲を設定します。

初期値は `30` です。

値を大きくすると、より広い範囲を先読みしますが、その分読み込み量も増えます。

### 設定を適用

設定の変更を反映するボタンです。

設定を変えた後は、必ず押してください。

### 元に戻す

設定を変更したあと、適用せずに前の設定へ戻すボタンです。

### 全体表示

沖ノ鳥島全体が画面内に収まるように表示を調整します。

PC では `r` キーでも全体表示できます。

## 補足と注意

### アーカイブ範囲

OkiMAP は、2025年8月19日からの沖ノ鳥島周辺のアーカイブを閲覧できます。

2026年4月27日に確認したタイムスタンプ一覧では、2025年8月19日から2026年2月19日までのデータが登録されていました。

登録件数は、取得時刻単位で186件、日付単位で185日分です。

### 更新履歴

OkiMAP の更新履歴パネルには、次のような内容が表示されます。

- `v1.0.1`: 背景色を wplace の海と同色に変更、表示の不具合を修正
- `v1.0.0`: OkiMAP 仮リリース

リポジトリの最終更新は、2026年2月17日時点で確認されています。

### 操作のコツ

日付を大きく動かしたい場合は、スライダーを使うと便利です。

PC では、左矢印キーと右矢印キーでも日付を移動できます。

地図を見失った場合は、設定パネルの「全体表示」を押してください。

表示が重い場合は、ピクセルグリッドやオーバーレイを OFF にしてください。

### うまく表示されないとき

画像取得中の表示が長く続く場合は、時間を置いて再読み込みしてください。

ピクセル選択でうまく色が出ない場合は、キャッシュクリアを試してください。

設定を変更したのに反映されない場合は、「設定を適用」を押したか確認してください。