im@sparqlをTypeScriptでたたいてみる

2019年02月12日

こんにちは。、.ごっちです。

去年末に CiecleCI(ほぼ bash)で im@sparql を curl でたたいてました。 今日誕生日のアイドルを出力する CircleCI orb をつくったお話 *こんにちは、 .ごっちです。*medium.com

この記事の bash の curl の URL 自体はすでに例にあったところから持ってきたやつなので、正直なところ創意性がありませんでした()。 im@sparql 広がるアイマスワールドをオープンデータ化 Web やアプリから SPARQL で検索・利用可能なエンドポイントsparql.crssnky.xyz

sparql 自体ぼくも慣れていないこともあったので、今度こそは自分の手で query を作ってみます。

あと、最近なにかと話題の TypeScript を使ってみます。 TypeScript - JavaScript that scales. *TypeScript brings you optional static type-checking along with the latest ECMAScript features.*www.typescriptlang.org

できあがったもの

YutaGoto/imasparql_form *Contribute to YutaGoto/imasparql_form development by creating an account on GitHub.*github.com ts Edit descriptionyutagoto.github.io

ひとまず Web フォームにしました。

こんなかんじこんなかんじ

誕生日検索

この検索はすでに CircleCI でもたたいたとおりなので、ちょっと改変するだけでおわります。

# query.sparql
PREFIX schema: <[http://schema.org/](http://schema.org/)>
PREFIX imas: <[https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#](https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#)>
SELECT (sample(?n) as ?name)
WHERE {
  ?sub schema:birthDate ?o;
       schema:name ?n;
  FILTER(regex(str(?o), '02-11' )).
}group by(?n)

?o(birthDate)に 02-11 が含まれる data を取得してきます。出力はその data の name の部分になります。

{
  "head": {
    "vars": [ "name" ]
  } ,
  "results": {
    "bindings": [
      {
        "name": { "type": "literal" , "xml:lang": "ja" , "value": "浅野風香" }
      }
    ]
  }
}

あとはこれをいい感じに TypeScript で加工するだけです。

名前検索

# query.sparql
PREFIX schema: <[http://schema.org/](http://schema.org/)>
PREFIX imas: <[https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#](https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#)>
SELECT (sample(?n) as ?name)
WHERE {
  ?s schema:name|imas:nameKana ?on;
     schema:name ?n;
  FILTER(CONTAINS(str(?on), 'あまみ')).
}group by(?n)

?on(name or nameKana) に あまみ が含まれているデータを取得します。出力は上に同じくそのデータの name の部分だけです。

{
  "head": {
    "vars": [ "name" ]
  } ,
  "results": {
    "bindings": [
      {
        "name": { "type": "literal" , "xml:lang": "ja" , "value": "天海春香" }
      }
    ]
  }
}

ただこの Query にはバグが潜んでいて、 imas:nameKana や schema:name にはアイドル名以外にも系列があるので、そこは直さなければいけない部分です。

# query.sparql
PREFIX schema: <[http://schema.org/](http://schema.org/)>
PREFIX imas: <[https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#](https://sparql.crssnky.xyz/imasrdf/URIs/imas-schema.ttl#)>
SELECT (sample(?n) as ?name)
WHERE {
  ?s schema:name|imas:nameKana ?on;
     schema:name ?n;
  FILTER(CONTAINS(str(?on), '夕美')).
}group by(?n)

—

{
  "head": {
    "vars": [ "name" ]
  } ,
  "results": {
    "bindings": [
      {
        "name": { "type": "literal" , "xml:lang": "ja" , "value": "相葉夕美" }
      } ,
      {
        "name": { "type": "literal" , "xml:lang": "ja" , "value": "夕美が思うお花みたいに綺麗なアイドル" }
      } ,
      {
        "name": { "type": "literal" , "xml:lang": "ja" , "value": "夕美が一緒にお花のお世話をしたいアイドル" }
      }
    ]
  }
}

本当は相葉夕美だけを取得できればいいんですが、シンデレラガール総選挙の他のアイドルを紹介するときの名前なども一緒についてきてしまうので、修正する必要があります。。。

SPARQL の所感

コツさえ掴んでしまえば割といけるなぁといった感じです。最初に RDF にどんなデータがどんな名前で存在しているか調査するのも大変かなぁという感じです。

データの繋がり方や取得の仕方さえわかってしまえば、あとは書くだけなのでそのへんは SQL と何も変わらない気がしています。

Sparql そのものの書き方は他の記事を参照しています。 RDF 用クエリ言語 SPARQL *RDF は、ウェブ上で情報を表わすための、有向性の、ラベル付けされたグラフ・データ形式です。この仕様では、RDF に対する SPARQL クエリ言語の構文とセマンティクスを定義しています。SPARQL は、データが RDF そのものとして保存されているか…*www.asahi-net.or.jp

TypeScript の所感

書いた量が量というのもあり、まだ TypeScript の恩恵(型定義や class をいい感じに管理するなど)を受けられていないのですが、もうちょっと TypeScript っぽく書きたいなぁとかは思っています。 BestPrctice をあさってきます。

今後

アイドルからユニットを検索したり、都道府県からアイドルを検索したりと Web フォームでサクッといけそうな部分はちょこちょこ書いていきたいです。

References

ProfilePicture

Yuta Goto

フリーランスのソフトウェアエンジニアです。現在はReact.jsを使用したWebフロントエンドの開発やRuby on Railsを使用したサーバサイドの開発を行っています。

Share for Bluesky