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
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
300
佐藤千晶|ポートフォリオ
chimi_chia
0
120
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
420
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
460
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
240
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
810
Memory Man v3 (WIP)
storybychad
PRO
0
2.5k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Optimizing for Happiness
mojombo
379
70k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Site-Speed That Sticks
csswizardry
10
810
The Invisible Side of Design
smashingmag
301
51k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
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 ମݧ͍ͯͩ͘͠͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