2016-01-07
標準語彙schema.orgを使ったお店オープンデータ(RDF)をリスト表示するJavaScriptプログラムを作成。
こちらIchigoJamが買えるところ一覧です。

親子でベーシック入門 IchigoJamではじめてのプログラミング
IchigoJam完成版同梱セットが買えるおみせ from ジャムハウス

    こどもパソコンIchigoJam」を扱うお店一覧 from PCN

      近くのIchigoJamが手に入るお店買えるところマップ

      使い方は、schema.org語彙を使って、省略形s:を使ってRDFをXML表現。


      下記のようにスクリプトをHTMLに読み込むと表示されます。
      http://ichigojam.net/temp/ichigojam_pack.rdf が、http://schema.org/StoreのRDF、l1262pという名前がついたolタグに、リストをインポートします(importStores)。

      <ol id=l1262s></ol> <script src=https://fukuno.jig.jp/fukuno.js></script> <script src=https://fukuno.jig.jp/app/util/importstores.js></script> <script>importStores("l1262p", "http://ichigojam.net/temp/ichigojam_pack.rdf")</script>

      リストの見せ方を変える場合は下記のようにCSSを設定ください!

      <style> ol { counter-reset: number; list-style: none; margin: 0; padding: 0; } ol li { } ol li:before { counter-increment: number; content: counter(number); float: left; background: #e88; width: 2em; height: 1.5em; line-height: 1.5; border-radius: 40%; color: #fff; text-align: center; margin-right: 0.5em; } #l1262p li:before { background: #ee8; color: #333; } </style>

      IchigoJamの公式サイト、リニューアルしました!

      こどもパソコンIchigoJam

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