高槻子供と遊ぶ場所

今年も観測していたレンゲ米栽培の田が無事に収穫を迎えたそうです

October 10, 2021 of

PA099231

物理性の向上 + レンゲ栽培 + 中干しなしの稲作の新たに生じた課題までの記事で観測していた田の収穫が無事終了したという報告があったので行ってみた。

PA079212

株が傾いていたので、肥料の効きすぎで株が弱体化したのでは？と不安になったが、収穫機がうまく動作しない箇所があったとのことで、株は硬く穂重があったということなのだろう。

PA109235

PA109233

今年は穂の形成期の気温が低かったため、中干しなしという選択で低温障害や穂いもちが助長される懸念事項があったけれども、

PA109236

黒ずんだ籾から胚乳を取り出しても、懸念した内容が悪影響を与えたということはなさそうだ。

出穂した籾の表面が黒ずむ

今年は中干しの意義の確認を最重要事項にした。

物理性の向上 + レンゲ栽培 + 中干しなしの稲作の新たに生じた課題の記事で触れた内容になるが、年々異常さが増してくる夏の猛暑に対して、中干しをしないというのが大きな一手になると予想していて、中干しなしと中干しありの田の比較の観測を行った。

※最低限の環境として物理性の向上 + レンゲ栽培がある。

土作りを意識したレンゲ米栽培の田の田起こし

中干し無しの田で見られた現象として、

P9068994

猛暑日を経て、登熟期に差し掛かる時に葉の色が落ちなかった。

・レンゲによる土作りで肥料分が過多になってしまったことか？

・猛暑日に中干しなしで株を冷やし、葉温を高くなりすぎないようにしたことか？

・常に水があることで、川から流入した金属系の栄養が常にあったことか？

といった事が考えられるが、肥料分の過多が一番影響がありそう。

※中干しありの田は他の田同様、葉の色落ちは早い。

もう一つは、

P8118921

P9109004a

イネの害虫だとされるカメムシやウンカ(どちらもカメムシ目)の天敵が集まった。

稲作の害虫の天敵が集まってくる田

中干しなしの田の水が澄んでいる

中干しなしの栽培方法はウンカの被害を軽減させるために有効であるという仮説があったが、昨年程ウンカの目立った被害がなかったため検証できずだった。

ウンカは水生生物の生態系にとって重要であるらしい

中干しの技術は天敵の観点から無しの方が有効である可能性が高い事がわかったので、来年の栽培の課題は中干し無し栽培に耐えうる減肥に絞る事ができた。

これはちょっとした案だけれども、

P3250229

冬から春にかけてのレンゲ栽培で、初春の再び生育が旺盛になり始める頃に

komenuka

有機質肥料としての米ぬか

米ぬかで追肥することが後の稲作で良い影響を与えるのでは？と予想している。

bb_fer

一発肥料の２つの型

次作の課題である減肥のさじ加減の話だけれども、心配事として初期生育のリン酸の量が減る事がある。

微量要素は川の水の入水で補えるとして、リン酸の供給源の心当たりがない。

光合成の質を高める為に川からの恩恵を活用したい

稲作は肥料成分ギリギリの施肥設計になっているので、供給源の候補がない成分は注意しておいた方が良い。

リービッヒの無機栄養説

この問題はレンゲ栽培時の追肥に注目すれば回避出来る。

後は、レンゲ栽培時の米ぬか追肥分を加味して、稲作の方で一発肥料をどれだけ減肥するか？だ。

補足

リン酸問題のもうひとつの案として、廃菌床による土作りがある。

ブナシメジの廃菌床を活用したい

関連記事

いもち病対策の要のMELは何から合成されるか？

ヘアリーベッチ米栽培という取り組みで思うこと

ピンク色のキリギリスを見つけたよ

October 03, 2021 of

PA029184

大阪府高槻市にある摂津峡公園に子供らと虫採りに行ったら、長男がピンクのキリギリス？を捕まえた。

ここで気になったのが、この昆虫のピンク色の色素は何だ？ということ。

とりあえず、今まで知り得た内容を整理することにしよう。

キリギリスの色は緑色と褐色がある。

バッタの基本的な色は緑色で、緑色は葉緑体の代謝産物に因るものであるはず。

褐色の方は、環境ストレスを感じた時に合成されるメラニンという色素で基礎の緑色を上塗りするように合成する。

褐色のバッタ

これらの話を踏まえた上で、冒頭のピンク色のキリギリスの話題に戻す。

バッタ目の昆虫の近隣にいる目でカマキリ目があり、カマキリ目にはピンク色で有名なハナカマキリがいる。

ハナカマキリのピンク色の色素は何？の記事で、

Xanthommatin_reductase_reaction

akane700 - 投稿者自身による作品, CC 表示-継承 3.0, リンクによる画像を改変

キサントンマチンレダクターゼ - Wikipedia

ハナカマキリのピンク色は還元型のキサントマチンという色素であった。

PA029184

ピンクのキリギリスも同様の色素であるとして話を進めると、緑色の色素の下地にキサントマチンがあり、キサントマチンの発現量が多く、緑色の色素の量が少なく、環境ストレスも少ない状態であれば、ピンクのキリギリスが誕生することになる。

珍しい条件が二つあるので、再び見つけるのは難しそうだ。

関連記事

花の色を決める４大色素

高槻の摂津峡で見かけた珍しいシダ

June 16, 2021 of

大阪府高槻市の摂津峡は街から近いにも関わらず、地形や植物を学ぶ上での教材がたくさんある。

羽片を意識すれば、シダ植物も全然違って見えてくるまでの記事で、シダに興味を持った際に摂津峡に行ってみたら、たくさんのシダがあって、1時間程歩くだけれでも、相当の目利きの練習ができた。

そんな中、

P6050241

P6050242

シダか迷う形状の葉があった。

P6050242a

矢印で示した箇所に特徴的な形質がある。

矢印の箇所までで軸の付け根の裂片の発生の向き(右か左か？)がかわる。

この形質を頼りにして山と渓谷社から出版されている桶川修著大作晃一著くらべてわかるシダを開いてみたら、チャセンシダ科のオクタマシダが該当した。

オクタマシダのオクタマは埼玉県の奥多摩のことだろうから、大阪で見れるものなのか？と気になって、検索をしてみたら、オクタマシダ｜京都府レッドデータブック2015のページが引っかかった。

近畿レッドデータブックカテゴリーで絶滅危惧種C？

文中にアオガネシダに似ていると記載されていたので、アオガネシダの方を検索してみたら、アオガネシダ｜京都府レッドデータブック2015のページが引っかかった。

アオガネシダは絶滅寸前種？

選定理由を読んでみると、

/***************************************************/

大阪府高槻市側からは、アオガネシダの立派な標本が残されている

/***************************************************/

と記載されているので、摂津峡でアオガネシダを見かけた事に関してはおかしくはない。

何はともあれ、摂津峡は私の自然観察眼を鍛えてくれることは間違いない。

摂津峡公園／高槻市ホームページ

2021年6月21日追記

今回の写真をみた方からチャセンシダのコバノヒノキシダでは？という連絡を頂きました。

連絡があって、コバノヒノキシダを調べてみたけれども、どっちも正しいように見えて、やはりシダ植物の見分けは難しい…

山道の石垣に生えていたシダ

土作りを意識したレンゲ米栽培の田の田起こし

May 05, 2021 of

昨年、周辺の田がウンカの被害で収量が激減している中、無農薬で最後まで収量が減らなかった田を管理している方から、田起こししたという連絡があったので早速行ってみた。

観測していたレンゲ米栽培の田が無事に収穫を迎えたそうです

P5040012

連絡があった方はレンゲ米栽培をされている方で、レンゲが咲き乱れている中急いで耕起したそうだ。

この田で昨年と異なることは、

・レンゲの種まき前に土壌改良材のベントナイトや黒糖肥料を施肥した

・レンゲの鋤込み時期を前倒しした

※できれば、開花前に鋤き込めれば良かったが、諸事情により出来なかったらしい。

