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
kaidouji85
June 04, 2016
Technology
1
1.3k
今更聞けない関数型プログラミングの基本
プログラミング生放送勉強会 第41回@サイボウズ株式会社 松山オフィスの発表資料です。
kaidouji85
June 04, 2016
Tweet
Share
More Decks by kaidouji85
See All by kaidouji85
Serverless + Fargate構成で継続的デリバリーの速度を劇的に改善した話
kaidouji85
0
500
サーバーレスアーキテクチャこそ"ヘキサゴナルアーキテクチャ"
kaidouji85
0
41
サーバーレスでターンベース制のネット対戦ゲームを作った話
kaidouji85
0
300
CDKで構築したFargateのデプロイ時間を改善した話
kaidouji85
2
350
ブラウザゲームで視聴者参加型のゲーム配信
kaidouji85
0
140
JSだけでバックエンド環境構築、IaC、自動デプロイまでやってみた話
kaidouji85
0
250
サーバレスでネット対戦を作った話
kaidouji85
0
440
TWAでGoogle Playにアプリをリリースしてみた
kaidouji85
0
81
サーバレスでブルーグリーンデプロイしてみた
kaidouji85
0
110
Other Decks in Technology
See All in Technology
CSSDAY 2024
kevinshallvari
0
180
シン・Kafka / shin-kafka
oracle4engineer
PRO
6
2.7k
o11y入門_外形監視を利用したWebアプリケーションへの最適なモニタリング_TechBrew
k5k
2
100
Oracle Exadata Database Service on Cloud@Customer (ExaDB-C@C) - UI スクリーン・キャプチャ集
oracle4engineer
PRO
1
1.1k
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
140
Tebiki株式会社 エンジニア採用資料
tebiki
0
4k
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
1
600
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
170
ユーザーストーリーのレビューを自動化したみたの
bun913
1
280
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
60
17k
Signals Unleashed: The Full Guide
rainerhahnekamp
0
350
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
1
400
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
Thoughts on Productivity
jonyablonski
57
3.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Bash Introduction
62gerente
604
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
16k
Code Reviewing Like a Champion
maltzj
513
39k
Code Review Best Practice
trishagee
54
15k
Practical Orchestrator
shlominoach
181
9.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Transcript
ࠓߋฉ͚ͳ͍ؔܕ ϓϩάϥϛϯάͷجຊ 2016/06/18 ϓϩੜษڧձ@দࢁ ɹ༎հ
ࣗݾհ ༎հ ࣄͰjavaͱjavascriptͬ ͯ·͢ झຯͷήʔϜ࡞Ͱ javascriptͬͯ·͢ React + Redux࠷ߴ
ϓϩੜͪΌΜϑΝϯΫϥϒʹೖΓ·ͨ͠
ϓϩੜͪΌΜ༏ͷ্ࡔ͢ΈΕ͞Μͷ ϋϚϦͱ͍͑ઌഐͰ͢ΑͶ ʢҟೝΊΔʣ
ࢲͷ৬ʹɺ͍͢͝ઌഐ͕͍·͢ ͦͷਓ͔ΒؔܕΛୟ͖ࠐ·Ε·ͨ͠
ࠓઌഐ͔Βڭ͑ͯΒͬͨ ؔܕϓϩάϥϛϯά ʹ͍ͭͯ͠·͢
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
ؔܕϓϩάϥϛϯάͬͯ ԿͳΜͰ͠ΐ͏͔ʁ
༗໊Ͳ͜Ζͩͱɺ͍ͭ͜Β
JavaͩͱStream API͕༗໊Ͱ͢
ؔܕݴޠ ԿΛͬͯؔܕϓϩάϥϛϯάͱ͢Δ͔ɺؔܕϓϩ άϥϛϯάΛߦ͍ͬͯΔίϛϡχςΟͰਖ਼֬ͳఆٛ ߹ҙͱ͍͏ͷଘࡏ͠ͳ͍͕ɺҰൠతʹɺखଓ͖ ܕϓϩάϥϛϯά͕ίϚϯυ࣮ߦͷྻͱͯ͠ϓϩάϥϜ Λهड़͍ͯ͘͠ͷʹର͠ɺؔܕϓϩάϥϛϯάෳ ͷࣜΛؔͷద༻ʹΑͬͯΈ߹Θ͍ͤͯ͘ϓϩάϥϛ ϯάελΠϧͰ͋Δɺͱ͍͏͜ͱ͘ೝΊΒΕ͍ͯΔɻ WikipediaΑΓ https:/
/ja.wikipedia.org/wiki/ؔܕݴޠ
ؔܕͱ ͲΜͳσʔλ͕ཉ͍͠ͷ͔ɺతΛத৺ʹॻ͘ ϓϩάϥϛϯάελΠϧ Ͳ͏ͬͯతͱͳΔσʔλΛ࡞Δͷ͔ɺ ͱ͍͏͜ͱجຊతʹॻ͔ͳ͍
ؔܕͷϝϦοτ ෳࡶͳॲཧ͕͍ߦͰॻ͚Δ ίʔυͷՄಡੑ্͕Δ Α͔͘Βͳ͍όάݮΔ
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
ྫ มߋ͕͋ͬͨϨίʔυ͚ͩநग़͢Δ ϨίʔυΛอଘ༻ʹม͢Δ TODOϦετͷอଘػೳΛ࡞Δͱ͠·͢ɻ ཁ݅ҎԼͷ௨ΓͰ͢
લఏ݅ ݴޠjavascript Ϩίʔυ͕มߋ͞Εͨ߹isChanged͕trueʹͳΔ σʔλมʹconvertDataΛ͏ // TODOϦετͷσʔλߏ let todo = [
{action:'ϓϩੜͷൃදࢿྉΛ࡞Δ', isChanged: false}, {action:'ϑΝϯτϜϫʔϧυΛ؍Δ', isChanged: true}, {action:'ϋοΧυʔϧΛνΣοΫ͢Δ', isChanged: true}, {action:'חʹ͓Ֆݟʹߦ͘', isChanged: false}, {action:'य़ΞχϝͰԿΛݟΔ͔ܾΊΔ', isChanged: true}, ];
TODOϦετΛϧʔϓͰճ͢ API༻ʹσʔλม มߋ͞Ε͔ͨ ϦετʹՃ YES NO
let postData = []; for (let i in todo) {
if(todo[i].isChanged) { postData.push(convertData(todo[i])); } } ίʔυʹىͯ͜͠Έ·͠ΐ͏ Α͋͘Δॻ͖ํͰ͕͢ɺ͕͋Γ·͢
Ͳ͕͜ͳͷ͔ •ແବʹωετ͕ਂ͍ •มͷ͕ԿճมΘΔ
ؔܕͪͬ͘ʹॻ͍ͨ let chanegedList = R.filter(data=>data.isChanged, todo); let postData = R.map(convertData,
chanegedList); let postData = []; for (let i in todo) { if(todo[i].isChanged) { postData.push(convertData(todo[i])); } }
ؔܕϓϩάϥϛϯάͷجຊతͳߟ͑ํ ྻͷશཁૉʹରͯ͠ ಉ͡ૢ࡞Λ͢Δ
ࠓճͬͨૢ࡞ FILTER MAP
FILTER ͋Δ݅Λຬͨ͢ཁૉ͚ͩΛ͢
MAP શͯͷཁૉΛม͢Δ
͜ΕͰTODOϦετͷॲཧΛॻ͘ͱ FILTER มߋ͞Εͨͷ͚ͩ͢ MAP API༻ʹσʔλม͢Δ
// FILTER มߋ͞Εͨͷ͚ͩ͢ let chanegedList = R.filter(data=>data.isChanged, todo); // MAP
API༻ʹσʔλม͢Δ let postData = R.map(convertData, chanegedList); ίʔυ̍ର̍ରԠ͍ͯ͠Δ
R.filter(data=>data.isChanged, todo); FILETRͷୈҰҾʹ ݟ׳Εͳ͍ͷ͕͋Γ·ͤΜ͔ ͱ͜ΖͰɺ
EcmaScript2015ͰՃ͞Εͨ ΞϩʔؔͰ͢ // Լͷೋͭಉ͡ҙຯ function(data) { return data.isChanged; } data
=> data.isChanged;
FILTERͰཁૉΛ݅͢Λࢦఆ͢Δ ୈҰҾɿཁૉͷ Γɿ͔͢൱͔ͷఆ݁Ռ(boolean) true -> ͢ ɹɹɹɹfalse -> ͞ͳ͍ ҎԼ༷ͷؔΛఆٛ͢Δ
FILTERͷΠϝʔδ FILTER
ؔܕϓϩάϥϛϯάͰ ࡉ͔͍݅ɺσʔλมنଇΛ ؔͱͯ͠ఆٛ͢Δ
let chanegedList = R.filter(data=>data.isChanged, todo); ͜͏͍͏ͷΛϥϜμࣜͱ͍͏
ͪͳΈʹMAPͷϥϜμࣜͷ༷ ୈҰҾɿཁૉͷ Γɿมޙͷσʔλ
MAPͷΠϝʔδ MAP
͖ͬ͞ͷྫͩͱ σʔλม༻͕ؔ༻ҙ͞Ε͍ͯΔͷͰ ͦͷ··ࢦఆ let postData = R.map(convertData, chanegedList);
આ໌ʹͬͨίʔυ ϒϥβ্Ͱಈ͔ͤ·͢ http:/ /goo.gl/AC4bfS
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
ؔܕϓϩάϥϛϯάࡾݪଇ ϧʔϓɺ݅ذͷΘΓʹmapɺfilterͳͲΛ͏ ϥϜμࣜ1ʙ2ߦఔͰॻ͘ มͷ࠶ೖݪଇېࢭ
ؔܕϓϩάϥϛϯάࡾݪଇ ϧʔϓɺ݅ذͷΘΓʹmapɺfilterͳͲΛ͏ ϥϜμࣜ1ʙ2ߦఔͰॻ͘ มͷ࠶ೖݪଇېࢭ
ϧʔϓͷΘΓʹmapɺfilter Λ͑ͱݴ͏͚Ͳ ଞʹͲΜͳͷ͕͋Δͷʁ
ଞʹRamdaͷެࣜαΠτʹ৭ʑॻ͍ͯ͋Γ·͢ http:/ /ramdajs.com/0.21.0/docs/ reduce ྻΛ·ͱΊͯҰͭʹ͢Δ groupBy ྻͷཁૉΛάϧʔϓʹ͚Δ zip ̎ͭͷྻΛ߹͢Δ
͜ΕΒΛΈ߹ΘͤͯϩδοΫΛ࡞Δͱ ҎԼͷΑ͏ͳߟ͑ํʹͳͬͯ͘Δ ू߹͔ΒͲͷσʔλΛऔΔ͔ σʔλΛͲ͏άϧʔϓ͚ɺ߹͢Δ͔ σʔλΛͲ͏Ճ͢Δ͔
ϓϩάϥϜͱ͍͏ΑΓ SQLΛॻ͍͍ͯΔײ֮ʹ͍ۙ એݴత
એݴతϓϩάϥϛϯά ୈ1ͷఆٛʹΑΕɺ͋Δग़ྗΛಘΔʹ͋ͨͬͯͦΕΛ ࡞͢Δํ๏Ͱͳ͘ɺग़ྗͷੑ࣭Λهड़͢Δ͜ͱΛʮએ ݴܕʯͱশ͢ΔɻҰྫΛڍ͛ΔͳΒɺʢϓϩάϥϛϯ άݴޠͰͳ͍͕ʣSQLͷΫΤϦʮͲͷΑ͏ͳσʔλ ͕ཉ͍͔͠ʯΛهड़͢ΔͷͰ͋Γɺྫ͑۩ମతͳB ͷૢ࡞ͳͲͱ͍ͬͨʮ͍͔ʹͯ͠σʔλϕʔεʹΞΫ ηε͢Δ͔ʯͱ͍ͬͨ͜ͱʹؔ༩͠ͳ͍ɻ WikipediaΑΓ https:/
/ja.wikipedia.org/wiki/એݴܕϓϩάϥϛϯά
खଓ͖ܕͰू߹ʹର͢Δ ૢ࡞Λ࣮͢Δ forɺifͷΈ߹Θͤ ෳͷঢ়ଶม ΧΦείʔυʹ
ؔܕͳΒ1ߦఔͰࡁΉ ͔͠൚༻త ෳࡶͳॲཧΛগͳ͍ߦͰॻ͚Δ
ؔܕϓϩάϥϛϯάࡾݪଇ ϧʔϓɺ݅ذͷΘΓʹmapɺfilterͳͲΛ͏ ϥϜμࣜ1ʙ2ߦఔͰॻ͘ มͷ࠶ೖݪଇېࢭ
ϥϜμ͕ࣜ͗͢Δྫ // ؔܕݴޠͰҰԠॻ͍ͨ R.forEach(item => { if (item.isChanged) { postData.push(convertData(item))
} }, todo); // ࠷ॳʹࣔͨ͠ѱ͍ྫ for (let i in todo) { if(todo[i].isChanged) { postData.push(convertData(todo[i])); } }
͍ϥϜμࣜ forɺifΛͬͯΔͷͱมΘΒͳ͍
ؔܕϓϩάϥϛϯάࡾݪଇ ϧʔϓɺ݅ذͷΘΓʹmapɺfilterͳͲΛ͏ ϥϜμࣜ1ʙ2ߦఔͰॻ͘ มͷ࠶ೖݪଇېࢭ
mapɺfilterΛ͑Ұ࣌มΛ͏ඞཁ͕ͳ͍ มͷ࠶ೖΛېࢭ͢Εঢ়ଶɺ෭࡞༻͕ݮΔ ͷͰόά͕গͳ͘ͳΔ มͷ࠶ೖېࢭͷ͜͜Ζ
ཧతͳؔ ೖྗ͕ಉ͡ͳΒɺ͍ͭͰಉ͡ग़ྗ ঢ়ଶ͕͋Δؔ ೖྗ͕ಉ͡Ͱɺ෦ঢ়ଶʹΑΓग़ྗ͕ҟͳΔ ෭࡞༻͕͋Δؔ ೖྗσʔλ͕ؔ෦Ͱॻ͖ΘΔ ঢ়ଶɺ෭࡞༻ʹ͍ͭͯ
ঢ়ଶ: ঢ়ଶมʹ࠶ೖ͢Δ ෭࡞༻ɿҾʹ࠶ೖ͢Δ มͷ࠶ೖېࢭͰ ঢ়ଶɺ෭࡞༻͕໓Ͱ͖Δ
ঢ়ଶɺ෭࡞༻͕ͳ͍ϓϩάϥϜ Α͔͘Βͳ͍όά͕ग़ʹ͍͘
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
ྫ ҎԼͷΑ͏ͳσʔλมॲཧΛߦ͏ //ݩͷσʔλߏ [ { data:’YYYY/MM/DD’, weather:’ ఱؾ’ } ]
// มޙͷσʔλߏ [ { weather:’ఱؾ’, data:[ ‘YYYY/MM/DD’ ] } ]
ϩδοΫΛߟ͑Δͱ groupBy ఱؾ͝ͱʹάϧʔϓ͚͢Δ MAP άϧʔϓ͝ͱʹσʔλม͢Δ
͔͜͜Β ϥΠϒϓϩάϥϛϯά ͷελʔτʂʂ http:/ /goo.gl/C7W0fW
͑ͷίʔυ let createGroupData = (val, key)=>({ weather: key, date: R.map(item
=> item.date, val) }); let convertData = R.pipe( R.groupBy(item => item.weather), R.mapObjIndexed(createGroupData), R.values ); convertData(data); ಈ࡞֬ೝ͜͜Ͱʂ http:/ /goo.gl/qdiY2u
গ͚ͩ͠ղઆ // άϧʔϓ͝ͱͷσʔλมॲཧ let createGroupData = (val, key)=>({ weather: key,
date: R.map(item => item.date, val) }); let convertData = R.pipe( // ఱؾͰάϧʔϓ͚ R.groupBy(item => item.weather), // άϧʔϓ͝ͱʹσʔλม R.mapObjIndexed(createGroupData), // ࿈ྻ͔Βී௨ͷྻʹม R.values ); convertData(data);
ΞδΣϯμ 1. ؔܕϓϩάϥϛϯάͱʁ 2. TODOϦετΛؔܕͰ࡞ͬͯΈΔ 3. ؔܕϓϩάϥϛϯάࡾݪଇ 4. ϥΠϒϓϩάϥϛϯά 5.
ؔܕΛ͡ΊΔʹ
͝ΊΜͳ͍͞ javaͱjavascript ͔͔͠Βͳ͍Ͱ͢
Javaͷ߹ Java8ʹόʔδϣϯΞοϓͯ͠ StreamAPIΛ͍·͠ΐ͏
JavaScriptͷ߹ Ramda͕͓͢͢ΊͰ͢ http:/ /ramdajs.com/0.21.0/index.html
Try RamdaͰ͙͢ʹࢼͤ·͢ http:/ /ramdajs.com/repl/?v=0.21.0 ͜ͷεϥΠυͷίʔυ͜ΕͰಈ͔ͤ·͢
javaɺjavascriptҎ֎Ͱؔܕ ϥΠϒϥϦΛ୳͍͍ͤͱࢥ͏Α
ଞݴޠগ͠ௐͯΈͨ PHP array_mapɺarray_filterͱ͔͕ඪ४Ͱ͋Δ Ruby Array͕ඪ४Ͱmapɺselectͱ͔Λ࣋ͬͯΔ C++ C++ Streamͯͷ͕͋ΔΒ͍͠ http:/ /jscheiny.github.io/Streams/
ࠓͷ·ͱΊ ؔܕϓϩάϥϜɺSQLͷΑ͏ʹએݴతʹ ϩδοΫΛߟ͑Δ ؔܕϓϩάϥϜϧʔϓɺذͷΘΓʹ filterɺmapͳͲΛ͏ ϓϩੜͪΌΜͱઌഐ࠷ߴ
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