オープンデータを使ってアプリを作ろう

アプリケーションの作成と公開をサポートするサイト

お問い合わせ

アプリ作品の情報

日本のサッカー選手アプリ

fullscreen

日本のサッカー選手検索アプリです。

17

評価指数

13

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

var LV = LV || {};
// ※テーブルの項目名とプロパティの対応の設定
LV.property = [
	["出場数ランキング", "出場数ランキング"],
	["名前","名前"],
	["出場数","出場数"],
	["得点数","得点数"],
	["初出場","初出場"],
	["最終出場","最終出場"],
	["ポジション","ポジション"],
	["生年月日","生年月日"],
	["利き足","利き足"],
	["背番号","背番号"],
	["身長","身長"],
	["体重","体重"],
	["出身地","出身地"],
	["在籍チーム","在籍チーム"],
	["画像","画像"]
]
window.onload = function() {
	$("#result").append("<table class='display' id='data_list'></table>" );
	var colList=[];
	$('#data_list').dataTable({
		"aoColumns": setColName(colList),
		"asSorting": [[0,"desc"]],
		"bJQueryUI": true,
		"bAutoWidth": false,
		"bJQueryUI": true,
		
		/* 空の値が来たらハイフン表示（alert対策） */
		"columnDefs": [{
   			 "defaultContent": "-",
			"targets": "_all"
		}],
		/* 日本語化 */
		"language": {
  			"emptyTable" : "データが登録されていません。",
  			"info" : "_TOTAL_ 件中 _START_ 件から _END_ 件までを表示",
			"infoEmpty" : "",
			"infoFiltered" : "(_MAX_ 件からの絞り込み表示)",
			"infoPostFix" : "",
			"thousands" : ",",
			"lengthMenu" : "1ページあたりの表示件数: _MENU_",
			"loadingRecords" : "ロード中",
			"processing" : "処理中...",
			"search" : "検索：",
			"zeroRecords" : "該当するデータが見つかりませんでした。",
			"paginate" : {
				"first" : "先頭",
				"previous" : "前へ",
				"next" : "次へ",
				"last" : "末尾"
			}
		}

});
	
	/* LinkDataからデータを取得 */
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		var propList = stringToUri(LV.property, workValue);
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var dataList = [];
				
				/* その他の列のデータを取得 */
				$.each( LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
					$.each (propList, function(i, propUri){
						if (propUri == propValue) {
							var objList = [];
							$.each( LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objkey, objValue) {
								if ( propKey == 21 ) {
									objList.push('<img width="100px" src="'+objValue+'">');
								} else {
									objList.push(objValue);
								}
							});
							dataList[i] = objList.toString();
						}
					});
				});
				/* テーブルにデータを追加 */
				$('#data_list').dataTable().fnAddData(dataList);
			});
		});
	});
}
/* プロパティがリテラルで指定された場合にURIに変換 */
function stringToUri (p, workId) {
	var arr = [];
	$.each (p, function(){
		if(this[1].indexOf("http") != 0){
			arr.push("http://linkdata.org/property/" + workId + "#" + encodeURIComponent(this[1]));
		} else {
			arr.push(this[1]);
		}
	})
	return arr;
}
/* カラム名を設定 */
function setColName(arr) {
	$.each(LV.property, function(){
		var col = {};
		col.sTitle = this[0];
		arr.push(col);
	})
	return arr;
}

Initial content

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	中山碧
共同編集者	Hirokazu Tokuno 太田朔久
Fork元のアプリ	中山碧 's あおいの女性相談所検索アプリ
実行回数	475
ウェブサイト
ライセンス
Fork count	0
作成日	2017年10月8日
最終更新日	2017年10月9日

Fork元のアプリ

あおいの女性相談所検索アプリ作者: 中山碧更新日: 2017年10月1日 140 回実行

入力データ
関連アイデア

このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。

日本のサッカー選手作者: 太田朔久更新日: 2017年10月27日
600 ダウンロード
,

3 アプリケーション

soccer_nihon_daihyo
自分のデータを入力する

ニュースフィード

linkdata.org に関するツイート