開発手法のレクチャーから始まった2020内定者合宿、2日目は成果発表会。

鯖江に来た学生に役立つサービスをテーマに開発された「ALUKO」


寸劇で利用シーンを紹介、鯖江に遊びに来た学生ゲンゾウ君、余裕ある時間をどう使う!?


アプリ立ち上げると表示される3パターンのコース


コンパスに従って歩こう!途中、秘密の寄り道ポイント経由で鯖江のいいところにご案内。到着すると種明かし、ゴールカードをGET!

ビジョン「鯖江に来た学生が遠足気分で鯖江を満喫できるコンパス」
地図がでないので、地図が苦手な学生でも安心。
近づくに連れて間隔が短くなる振動でお知らせするので安全。
たどり着くまでどこに案内されるか分からない、ワクワク感。
データシティ鯖江の5つ星オープンデータをSPARQLで取得、いい感じアルゴリズムで目的地が決まります。


タスクかんばん、最終形!
普段は1週間のスプリントを、約2時間くらいのショートバージョンで駆け抜けた短期決戦版スクラム。
毎スプリント毎に「KPTでふりかえり」をして、改善し続けることこそ肝。


jigカレー&ピザ&LTで懇親会!


内定者へ伝授したjigカレーのつくりかた、本日のトライは、秋の味覚、ブドウ!


辛口ベースを牛乳いれてマイルドにして、完成!

