Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サマセミオンライン資料
Search
tadanet3
May 05, 2020
Programming
46
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
サマセミオンライン資料
みんなでテイクアウトMAPの説明と作り方
tadanet3
May 05, 2020
More Decks by tadanet3
See All by tadanet3
あまがさきチャレンジまちづくり事業
tadanet3
0
33
Other Decks in Programming
See All in Programming
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
2.4k
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
raiga0310
2
210
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
kajitack
3
820
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
niftycorp
PRO
0
260
信頼性について考えてみる(SRE NEXT 2026 miniLT)
hayama17
0
170
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
nrslib
1
250
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.4k
Claude Team Plan導入・ガイド
tk3fftk
0
180
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
160
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
minodriven
17
9k
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
guvalif
PRO
1
160
Contextとはなにか
chiroruxx
1
390
Featured
See All Featured
Exploring anti-patterns in Rails
aemeredith
3
440
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
63
55k
Speed Design
sergeychernyshev
33
1.9k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
700
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.4k
Prompt Engineering for Job Search
mfonobong
0
370
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.4k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
330
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
30 Presentation Tips
portentint
PRO
1
350
Transcript
みんなのサマーセミナー オンライン とらいある 1時限目 マイコン語講座
2 自己紹介 ✿ まいこん ただまさゆき ✿ プログラマ + マッパー + センセイ
+ おとと ✿ 尼在住
3 「みんなでテイクアウトMAP 尼崎版」 ☛ オープンソースとオープンデータとフリーサービスを使って ☛ 気軽に手軽に気安く始める ☛ 市内のお持ち帰り配達してるお店の地図 ☛ 仕組みはHTML
+ CSS + JavaScript ☛ 高槻版、東京版、播磨版、作州版、草津版、淀川3区版、泉州版、さいたま版、かわさき版…
4 オープンデータ 自由に使えるデータ OpenStreetMapとかWikipedia 各自治体 各省庁 各企業
5 オープンソース 自由に使えるソース プログラム アプリケーションソフトウェア bootstrap JQuery
leaflet datatable glottologist osmtogeojson chroma popper ✎Ubuntu ✎Git ✎vim ✎LXC ✎LibreOffice ✎Python ✎Firefox
6 フリーサービス ☼無料で使えるサービス ☼GitHub ☼OverpassTurbo ☼MapTiler ☼CDN ☼ZOOM
7 なんで? 何で作るの? 安く作れるから 簡単に作れるから 簡単に直せるから 簡単に配れるから 別の有るよ?
COVID-19の為だけ新たに作るのは勿体無い 昔から持ち帰りしてる店もある COVID-19の後でも再利用できる SNSや位置ゲーやチラシやパンフレット等々 他には? (好きで有れば)未知のお店の発掘 (好きで有れば)ITに詳しくなれる (好きで有れば)地図描きゲーム感覚で楽しめる
8 環境構築の前提 パソコンが有る ネットに接続している OSは何でも良ぇけど実演はUbuntu GitHubとMapTilerのアカウントを作成している GitHubのSSHキーを登録している LXCとGitとPythonがインストールされている
9 では 環境構築の方法を実演して参ります https://tadanet3.github.io/takeaway/
10 ブランチの構造 K-Sakanoshita tadanet3 develop master gh-pages master develop gh-pages
11 おしまい