Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Pipe Operator (|>) の紹介
Search
Nokogiri
May 09, 2024
Technology
2
360
Pipe Operator (|>) の紹介
Nokogiri
May 09, 2024
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
710
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
AI (LLM) を活用する上で必須級のMCPをAmazon Q Developerで学ぼう / 20251127 Ikuma Yamashita
shift_evolve
PRO
2
100
Claude Code はじめてガイド -1時間で学べるAI駆動開発の基本と実践-
oikon48
43
25k
Agents IA : la nouvelle frontière des LLMs (Tech.Rocks Summit 2025)
glaforge
0
380
Eight Engineering Unit 紹介資料
sansan33
PRO
0
5.7k
Multimodal AI Driving Solutions to Societal Challenges
keio_smilab
PRO
1
120
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9.9k
安いGPUレンタルサービスについて
aratako
1
2.1k
生成AI・AIエージェント時代、データサイエンティストは何をする人なのか?そして、今学生であるあなたは何を学ぶべきか?
kuri8ive
2
1.8k
Modern Data Stack大好きマンが語るSnowflakeの魅力
sagara
0
280
あなたの知らないDateのひみつ / The Secret of "Date" You Haven't known #tqrk16
expajp
0
110
たかが特別な時間の終わり / It's Only the End of Special Time
watany
3
860
pmconf2025 - 他社事例を"自社仕様化"する技術_iRAFT法
daichi_yamashita
0
510
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
The Invisible Side of Design
smashingmag
302
51k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Designing for Performance
lara
610
69k
Statistics for Hackers
jakevdp
799
230k
GitHub's CSS Performance
jonrohan
1032
470k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
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ͷॻ͖ํ͕େ͖͘มΘΔ͔͠Εͳ͍ͷͰࠓޙʹظ😆
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠😆