Language
ログイン
言語設定
X
English
日本語 [Japanese]
オープンデータを使ってアプリを作ろう
アプリケーションの作成と公開をサポートするサイト
お問い合わせ
HOME
チュートリアル
アプリ新規作成
アプリのFork
公開アプリ一覧
アプリ作品の情報
人口
宮城県石巻市
年齢3区分別
宮城県石巻市 年齢階級別人口
fullscreen
石巻市, ICT総合推進課
0
評価指数
いいね!
0
Loading...
このアプリ作品で使われているデータと同じ形式のデータを作成し、このアプリに適用することができます。
ひな形として使うファイルをリストから選択し、"Create Templete"をクリックして下さい。
アプリケーション
fullscreen
play
stop
reload
Play
JavaScript
CSS
HTML
概要
保存した実行結果
宮城県石巻市 年齢階級別人口
jquery-1.11.2.min.js
宮城県石巻市 年齢階級別人口
宮城県石巻市 年齢階級別人口
宮城県石巻市 年齢階級別人口
宮城県石巻市 年齢階級別人口
window.onload = function() { aaa(); } function ccc() { //alert("ccc"); var bunbo; var bunshi; var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject=" // Work loop $.each(LinkData.getWorks(), function(workKey, workValue) { // File loop $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { // Subject loop var i = 1; $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { $.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) { var prop = decodeURIComponent(tripleValue.property); prop = prop.split("#"); var obj = tripleValue.object; if ( prop[1] == "年" ) { myTBL3.rows[i].cells[0].innerText = obj; } if ( prop[1] == "女-小計" ) { myTBL3.rows[i].cells[1].innerText = obj; bunbo = Number(obj); } if ( prop[1] == "女-0~14" ) { myTBL3.rows[i].cells[2].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL3.rows[i].cells[5].innerText = bunshi+"%"; } if ( prop[1] == "女-15~64" ) { myTBL3.rows[i].cells[3].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL3.rows[i].cells[6].innerText = bunshi+"%"; } if ( prop[1] == "女-65歳以上" ) { myTBL3.rows[i].cells[4].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL3.rows[i].cells[7].innerText = bunshi+"%"; i++; } }); }); }); }); window.find(highlight); }; function bbb() { //alert("bbb"); var bunbo; var bunshi; var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject=" // Work loop $.each(LinkData.getWorks(), function(workKey, workValue) { // File loop $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { // Subject loop var i = 1; $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { $.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) { var prop = decodeURIComponent(tripleValue.property); prop = prop.split("#"); var obj = tripleValue.object; if ( prop[1] == "年" ) { myTBL2.rows[i].cells[0].innerText = obj; } if ( prop[1] == "男-小計" ) { myTBL2.rows[i].cells[1].innerText = obj; bunbo = Number(obj); } if ( prop[1] == "男-0~14" ) { myTBL2.rows[i].cells[2].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL2.rows[i].cells[5].innerText = bunshi+"%"; } if ( prop[1] == "男-15~64" ) { myTBL2.rows[i].cells[3].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL2.rows[i].cells[6].innerText = bunshi+"%"; } if ( prop[1] == "男-65歳以上" ) { myTBL2.rows[i].cells[4].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL2.rows[i].cells[7].innerText = bunshi+"%"; i++; } }); }); }); }); ccc(); window.find(highlight); }; function aaa() { var bunbo; var bunshi; var keyword = getParameterFromURL("subject"); // obtain keyword from the URL "?subject=" // Work loop $.each(LinkData.getWorks(), function(workKey, workValue) { // File loop $.each(LinkData.getFiles(workValue), function(fileKey, fileValue) { // Subject loop var i = 1; $.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) { $.each( LinkData.getTriplesBySubject(workValue, fileValue, subjValue), function( tripleKey, tripleValue ) { var prop = decodeURIComponent(tripleValue.property); prop = prop.split("#"); var obj = tripleValue.object; if ( prop[1] == "年" ) { myTBL.rows[i].cells[0].innerText = obj; } if ( prop[1] == "総数-合計" ) { myTBL.rows[i].cells[1].innerText = obj; bunbo = Number(obj); } if ( prop[1] == "総数-0~14" ) { myTBL.rows[i].cells[2].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL.rows[i].cells[5].innerText = bunshi+"%"; } if ( prop[1] == "総数-15~64" ) { myTBL.rows[i].cells[3].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL.rows[i].cells[6].innerText = bunshi+"%"; } if ( prop[1] == "総数-65歳以上" ) { myTBL.rows[i].cells[4].innerText = obj; bunshi = Number(obj) / bunbo; bunshi = bunshi * 100; bunshi = bunshi.toFixed(1); myTBL.rows[i].cells[7].innerText = bunshi+"%"; i++; } }); }); }); }); bbb(); 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; }
table { width: auto; border-spacing: 0; font-size:12px; } table th { color: #fff; padding: 8px 15px; background: #258; background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%); background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9))); font-weight: bold; border-left:1px solid #258; border-top:1px solid #258; border-bottom:1px solid #258; line-height: 120%; text-align: left; text-shadow:0 -1px 0 rgba(34,85,136,0.9); box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset; } table th:first-child { border-radius: 5px 0 0 0; } table th:last-child { border-radius:0 5px 0 0; border-right:1px solid #258; box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset; } table tr td { padding: 8px 15px; border-bottom: 1px solid #84b2e0; border-left: 1px solid #84b2e0; text-align: left; } table tr td:last-child { border-right: 1px solid #84b2e0; box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table tr { background: #fff; } table tr:nth-child(2n+1) { background: #f1f6fc; } table tr:last-child td { box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table tr:last-child td:first-child { border-radius: 0 0 0 5px; } table tr:last-child td:last-child { border-radius: 0 0 5px 0; } table tr:hover { background: #bbd4ee; cursor:pointer; }
<script type="text/javascript"> </script> <body><H2>石巻市 年齢階級(3区分)別人口</H2> <table id="myTBL" border="1"> <h3> 総数(男女計)</h3> <tbody> <tr> <th>年</th> <th>人口総数</th> <th>人口(0~14)</th> <th>人口(15~64)</th> <th>人口(65歳以上)</th> <th>人口比率(0~14)</th> <th>人口比率(15~64)</th> <th>人口比率(65歳以上)</th> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tbody> </table> <table id="myTBL2" border="1"> <h3> 男_小計</h3> <tbody> <tr> <th>年</th> <th>人口総数</th> <th>人口(0~14)</th> <th>人口(15~64)</th> <th>人口(65歳以上)</th> <th>人口比率(0~14)</th> <th>人口比率(15~64)</th> <th>人口比率(65歳以上)</th> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tbody> </table> <table id="myTBL3" border="1"> <h3> 女_小計</h3> <tbody> <tr> <th>年</th> <th>人口総数</th> <th>人口(0~14)</th> <th>人口(15~64)</th> <th>人口(65歳以上)</th> <th>人口比率(0~14)</th> <th>人口比率(15~64)</th> <th>人口比率(65歳以上)</th> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tbody> </table> </body> </body>
jquery-1.11.2.min.js
このアプリをForkして新しいアプリを作る
ダウンロード
Fork元のアプリは更新されました.
>>see
アプリは更新されました.
>>see
ツイート
このアプリ作品をwebから探す
作者
メッセージ送信
石巻市, ICT総合推進課
実行回数
227
ウェブサイト
ライセンス
Fork count
0
作成日
2016年10月13日
最終更新日
2018年12月14日
"
" コミュニティへの投稿が完了しました。投稿したアプリ作品は、コミュニティ管理者によって承認されるとコミュニティに公開されます。
エントリー先のコミュニティとカテゴリ名を選択し、「エントリー」ボタンをクリックして下さい。
チュートリアル
アプリ作品の削除をする場合は削除をクリックしてください
送信者
名前
*
E-mail
*
件名
*
メッセージ
*
アクセス認証
*
送信
キャンセル
入力データ
関連アイデア
このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。
宮城県石巻市 住民基本台帳による人口推移 年齢3区分別人口
作者: 石巻市, ICT総合推進課
更新日: 2019年12月26日
288 ダウンロード
,
1 アプリケーション
nenrei_3kubunbetu_jinkou
nenrei_3kubunbetu_jinkou_kyuushi
自分のデータを入力する
このアプリを使ったアイデアはまだ公開されていません
アイデアを作成
ニュースフィード
linkdata.org に関するツイート