時を戻そう。日本がんばれ〜 
ツール：Flourish https://flourish.studio/
データ：Bing AI
データ加工：Excel ピボットテーブル + XLOOKUP関数
新しいBingでデータを集めた。一括でデータ収集させてCSV形式でダウンロードしたいのだけど現状では無理っぽい。1年ごとに検索してExcelにコピペする手作業が発生してる。しかも、チャットのレスが遅い… 持ってないデータを検索して解析してゴニョゴニョしてて時間がかかるとは思うもののまだまだ使いづらい。
1990年と1991年はデータが見つからない。データも怪しいしランキング順位が大きく変わる年はグラフが正しく表示されない。逆再生したかっただけだからいいけど…
時間は戻らないらしいな。時間とは何か？それが問題だ？
正しそうなやつも貼っとく
古き良き壁紙チェンジャー的なやつ。ハジマルー
過去にtwitterおよびblogに投稿した画像をヘッダー画像に貼り付け。1日1回0:00に差し代わる予定。しばらくこれで。
備忘：
(WORDPRESS_ROOT)/wp-includes/theme.php
function get_header_image() {
・・・
if ( is_random_header_image() ) {
//$url = get_random_header_image();
//キャッシュバスティング対応
$url = get_random_header_image() . '?' . filemtime('./wp-content/themes/twentyseventeen/assets/images/header.jpg');
}気付けない落とし穴的なデグレを仕込むことになるので本体には手を入れたくないのだが仕方ないのか？他に対処方法はないんかー？
ChatGPTで生成したバグってるソースを手直した。変数の宣言がなかったり関数ごと欠損しているソースをデバッグするところからスタートして何となく動くようになったので投稿。初めテトリスを作ろうとしたけど、まともに動かない状態から抜け出せずに挫折… オセロは、テトリスの半分以下で300行程度。
備忘：CSSに一番苦戦した。borderとborder-radiusが同時に指定できない。border-radiusでコマを描くとborderで描いた枠線が欠落してしまう。最終的にはコマの白黒画像を用意してbackground-imageで読み込むように修正した。
ご参考：
プロンプト：オセロゲームのサンプルをHTML/CSS/JavaScriptで作成してください。
ChatGPT：はい、以下にHTML、CSS、JavaScriptで書かれたオセロゲームのサンプルを用意しました。
・・・
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>オセロゲーム</title>
<style>
.container {
display: flex;
flex-wrap: wrap;
width: 320px;
height: 320px;
margin: 0 auto;
}
.cell {
width: 40px;
height: 40px;
background-color: green;
border: 1px solid black;
box-sizing: border-box;
cursor: pointer;
}
.cell.black {
background-color: black;
}
.cell.white {
background-color: white;
}
.turn {
margin-top: 10px;
text-align: center;
font-size: 20px;
}
.win {
margin-top: 10px;
text-align: center;
font-size: 30px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container"></div>
<div class="turn">黒の手番です</div>
<div class="win"></div>
<script>
const WHITE = 1;
const BLACK = -1;
const EMPTY = 0;
// ゲームボードのサイズ
const BOARD_SIZE = 8;
// ゲームボードの初期化
let board = [];
for (let i = 0; i < BOARD_SIZE; i++) {
board[i] = [];
for (let j = 0; j < BOARD_SIZE; j++) {
board[i][j] = 0;
}
}
board[3][3] = board[4][4] = 1;
board[3][4] = board[4][3] = -1;
// 現在のプレイヤー（1:黒, -1:白）
let currentPlayer = 1;
// 盤面を描画する関数
function drawBoard() {
const container = document.querySelector('.container');
container.innerHTML = '';
for (let i = 0; i < BOARD_SIZE; i++) {
for (let j = 0; j < BOARD_SIZE; j++) {
const cell = document.createElement('div');
cell.className = 'cell';
if (board[i][j] === 1) {
cell.classList.add('black');
} else if (board[i][j] === -1) {
cell.classList.add('white');
}
cell.dataset.row = i;
cell.dataset.col = j;
cell.addEventListener('click', handleClick);
container.appendChild(cell);
}
}
}
drawBoard();
// クリックイベントのハンドラー関数
function handleClick(event) {
const row = parseInt(event.target.dataset.row);
const col = parseInt(event.target.dataset.col);
if (board[row][col] !== 0) {
return;
}
const directions = [
{ x: 0, y: -1 }, // 上
{
x: 0, y
1 }, // 下
{ x: -1, y: 0 }, // 左
{ x: 1, y: 0 }, // 右
{ x: -1, y: -1 }, // 左上
{ x: 1, y: -1 }, // 右上
{ x: -1, y: 1 }, // 左下
{ x: 1, y: 1 } // 右下
];
let canPlace = false;
for (let d = 0; d < directions.length; d++) {
const dx = directions[d].x;
const dy = directions[d].y;
let x = row + dx;
let y = col + dy;
let flipCount = 0;
while (x >= 0 && x < BOARD_SIZE && y >= 0 && y < BOARD_SIZE) {
if (board[x][y] === -currentPlayer) {
flipCount++;
x += dx;
y += dy;
} else if (board[x][y] === currentPlayer) {
if (flipCount > 0) {
canPlace = true;
}
break;
} else {
break;
}
}
if (canPlace) {
break;
}
}
if (!canPlace) {
return;
}
board[row][col] = currentPlayer;
event.target.classList.add(currentPlayer === 1 ? 'black' : 'white');
event.target.removeEventListener('click', handleClick);
flipStones(row, col);
currentPlayer = -currentPlayer;
const turnEl = document.querySelector('.turn');
turnEl.textContent = ${ currentPlayer === 1 ? '黒' : '白' } の手番です;
if (!hasPlaceableCell()) {
currentPlayer = -currentPlayer;
if (!hasPlaceableCell()) {
const winEl = document.querySelector('.win');
const blackCount = countStones(1);
const whiteCount = countStones(-1);
if (blackCount > whiteCount) {
winEl.textContent = '黒の勝ち！';
} else if (blackCount < whiteCount) {
winEl.textContent = '白の勝ち！';
} else {
winEl.textContent = '引き分け！';
}
} else {
turnEl.textContent = ${ currentPlayer === 1 ? '黒' : '白' } はパスです;
}
}
}
// 石を返す関数
function flipStones(row, col) {
const directions = [
{ x: 0, y: -1 }, // 上
{ x: 0, y: 1 }, // 下
{ x: -1, y: 0 }, // 左
{ x: 1, y: 0 }, // 右
{ x: -1, y: -1 }, // 左上
{ x: 1, y: -1 }, // 右上
{ x: -1, y: 1 }, // 左下
{ x: 1, y: 1 } // 右下
];
for (let d = 0; d < directions.length; d++) {
const dx = directions[d].x;
const dy = directions[d].y;
let x = row + dx;
let y = col + dy;
let flipCount = 0;
while (x >= 0 && x < BOARD_SIZE && y >= 0 && y < BOARD_SIZE) {
if (board[x][y] === -currentPlayer) {
flipCount++;
x += dx;
y += dy;
} else if (board[x][y] === currentPlayer) {
if (flipCount > 0) {
for (let i = 1; i <= flipCount; i++) {
const flipX = row + i * dx;
const flipY = col + i * dy;
board[flipX][flipY] = currentPlayer;
const flipEl = document.querySelector(`[data-row="${flipX}"][data-col="${flipY}"]`);
flipEl.classList.remove(currentPlayer === 1 ? 'white' : 'black');
flipEl.classList.add(currentPlayer === 1 ? 'black' : 'white');
}
}
break;
} else {
break;
}
}
}
}
// 置けるセルがあるかどうかを判定する関数
function hasPlaceableCell() {
for (let i = 0; i < BOARD_SIZE; i++) {
for (let j = 0; j < BOARD_SIZE; j++) {
if (board[i][j] === 0 && canPlaceStone(i, j)) {
return true;
}
}
}
return false;
}
// 石の数を数える関数
function countStones(player) {
let count = 0;
for (let i = 0; i < BOARD_SIZE; i++) {
for (let j = 0; j < BOARD_SIZE; j++) {
if (board[i][j] === player) {
count++;
}
}
}
return count;
}
// ゲームをリセットする関数
function resetGame() {
board = initializeBoard();
currentPlayer = 1;
const cells = document.querySelectorAll('.cell');
for (let i = 0; i < cells.length; i++) {
cells[i].classList.remove('black', 'white');
cells[i].addEventListener('click', handleClick);
}
const turnEl = document.querySelector('.turn');
turnEl.textContent = '黒の手番です';
const winEl = document.querySelector('.win');
winEl.textContent = '';
}
function canPlaceStone(row, col, color) {
if (board[row][col] !== EMPTY) {
return false;
}
for (let drow = -1; drow <= 1; drow++) {
for (let dcol = -1; dcol <= 1; dcol++) {
if (drow === 0 && dcol === 0) {
continue;
}
let r = row + drow;
let c = col + dcol;
let flipped = false;
while (r >= 0 && r < BOARD_SIZE && c >= 0 && c < BOARD_SIZE) {
if (board[r][c] === EMPTY) {
break;
}
if (board[r][c] === color) {
if (flipped) {
return true;
} else {
break;
}
}
flipped = true;
r += drow;
c += dcol;
}
}
}
return false;
}
function initializeBoard() {
for (let row = 0; row < BOARD_SIZE; row++) {
for (let col = 0; col < BOARD_SIZE; col++) {
const cell = document.querySelector(`.cell[data-row="${row}"][data-col="${col}"]`);
cell.classList.remove('black', 'white');
if ((row === 3 && col === 3) || (row === 4 && col === 4)) {
cell.classList.add('white');
board[row][col] = WHITE;
} else if ((row === 3 && col === 4) || (row === 4 && col === 3)) {
cell.classList.add('black');
board[row][col] = BLACK;
} else {
board[row][col] = EMPTY;
}
}
}
}
// 初期化
let board = initializeBoard();
let currentPlayer = 1;
const cells = document.querySelectorAll('.cell');
for (let i = 0; i < cells.length; i++) {
cells[i].addEventListener('click', handleClick);
}
const resetBtn = document.querySelector('.reset');
resetBtn.addEventListener('click', resetGame);
const turnEl = document.querySelector('.turn');
turnEl.textContent = '黒の手番です';
}) ();
</script>
</body>
</html>※インデントなど整形済み
調べものしてたらレトロゲームのソースがあったのでブログに投稿できるかやってみたらできたみたいな。これができるなら他にも沢山あるなー
MITライセンスは自由だー
Copyright (c) 2014-2018 John Resig (http://ejohn.org/) All Rights Reserved.
Released under the MIT license
https://opensource.org/licenses/mit-license.php
備忘：投稿本文にscriptタグでコードを記述すると一部の演算子が改変されて投稿されることが判明。JSファイルとしてサーバ上に配置して読み込む必要があった。また、画面全体での表示を前提としていたのでCSSを微修正した。Enterキーで開始、矢印キーで左右に移動、Xキーで撃つ。
インド人口が世界最多に、年央ごろ中国を290万人上回る＝国連 https://news.yahoo.co.jp/pickup/6460694
この件。Bar chart race 作ってみた。日本がんばれ〜
ツール：Flourish
https://flourish.studio/
データ：UN Population Division Data Portal
https://population.un.org/dataportal/home
データ加工：Excel
ピボットテーブル + XLOOKUP関数
Mediawiki API
https://www.mediawiki.org/wiki/API
Wikimedia REST API
https://wikimedia.org/api/rest_v1/
昨日までのデータしか取得できないけど、なんとなく動いてそう。
https://wikimedia.org/api/rest_v1/metrics/pageviews/top/ja.wikipedia.org/all-access/2023/03/09
以下に合致するページはフィルタした。
let re = /^メインページ|^Main_Page|^特別:|^[A-Za-z]+:/
https://ja.wikipedia.org/wiki/メインページ
トップページの「今日は何の日」が古い。勝手に切り取ってるのも悪いけどトップページが正しく更新されないのもどうかと思うわー 👊 怒
https://ja.wikipedia.org/wiki/Wikipedia:バグの報告/MediaWiki1.10
かなり古い情報だけどウィキペディアにコメントがある。今もbotで更新しているのか？
https://ja.wikipedia.org/wiki/Wikipedia:バグの報告
これは一時的な表示の不具合なのか！？