<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>toyohashi &#187; torii</title>
	<atom:link href="http://www.ty.webimpact.co.jp/wordpress/?author=53&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.ty.webimpact.co.jp/wordpress</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 10 Mar 2026 04:28:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>retroscopeを活用したマップの作成</title>
		<link>http://www.ty.webimpact.co.jp/wordpress/?p=910</link>
		<comments>http://www.ty.webimpact.co.jp/wordpress/?p=910#comments</comments>
		<pubDate>Tue, 06 Nov 2018 13:27:39 +0000</pubDate>
		<dc:creator>torii</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.ty.webimpact.co.jp/wordpress/?p=910</guid>
		<description><![CDATA[
こんにちは。豊橋創造大学の鳥居です。
今回、インターンシップで株式会社ウェブインパクト様にお世話になりました。
インターンシップの中で、私は「retroscope」を活用した豊橋駅周辺の現在と過去を比較して見ることができるマップを作らせて頂きましたので、ご紹介いたします。

「retroscope」とは、以下のGitHubで公開されているLeaflet Pluginのことです。
https://github.com/frogcat/retroscope


この「retroscope」では、ベースとなる地図タイルとマスクする地図タイルを指定することで、基本はベースの地図が表示されますが、マウスオーバーした箇所だけマスクした地図を表示させることができます。
これにより、現在と過去を比較するマップを作成することが可能です。

この「retroscpe」を使って、HTMLにJavaScriptを埋め込み、マップを作成しました。

実際に作成したマップが以下になります。

https://uzura.org/retroscope/

ベースとなる記述は以下の記事にあったため、自分で書き加える記述は少量で済みました。

・Retroscope をつくろう
https://qiita.com/frogcat/items/4fdf23c0461930306d19
しかし、私はJavaScriptを使用した経験がなかったため、とても苦戦しました。
記述内容がわからず、どういった記述をすることによりどのような結果となるかなどの仕組みが最初理解できず、なかなか作業が進みませんでした。
ですが、学校にて学んでいる情報技術についての講義や、担当の方に教えていただき何とか理解をしていくことができ、最終的に完成させることができました。
インターンシップの中では、プログラミング経験のあまりない私にとって、このレトロスコープを活用したマップの作成が一番難しかったです。
しかし、完成し終えた時の達成感は他の仕事では味わえないものだと思います。
また、この仕事の醍醐味はこの達成感だと私は感じました。
本インターンシップを通して、私は一つの仕事を成し遂げることのやりがいというものを経験することができました。
インターンシップで、このような経験をさせて頂き、本当にありがとうございました。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ty.webimpact.co.jp/wordpress/?attachment_id=940" rel="attachment wp-att-940"><img src="http://www.ty.webimpact.co.jp/wordpress/wp-content/uploads/userphoto/2018/11/retroscope_toyohashi_1961-1969-400x233.png" alt="" title="retroscope_toyohashi_1961-1969" width="400" height="233" class="alignleft size-large wp-image-940" /></a></p>
<p><span style="font-family: 游明朝;font-size: small">こんにちは。豊橋創造大学の鳥居です。</span><br />
<span style="font-family: 游明朝;font-size: small">今回、インターンシップで株式会社ウェブインパクト様にお世話になりました。</span></p>
<p><span style="font-family: 游明朝;font-size: small">インターンシップの中で、私は「retroscope」を活用した豊橋駅周辺の現在と過去を比較して見ることができるマップを作らせて頂きましたので、ご紹介いたします。</span></p>
<p><span style="font-family: 游明朝;font-size: small"><br />
「retroscope」とは、以下のGitHubで公開されているLeaflet Pluginのことです。<br />
<a href="https://github.com/frogcat/retroscope" target="_blank">https://github.com/frogcat/retroscope</a><br />
</span><br />
<span style="font-family: 游明朝;font-size: small"><br />
この「retroscope」では、ベースとなる地図タイルとマスクする地図タイルを指定することで、基本はベースの地図が表示されますが、マウスオーバーした箇所だけマスクした地図を表示させることができます。<br />
これにより、現在と過去を比較するマップを作成することが可能です。<br />
</span></p>
<p><span style="font-family: 游明朝"><span style="font-size: small">この「retroscpe」を使って、HTMLにJavaScriptを埋め込み、マップを作成しました。</span></span></p>
<p><span style="font-family: 游明朝;font-size: small"><br />
実際に作成したマップが以下になります。<br />
</span></p>
<p><a href="https://uzura.org/retroscope/" target="_blank">https://uzura.org/retroscope/</a><br />
<iframe src="https://uzura.org/retroscope/" width="400" height="400"></iframe></p>
<p><span style="font-family: 游明朝;font-size: small">ベースとなる記述は以下の記事にあったため、自分で書き加える記述は少量で済みました。</span></p>
<p><span style="font-family: 游明朝;font-size: small"><br />
・Retroscope をつくろう<br />
<a href="https://qiita.com/frogcat/items/4fdf23c0461930306d19" target="_blank">https://qiita.com/frogcat/items/4fdf23c0461930306d19</a></span></p>
<p><span style="font-family: 游明朝;font-size: small">しかし、私はJavaScriptを使用した経験がなかったため、とても苦戦しました。</span></p>
<p><span style="font-family: 游明朝;font-size: small">記述内容がわからず、どういった記述をすることによりどのような結果となるかなどの仕組みが最初理解できず、なかなか作業が進みませんでした。</span></p>
<p><span style="font-family: 游明朝;font-size: small">ですが、学校にて学んでいる情報技術についての講義や、担当の方に教えていただき何とか理解をしていくことができ、最終的に完成させることができました。</span></p>
<p><span style="font-family: 游明朝;font-size: small">インターンシップの中では、プログラミング経験のあまりない私にとって、このレトロスコープを活用したマップの作成が一番難しかったです。</span></p>
<p><span style="font-family: 游明朝;font-size: small">しかし、完成し終えた時の達成感は他の仕事では味わえないものだと思います。</span></p>
<p><span style="font-family: 游明朝;font-size: small">また、この仕事の醍醐味はこの達成感だと私は感じました。</span></p>
<p><span style="font-family: 游明朝;font-size: small">本インターンシップを通して、私は一つの仕事を成し遂げることのやりがいというものを経験することができました。</span></p>
<p><span style="font-family: 游明朝;font-size: small">インターンシップで、このような経験をさせて頂き、本当にありがとうございました。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ty.webimpact.co.jp/wordpress/?feed=rss2&amp;p=910</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>インターンシップ　豊橋創造大学</title>
		<link>http://www.ty.webimpact.co.jp/wordpress/?p=889</link>
		<comments>http://www.ty.webimpact.co.jp/wordpress/?p=889#comments</comments>
		<pubDate>Fri, 14 Sep 2018 06:20:59 +0000</pubDate>
		<dc:creator>torii</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.ty.webimpact.co.jp/wordpress/?p=889</guid>
		<description><![CDATA[初めまして。豊橋創造大学からインターンシップを受けさせていただいた鳥居です。9月3日から9月14日までの2週間お世話になりました。
この2週間では大きくわけて5つのお仕事を体験をさせていただきました。
まずオープンデータの編集のお手伝い。普段あまり頻繁にPCを使っていないため、指示通りにできるかどうか不安でしたが、担当の辻さんが丁寧にご指示くださったため何とか作業を終えることができました。
次に地域のイベントページ作成のお手伝い。こちらは比較的に特に技術が必要ではなかったため、素人の自分にもこなせて少し嬉しかったです。
次にオープンデータを使ったサービスの紹介のお手伝い。こちらは情報収集力を問われる仕事でしたが、まだまだ自分の情報収集力が未熟であることを改めて痛感しました。ここが今回のインターンシップではっきりした課題だと考えています。
次に、オープンデータ講義のまとめのお手伝い。こちらのほうもサービス紹介と同様の課題が浮き彫りとなったのでいい機会を与えてもらったと思っています。
そしてレトロスコープ作成について。今回のインターンシップで一番難しかったです。過去に自分は簡単なものですが、HTMLを使ったことがあったので何とか過去の知識を活かせないかとおもいましたがなかなかそううまくいかず、最初理解できないことばかりでした。ですが最後には何となくですが理解できたと思います。
2週間という短い期間でしたが、皆様本当に優しく接してくださりとても嬉しかったです。
豊橋オフィスの皆様、本当にありがとうございました。

]]></description>
			<content:encoded><![CDATA[<p>初めまして。豊橋創造大学からインターンシップを受けさせていただいた鳥居です。9月3日から9月14日までの2週間お世話になりました。</p>
<p>この2週間では大きくわけて5つのお仕事を体験をさせていただきました。</p>
<p>まずオープンデータの編集のお手伝い。普段あまり頻繁にPCを使っていないため、指示通りにできるかどうか不安でしたが、担当の辻さんが丁寧にご指示くださったため何とか作業を終えることができました。</p>
<p>次に地域のイベントページ作成のお手伝い。こちらは比較的に特に技術が必要ではなかったため、素人の自分にもこなせて少し嬉しかったです。</p>
<p>次にオープンデータを使ったサービスの紹介のお手伝い。こちらは情報収集力を問われる仕事でしたが、まだまだ自分の情報収集力が未熟であることを改めて痛感しました。ここが今回のインターンシップではっきりした課題だと考えています。</p>
<p>次に、オープンデータ講義のまとめのお手伝い。こちらのほうもサービス紹介と同様の課題が浮き彫りとなったのでいい機会を与えてもらったと思っています。</p>
<p>そしてレトロスコープ作成について。今回のインターンシップで一番難しかったです。過去に自分は簡単なものですが、HTMLを使ったことがあったので何とか過去の知識を活かせないかとおもいましたがなかなかそううまくいかず、最初理解できないことばかりでした。ですが最後には何となくですが理解できたと思います。</p>
<p>2週間という短い期間でしたが、皆様本当に優しく接してくださりとても嬉しかったです。</p>
<p>豊橋オフィスの皆様、本当にありがとうございました。</p>
<p><a rel="attachment wp-att-893" href="http://www.ty.webimpact.co.jp/wordpress/?attachment_id=893"><img class="alignnone size-large wp-image-893" src="http://www.ty.webimpact.co.jp/wordpress/wp-content/uploads/userphoto/2018/09/無題-400x329.png" alt="" width="400" height="329" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ty.webimpact.co.jp/wordpress/?feed=rss2&amp;p=889</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
