「FIND/47|みんなで集め、広めていくフォトアーカイブ。」
現在1,299枚の47都道府県の高品質画像が最大1900万画素で使用可能。どの写真も美しい!
サイト自体もCC BY、一覧を取得する images.json と、サイトのHTMLを使って、CSVオープンデータとして整理するプログラムをJavaScript(Deno)で作って、GitHub公開。
ついでに、フルHD品質画像をダウンロードして、GitHub Pagesでホスティング。一括ダウンロードしてあれこれ活用する元ができました。(src on GitHub)
「find47images.csv」
画像URL、FIND/47での詳細リンク、タイトル、使用カメラやレンズ、焦点距離などの情報に加え、全データ位置情報付き!Geo3x3にエンコードして整理しました。
「日本の風景オープンデータ」
作ったCSVオープンデータを使ったサンプルアプリ、シャッフルして0.5秒ずつ並べていくだけのアプリです。JavaScriptのプログラムはこんな感じ。(src on GitHub)
import { CSV } from "https://code4sabae.github.io/js/CSV.js"; import { sleep } from "https://js.sabae.cc/sleep.js"; import { shuffle } from "https://js.sabae.cc/shuffle.js"; window.onload = async () => { const url = "https://code4fukui.github.io/find47/find47images.csv"; const data = CSV.toJSON(await CSV.fetch(url)); console.log(data); shuffle(data); for (const d of data) { const imga = document.createElement("a"); imga.href = d.url; const img = new Image(); img.src = "https://code4fukui.github.io/find47/photo/" + d.id + ".jpg"; imga.appendChild(img); images.appendChild(imga); const a = document.createElement("a"); a.href = d.url; a.textContent = d.title + " © " + d.author; credits.appendChild(a); await sleep(500); } };
プログラムでHTMLの要素を生成しています。
これだけ美しい素材、日本中まるっと揃っているとうれしいですね!
うちの地元のあの風景がない!?
FIND/47では、投稿も受け付けています。自慢の写真、オープンデータにしましょう!
「SABAE signboard」
福井県の空からの360度写真オープンデータ「VRふくい」に「鯖江大看板」追加!
こちらも日本中、世界中に拡大できると楽しそう。