福野泰介の一日一創

昨年夏、大好評だったリノベーションされた古民家「JAPAN CRAFT HOUSE」（またはホテル）を生活の場として、めがねのまち鯖江のランドマークタワー、めがね会館7-8Fのjig.jp本店・開発センターへ通って、チーム開発する3拍4日プラン。 社内でも使う、アジャイルによるチーム開発手法のレクチャー、軽くオリエンテーション、チーム分けした後、がっつり開発スタート！現場エンジニアによるメンタリングに、ごはん会！（交通宿泊食事代支給）

（いろいろレクチャーしている様子、2019年jigインターン JAPAN CRAFT HOUSE にて）

はじめて鯖江に来る、ものづくり好きな人向けに、コンパクトに鯖江の見どころを紹介する「鯖江おすすめマップ」を作ってみました。（egmapjs + Google SpreadSheetのオープンデータ + JavaScript）

「鯖江おすすめマップ」

「poi_sabae - 鯖江のおすすめスポットオープンデータ」
行政オープンデータと、民間オープンデータ、自由に混ぜて使えるのがオープンデータのいいところ。 Googleスプレッドシートを使って、つながる5つ星オープンデータをシンプルにまとめなおしていくことにしました。 データ一覧と、データ語彙一覧も合わせて作成、公開。

egmapjsを使って、下記プログラムでマップにピン配置！

window.onload = async function() { const map = initMap('mapid') map.setZoom(15) map.panTo([ 35.943381, 136.188597 ]) // 鯖江駅 const key = '2PACX-1vR2Lt_CgoXgORXdnQ0QIFh8PDvhkR9wzB97R050eJ0m5ExJqkDacQK3whNIF8GtmzuGKMhe8O_8NeyT' const pois = await fetchGoogleSpreadSheet(key) for (const poi of pois) { const ll = poi['https://schema.org/geo'].split(',') const icon = map.addIcon(ll[0], ll[1], poi['https://schema.org/name']) const html = `<h2>${poi['https://schema.org/name']}</h2> ${poi['https://schema.org/description']}<br> <a href=${poi['https://schema.org/url']} target=_blank>[link]</a>` icon.bindPopup(html, { maxWidth: 500 }) } }

サーバーサイドプログラムを使って「つながる」サービスにしたり、クライアント側をネイティブ化したり、VR化したり、いろいろチャレンジするのもあり！ 集まったチームメンバーで、アイデアと技術を出し合い、短期集中、プロトタイプを作り上げよう！

「プログラミングで働く」に向かい合う4日間、奮ってご応募ください！
（定員になり次第締め切り）

links
- 2020年春jig.jpインターン募集開始のお知らせ
- 新卒採用案内 | スマホ(Android/iPhone)アプリ・携帯アプリならjig.jp(ジグジェイピー)
- 大学＆ショッピングセンターでできる期日前投票！？Googleスプレッドシートを使ったオープンデータ活用法
- 記事一覧 - jigintern2019のブログ