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
900
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.4k
Usefull GitLens
undefined_name
3
910
Other Decks in Technology
See All in Technology
GitHub CopilotのFinOps- AI CreditのObservabilityと価値を生むためのエージェント設計
yuriemori
0
100
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
280
データ組織の転換期 一足飛びしない段階的戦略
leveragestech
PRO
0
150
サイバー捜査員研修(後半)
nomizone
1
600
変化の早いClaude Codeを 書籍に落とし込む
oikon48
6
1.3k
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
cygames
PRO
0
120
Amazon Bedrock Managed Knowledge BaseDive Deep
ren8k
0
400
AIエージェントの知識表現と推論に なぜグラフが使われるのか - 記号的AIの復権とニューラルAIとの統合
yohei1126
1
280
20260801_スクフェス大阪
kgnkhkr
1
1.1k
AI時代の強いチームの作り方
yuukiyo
23
15k
JavaScript 研修 (2026)
recruitengineers
PRO
0
290
Webアクセシビリティ入門 2026
recruitengineers
PRO
1
280
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
41k
The Curious Case for Waylosing
cassininazir
1
450
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
250
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
430
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
The browser strikes back
jonoalderson
0
1.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Amusing Abliteration
ianozsvald
1
240
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
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ͷॻ͖ํ͕େ͖͘มΘΔ͔͠Εͳ͍ͷͰࠓޙʹظ😆
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠😆