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
Pipe Operator (|>) の紹介
Search
Nokogiri
May 09, 2024
Technology
400
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Pipe Operator (|>) の紹介
Nokogiri
May 09, 2024
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
890
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
220
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
FizzBuzzで学ぶOCP
undefined_name
0
160
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
3.2k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.8k
モププロ@kintone開発チーム
undefined_name
1
660
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Usefull GitLens
undefined_name
3
910
Other Decks in Technology
See All in Technology
最近評価が難しくなった
maroon8021
0
340
キャリアの中で本を作る / Making a Book During Your Career
ak1210
0
140
Genie Ontologyは銀の弾丸かを考える / Is Genie Ontology a Silver Bullet?
nttcom
0
250
SRE本の知られざる名シーン / The Hidden Gems of Google SRE Book
nari_ex
1
380
「早く出す」より「事業に効く」 ── 顧客の業務サイクルから逆算するAI時代の二重ループ開発と「変化の設計者」 / devsumi2026
rakus_dev
1
230
AI時代の EM への処方箋
staka121
PRO
0
140
環境凍結という Toil を倒す -セルフサービス型 Ephemeral テスト環境の 設計と実践
shirouz
1
2.3k
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
mhrtech
0
140
AICoEでAIネイティブ組織への進化
yukiogawa
0
170
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
ahus1
PRO
1
160
Foxgloveについて 実際にExtensionを開発して公開するまでの話 / About Foxglove: The Story of Developing and Releasing an Extension
ry0_ka
0
210
Featured
See All Featured
Building AI with AI
inesmontani
PRO
1
1.1k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.4k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
420
Tell your own story through comics
letsgokoyo
1
990
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
450
Why Our Code Smells
bkeepers
PRO
340
58k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
460
Scaling GitHub
holman
464
140k
Transcript
ɹɹPipe Operator (|>) ͷհ 2024/05/09 kansai.ts #6 - TSKaigi લ
Nokogiri(nkgrnkgr)
Nokogiri(@nkgrnkgr) גࣜձࣾΧέϋγ | ϑϩϯτΤϯυΤϯδχΞ ҩༀͷधཁ༧ଌΛ͢Δༀہ͚ͷαʔϏε ʮAIࡏݿཧʯͰϑϩϯτΤϯυΤϯδχΞΛ ͍ͯ͠·͢ɻ ϙέϞϯରઓΨνʢϙέιϧͷμϝܭࢉπʔ ϧͷ։ൃʣɺೋࣇͷ
Pipe Operator (|>) ͱ • ݩωλ https://github.com/tc39/proposal-pipeline-operator • TC39ͰStage2ʹ্͕͍ͬͯΔϓϩϙʔβϧ •
JavaScriptʹ͓͚Δ࿈ଓͨ͠ૢ࡞ʢؔݺͼग़͠ɺࢉज़ɺϦςϥϧͳ ͲʣΛ؆ܿʹॻͨ͘ΊͷύΠϓԋࢉࢠͷఏҊ • texta.fm#10 Server-side JavaScriptճͰհ͞Εͯͨ
JavaScriptͰ ࿈ଓͨ͠ૢ࡞Λ͢ΔͳΒʁ
ॲཧΛωετ͞ ͤΔ ਂ͍ωετಡΈʹ͍͘ɻ ͞Βʹॲཧॱ͕ "ӈ" ͔Β " ࠨ"ʹͳΔ͕ɺίʔυ "ࠨ" ͔Β"ӈ"ʹಡΉɻ
ϝιουݺͼग़ ͠Λ࿈ͤ͞Δ "ࠨ"͔Β"ӈ"ʹॲཧ͕ྲྀΕΔ ͨΊಡΈ͍͢ ʹͦͷΫϥεͷϝιου ͱͯͯ͠͠͞Ε͕ͨؔ͋ Δ߹ʹͷΈར༻Ͱ͖Δɻ
࿈ଓͨ͠ૢ࡞ͷ࣮ͱͯ͠ݱ࣮ੈքʹ͋Δͷ // Array#map jQueryͳͲ ࠨ͔ΒӈʹಡΊΔͷͰײతͰಡΈ͍͢ɻ
Pipe Operator (|>) ͩͱͲ͏ॻ͚Δʁ • ϓϨʔεϗϧμʔʢ%ʣʹલͷॲཧͷ݁Ռ͕ೖΔ • ϓϨʔεϗϧμʔ௨ৗͷมࣝผࢠ͕ஔͰ͖ΔॴͰ͋ΕͲ͜ ʹͰஔͰ͖Δ
αϯϓϧ
࣮ Pipe Operator ͷϓϩϙʔβϧ2ͭ͋Δ • հͨ͠ ϓϨʔεϗϧμʔʢ% ʣΛ͏ͷ “Hack”ͱ͍͏Facebook ͕։ൃͨ͠ݴޠLikeͳϓϩϙʔβϧ
• F# pipes ͱ͍͏ผͷϓϩϙʔβϧ͋Δ
F# pipes ͩͱͲ͏ॻ͚Δʁ
ͬͪ͜ͷํ͕͖͔😍
F# pipes ͷproposal ෳճغ٫͞Ε͍ͯΔ… • ϝϞϦύϑΥʔϚϯεʹؔ͢Δݒ೦ (ྫɺಛʹϒϥβΤϯδϯͷ࣮ ऀ͔Β) •
await ʹؔ͢Δߏจͷɻ • ΤίγεςϜͷذ/ذͷଅਐʹؔ͢Δݒ೦ͳͲ
ऴΘΓʹ • Hack Pipe ͷϓϩϙʔβϧ·ͩ Stage 2 • ·ͩυϥϑτ൛ɻ •
‘ˋ’ͱ͍͏ه߸֬ఆͰͳ͘’^’ ΛؚΊ΄͔ʹબࢶ͋Δ • JavaScriptͷॻ͖ํ͕େ͖͘มΘΔ͔͠Εͳ͍ͷͰࠓޙʹظ😆
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠😆