Monthly Archives: 8月 2015

Walking #013

 

日付 曜日 歩数
2015.08.23 日 8756
2015.08.24 月 5004
2015.08.25 火 6703
2015.08.26 水 5003
2015.08.27 木 5826
2015.08.28 金 5179
2015.08.29 土 10906
合計
47377

 

Walking #012

 

日付 曜日 歩数
2015.08.16 日 8652
2015.08.17 月 6210
2015.08.18 火 4292
2015.08.19 水 4699
2015.08.20 木 7902
2015.08.21 金 6391
2015.08.22 土 6980
合計
45126

 

GitHub #004 – リポジトリを削除する方法

 

GitHubで、リポジトリを削除するには下記方法でおこないます。

 

Web上のGitHubを開く → 対象のリポジトリページへ → 「Settings」

github_004_01

 

設定ページに移動するので「Delete this repository」

github_004_02

 

「リポジトリ名入力」 → 「I understand the consequences, delete this repository」

github_004_03

 

これで、リポジトリを削除することができます。

 
 

GitHub #003 – プッシュする方法

 

GitHubで、プッシュするには下記方法でおこないます。

プッシュとはGitでローカルのリポジトリをホスト先のリポジトリにアップロードすることです。

 

リポジトリが更新されているのを確認 → 「Publish」

github_003_01

 

更新終了後、Web上のGitHubで反映されているのが確認できます。

github_003_02

 

これで、ローカル上のリポジトリがホスト先のリポジトリにアップロードされてお互いが最新の状態になります。

 
 

GitHub #002 – コミットする方法

 

GitHubで、コミットするには下記方法でおこないます。

コミットとはGitでファイルの変更をリポジトリに格納することです。

 

各作業ファイルをクローンしたフォルダに保存します。

github_002_01

 

GitHub Desktopを開く → リポジトリを選択
変更履歴が表示されたら、
コメントを入力 → 「Commit to master」

github_002_02

 

これで、ローカル上のGitがコミットされ更新情報がローカル内に格納されます。

 
 

GitHub #001 – リポジトリを作成する方法

 

GitHubで、リポジトリを作成するには下記方法でおこないます。

リポジトリとは、Gitでファイルやディレクトリの状態を記録する場所です。

 

Web上のGitHubを開く → 「+」 → 「New repository」

github_001_01

 

リポジトリの作成ページに移動するので、
リポジトリ名・概要の入力 → 「Create repository」

github_001_02

 

GitHub上にリポジトリが作成されます。

github_001_03

 

次にローカル環境にリポジトリをクローンします。
GitHub Desktopを開く → 「+」 → 「Clone」 → 「リポジトリ名」 → 「Clone リポジトリ名」

github_001_04

 

保存先フォルダを指定 → 「OK」

github_001_05

 

これで、ホスト先とローカルに同一のリポジトリが作成されます。

 
 

Walking #011

 

日付 曜日 歩数
2015.08.09 日 4014
2015.08.10 月 4494
2015.08.11 火 5536
2015.08.12 水 4571
2015.08.13 木 6435
2015.08.14 金 9561
2015.08.15 土 11346
合計
45957

 

Walking #010

 

日付 曜日 歩数
2015.08.02 日 9824
2015.08.03 月 6576
2015.08.04 火 4444
2015.08.05 水 13884
2015.08.06 木 6626
2015.08.07 金 6360
2015.08.08 土 7248
合計
54962

 

Leaflet #022 – GeoJSONで属性複数表示

 

LeafletでGeoJSONの属性を複数表示するためには下記のように記述します。

 

index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>Leaflet Sample</title>
 
        <script src="./Library/leaflet-0.7.3/leaflet.js"></script>
        <link href="./Library/leaflet-0.7.3/leaflet.css" rel="stylesheet"/>
 
        <script src="./Library/jquery-2.1.4/jquery-2.1.4.min.js"></script>
 
        <script src="http://maps.google.com/maps/api/js?sensor=false&amp;region=JP"></script>
        <script src="./plugin/leaflet-plugins-master/layer/tile/Google.js"></script>
 
        <link href="./css/stylesheet.css" rel="stylesheet"/>
 
    </head>
    <body>
 
        <div id="map"></div>
 
        <script src="./js/script.js"></script>
 
    </body>
</html>

 

stylesheet.css
CSS
1
2
3
4
5
6
7
8
9
10
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
 
#map {
    z-index: 0;
    height: 100%;
}

 

sample.geojson
1
2
3
4
5
6
7
8
9
10
{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
 
"features": [
{ "type": "Feature", "properties": { "FID": 0.000000, "aaa": 1, "bbb": "サンプル01", "ccc": "晴" }, "geometry": { "type": "Point", "coordinates": [ 139.76712226867676, 35.681073705610572 ] } },
{ "type": "Feature", "properties": { "FID": 1.000000, "aaa": 2, "bbb": "サンプル02", "ccc": "曇" }, "geometry": { "type": "Point", "coordinates": [ 139.70030307769775, 35.690450256394989 ] } },
{ "type": "Feature", "properties": { "FID": 2.000000, "aaa": 3, "bbb": "サンプル03", "ccc": "雨" }, "geometry": { "type": "Point", "coordinates": [ 139.75124359130859, 35.707283453190406 ] } }
]
}

 

script.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
var t_std = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var t_pale = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var t_ort = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var o_std = new L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
});
 
var g_roadmap = new L.Google('ROADMAP');
 
var g_satellite = new L.Google('SATELLITE');
 
var g_hybrid = new L.Google('HYBRID');
 
var map = L.map('map', {
    center: [35.6831925, 139.7511307],
    zoom: 13,
    zoomControl: false,
    layers: [o_std]
});
 
 
var Map_BaseLayer = {
    "OpenStreetMap 標準": o_std,
    "地理院地図 標準": t_std,
    "地理院地図 淡色": t_pale,
    "地理院地図 オルソ": t_ort,
    "GoogleMap 標準": g_roadmap,
    "GoogleMap オルソ": g_satellite,
    "GoogleMap ハイブリッド": g_hybrid
};
 
L.control.scale({ imperial: false, maxWidth: 300 }).addTo(map);
 
L.control.layers(Map_BaseLayer, null, { collapsed: false }).addTo(map);
 
 
$.getJSON("./vector/sample.geojson", function (data) {
    L.geoJson(data, {
        onEachFeature: function (feature, layer) {
            var field = '属性01 :   ' + feature.properties.aaa + '<br>' +
                        '属性02 :   ' + feature.properties.bbb;
            layer.bindPopup(field);
        }}).addTo(map);
});

 

index.htmlを実行すると下記のようにブラウザで表示されます。

leaflet_022_01

 

属性を表示：
onEachFeature: function (feature, layer)～の後に処理を記述します。

JavaScript
1
2
3
4
5
onEachFeature: function (feature, layer) {
    var field = '属性01 :   ' + feature.properties.aaa + '<br>' +
                '属性02 :   ' + feature.properties.bbb;
    layer.bindPopup(field);
}}).addTo(map);

 

属性を表示追加：

JavaScript
1
2
3
var field = '属性01 :   ' + feature.properties.aaa + '<br>' +
            '属性02 :   ' + feature.properties.bbb + '<br>' +
            '属性03 :   ' + feature.properties.ccc;

 
 

 

Leaflet #021 – GeoJSONで属性表示

 

LeafletでGeoJSONの属性表示するためには下記のように記述します。

 

index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>Leaflet Sample</title>
 
        <script src="./Library/leaflet-0.7.3/leaflet.js"></script>
        <link href="./Library/leaflet-0.7.3/leaflet.css" rel="stylesheet"/>
 
        <script src="./Library/jquery-2.1.4/jquery-2.1.4.min.js"></script>
 
        <script src="http://maps.google.com/maps/api/js?sensor=false&amp;region=JP"></script>
        <script src="./plugin/leaflet-plugins-master/layer/tile/Google.js"></script>
 
        <link href="./css/stylesheet.css" rel="stylesheet"/>
 
    </head>
    <body>
 
        <div id="map"></div>
 
        <script src="./js/script.js"></script>
 
    </body>
</html>

 

stylesheet.css
CSS
1
2
3
4
5
6
7
8
9
10
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
 
#map {
    z-index: 0;
    height: 100%;
}

 

sample.geojson
1
2
3
4
5
6
7
8
9
10
{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
 
"features": [
{ "type": "Feature", "properties": { "FID": 0.000000, "aaa": 1, "bbb": "サンプル01", "ccc": "晴" }, "geometry": { "type": "Point", "coordinates": [ 139.76712226867676, 35.681073705610572 ] } },
{ "type": "Feature", "properties": { "FID": 1.000000, "aaa": 2, "bbb": "サンプル02", "ccc": "曇" }, "geometry": { "type": "Point", "coordinates": [ 139.70030307769775, 35.690450256394989 ] } },
{ "type": "Feature", "properties": { "FID": 2.000000, "aaa": 3, "bbb": "サンプル03", "ccc": "雨" }, "geometry": { "type": "Point", "coordinates": [ 139.75124359130859, 35.707283453190406 ] } }
]
}

 

script.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
var t_std = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var t_pale = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var t_ort = new L.tileLayer('http://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg', {
    attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>"
});
 
var o_std = new L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
});
 
var g_roadmap = new L.Google('ROADMAP');
 
var g_satellite = new L.Google('SATELLITE');
 
var g_hybrid = new L.Google('HYBRID');
 
var map = L.map('map', {
    center: [35.6831925, 139.7511307],
    zoom: 13,
    zoomControl: false,
    layers: [o_std]
});
 
 
var Map_BaseLayer = {
    "OpenStreetMap 標準": o_std,
    "地理院地図 標準": t_std,
    "地理院地図 淡色": t_pale,
    "地理院地図 オルソ": t_ort,
    "GoogleMap 標準": g_roadmap,
    "GoogleMap オルソ": g_satellite,
    "GoogleMap ハイブリッド": g_hybrid
};
 
L.control.scale({ imperial: false, maxWidth: 300 }).addTo(map);
 
L.control.layers(Map_BaseLayer, null, { collapsed: false }).addTo(map);
 
 
$.getJSON("./vector/sample.geojson", function (data) {
    L.geoJson(data, {
        onEachFeature: function (feature, layer) {
            layer.bindPopup(feature.properties.bbb);
        }}).addTo(map);
});

 

index.htmlを実行すると下記のようにブラウザで表示されます。

leaflet_021_01

 

属性を表示：
onEachFeature: function (feature, layer)～の後に処理を記述します。

JavaScript
1
2
3
onEachFeature: function (feature, layer) {
    layer.bindPopup(feature.properties.bbb);
}}).addTo(map);

 

属性を表示変更：

JavaScript
1
layer.bindPopup(feature.properties.aaa);

 
 

 

QGIS #019 – レイヤの種類を取得するスクリプト

 

QGISで、レイヤの種類を取得するスクリプトは下記のように記述します。

 

Python
1
2
layer = iface.activeLayer()
layer.type()

 

実行すると選択されたレイヤの種類がコンソールに表示されます。

QGIS_019_01
 

レイヤの種類を取得する場合：

Python
1
layer.type()

0 = VectorLayer
1 = RasterLayer
2 = PluginLayer

 
 

  • 参考文献

QGIS

 

QGIS #018 – レイヤの指定地物を選択するスクリプト

 

QGISで、レイヤの指定地物を選択するスクリプトは下記のように記述します。

 

Python
1
2
layer = iface.activeLayer()
layer.setSelectedFeatures([0])

 

実行すると地物IDが1番目の地物が選択されます。

QGIS_018_01

 

2番目の地物を選択の場合：

Python
1
layer.setSelectedFeatures([1])

 
 

  • 参考文献

QGIS

 

Walking #009

 

日付 曜日 歩数
2015.07.26 日 11238
2015.07.27 月 13124
2015.07.28 火 5648
2015.07.29 水 5480
2015.07.30 木 4748
2015.07.31 金 4273
2015.08.01 土 7670
合計
52181

 

QGIS #017 – レイヤの地物を全て選択するスクリプト

 

QGISで、 レイヤの地物を全て選択するスクリプトは下記のように記述します。

 

Python
1
2
layer = iface.activeLayer()
layer.selectAll()

 

実行すると選択されているレイヤの地物が全て選択されます。

QGIS_017_01

 

地物を全て選択の場合：

Python
1
layer.selectAll()

 
 

  • 参考文献

QGIS