今回苦労したのは、ウェブアプリ上でのコンパスの実装。
どうも現在のJavaScriptでは、うまく方角が取れない模様。(コンパスの謎
仕方ないので、GPSで座標の履歴からまっすぐ歩いたと仮定して方角を算出、目的地との差分をとって表示する形で実装してました。


iOSのネイティブだったらどうなるか?調べてシンプルに8方向で方角を表示するアプリを作ってみました。

Swiftでの実装、CLLocationManagerを使って、startUpdatingHeading のコールバックで magneticHeading として受け取れる角度。
とっても素直に動き、使えます。ブラウザ上の機能、もう少しがんばってほしい。

import UIKit import CoreLocation class ViewController: UIViewController, CLLocationManagerDelegate { let locationManager: CLLocationManager = CLLocationManager() var label : UILabel! override func viewDidLoad() { super.viewDidLoad() locationManager.delegate = self locationManager.startUpdatingHeading() let sw = self.view.frame.width let sh = self.view.frame.height self.label = UILabel() self.label.text = "北" self.label.textAlignment = .center self.label.font = .systemFont(ofSize: 150) self.label.frame = CGRect(x:0, y:0, width:sw, height:sh) self.view.addSubview(self.label) } func locationManager(_ manager: CLLocationManager, didUpdateHeading heading: CLHeading) { print(heading.magneticHeading) let dir = [ "北", "北東", "東", "南東", "南", "南西", "西", "北西" ] let ndir = Int((heading.magneticHeading + 360 / 16) / 360 * 8) % 8 self.label.text = dir[ndir] } }

ネイティブアプリとして実装して、リリース目指す!?

東京都教育委員会の方、福井県鯖江市のプログラミング教育へ視察にいらっしゃいました。
鯖江で2学期から始まった4年生全員へのプログラミング教育。クラブ活動、課外活動「Hana道場」で1セット。

本日は片上小学校、4年生13名向けの総合2コマ、プログラミング!


はじめてのプログラミング with IchigoJam」(pptx/keynote on GitHub)
総合2コマのスライドはオープンデータとして公開、アレンジ・改変も自由です。


2人1組での体験、パソコンを自分達でつなぐところから体験です!鯖江市の環境にあわせて絵をコンセント風に。


バックスペースの場所が違う!という子供の指摘で修正。たしかに、キーボードによっては一番右端にないのです。


100円のCPUをもつ1500円のIchigoJamの計算回数は1秒に5000万回。驚く子供たちがかわいい!
最新スマホは、1秒間に1兆回!


交代で打っていこう。一人が読み上げ、一人が打つスタイルがスムーズ!


1時間目はエルチカロボットづくり。
とんでもない数をWAITさせようとする子供たち!
自由に改造する時間を数分とるだけで、より理解が深まります。


2時間目、かわくだりゲーム。あれこれ改造して、みんなそれぞれ違ったゲームができあがってました!
自分で作るゲームの楽しさは格別!


全部で100コマンドあるIchigoJam


でも、今日すでに21コマンドも使ってます!簡単な英語が使えると、コンピューターだって操れる!


おもしろかったら、クラブ活動に入ったり、Hana道場などに遊びにきてね!


立待小学校のプログラミングクラブ活動、おじゃましてきました。講師は牧田さん。


毎回何か1テーマで遊ぶ、プログラミングクラブ、今回はミニゲームズから「はんのうそくどゲーム」

10 LED0 20 WAIT RND(180)+60 30 LED1:CLT 40 IF BTN()=0 GOTO40 50 ?TICK()

RUNしてしばらくするとLEDが光る。光った瞬間、IchigoJamのボタンを押そう!
表示される数値が君の反応速度(1/60秒単位)!

対戦して盛り上がるこどもたち。でも、0秒記録を出す裏技が!?

25 IF BTN() E

ボタンを押しっぱなしにする裏技を回避するプログラムがこちら。
Eというコマンドはないから・・・


クラブ活動や、学校内に転がしておくIchigoJamの近くにオススメ「IchigoJamプリント
四捨五入、分数の掛け算など、高学年の算数のプログラミングから理解するアプローチもあり。


Hana道場、小学生と高校生がプログラミングの修行中。


ドローンだってIchigoJamでプログラミング!
教育用ドローンを言語で制御できる『FruitPunch』独占販売開始 | ドローンネクスト

遊びが学びになり、学びを遊びに活かす!

links
- Hana道場

Vueはじめのいっぽの続きとして、読み込んだJSONデータからのオフライン検索(フィルター)を追加する step7 と、実践的に橋梁オープンデータをSPARQL取得する step8 を追加!

SAPRQLで取得した鯖江市の橋梁オープンデータ
鯖江市の攻めたオープンデータ、管理する全423の橋梁がオープンデータとして、橋梁名、工法、大きさ、緯度経度などが5つ星オープンデータとして公開され、web標準のAPI、SPARQLで取得できます。

こちら、取得SPARQLのテンプレート

prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> prefix geo: <http://www.w3.org/2003/01/geo/wgs84_pos#> prefix jrrk: <http://purl.org/jrrk#> prefix ipc: <http://www.ipc-pacific.com/ipc/> select ?uri ?name ?lat ?lng ?year ?stype ?desc ?route { ?uri rdf:type <%type%>; <%name%> ?name; ipc:bridgeNumber ?num; ipc:structureType ?stype; geo:lat ?lat; geo:long ?lng. optional { ?uri ipc:buildYear ?year. } optional { ?uri ipc:underBridgeDescription ?desc. } optional { ?uri ipc:route ?route. } filter(?lat < %latmax% && ?lat > %latmin% && ?lng < %lngmax% && ?lng > %lngmin%) filter(lang(?name) = 'ja') }

Vue.jsを使えば、データを画面に美しく反映できます。データ1行の表示部分はこのようになってます

<tr> <td><a v-bind:href="uri">{{ name }}</a></td> <td>{{ route }}</td> <td>{{ stype }}</td> </td><td>{{ year }}年</td> <td>{{ lat }},{{ lng }}</td> <td>{{ desc }}</td> </tr>'

書きやすい!


Vue.js はじめのいっぽ
step1 から、順にソースを見ながら、一歩ずつ試していったり、やりたいことに近いものから逆順に辿ったり、ご自由にご活用ください。

河和田アートキャンプ2019ファイナルイベント&中道アート
アートキャンプ参加学生作「漆器のまちかわだ顔出しパネル」とコラボした、お手軽webアプリ完成!。

kaopanel - 河和田アートキャンプ2019
スマホかカメラ付きのPCでこちらにアクセスして、顔の位置を合わせてタップするだけ、写真をダウンロードできます!(アップロードはしません)
自分で撮影でき、しかも同時に2つの顔出しができますよ!


モデルとなったのは、総合案内所近くの顔出しパネル、顔出ししたい場所の座標と大きさを設定するだけ簡単、量産できます!(src on GitHub
SSL必須なカメラアプリのデバッグには、ngrokと、Webインスペクタによるリモートデバッグが便利です。


1500年つづく漆器の産地、河和田のステキな中道。


道中にはいろんなお店、こちら、かわだ尾花屋まちライブラリーのローストビーフ寿司、ゴミにならないエビせん皿が斬新!


牛すじが入ったたこやき風、尾花屋ボールは試作中でした


100年の歴史ある古民家、尾花屋、なんと中はライブスタジオ!イベント情報はFacebookをチェック!


LEDで電飾されていた、CAFEたんぽぽの看板!光とアート、プログラミングとアートも実現したい!


河和田アートキャンプOBで、鯖江移住者、TSUGI代表、新山さん!
PARKにて本格スパイス公園カレーやってました!


PARKで発見したチラシ、ものづくりのまち、鯖江。合コンテーマもものづくり!
ものづくり合コン2019 – めがねのまちさばえ 鯖江市


釣った人が焼いてくれる、九頭竜川の天然鮎、塩焼き!


日本酒とアート。純米吟醸 河和田おしどり by 河和田アートキャンプ featuring 梵!


めがね ケイタイクン!継体天皇さまがSDGsメガネ、グローカルをかけている!?


代表の片木さん!


河和田アートキャンプ、15周年、おめでとう!!


「鯖江のいいところ」Nikonの一眼レフD90の動画で撮ったCMは9年前。


CMがきっかけで撮ることになったPV「『MY TOWN RIDDIM』 Sing J Roy & PETER MAN 感謝」なんと22万回再生!


jigインターンでも毎年お世話になる、蔵Bar、今年は舞台が新設されました!
アートxITx鯖江、いろいろコラボしていきましょう!

links
- 中道アート2019
- 「河和田アートキャンプ」グランドファイナルと15周年記念イベントでした | 『さばえ.jp』百さんのブログです

2019年鯖江で初開催、NT鯖江の会場、嚮陽会館をVRで体験できるようにしてみました。

VR嚮陽会館
Oculusなどをお使いの方、建物入り口からどうぞ!右手コントローラーで白い丸をたどっていけます。
A-FRAMEを使った、JavaScriptのプログラムや、THETAによる嚮陽会館360度写真は、オープンデータ&オープンソース on GitHub


VR嚮陽会館 大会議室
こちらメイン会場、このリンクでPCなどでも眺められます。


Googleマップのストリートビュー風に擬似的に歩く感じができました。


広々した1F、こちらは当日、鯖江ものづくり博が同時開催されます。


大会議室の間取り、ひとまず手書きのもののコピーをもらって、コンセント位置を追記!

つくってみたもの、見せてみよう!
だれかのつくってみたもの、見に行こう!
NT鯖江」出展者も受付中です!

いいものたくさん鯖江市。まだまだ情報発信が足りてません。特に若者に伝えるためには、動画メディアの活用は外せません。
鯖江市長がYouTuberに!というプラン、VTuber(バーチャルYouTuber)化すれば、みんなが鯖江市長になって配信可能!?

ということで、メガネアプリを改造して、つくってみました、だれでも鯖江市長アプリ!(src on GitHub
鯖江市長画像は、学生団体with制作のウェルカム市長より!
画面収録を使ったり、ふわっちの画面配信機能を使えば、今すぐ鯖江市長になれますよ。
顔出しはちょっと・・・という、人、こどもでも、安心!


と、思った矢先、鯖江市市長YouTuberスタート!


こちらベースになった鯖江版SDGs、グローカルアプリも人気でした!(グローカル写真集


12回目の発表会の会場もこちら、鯖江の「ご本山」こと、誠照寺(じょうしょうじ)。
高校生、高専生、大学生による5人混成チームのスキット(寸劇)を交えたプレゼンテーション x 6。
審査員も12回目、今年は「地域の課題をITで解決」KDDI 松野さんとご一緒いただきました!

鯖江総変人化計画(鯖変) by チームイヌワシ(伊藤園賞、写真
廃校を使ったアミューズメント施設「わがまま学校」をスタートさせ、年代を問わず学ぶ学校へ!
本来学びは遊び。大人でも先が読めない現代、自分の好きで得意を大いに伸ばそう。

世界一有名なまち、鯖江 by チームツバメ(優秀賞、写真
ジェットコースターでもズレない鯖江のメガネ、市長自信がオープンデータなど、若者受けする企画をJK課で考案、Hana道場で編集、主演は鯖江市長!
市長も乗り気だけど、体がついていくかどうか・・・、そこで提案バーチャルユーチューバー。鯖江市長の容姿オープンデータで、誰でも鯖江市長になって配信できますね!

鯖式会社 - 鯖江を「JK社長」が日本一多い市に! by チームミミズク(最優秀賞、写真
鯖江式の株式会社、略して鯖式会社。就職するその会社も誰かが起業した会社。そもそも起業とは?社長とは?やってみるのが一番です!
敷居をぐっと下げた鯖式会社で、小さな夢を実際叶えてみるまでのレクチャー付き!鯖江のイベント、ものづくり博や、月一のお祭り誠市で実践しよう。

物々交換しながら鯖江を目指せ - めざされるまち鯖江 by チームシラサギ(優秀賞、写真
ヨーロッパを舞台に開催されたレッドブルの企画「CAN YOU MAKE IT?」の日本からの参加者ならではの企画、鯖江のSDGsピンバッジ11コ(サバエの3+8)だけを元手に、物々交換しながらあたたかいまち、鯖江を目指す。
大学生向けなので夏休み、メガネフェス的なお祭りと合わせて企画できると楽しそう。

スケボーのまち - 合言葉はナイストライ! by チームコウノトリ(写真
昭和56年からの鯖江市の姉妹都市、新潟県村上市は、スケボーのまち。すごいスケートパークがオープンしてました。(スケボーの「聖地」!! 村上市スケートパーク完成 - スポーツ : 日刊スポーツ
オリンピック競技にもなり、実は公道でも使えるスケボーというスポーツを鯖江市でもスクールから始めてみようという企画。スケボーにやさしい道づくりをして、車を持たない若者、免許返納後の高齢者の足としての活用を考えてみるとか新しいかも!?

さば絵プロジェクト - 自由に落書きができるまち by チームムクドリ(写真
絵を描くのが好きな人、街中じゆうに落書きできたら楽しい!
鯖江市が管理する400以上ある橋など、公共物や公共施設、自由に落書きしていいスポットをオープンデータ化すると楽しいかも?
ARメガネを使ったら見えるバーチャル書きなら、めがね会館にも、空にだって落書き可能!


発表会、おつかれさまでした!


Hana道場通う、熱き高校生も参加!


運営の学生団体withからのプレゼント!


参加者、スタッフ、実行委員長水野さん、ステキなイベント、ありがとう!


プラコンOBも応援に来てくれました!


いつでも鯖江を目指してきてくださいねっ


360度写真が撮れる楽しいカメラ THETA V - THETA SCなら22,000円〜


早速、参加高校生からも参加表明、ますますパワーアップする学生団体with!
さぁ、今年プランの実現だ!

links
- 鯖江市地域活性化プランコンテスト | 市長をやりませんか?
- 鯖江市地域活性化プランコンテスト - Facebook
- 学生団体with (@sabaepc_with) / Twitter
- 学生団体with
- 第12回目の「鯖江市地域活性化プランコンテスト」でした | 『さばえ.jp』百さんのブログです
- 住みたい鯖江 学生提案 活性化プラン 全国6チーム発表 JK企業支援案 「チームみみずく」が最優秀賞 「福井新聞社」提供(牧野 百男 Facebook投稿)

鯖江のお土産にオススメ「眼鏡堅麺麭」せっかくなので、堅パンカメラも開発。

グローカルサバエイトに続く、鯖江なメガネアプリ第三形態。
iPhoneアプリのプログラム on GitHub

メガネ画像 megane.png を用意して、顔認識させて目の位置(left/right)を使って、こんなプログラムで顔にフィットさせます。(SwiftというiPhoneやiPad向けのアプリを作るためのプログラミング言語)

let dx = left.x - right.x let dy = left.y - right.y let len = sqrt(dx * dx + dy * dy) let th = atan2(dy, dx) let cx = (left.x + right.x) / 2 let cy = (left.y + right.y) / 2 let mw = len * 2.2 let mh = mw / imgmegane.size.width * imgmegane.size.height let px = cx - mw / 2 let py = cy - mh / 2 g.saveGState() g.translateBy(x: cx, y: cy) g.scaleBy(x: 1.0, y: -1.0) g.rotate(by: CGFloat(-th)) g.translateBy(x: -cx, y: -cy) imgmegane.draw(in: CGRect(x: px, y: py, width: mw, height: mh)) g.restoreGState()

meganeworld/meganeworld/ViewController.swift内、堅パン描画部分
let CAMERA_FRONT = true // を変更すれば、インカメラ、アウトカメラ選べます(切り替えスイッチをつけてもいいですね!)


めがね会館、1Fの売店にて視力が測れそうなメガネ紙袋と共にどうぞ!

持続可能なまちに必要なのはビジネスモデル。持続しない補助金頼みではジリ貧間違いなし。
2030年を見据え、企業連携を強める鯖江市と地方発現場発のオープンイノベーションを牽引するSAPのタッグ!


鯖江市のSDGs解説パンフレット。「ITのまちづくり」としてオープンデータと、鯖江産パソコンIchigoJamが載ってます!
SAP支援によってスタートした、オープンイノベーション道場、Hana道場では、今日も子供と大人が学びます。
元鯖江の小学校の先生、岩堀美雪さん、IchigoJamと共にカンボジアへ!
岩堀先生に、「めがねのまちさばえ国際親善大使」任命 | 『さばえ.jp』百さんのブログです


パンフレットとちょっと配色が違う、グローカル。
メガネのセンター、ブリッジの色が「5 ジェンダー平等」のものが正式版です!


好評、SDGsメガネアプリ


次の計画!


jigインターン、各チームから、SAPのみなさんにプロダクトを紹介!


大阪の企業、フルタ製菓との企業連携、サバエイトチョコレート


インターン生に差し入れ!メガネといえばもちろん、こういう写真!


せっかくなのでアプリ化!メガネ写真アプリにサバエイトモードも追加してみました!(src on GitHub)


チーム毎にランチ会、本日はCチームで、場所は、鯖江駅前、惣(SOU)


さばの味噌煮定食にチェックイン!?


惣(SOU)のランチメニュー!
食をテーマにした3チームの成果発表会は来週末!
jigインターン11日目!! - jigintern2019のブログ」ごはんが!w


鯖江のSDGsのシンボルマーク、グローカルのピンバッチ、めがね会館でも販売中。
持続可能なまち創造実験、オープンなまち鯖江、いつでもお声がけください!

失敗例から生まれる成功もあるので、とにかくいろんなことにチャレンジしてもらいたい。自身で考え、行動を起こすことで地域の問題を自分事だと思ってほしいんですよね。もちろん住民の方や移住を考えている方からのアイデアも大歓迎ですので、どんどん声を聞かせてください!(笑)
“ゆるい”取り組みでは地方創生はできない、なんてない。 - 牧野 百男 | LIFULL STORIES」より

2018年のイタリアの橋崩落事故は、他人事ではありません。次々と寿命を迎える日本のインフラ、笹子トンネル天井板落下事故のような悲劇を防ぐ必要がありまが、近所のよく渡る橋、その実態はきちんと把握されているのでしょうか?
イタリアの橋崩落、死者少なくとも37人に 犠牲者には子どもも - BBCニュース
橋サイズ体験VR
鯖江市橋梁オープンデータとオープンストリートマップを使ったVR橋サイズ体験アプリ。Oculus Questで見ると実寸で実際に歩けてよりリアルに体験できます。


本日、福井高専にて「福井高専未来戦略アドバイザー就任式」
KDDI松野さん、エル・コミュニティ竹部さんと共に、委嘱状いただきました。
地域で活用AI/IoT! IT人材育成に向け、KDDIと包括的パートナーシップ構築発表とIchigoJam webバージョンアップ


未来戦略初会議!橋の耐久性などに重要なコンクリートは、福井高専校長の田村さんの専門分野!


実はこの写真、360度撮影したTHETAの写真。


視点方向、視野角、自由自在。VRで見ると、臨場感抜群です。上記、橋サイズ体験VRでクリックや、Oculus右コントローラークリックで見られるおまけつき。


高専 = 地域のチャンスをバリューに変える力!

世界を目指す、鯖江商工会議所。国際化委員会のASEAN勉強会。
基本は人口動態、せっかくなのでVRで歩きまわりながら1960年から2017年までの変化を体験してみました。
日本の伸び悩み具合と、周辺国の伸びがよく分かります。

World Population VR」 - 世界の人口カラム地図をVR化
APP: CC BY Taisuke Fukuno - The World Population TabularMaps / 世界人口カラム地図
Base APP: CC BY The World TabularMaps / 世界カラム地図
DATA: Population, total | Data - The World Bank
DATA: TabularMaps - 8bit, ISO3166-1(CSV)
LAYOUT: CC0 カラム地図 / TabularMaps on Github


北陸銀行シンガポール駐在事務所長の上原さん、シンガポールから見たASEAN等の現状。
高齢化まで少し遠い東南アジア。いろんなデータで見ることと、現地へ行ってみること、大事。


Jトラストの猿渡さん、インドネシアへのいざない。
世界一カンタンと言われる「インドネシア語
確かにアルファベットしか使わず、動詞変化や格変化もなく簡単!インドネシア内は主要な島ではほぼ通じるとのこと。IchigoJam、インドネシア語翻訳、やってみようかな。


北陸銀行のみなさん、Jトラストのみなさん、ご来鯖、ありがとうございました!
料亭中松にて、nakamatsu.com 鯖江のお店はドメインがいい!)

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS