Algolia Searchの速さに鳥肌が立った話 / Algolia Search is Really Fast

by kenev

Slide 1

Slide 1 text

Algolia Community Party in 京都 2019.05.10 @kenfdev Algolia Searchの速さに⿃肌が⽴った話

Slide 2

Slide 2 text

⾃⼰紹介 Who am I?

Slide 3

Slide 3 text

⾃⼰紹介 • 福⼭健 • エンジニア@サイダス@⼤阪  フロントエンドもバックエンドも両⽅好き • Udemy講師 • JavaScriptエンジニアのためのES6完全ガイド • 実践！AngularJS講座 @kenfdev • OSS Contribution⼤好き • ブログ • https://kenfdev.hateblo.jp/

Slide 4

Slide 4 text

突然の出来事でした It happened suddenly

Slide 5

Slide 5 text

3⽇前

Slide 6

Slide 6 text

衝撃的な速さとは What do you mean by “Fast”?

Slide 7

Slide 7 text

“amazing” DEMO https://community.algolia.com/instantsearch.js/v2/examples/e-commerce/

Slide 8

Slide 8 text

ローカルで動いてるデモアプリ？ Is this a local mock data demo app? Α͋͘ΔSPAͷνϡʔτϦΞϧ

Slide 9

Slide 9 text

“amazing” DEMO

Slide 10

Slide 10 text

しかも also

Slide 11

Slide 11 text

2回⽬以降はリクエスト⾶ばない！

Slide 12

Slide 12 text

Cache https://www.algolia.com/doc/api-client/advanced/cache-browser-only/javascript/

Slide 13

Slide 13 text

13万件のデータで試してみた What happens with 130,000 records?

Slide 14

Slide 14 text

ダミーデータ注⼊ ϙΠϯτ • େྔͷσʔλ͸෼ׂͯ͠ૹ৴  https://www.algolia.com/doc/guides/sending-and-managing-data/send-and-update-your-data/how-to/sending-records-in-batches/ • APIϦΫΤετͷ্ݶαΠζ͕1GBʢͲͷΈͪ͜ΜͳͰ͔͍ϦΫΤετ౤͛ΔͷΑ͘ͳ͍ʣ • ΧςΰϦΈ͍ͨͳ΋ͷʢδϟϯϧͱ͔ʣʹରͯ͠ΫΤϦΛ౤͔͛ͨͬͨΒFacet΋ઃఆ͓ͯ͘͠  https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/how-to/faceting/

Slide 15

Slide 15 text

130,000件とAND、ORや範囲指定

Slide 16

Slide 16 text

3ms！

Slide 17

Slide 17 text

爆速！

Slide 18

Slide 18 text

まとめ •Algolia͸ര଎ •AND/OR૊Έ߹Θͤͯ΋ര଎ •୭Ͱ΋ര଎ΛମݧͰ͖ΔDemo͕͋Δ  https://community.algolia.com/instantsearch.js/v2/examples.html •ര଎Ͱ஌ࣝΛ૿΍ͤΔυΩϡϝϯτ͕ॆ࣮ͯ͠Δ