書き換え作業 | iPkrVEのブログ

書き換え作業

Google Gemini に　cctv画像の拒否について、次の回答があり
-----{Geminiの回答の一部}---------------------
もし <iframe> を使ったときに「拒否されました」と表示される場合、画像の配信元（国土交通省のサーバー）が**「自分のサイト以外でこの画像を箱（iframe）に入れて表示してはいけない」**という命令（X-Frame-Options）を出している可能性があります。
これは、他人のサイトの内容を勝手に自分のサイトの一部として見せることを防ぐためのセキュリティ設定です。<img> タグに変更することで、この制限を回避できることが多いです。
-----{Geminiの回答の一部}---------------------

書き換え作業をしました。並びは　名称・旧URL・新URL

沼津河川国道　富士海岸　cctv　nkk fkk　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/fkk.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/fkk.html

沼津河川国道　狩野川上流　cctv　nkk kjk　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/kjk.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/kjk.html

沼津河川国道　狩野川下流　cctv　nkk kkk　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/kkk.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/kkk.html

沼津河川国道　狩野川砂防　cctv　nkk ksb　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/ksb.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/ksb.html

沼津河川国道　国道1号箱根　cctv　nkk r1hr　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/r1hr.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/r1hr.html

沼津河川国道　国道138,246号　cctv　nkk r138-246r　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/r138-246r.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/r138-r246.html

沼津河川国道　伊豆縦貫自動車道　cctv　nkk ijjr　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/ijjr.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/ijjr.html

沼津河川国道　天城北道路　cctv　nkk akr　リアルタイム　cctv集
http://tsukoukai.sakura.ne.jp/2020/0813/nkk/akr.html
http://tsukoukai.sakura.ne.jp/2020/0813/nkk2/akr.html

以下　書き換え作業のメモ

狩野川砂防リアルタイムCCTV集1
-----------[autonuma.bat]---------------------------------------------
d:/awk/TeraPad d:/test/ctv/numa.awk
d:/awk/mawk32 -fd:/test/ctv/numa.awk > mid.txt
copy top.txt+mid.txt+botom.txt test.html
-----------[autonuma.bat]---------------------------------------------

-----------[numa.awk]---------------------------------------------
BEGIN {#沼津河川国道狩野川砂防リアルタイムCCTV集 numa.awk
a1 ="<div class=\"flex-item\">\n<p>カメラ"
a2 ="</p>\n<img src=\""
a3 ="\" alt=\"カメラ"
a4 ="\">\n</div>\n"
b1 ="https://www.cbr.mlit.go.jp/numazu/kanogawa/cctv/snapshot/"

for(i=127; i<=142; i++)
printf("%s%s%s%s%s.jpg%s%s%s\n",a1, i, a2, b1, i, a3, i, a4)
}
-----------[numa.awk]---------------------------------------------

-----------[mid.txt]---------------------------------------------
<div class="flex-item">
<p>カメラ127</p>
<img src="https://www.cbr.mlit.go.jp/numazu/kanogawa/cctv/snapshot/127.jpg" alt="カメラ127">
</div>

<div class="flex-item">
<p>カメラ128</p>
<img src="https://www.cbr.mlit.go.jp/numazu/kanogawa/cctv/snapshot/128.jpg" alt="カメラ128">
</div>

<div class="flex-item">
<p>カメラ129</p>
<img src="https://www.cbr.mlit.go.jp/numazu/kanogawa/cctv/snapshot/129.jpg" alt="カメラ129">
</div>
-----------[mid.txt]---------------------------------------------

-----------[top.txt]---------------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="SJIS">
<title>cctv集</title>
<style>
.flex {
display: flex;
flex-direction: column; /* 縦に並べる */
gap: 20px; /* 画像同士の間隔 */
align-items: center; /* 真ん中に寄せる */
}
.flex-item img {
max-width: 80%; /* 横幅を80%に制限 */
height: auto; /* 縦横比を保つ */
border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>沼津河川国道狩野川砂防リアルタイムCCTV集</h1>

<div class="flex">
-----------[top.txt]---------------------------------------------

-----------[botom.txt]---------------------------------------------
</div>
</body>
</html>
-----------[botom.txt]---------------------------------------------