2024-08-28
ウェブサイトでよく見る、写真などのスライドショーは、Swiperというライブラリを使えば、HTMLのタグを使うだけで簡単に作れます。


「swiper japan 47」
src on ss.sabae.cc
FIND/47のステキ写真オープンデータを集めた、code4fukui/find47で公開しているCSVオープンデータを使って、サイネージとしても使えるステキ風景スライドショーアプリを作りました。画面クリックでフルスクリーン表示します。


「Swiper - The Most Modern Mobile Touch Slider」

こちらが、HTMLの拡張タグとして使える、HTMLElement対応がうれしいJavaScriptのライブラリ、Swiper! 公式ドキュメントやライブデモも充実していて分かりやすい。

下記は、都道府県別のスライドショーができるリンク集。観光案内所などでも使えるかも?
Swiper北海道
Swiper青森県
Swiper岩手県
Swiper宮城県
Swiper秋田県
Swiper山形県
Swiper福島県
Swiper茨城県
Swiper栃木県
Swiper群馬県
Swiper埼玉県
Swiper千葉県
Swiper東京都
Swiper神奈川県
Swiper新潟県
Swiper富山県
Swiper石川県
Swiper福井県
Swiper山梨県
Swiper長野県
Swiper岐阜県
Swiper静岡県
Swiper愛知県
Swiper三重県
Swiper滋賀県
Swiper京都府
Swiper大阪府
Swiper兵庫県
Swiper奈良県
Swiper和歌山県
Swiper鳥取県
Swiper島根県
Swiper岡山県
Swiper広島県
Swiper山口県
Swiper徳島県
Swiper香川県
Swiper愛媛県
Swiper高知県
Swiper福岡県
Swiper佐賀県
Swiper長崎県
Swiper熊本県
Swiper大分県
Swiper宮崎県
Swiper鹿児島県
Swiper沖縄県

データ元の find47.jp が、現在アクセスできないのでちょっと心配。

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS