$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Pipe Operator (|>) の紹介
Search
Nokogiri
May 09, 2024
Technology
2
370
Pipe Operator (|>) の紹介
Nokogiri
May 09, 2024
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
720
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
180
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
FizzBuzzで学ぶOCP
undefined_name
0
140
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
3k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.7k
モププロ@kintone開発チーム
undefined_name
1
610
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Usefull GitLens
undefined_name
3
850
Other Decks in Technology
See All in Technology
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
ayokura
0
330
Sansanが実践する Platform EngineeringとSREの協創
sansantech
PRO
2
690
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
190
MapKitとオープンデータで実現する地図情報の拡張と可視化
zozotech
PRO
1
120
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
maimyyym
2
190
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
taketo1113
1
210
A Compass of Thought: Guiding the Future of Test Automation ( #jassttokai25 , #jassttokai )
teyamagu
PRO
1
250
AWS Trainium3 をちょっと身近に感じたい
bigmuramura
1
130
Challenging Hardware Contests with Zephyr and Lessons Learned
iotengineer22
0
130
AWS Bedrock AgentCoreで作る 1on1支援AIエージェント 〜Memory × Evaluationsによる実践開発〜
yusukeshimizu
6
370
今からでも間に合う!速習Devin入門とその活用方法
ismk
1
540
バグハンター視点によるサプライチェーンの脆弱性
scgajge12
3
1k
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
7.9k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
93
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
GraphQLとの向き合い方2022年版
quramy
50
14k
Site-Speed That Sticks
csswizardry
13
990
Building Applications with DynamoDB
mza
96
6.8k
Context Engineering - Making Every Token Count
addyosmani
9
490
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ͷॻ͖ํ͕େ͖͘มΘΔ͔͠Εͳ͍ͷͰࠓޙʹظ😆
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠😆