福野泰介の一日一創

経産省によるステキ写真プロジェクト「FIND/47」を元にスタートしたFIND/291。せっかくなので、全都道府県分のスライドショーアプリにしました

「石川県 FIND/47 写真スライドショー」
yurayura-photo-viewer拡張タグを使ったシンプルなウェブアプリです。まだ見ぬ日本への出会い、増やしましょう。サイネージでの表示などでご活用ください！

「FIND/47 都道府県別ダッシュボード」
都道府県別に写真登録数のランキングと合わせて、ダッシュボードアプリから辿れるようにしました。

現在の投稿写真数1位は兵庫県で224枚、最下位は石川県の8枚。随分と偏りがあります。我こそはという写真家の方、FIND/47へ、ぜひご投稿を！

「「夕富士（笛吹市） (山梨県) 」について詳しく見る | FIND/47」
山梨県、富士山の写真がきれい！

FIND/47掲載写真はすべて、クレジット表示で自由に使えるクリエイティブ・コモンズ・表示(CC BY)のオープンデータです。

「yurayura-photo-viewer - FIND/47 福井県表示」 src on GitHub
写真のゆらゆら具合をいじりたい方は、three.jsを使って作った、こちらの拡張タグのオープンソースをご改造ください。

サクッと動かすウェブサーバーとしては、Pythonのhttp.serverが有名です。

Pythonが入った環境のターミナルで、下記のコマンドを動かせば、ローカル（自分のPCのこと）でウェブサーバーが起動し、https://localhost をブラウザなどで開くことができるようになります。

python -m http.server 80

Node.js用の便利なツール「live-server」は、ファイルの更新をチェックして、自動的に再読み込みする機能が付いて便利でした。

大容量ファイル対応が不完全だった、以前移植したDeno版を、最新ライブラリを使ってメンテナンス。無事、便利に使えるようになりました！

deno run --allow-env --allow-read --allow-net https://js.sabae.cc/liveserver.js

Denoが入っていればこのコマンドでURLを直接入力するだけで動きます！

--allow-env は、環境変数を使うことを許可
--allow-read は、ファイルを読み込むことを許可
--allow-net は、ネットを使うことを許可
（安全に自信があれば -A で、すべてを許可して動かすことも可能）

プログラムがやっていいことを制限して使えるのが、Denoの良いところ！ 許可を何も設定しないで動かすと、逐次何をするかも分かって安心です。

deno run https://js.sabae.cc/liveserver.js

便利なことが分かったら、いつでも使えるコマンドとしてインストールもできます。

deno install -g --allow-env --allow-read --allow-net https://js.sabae.cc/liveserver.js

インストールが終わったら、下記コマンドですぐにウェブサーバーが起動します。

liveserver

ポート番号を指定したい場合は、

liveserver 8888

簡単ですね！

「code4fukui/liveserver: live-server in Deno」
ウェブサイトやウェブアプリ開発、確認に良く使うツールです。ご活用ください！

「serveFile | /http/file_server.ts | std@0.224.0 | Deno」
ファイルへのリクエストに対する、いい感じなレスポンスを作ってくれるライブラリ、serverFile from Deno が便利でした。

おめでとう！バスケのプロリーグB3で、完全優勝とB2進出を決めた、福井ブローウィンズ！

「祝砲 - HLS Movie Player with Cache」
一眼ミラーレス、Canon R5 + Dual Fisheyeで8K撮影した動画をWebアプリでスムーズに見られるアプリを作りました。

右目用と左目用、魚眼レンズで2つの視野角180度の映像を1つの8K動画として記録されます。レンズ内部で交差しているので右目用と左目用が反転しているので、交差法で立体視できます。

「選手 - HLS Movie Player with Cache」
デモ動画、もう一つは4K、ハイタッチしていく選手の様子です。

「code4fukui/hls-movie-player-with-cache」
Vision Pro/iPhone/MacのSafariでは対応している動画フォーマットHLS(=HTTP Live Streaming、M3U8ファイル+TSファイル群）をServiceWorkerのCacheでローカルに保存してから再生するソースコードです。hls.jsを使っているので、ChromeなどのHLS未対応ブラウザでも動きます。

MP4の動画ファイルをHLSに変換するのは、ffmpegで簡単！

ffmpeg -i 2G7A0214.MP4 -g 30 2G7A0214.m3u8

gパラメータで分割サイズをコントロールできます。

株式会社福井ブローウィンズ 代表取締役 湯本眞士さんと！
jig.jpは、福井ブローウィンズのブロンズパートナー。
「パートナー｜福井ブローウィンズ 公式ウェブサイト」

links
- 福井ブローウィンズ 公式ウェブサイト

「FIND/291」 src on GitHub
サイト自体もオープンデータな、FIND/47を活用し、福井県に特化したFIND/291をスタート！
（2、9、1でふくいと読みます、参考、THE291FUKUI）

ゆらゆら写真ビューワータグを使って作ったFIND/47風、PC版トップページ。スマホ向けは未調整。

find291.jp ドメイン、取りました！
福井県のステキな写真を共有したい方、ぜひご参加ください！
→ Slack on Code for FUKUI or X on Code for FUKUI

「find47/pref/find47images_JP-18.csv at main · code4fukui/find47」
FIND/47の写真オープンデータを使いやすいCSVに変換しているリポジトリで、都道府県別CSV出力機能を追加。福井県はISOでJP-18です。