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
mihoYamamori
February 23, 2018
Design
0
260
高知県アプリ開発人材育成講座(応用編)
高知県で、ケンパリスのアイデアのお話しました。
mihoYamamori
February 23, 2018
Tweet
Share
More Decks by mihoYamamori
See All by mihoYamamori
Fukui WordPress Meetup #3
mihoyamamori
0
150
DESK STOP!!!!!! 開発環境っていってもイロイロあるよね
mihoyamamori
0
2k
MA攻略方法 〜デザイナーも出てしまえばいいのよ。例えばチーム組んだりとか。の巻〜
mihoyamamori
1
99
2013.9.6 Fukui Biz Cafe
mihoyamamori
0
94
Webとスマホとデザインと〜地方から広がるつながるデザイナーのお仕事〜
mihoyamamori
0
270
福井で「しあわせデザイナー」になるために
mihoyamamori
0
320
Other Decks in Design
See All in Design
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
430
Bulletproof Design System with TypeScript
takanorip
7
4k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
380
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
430
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
280
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
770
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.6k
Installing and Running decksh/pdfdeck
ajstarks
1
840
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2.9k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
4 Signs Your Business is Dying
shpigford
184
22k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Designing Experiences People Love
moore
142
24k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Scaling GitHub
holman
462
140k
For a Future-Friendly Web
brad_frost
179
9.9k
Transcript
ʙέϯέϯύͯͨ͠Βߴݝ·Ͱདྷͯ͠·͍·ͨ͠ʙ ΞΠ σ Ξ ͷ ν Χ ϥ 2018.01.20 in
KOCHI ΞϓϦ։ൃਓࡐҭߨ࠲ʻԠ༻ฤʼΩοΫΦϑϛʔςΟϯά શຊKENPARISڠձɹࢁ ඒึ
ࣗ ݾ հ ϑϦʔϥϯεσβΠφʔ ɾWebσβΠϯɾUIσβΠϯ ɾάϥϑΟοΫσβΠϯ ɾΠϥετ ɾΞΠσΞιϯɾϋοΧιϯϝϯλʔ ࢁ
ඒ ึ
Ҫݝ FUKUIͬͯʁ ߴݝ ౦ ਘ ॳ ࢛ ࠃ ্
ɻ ߴ ݝ · Ͱ ̒ ࣌ ؒ େ ຊ ࢁ Ӭ ฏ ࣉ ӽ લ ͕ ʹ
Ҫݝ FUKUIͬͯʁ ߴݝ ౦ ਘ ॳ ࢛ ࠃ ্
ɻ ߴ ݝ · Ͱ ̒ ࣌ ؒ େ ຊ ࢁ Ӭ ฏ ࣉ ڪ ཽ ӽ લ ͕ ʹ
None
None
Ҫ Ͱ ͷ ׆ ಈ ΤϯδχΞ σβΠφʔͰࣗओతʹ ຖ݄̍ճू·ͬͯͷ”͘͘ձ” ɾษڧɾࣄ
ɾLTେձ ɾMA࡞ϒϥογϡΞοϓ ; ͘ ͘ ձ
M A 7 ϋ ο Χ ι ϯ ॳ ମ
ݧ 1st Battle 2nd Battle Final ϛ ϒ Ϧ ɾ ς ϒ Ϧ ʙ Q u i z K i n e c t ʙ
M A 1 1 Ҫ ϋ ο Χ ι
ϯ ࡞ νʔϜ݁ MAԠื TwitterͰόζͬͨ ં Γ ฦ ͠ ༁ ࣙ ॻ ʙ ຊ ޠ ͔ Β ຊ ޠ ʙ
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 1 2
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 1 2
K E N PA R I S ͱ ʁ
K E N PA R I S ͱ ʁ
2017.10.7~8 େࡕϋοΧιϯ࡞ େࡕϋοΧιϯ࠷༏ल ʗ InteractiveDesign෦ܾউਐग़ ʗ 2ndBattleਐग़ ୭͕ग़དྷΔέϯέϯύͷಈ͖Ͱɺ ୭͕͍ͬͯΔςτϦεΛ͢ΔήʔϜ Connected DeviceʢSONYʣ
K E N PA R I S ͱ ʁ
2017.10.7~8 େࡕϋοΧιϯ࡞ େࡕϋοΧιϯ࠷༏ल ʗ InteractiveDesign෦ܾউਐग़ ʗ 2ndBattleਐग़ ୭͕ग़དྷΔέϯέϯύͷಈ͖Ͱɺ ୭͕͍ͬͯΔςτϦεΛ͢ΔήʔϜ Connected DeviceʢSONYʣ
K E N PA R I S ͱ ʁ
2017.10.7~8 େࡕϋοΧιϯ࡞ େࡕϋοΧιϯ࠷༏ल ʗ InteractiveDesign෦ܾউਐग़ ʗ 2ndBattleਐग़ ୭͕ग़དྷΔέϯέϯύͷಈ͖Ͱɺ ୭͕͍ͬͯΔςτϦεΛ͢ΔήʔϜ Connected DeviceʢSONYʣ
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ 1 ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 2
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ 1 ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 2
ς ʔ Ϛ ” ༡ ͼ ͷ R e
ϋ ο Ϋ ”
ࠓͷ༡ͼ ς ʔ Ϛ ” ༡ ͼ ͷ R
e ϋ ο Ϋ ” ੲͷ༡ͼ
ς ʔ Ϛ ” ༡ ͼ ͷ R e
ϋ ο Ϋ ”
έϯέϯύ ͩΔ·͞Μ͕ సΜͩ Իήʔ ਓੜήʔϜ Ϟϯϋϯ ϙέϞϯGO ౧మ ς ʔ
Ϛ ” ༡ ͼ ͷ R e ϋ ο Ϋ ”
έϯέϯύ ͩΔ·͞Μ͕ సΜͩ Իήʔ ਓੜήʔϜ Ϟϯϋϯ ϙέϞϯGO ౧మ ς ʔ
Ϛ ” ༡ ͼ ͷ R e ϋ ο Ϋ ”
έϯέϯύ ͩΔ·͞Μ͕ సΜͩ Իήʔ ਓੜήʔϜ Ϟϯϋϯ ϙέϞϯGO ౧మ ς ʔ
Ϛ ” ༡ ͼ ͷ R e ϋ ο Ϋ ”
ָ͔ͬͨ͠খ͍͞ࠒͷهԱ एஉঁ͍ͬͯΔ༡ͼͰʁ ୯७ͳಈ͖Ͱ୭Ͱग़དྷΔ έ ϯ έ ϯύ Λ બ Μ
ͩ ཧ ༝
Իήʔ Ϟϯϋϯ ϙέϞϯGO ͩΔ·͞Μ͕ సΜͩ ਓੜήʔϜ ౧మ ༡ ͼ ͷ
” Խ ֶ ม Խ ” R e ϋ ο Ϋ ʂ έϯέϯύ
Իήʔ Ϟϯϋϯ ϙέϞϯGO ͩΔ·͞Μ͕ సΜͩ ਓੜήʔϜ ౧మ ༡ ͼ ͷ
” Խ ֶ ม Խ ” R e ϋ ο Ϋ ʂ έϯέϯύ
༡ ͼ ͷ ” Խ ֶ ม Խ ” R
e ϋ ο Ϋ ʂ ࠓͷ༡ͼ Իήʔ ੲͷ༡ͼ έϯέϯύ
MUSIC KENKENPA!
MUSIC KENKENPA! ΞΠσΞΛϒϥογϡΞοϓ Կॲ͔Ͱ ݟͨ͜ͱ͋Δ Α͏ͳ ࡞ͬͯຊʹ ໘ന͍ͷʁ ͳΜ͔ͩ ͬ͘͠Γ͜ͳ͍
MUSIC KENKENPA!
Կॲ͔Ͱ ݟͨ͜ͱ͋Δ Α͏ͳ…
MUSIC KENKENPA!
MUSIC KENKENPA! ͲΜͳ෩ʹ ༡ͿΜͩΖ͏ʁ Իָʹ߹Θͤͯ έϯέϯύʂ ಈ͖ʹ߹͏Իָ ͋Δͷ͔ͳʁ
MUSIC KENKENPA! ͲΜͳ෩ʹ ༡ͿΜͩΖ͏ʁ Իָʹ߹Θͤͯ έϯέϯύʂ ಈ͖ʹ߹͏Իָ ͋Δͷ͔ͳʁ ͜Εͬͯ μϯϨϘΜ
MUSIC KENKENPA!
MUSIC KENKENPA! ϐϯννϟϯεɻ
MUSIC KENKENPA!
MUSIC KENKENPA! έϯέϯύͷ ಈ͖͚ͩͰ ग़དྷΔࣄʁ έϯέϯύΛ ׆͔͍ͨ͠ʂ γϯϓϧͳ ͷ͕͍͍ Կ͔ήʔϜ
ͳ͍͔ͳ͊ʁ
None
None
ςτϦεͳΒ ࠨӈͱճస͚ͩΜʂ
ςτϦεͳΒ ࠨӈͱճస͚ͩΜʂ
KENKENPA! MUSIC
KENKENPA!
KENKENPA! TETRIS
None
ΞΠ σ Ξ ͷ ग़ ͠ ํ · ͱ Ί
ཉ͍͠ɾͬͯΈ͍ͨΛେʹɻ ੈͷதʹଘࡏ͠ͳ͍৽͍͠ͷ͔ʁ νʔϜશһͰҙݟΛग़͍ͯ͘͠ɻ ࢼͤΔࣄεάͬͯΈΔɻ ࡉ͔͍࣮ํ๏͋ͱ·Θ͠ʂ 1 2 3 4 5
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ 1 ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 2
ࠓ͍͑ͨίτ ΞΠσΞͷग़͠ํ 1 ٕज़ྗ͕ͳͯ͘ ”ͷͮ͘Γ”Ͱ͖Δ 2
K E N PA R I S ։ ൃ ࣌
ͷ น
θϩ͔Β࡞Δͱ͕࣌ؒͨΓͳ͍ʂ ։ ൃ ࣌ ͷ น
θϩ͔Β࡞Δͱ͕࣌ؒͨΓͳ͍ʂ ։ ൃ ࣌ ͷ น ղ
ܾ ΞΠ σ Ξ θϩ͔Β࡞Βͳ͍ɻηϯαʔMESHΛ͏ɻ
MESH ʢSONYʣ θϩ͔ΒΔΑΓ࣌ؒͰ࡞ΕΔɻ MESHϓϩτλΠϓ࡞Γʹద͍ͯ͠Δɻ ΤϯδχΞ͡Όͳͯ͑͘Δɻ
έϯέϯύΛ׆͔͍ͤͯͳ͍ʂ ։ ൃ ࣌ ͷ น
έϯέϯύΛ׆͔͍ͤͯͳ͍ʂ ։ ൃ ࣌ ͷ น ղ
ܾ ΞΠ σ Ξ έϯέϯύίϯϘͱ͍͏ϧʔϧΛՃ͢Δɻ
ϝϯόʔͱཧతʹڑ͕Ε͍ͯΔʂ ։ ൃ ࣌ ͷ น
ϝϯόʔͱཧతʹڑ͕Ε͍ͯΔʂ ։ ൃ ࣌ ͷ น ղ
ܾ ΞΠ σ Ξ େࡕʹू·ͬͯ։ൃΛڧߦɻ
None
None
K E N PA R I S ൃ ల ͷ
น
ͬͱηϯαʔͷਫ਼Λ্͛ͳ͍ͱ͍͚ͳ͍ɻ ൃ ల ͷ น
ͬͱηϯαʔͷਫ਼Λ্͛ͳ͍ͱ͍͚ͳ͍ɻ ൃ ల ͷ น ղ ܾ
ΞΠ σ Ξ ηϯαʔ micro:bitʹม͑ͯਫ਼Ξοϓɻ
micro:bit ੈքͰΘΕ͍ͯΔࢠڙୡͷϓϩάϥϛϯάڭҭͷɻ ػೳ͕ࢁ͋ΔͨΊɺͷͮ͘Γͷ෯͕͕Δɻ ݟͨՄѪ͍͘Χϥϑϧɻ
৽͍ٕ͠ज़͕ͨΓͳ͍ɻ ൃ ల ͷ น
৽͍ٕ͠ज़͕ͨΓͳ͍ɻ ൃ ల ͷ น ղ ܾ
ΞΠ σ Ξ ػցֶशΛऔΓೖΕΔͨΊʹશһඈͿɻ
น ͷ ͋ ͱ ͷ น
ػցֶश͕ؒʹ߹Θͣɺਫ਼ΞοϓͰ͖ͣɻ น ͷ ͋ ͱ ͷ น
ػցֶश͕ؒʹ߹Θͣɺਫ਼ΞοϓͰ͖ͣɻ น ͷ ͋ ͱ ͷ น
ղ ܾ ΞΠ σ Ξ έϯύϦεڠձ݁ͱਖ਼͍࢟͠ͷϧʔϧ
None
KENPARISΛϓϨΠ͢ΔͱർΕͯے௧ น ͷ ͋ ͱ ͷ น
KENPARISΛϓϨΠ͢ΔͱർΕͯے௧ น ͷ ͋ ͱ ͷ น
ղ ܾ ΞΠ σ Ξ ਖ਼͍࢟͠ͰɺମװΛ͑ΔےτϨޮՌ
น ͷ ͋ ͱ ͷ น
น ͷ ͋ ͱ ͷ น
None
None
ٕ ज़ ྗ ͷ ิ ͍ ํ ΞΠςϜΛΓɺ͍ํΛ͢Δ ·ͣಈ͍ͯΈΔʂͱ͍͏ߦಈྗ গ͠ͷϢʔϞΞͱΞΠσΞͷൃྗ
ମݧ͍ͨ͠ͱࢥΘͤΔϓϨθϯྗ ͕ࣗͨͪҰ൪ָ͠Ή 1 2 3 4 5
࠷ ޙ ʹ ͑ ͨ ͍ ί τ
࠷৽ٕज़Λ٧Ίࠐ·ͣͱ ΞΠσΞͷߟ͑ํͻͱͭ ʑͷ؍ʹΑͬͯ ࡞Λ͘͢͝ྑ͍ʹग़དྷΔ K E N PA R I
S ͷ ։ ൃ Λ ௨ ͡ ͯ
ͨ͘͞Μͷਓʹମݧ͍ͯ͠ɺ ৽͍͠ΛΈ͚ͭͯ ඪΛগͣͭ͠ઌઃఆ͢Δ͜ͱͰ νʔϜͷϞνϕʔγϣϯ͕࣋ଓ K E N PA R I
S ͷ ։ ൃ Λ ௨ ͡ ͯ
ମݧ ʗ ࣝ ·ͣಈ͍ͯΈΔɾखΛಈ͔͢ ࣗνʔϜ͕Ұ൪ָ͠Ή͜ͱ͕େࣄ ΞΠσΞιϯɾϋοΧιϯࢀՃ
ࣗνʔϜ͕ Ұ൪ָ͠Ή͜ͱ͕େࣄ
ͥͻ KENPARIS ମݧ͍ͯͩ͘͠͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠
ͥͻ KENPARIS ମݧ͍ͯͩ͘͠͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