フリルの商品を色で検索できるようにした話

by shoby

Slide 1

Slide 1 text

ϑϦϧͷ঎඼Λ ৭ͰݕࡧͰ͖ΔΑ͏ʹͨ͠࿩ גࣜձࣾ'BCMJD Ҫࡔজଠ ⛄

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

Ҫࡔজଠ w 'BCMJD JOD w ϢʔβʔϑΝʔετνʔϜ w J043VCZPO3BJMTը૾ॲཧ w ৭ݕࡧ"QQMF8BUDIରԠ4XJGUҠߦ !TIPCZTIPCZ

Slide 4

Slide 4 text

֓ཁ

Slide 5

Slide 5 text

֓ཁ w ৭ݕࡧͱ͸ʁ w ͳ࣮ͥ૷ͨ͠ͷ͔ w ࣮૷ w ΧϥʔύϨοτͷ࡞੒ w ը૾ॲཧʹΑΔ৭ݕग़ w ݁Ռ

Slide 6

Slide 6 text

৭ݕࡧͱ͸ʁ

Slide 7

Slide 7 text

Slide 8

Slide 8 text

৭ݕࡧͱ͸ʁ w ৭Ͱ঎඼ΛߜΓࠐΊΔ w ྫɿϫϯϐʔεʷϗϫΠτ w ྫɿίʔτʷϒϥ΢ϯ w ৭͸ࣗಈͰݕग़ w ग़඼ऀ͸৘ใೖྗͷඞཁͳ͠ w ঎඼ը૾͔Βը૾ॲཧͰݕग़

Slide 9

Slide 9 text

ͳ࣮ͥ૷ͨ͠ͷ͔

Slide 10

Slide 10 text

ͳ࣮ͥ૷ͨ͠ͷ͔ w ৭Λج४ʹ෰Λങ͏ͱ͍͏Ϣʔβʔ͕ଟ͍͘Δ w Ξϯέʔτ w ΠϯλϏϡʔ w ݕࡧΩʔϫʔυ w ϑϦϧΛϑΝογϣϯʹಛԽ͍ͤͨ͞ w ঁੑ޲͚ϑϦϚΞϓϦˠϑΝογϣϯϑϦϚΞϓϦ w ϑΝογϣϯʹಛԽͨ͠ݕࡧػೳ

Slide 11

Slide 11 text

࣮૷ ΧϥʔύϨοτͷ࡞੒

Slide 12

Slide 12 text

3(#Λͦͷ··࢖͏ͱ ৭

Slide 13

Slide 13 text

ΧϥʔύϨοτΛ࡞Δͱ ৭ ☺

Slide 14

Slide 14 text

ͳͥ৭ʁ

Slide 15

Slide 15 text

ͳͥ৭ʁ w ਓؒͷ৭ೝࣝʹؔ͢Δݚڀ<> w جຊͱͳΔ৭͸͋ΒΏΔݴޠʹଘࡏ͠ɺීวత w ϨουɺΠΤϩʔɺάϦʔϯɺϒϧʔɺΦϨϯδɺύʔ ϓϧɺϐϯΫɺϒϥ΢ϯɺάϨʔɺϒϥοΫɺϗϫΠ τ w ϢʔβʔͷݕࡧΫΤϦ w ৭໊ΛؚΉݕࡧΫΤϦΛଟ͍ॱʹྻڍ w جຊͷ৭ʹ౷߹ʢྫɿΩϟϝϧˠϒϥ΢ϯʣ w ౷߹͢Δͱҧ࿨ײͷ͋Δϕʔδϡ͸࢒ͨ͠ <>#FSMJO#BOE,BZ1 l#BTJD$PMPS5FSNT5IFJS6OJWFSTBMJUZBOE&WPMVUJPOz

Slide 16

Slide 16 text

࣮૷ ը૾ॲཧʹΑΔ৭ݕग़

Slide 17

Slide 17 text

ը૾ॲཧʹΑΔ৭ݕग़ w ϗϫΠτόϥϯεͷௐ੔ w എܠͷ࡟আ w ࠷ස৭ͷݕग़ w 3(#஋ͱΧϥʔύϨοτͷϚονϯά

Slide 18

Slide 18 text

ϗϫΠτόϥϯεͷௐ੔

Slide 19

Slide 19 text

ϗϫΠτόϥϯεͷௐ੔ w ܬޫ౮ͰࡱӨ͞Εͨը૾ͷ৭Λิਖ਼ w ܬޫ౮͸྘ͷ੒෼͕ଟ͘ɺը૾͕྘͕͔Δ w ϑϦϧͷ঎඼͸ࣨ಺ࡱӨ͕ଟ͍ w 3FUJOFY<> w ਓؒͷࢹ֮ಛੑΛϞσϧԽͨ͠ख๏ w Ճ޻͞Εͨը૾͸৭ຯ͕มԽ͠ͳ͍ <>&-BOEBOE+.D$BOO l-JHIUOFTTBOE3FUJOFYUIFPSZ z

Slide 20

Slide 20 text

require 'RMagick' image = ImageList.new('image.jpg') red_extrema = image.channel_extrema(Magick::RedChannel) green_extrema = image.channel_extrema(Magick::GreenChannel) blue_extrema = image.channel_extrema(Magick::BlueChannel) red_max = red_extrema.last.to_f green_max = green_extrema.last.to_f blue_max = blue_extrema.last.to_f white_balanced_image = image white_balanced_image = white_balanced_image.convolve_channel(1, [green_max / red_max], Magick::RedChannel) white_balanced_image = white_balanced_image.convolve_channel(1, [green_max / blue_max], Magick::BlueChannel) 3.BHJDLʹΑΔ3FUJOFY

Slide 21

Slide 21 text

#FGPSF "GUFS άϦʔϯ ϗϫΠτ

Slide 22

Slide 22 text

എܠͷ࡟আ

Slide 23

Slide 23 text

എܠͷ࡟আ w എܠ͕঎඼ͷ৭ͱͯ͠൑ఆ͞ΕΔͷΛ๷ࢭ w എܠ෦෼ΛϚθϯλʹͨ͠ϚεΫը૾Λ࡞੒͢Δ w എܠϚεΫͷ࡞੒ॲཧ w Τοδݕग़ w ࢛۱͔ΒϚθϯλΛྲྀ͠ࠐΉ w Ϛθϯλ෦෼ΛഎܠϚεΫͱ͢Δ

Slide 24

Slide 24 text

ݩը૾ Τοδݕग़ Ϛθϯλͷྲྀ͠ࠐΈ എܠϚεΫ

Slide 25

Slide 25 text

࠷ස৭ͷݕग़

Slide 26

Slide 26 text

࠷ස৭ͷݕग़ w ը૾ͷதԝ෦෼͔Β࠷ස৭Λݕग़ w ϑϦϧͰ͸ը૾தԝʹ঎඼͕͍ࣸͬͯΔ͜ͱ͕ଟ͍ w தԝ෦෼͸എܠͷӨڹΛड͚ͮΒ͍ w ࠷ස৭ͷݕग़ॲཧ w தԝΛ੾Γൈ͘ w ৭ʹݮ৭ w എܠϚεΫΛ߹੒ w ώετάϥϜΛऔͬͯ࠷ස৭Λग़͢

Slide 27

Slide 27 text

ݩը૾ தԝΛ੾Γൈ͘ ˍ৭ʹݮ৭ എܠϚεΫΛ߹੒ ώετάϥϜ ͔Β࠷ස৭ "#

Slide 28

Slide 28 text

3(#஋ͱ ΧϥʔύϨοτͷϚονϯά

Slide 29

Slide 29 text

3(#஋ͱΧϥʔύϨοτͷϚονϯά w ݕग़ͨ͠ΧϥʔίʔυΛ৭ʹׂΓ౰ͯΔ w ʢ ʣˠ w 3(#஋ͱ৭໊ͷରԠ෇͚ௐࠪ<>Λར༻ w 3(#஋ͷ ৭ͷ৭໊͕෼͔Δ w )4-ʹม׵ޙɺ֤৭໊ͷ)4-ͷൣғΛར༻ͨ͠ w Ϛονϯάॲཧ w 3(#஋Λ)4-ʹม׵ w )4-͔Β࠷΋͍ۙΧϥʔύϨοτΛબͿ IUUQCMPHYLDEDPNDPMPSTVSWFZSFTVMUT

Slide 30

Slide 30 text

๻ʮ͏·͍ͬͨͧ͘ʂʯ

Slide 31

Slide 31 text

ࣾ಺ͷϢʔβʔʮ͓͔͍͠ʯ

Slide 32

Slide 32 text

Ұൠతͳ৭ϑΝογϣϯͷ৭

Slide 33

Slide 33 text

৭ͷೝࣝ͸ ϑΝογϣϯ஌ࣝͷ༗ແͰ มԽ͢Δ

Slide 34

Slide 34 text

Կ৭ʹݟ͑Δʁ άϦʔϯʁ %$#

Slide 35

Slide 35 text

ςΟϑΝχʔzϒϧʔz

Slide 36

Slide 36 text

ϑΝογϣϯʹৄ͍͠ਓʹ Կ౓΋ݟͤͯௐ੔

Slide 37

Slide 37 text

׬੒

Slide 38

Slide 38 text

݁Ռ

Slide 39

Slide 39 text

৭ͷݕग़ਫ਼౓

Slide 40

Slide 40 text

ݕग़ਫ਼౓ w ϝδϟʔͳΧςΰϦͰ঎඼Λ໨ࢹνΣοΫ w ฏۉͰ͸ͱ௿Ί w ग़඼͕ଟ͍৭͸·ͣ·ͣ w ϒϥοΫɿ w Ϩουɿ w ϐϯΫɿ w ϗϫΠτɿ w ग़඼͕গͳ͍৭͸ϊΠζͷׂ߹͕ଟ͘ͳΔ

Slide 41

Slide 41 text

໨తͷ঎඼ʹ ͨͲΓண͖΍͘͢ͳ͔ͬͨ

Slide 42

Slide 42 text

ݕࡧͷ਺஋ w ৭ͰݕࡧΛͨ͠Ϣʔβʔ͸Ωʔϫʔυ͚ͩͰ ݕࡧͨ͠Ϣʔβʔʹൺ΂ɺݕࡧ݁ՌͰ঎඼Λ ։ׂ͘߹͕໿΄Ͳߴ͍ w ୆ˠ୆ w ໨తͷ঎඼ʹͨͲΓண͖΍͘͢ͳ͍ͬͯΔ

Slide 43

Slide 43 text

·ͱΊ

Slide 44

Slide 44 text

·ͱΊ w ৭Ͱ঎඼ΛߜΓࠐΊΔ৭ݕࡧΛ࣮૷ͨ͠ w ϢʔβʔͷߪೖߦಈΛௐࠪ͠ɺ৽͍͠ϑϦϧ ͷϑΝογϣϯಛԽػೳͱ࣮ͯ͠૷ w ΧϥʔύϨοτ͸৭ೝ஌ͷݚڀΛϕʔεʹϢʔ βʔͷݕࡧΫΤϦΛ౷߹ͯ͠৭ʹͨ͠ w ৭ิਖ਼ɺഎܠը૾ͷ࡟আΛߦ͍ɺը૾ͷதԝ ෦෼͔Β3(#৭Λݕग़͠ɺ৭ʹϚοϐϯά w ৭ݕࡧʹΑΓɺΩʔϫʔυΑΓ΋໨తͷ঎඼ ʹͨͲΓண͖΍͘͢ͳͬͨ

Slide 45

Slide 45 text

͓ΘΓ ⛄