緑泥石から土の形成を考える

アミノ酸生成菌が関与した黒糖肥料

前者の方は有機物の増加と土壌への定着を目的とし、後者の方は亜鉛を含む微量要素の欠乏を避ける為に行う。

レンゲ米の質を向上させることはできるか？

開花させることが前提のレンゲを栽培する時に注意すべきこと再び

これら二つの目的が組み合わさる事によって、病気や虫の食害を減らす事に繋がる。

前置きはここまでにしておいて、田起こし後の様子を見てみる。

田起こし中に雨が降ったそうで、少々こねてしまったようだけれども、

P5040007

P5040011

降雨中の耕起を加味しても、細かい土の塊が形成され、管理しやすそうな土表面となっていた。

今年はレンゲの背丈が例年よりも高くなっていたらしいので、土壌に投入された有機物量は多いはず。

地下部の根の発根状況はわからないが、それを踏まえても有機物量は増えたはずで、これらの有機物が土に馴染むという観点からも、レンゲの鋤込み時期をはやめた事は吉となると予想している。

PA060202

花の色素と稲作と

昨年同様、管理コストが少なく、収量が少ない稲作を行えるだろうか？

今年も引き続き、田の様子を観測してみることにする。

関連記事

ヘアリーベッチ米栽培という取り組みで思うこと

初春の緑地の林縁の木々たち

April 10, 2021 of

P4090041

大阪府高槻市にある芥川緑地の端。

ここの写真は以前も何度か話題に挙げた事がある。

PC170045

落葉性の木の下の常緑性の木

冬の写真とか。

この場所は注目していて、ブナ科の落葉樹(おそらくアベマキ)と常緑樹(おそらくアラカシ)の棲み分けが一目瞭然で、森林を学ぶ上で良質な教材になると思っている。

ブナ科の系統を見る再び

冬の写真と比べることで、アラカシを囲うようにアベマキが展開していて、光の競合でアラカシが負けているように見えるが、実は負けておらず棲み分けをしている事がよくわかる。

耐陰性が弱いアベマキは根元にドングリを落としても、耐陰性が強いアラカシに負けてしまうはずで、アベマキは林の外側(写真手前側)に向かって生育域を広げなければならない事が容易に想像出来る。

陰樹の耐陰性とは何か？

話は個々の木に移す。

これらの木を比較しながら見ることで他にも学んだ事がある。

P4090046

おそらくアベマキであろう落葉樹の木をよく見ると、

P4090043

当たり前だけれども、新しい葉が展開していた。

色が薄くてきれいな葉だ。

一方、常緑樹のカシの方を見てみると、

P4090045

P4090042

P4090044

こちらも春の陽気に合わせて新しい葉を展開していた。

注目すべきは昨年の葉を覆うように新しい葉が展開していること。

常緑樹の葉にも寿命というものがあるので、新しい葉が出るのは当たり前の話だけれども、落葉樹と同じようなタイミングで新しい葉を出すのは観察していないと分からない事。

これらの内容から、ブナ科の落葉樹は春の陽気で新しい葉を展開する事を先に獲得して、その後に温度をシビアに感知して落葉する性質を獲得したのだなと想像が膨らむ。

落葉性という代謝の効率を高めて、成長を速くしたとしても、生存競争で必ずしも優位にはならない例として学ぶことは多いなと。

代謝の効率を高めると、森林の外側に生存の領域を広げる事が出来るが、森林の内側に戻ることはできない。

今回に似た内容でもっとダイナミックな棲み分けは高槻の隣の島本町にある若山神社で見ることが出来る。

若山神社のシイ林

関連記事

林縁の外側の更に外側へ

SOY CMSのブログとOpenStreetMapで地図アプリを作ろう

February 03, 2021 of

settukyo_osm_leaflet_markers

OpenStreetMap + Leafletで二つのマーカーを設置するまでの記事で、OpenStreetMap + Leafletで複数マーカーを設置する地図を出力できたので、SOY CMSのブログで地図アプリを作ろう１の記事から始まるSOY CMSでGoogle Mapsの出力をOpenStreetMapでリプレイスしてみることにする。

