Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Pipe Operator (|>) の紹介
Search
Nokogiri
May 09, 2024
Technology
420
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
950
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
230
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.9k
FizzBuzzで学ぶOCP
undefined_name
0
180
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
3.3k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.8k
モププロ@kintone開発チーム
undefined_name
1
680
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.4k
Usefull GitLens
undefined_name
3
930
Other Decks in Technology
See All in Technology
デザインレビューは自動化できるのか?─ Flutter × Figma で UI 品質保証を考える
techiro
2
790
AI時代のエンジニアの情報発信〜個人の発信を組織の力に変える〜
ryo_kawamata
1
7.3k
企画からFlutter実装まで、1つの機能を一貫して開発したプロセスと成果物
khiroyuki1003
1
150
Deep Data Security 機能解説
oracle4engineer
PRO
3
1k
AI Agent 時代のデータ基盤: ClickHouse で実現する 超高速分析とコスト削減の両立
jozono
0
150
これだけは抑えておきたい!後悔しない re:Invent の過ごし方 / AWS re:Invent 2026 prestudy
kinunori
2
700
視野はAIに、視座は人に / ai-for-breadth-humans-for-perspective
nkzn
6
3k
生き様としてのSRE
hokkai7go
1
170
2拠点SRE活動始めてみた | sogaoh's LT @ ホンマでっかSRE勉強会 #3
sogaoh
PRO
0
240
AX時代の自治体支援リソース再配分と役割分担の再構成:戦略とロードマップ(概要)
sishi2026
0
190
re:Invent の去年のスケジュールを公開します!
miu_crescent
PRO
0
280
You Have Agency(サンキュー、Ruby)
snoozer05
PRO
5
680
Featured
See All Featured
Odyssey Design
rkendrick25
PRO
2
920
How GitHub (no longer) Works
holman
316
150k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.5k
The Invisible Side of Design
smashingmag
301
52k
Claude Code のすすめ
schroneko
67
230k
How STYLIGHT went responsive
nonsquared
100
6.3k
From π to Pie charts
rasagy
1
430
The agentic SEO stack - context over prompts
schlessera
0
1k
Abbi's Birthday
coloredviolet
4
11k
Fireside Chat
paigeccino
43
4.1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
420
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
470
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ͷॻ͖ํ͕େ͖͘มΘΔ͔͠Εͳ͍ͷͰࠓޙʹظ😆
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠😆