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

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

お問い合わせ

アプリ作品の情報

京都が出てくる山村美紗作品をカーリル

fullscreen

京都が出てくる山村美紗作品のデータをスマホで閲覧しやすいようにリスト表示にして、カーリルで図書館検索できるようにしました。 ?subject=でキーワードをつけると赤でハイライトされます。例 http://app.linkdata.org/run/app1s774i?subject=殺人

1

評価指数

1

アプリケーション

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

/*
京都が出てくる本をカーリル
カーリルをタイトル検索するようにプログラムを改造しています。
*/

window.onload = function() {
	var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject="
	var list = ""; // list to be displayed
	// Work loop
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		$("#result").append("<h3>" + LinkData.getWorkName(workValue) + "</h3>");
		// File loop
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			var hit = ""; // list of subjects whose URI matches keyword
			var nHit = 0; // number of subjects whose URI matches keyword
			list += "<hr><h4>Viewing file: " + fileValue + "</h4>";
			// Subject loop
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var longitude = null;
				var latitude = null;
				var s = "<hr>"; // subject to be displayed
//改造：サブジェクトリンクは表示せず				s += "<hr><a href=\"" + subjValue + "\" target=\"_top\"><span class=\"subject\">" + highlight(decodeURIComponent(subjValue), keyword) + "</span></a>";
				$.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) {
					var prop = tripleValue.property;
					var obj = tripleValue.object;
/*カーリル検索*/		if ( getLastName(prop) == "title" ) s += "<a href=\"http://calil.jp/search?q=" + obj + "\">図書館検索（カーリル）</a>"
	/*表紙画像挿入*/		if ( getLastName(prop) == "ISBN" )
							s += obj + "<br><img src=\"http://images-jp.amazon.com/images/P/" + obj.replace(/-/g,"") + ".09.LZZZZZZZ\">";
					if ( prop == "http://www.w3.org/2003/01/geo/wgs84_pos#long" ) longitude = obj;// longitude found
					if ( prop == "http://www.w3.org/2003/01/geo/wgs84_pos#lat" ) latitude = obj;// latitude found
					if ( obj.indexOf("://www.youtube.com") != -1 && obj.indexOf("v=") != -1 ) { // Insert YouTube Thumbnail
						videoId = (obj.split("v=")[1]).split("&")[0]; // get video id
						obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" + highlight(decodeURIComponent(obj), keyword) + "<br><img src=\"http://img.youtube.com/vi/" + videoId + "/mqdefault.jpg\" alt=\"YouTube video\" /><br></span></a>";
						}
						else if ( obj.indexOf("http") == 0 ) {
							if ((obj.indexOf(".jpg" )>0 || obj.indexOf(".gif" )>0 || obj.indexOf(".png" )>0) || (obj.indexOf(".JPG" )>0 || obj.indexOf(".GIF" )>0 || obj.indexOf(".PNG" )>0)) // insert image
								 obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" +shortenURL(obj) + "<br><img src=\"" + obj + "\" alt=\"image\" /><br></span></a>";
							else
								obj = "<a href=\"" + obj + "\" target=\"_blank\"><span class=\"object\">" + shortenURL(obj) + "</span></a>"; // Make it clicable if it starts from http
					}
					else
						obj = "<span class=\"object\">" + highlight(obj, keyword) + "</span>";
					s += "<br><span class=\"propertyName\">" + getLastName(prop) + ":\t</span>" +  obj;
				});
				if ( latitude != null && longitude != null ) s += addLinkToMap( latitude, longitude );
				list += s; //add to the list to be displayed
				if ( subjValue == keyword ) { // found subject whose URI matches keyword
					hit += s;
					nHit++;
				}
				//link to map display if coordinates exist
			});
			if ( nHit > 0 ) {
				if ( nHit == 1 )
					$("#result").append( "<hr><h4>" + "1 subject hit in file: "+fileValue+"</h4>" );
				else
					$("#result").append( "<hr><h4>" + nHit + " subjects hit in file: "+fileValue+"</h4>" );
				$("#result").append( hit + "<br><br>" );
			}
		});
	});
	$("#result").append( list );
	window.find(highlight);
};

// Get a parameter value in URL (e.g. ?paramString=value )
function getParameterFromURL( paramString )
{			
	var value = "";
	var topWindow = top.window.location.search;
	if( topWindow ){
		var q = decodeURIComponent(topWindow.substring(1,topWindow.length)).split("&");
		for ( var i = 0; i < q.length; i++ ){
			var r = q[i].split("=");
			if ( r[0] ==  paramString )
				value = r[1];
		}
	}
 	return value;
}

// Highlight keyword in the string
function highlight( string, keyword )
{
	if ( keyword.length > 0 ) {
		var ss = string.split(keyword);
		var len = ss.length;
		if ( len > 1 ) {
			string = ss[0];
			for ( i = 1; i < len; i++ )
//				string += "<font color=\"red\">"+keyword+"</font>"+ss[i];
				string += "<span class=\"highlight\">"+keyword+"</span>"+ss[i];
		}
	}
	return string;
}

// get the last name of the string separated with # and /
function getLastName( string )
{
	string = decodeURIComponent(string);
	var sharp = string.split("#");
	var slash = sharp[sharp.length-1].split("/");
	var lastName = slash[slash.length-1];
	return lastName;
}

// return a link to Google map search
function addLinkToMap( latitude, longitude )
{
	var s = "<br><a target=\"_blank\" href=\"http://www.google.com/maps/?q=" + latitude + "," + longitude + "\">Show map</a>";
	return s;
}

// shortening URL e.g. http://.../123.jpg
function shortenURL( url )
{
	url = decodeURIComponent(url);
	var slash = url.split("/");
	var lastName = slash[slash.length-1];
	return url.split(":")[0]+"://.../"+lastName;
}

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

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

作者メッセージ送信	Tetsuro_Toyoda
Fork元のアプリ	Tetsuro_Toyoda 's 京都が出てくる本をカーリル
実行回数	311
ウェブサイト
ライセンス
Fork count	0
作成日	2014年12月4日
最終更新日	2014年12月6日

Fork元のアプリ

京都が出てくる本をカーリル作者: Tetsuro_Toyoda 更新日: 2014年12月6日 439 回実行

入力データ
関連アイデア

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

京都が出てくる山村美紗作品データ作者: libmaro 更新日: 2019年8月26日
448 ダウンロード
,

1 アプリケーション

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

ニュースフィード

linkdata.org に関するツイート