はじめにSOY CMSの記事で緯度経度情報を持てるように、

osm_soycms_map_app

カスタムフィールドアドバンスドかカスタムサーチフィールドで緯度経度のフィールドを設ける。

今回はカスタムサーチフィールドの方で話を進める事にして、緯度をcsf:id="lat"、経度をcsf:id="lng"で使えるようにした。

SOY CMS版カスタムサーチフィールド

続いて、地図ページで緯度経度の情報を持つ記事のみを取り出す為のラベルを設ける。

osm_soycms_map_app_label

今回はラベル名を地図にした。

続いて、地図を出力する為のページを作成する。

ページの種別は標準ページ、ブログページやSOY Appページのどれでも良い。

ページ作成後にOpenStreetMap + Leafletで二つのマーカーを設置するまでの記事で作成したHTMLをそのままコピペする。

ページを更新した後、ページの確認を行い、

settukyo_osm_leaflet_markers

地図が出力されることを確認する。

地図の出力が確認できたら、下記のようにHTML(実際にはJavaScript)のコードを修正する。

var features = [
	{
		"type":"Feature",
		"properties":{
			"name":"摂津峡",
			"url":"https://goo.gl/maps/pF6ukpbgf5tLBtTb7"
		},
		"geometry": {
			"type": "Point",
			"coordinates":[135.58724326280114, 34.877647854266584]	//注意：緯度経度の渡し方が逆になる
		}
	},
	{
		"type":"Feature",
		"properties":{
			"name":"山水館",
			"url":"https://goo.gl/maps/eresbZ5H4gJBajRV8"
		},
		"geometry": {
			"type": "Point",
			"coordinates":[135.5864828823669, 34.878894143428354]	//注意：緯度経度の渡し方が逆になる
		}
	}
];

を

var features = [
	<!-- block:id="map" -->
	{
		"type":"Feature",
		"properties":{
			"name":"<!-- cms:id="title_plain" /-->",
			"url":"<!-- cms:id="entry_url" /-->"
		},
		"geometry": {
			"type": "Point",
			"coordinates":[<!-- csf:id="lng" /-->, <!-- csf:id="lat" /-->]	//注意：緯度経度の渡し方が逆になる
		}
	},
	<!-- /block:id="map" -->
];

テンプレートの保存後に標準ページに新着記事一覧を表示する - SOY CMSを使ってみようの内容に従い、ラベルブロックで地図ラベルの記事を出力するように設定する。

これで設定は終了なので、あとは緯度経度情報を持つ記事をいくつか投稿し、

settukyo_osm_leaflet_markers

記事の投稿に応じて、マーカーが設置された地図が出力されるか確認してみる。

OpenStreetMap + Leafletで二つのマーカーを設置する

February 02, 2021 of

settukyo_osm_leaflet_marker

OpenStreetMap + Leafletで設置したマーカーにクリックのイベントを追加したの記事で、地図上に配置したマーカーにクリックイベントを設けた。

settukyo_osm_leaflet_markers

今回は地図上にもう一つマーカーを設置してみることにする。

前回の記事のマーカーの設置に関する箇所のコードをピックアップしてみる。

var feature = {
	"type" : "Feature",
	"properties" : {
		"name" : "摂津峡",
		"url" : "https://goo.gl/maps/pF6ukpbgf5tLBtTb7" // ←Google Mapsでの摂津峡の共有リンクの短縮版
	},
	"geometry" :  {
		"type": "Point",
		"coordinates" : [lng, lat]	//注意：緯度経度の渡し方が逆になる
	}
};

L.geoJSON(feature, {
    onEachFeature: function(features, layer) {
		if (features.properties && features.properties.url) {
			layer.on('click', function(ele) {	//PCでマーカーをクリック
				location.href = features.properties.url;
			});
			layer.on('tap', function(ele) {		//スマホでマーカーをタップ
				location.href= features.properties.url;
			});
		}
	}
}).addTo(map);

このコードでL.getJSONの第一引数に位置情報に関するオブジェクトが一つに対して、第二引数で繰り返しの処理になっている事に違和感を感じると前回の記事で記載した。

このコードに対して、下記のように変更してみる。

var features = [
	{
		"type":"Feature",
		"properties":{
			"name":"摂津峡",
			"url":"https://goo.gl/maps/pF6ukpbgf5tLBtTb7"
		},
		"geometry": {
			"type": "Point",
			"coordinates":[135.58724326280114, 34.877647854266584]	//注意：緯度経度の渡し方が逆になる
		}
	},
	{
		"type":"Feature",
		"properties":{
			"name":"山水館",
			"url":"https://goo.gl/maps/eresbZ5H4gJBajRV8"
		},
		"geometry": {
			"type": "Point",
			"coordinates":[135.5864828823669, 34.878894143428354]	//注意：緯度経度の渡し方が逆になる
		}
	}
];

L.geoJSON(features, {
    onEachFeature: function(features, layer) {
		if (features.properties && features.properties.url) {
			layer.on('click', function(ele) {	//PCでマーカーをクリック
				location.href = features.properties.url;
			});
			layer.on('tap', function(ele) {		//スマホでマーカーをタップ
				location.href= features.properties.url;
			});
		}
	}
}).addTo(map);

※地図の中心の緯度経度も変更しているが、今回は省略する。

位置情報のオブジェクトを複数持てるように配列型の変数にして、L.getJSONの第一引数で位置情報の配列を渡す。

上記の変更後にブラウザを介してファイルを実行してみると、

settukyo_osm_leaflet_markers

複数のマーカーが設置された状態で地図が表示された。

マーカーの設置個数を増やしたい場合はfeaturesの値を増やすだけで良い。

大阪　高槻摂津峡の温泉旅館　花の里温泉【山水館】　公式HP

OpenStreetMap + Leafletで設置したマーカーにクリックのイベントを追加した

February 01, 2021 of

settukyo_osm_leaflet_marker

前回のOpenStreetMap + Leafletを試してみたの記事に引き続き、OpenStreetMapについてを書く。

前回の記事では、自身のサイトにOpenStreetMapの地図を出力し、任意の箇所にマーカーを設置した。

今回は、マーカーをクリックしたら、任意のページ、例えば、該当する箇所のGoogle Mapsの詳細ページ等に遷移する動作を追加してみる。

最初に前回作成したコードを記載しておく。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>地図</title>
<link rel="stylesheet" href="//unpkg.com/leaflet@1.7.1/dist/leaflet.css"
  integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
  crossorigin=""/>
<script src="//unpkg.com/leaflet@1.7.1/dist/leaflet.js"
  integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
  crossorigin=""></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style>
#mapid {
	width: 400px;
	height: 300px;
}
</style>
</head>

<body>
<div id="mapid"></div>
</body>

<script>
//摂津峡の緯度(lat)経度(lng)
var lat = 34.877647854266584;
var lng = 135.58724326280114;

/** 地図の出力ここから **/
// bodyタグ内にある <div id="mapid"></div>の箇所に指定の緯度経度で地図を描写する
var map = L.map('mapid', {
	center: [lat,lng],
	zoom: 17,
});
var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
});
tileLayer.addTo(map);
/** 地図の出力ここまで **/

//マーカーを設置
L.marker([lat, lng]).addTo(map);
</script>

マーカーにクリック判定を付ける為、

L.marker([lat, lng]).addTo(map);

を

var feature = {
	"type" : "Feature",
	"properties" : {
		"name" : "摂津峡",
		"url" : "https://goo.gl/maps/pF6ukpbgf5tLBtTb7" // ←Google Mapsでの摂津峡の共有リンクの短縮版
	},
	"geometry" :  {
		"type": "Point",
		"coordinates" : [lng, lat]	//注意：緯度経度の渡し方が逆になる
	}
};

L.geoJSON(feature).addTo(map);

上記のように書き換える。

Using GeoJSON with Leaflet - Leaflet - a JavaScript library for interactive maps

上記のコードが記載されているファイルをブラウザで実行してみるが、

settukyo_osm_leaflet_marker

出力された内容は以前と変わらない。

getJSON()でfeatureを渡す時に第二引数でオプションのオブジェクトを渡すと、マーカーにイベントを追加できるらしい。

そこでクリックやマウスのイベントを追加できるonEachFeatureの値を渡してみることにする。

onEachFeatureの値を渡す為に書き換えたコードは下記の通り。

L.geoJSON(feature).addTo(map);

の箇所を

L.geoJSON(feature, {
    onEachFeature: function(features, layer) {
		if (features.properties && features.properties.url) {
			layer.on('click', function(ele) {	//PCでマーカーをクリック
				location.href = features.properties.url;
			});
			layer.on('tap', function(ele) {		//スマホでマーカーをタップ
				location.href= features.properties.url;
			});
		}
	}
}).addTo(map);

このように書き換えた。

上記のコードが記載されているファイルをブラウザで実行してみると、

settukyo_osm_leaflet_marker

出力内容は変わらないが、

google_maps_detail

https://goo.gl/maps/pF6ukpbgf5tLBtTb7

マーカーをクリックすると、任意のページに遷移するようになっていた。

getJSONに値を渡す際、第一引数に一つのオブジェクトを渡し、第二引数に繰り返しに関する関数の値を渡す事に違和感があるけれども、ここらへんの話は次回にすることにする。

OpenStreetMap + Leafletを試してみた

January 31, 2021 of

openstreetmap_takatsuki

当サイトのりょうことつよしの食べ歩きマップというページをGoogleのMaps JavaScript APIからOpenStreetMapを利用するように作り替えてみた。

Overview | Maps JavaScript API | Google Developers

OpenStreetMap

osm_logo

OpenStreetMapは自由に利用でき、なおかつ編集機能のある世界地図を作る共同作業プロジェクトで、自身のサイトに出力する際に、GoogleのMaps JavaScript APIのような手続きが不要ですぐに使用できる。

オープンストリートマップ - Wikipedia

自身のサイトに出力する時は、LeafletかOpenLayersといったJavaScriptのライブラリを使用するらしく、

Leaflet - a JavaScript library for interactive maps

OpenLayers - Welcome

leaflet_logo

今回はLeafletを使用してみた。

先にOpenStreetMap + Leafletにしてみた感想を書いてみると、使い始めるまでの手続きの時間がほぼなく、Google Mapsの方と同じぐらいのコード数でマーカー付きの地図を出力できた。

今回は記事では簡単な地図の表示をしてみることにする。

最初にOpenStreetMap + Leafletの練習で、

P2090116

大阪府高槻市にある摂津峡にマーカーを置いてみる。

コードを書く前に上の写真の箇所の緯度経度情報を調べておくと、写真の岩場は緯度(lat)：34.877647854266584、経度(lng)：135.58724326280114であった。

それでは実際のコードに移る。

Leafletのチュートリアルに記載されているコードを参考にして下記のコードを書いてみた。

詳しい説明はコード内にコメントとして入れておく。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>地図</title>
<link rel="stylesheet" href="//unpkg.com/leaflet@1.7.1/dist/leaflet.css"
  integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
  crossorigin=""/>
<script src="//unpkg.com/leaflet@1.7.1/dist/leaflet.js"
  integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
  crossorigin=""></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style>
#mapid {
	width: 400px;
	height: 300px;
}
</style>
</head>

<body>
<div id="mapid"></div>
</body>

<script>
//摂津峡の緯度(lat)経度(lng)
var lat = 34.877647854266584;
var lng = 135.58724326280114;

/** 地図の出力ここから **/
// bodyタグ内にある <div id="mapid"></div>の箇所に指定の緯度経度で地図を描写する
var map = L.map('mapid', {
	center: [lat,lng],
	zoom: 17,
});
var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
});
tileLayer.addTo(map);
/** 地図の出力ここまで **/
</script>

上記のコードが記載されているファイルをブラウザ経由で出力してみたら、

settukyo_osm_leaflet