1人月で最高のUXを作り上げるまで DJ7誕生秘話

PWA Night 3/18

Transcript

1. 1ਓ݄Ͱ࠷ߴͷUXΛ࡞Γ্͛Δ·Ͱ DJ7஀ੜൿ࿩ 5BLBZB
   *NBHBXB PWA Night 3/18
2. Takaya Imagawa • ౎಺ͷITاۀۈ຿ • SairiLabॴଐ • ඇσβΠφʔ ࣭໰͸ਵ࣌ϚγϡϚϩͰ ड͚෇͚͍ͯ·͢ʂ marshmallow-qa.com/imataka7 @imataka7
3. DJ7ͱ͸ʁ
5. DJ7ͱ͸ʁ dj7.io • YouTubeΛಉ࣌ࢹௌ͢ΔαʔϏε ◦ ෳ਺ਓͰಉ͡ಈըΛಉ͡λΠϛϯάͰΈΔ • Qiitaͷ঺հهࣄ 700͍͍Ͷ௒ ◦ ެ։ޙ3೔ؒτϨϯυ1Ґ
6. ࠓճ͓࿩͢Δ͜ͱ
7. ࿩͢͜ͱ • DJ7ͷ։ൃ޻ఔ • 1ϲ݄Ͱඞཁ࠷௿ݶͷUXΛ උ͑Δʹ͸Ͳ͏͢Δ͔ ࿩͞ͳ͍͜ͱ • UI/UXͷࡉ͔͍ཧ࿦ͷ࿩
8. ΞδΣϯμ • DJ7ͷ։ൃ޻ఔ ◦ ։ൃલ໷ ◦ ։ൃ1ि໨ ʙ ։ൃ5ि໨ ◦ ެ։ • ಘΒΕͨ൓Ԡ • ·ͱΊ • ࠓޙͷల๬
9. ։ൃલ໷
10. طଘͷಉظ࠶ੜαʔϏεͱͦͷ໰୊఺ 1. MusicBot 2. CyTube 3. Vynchronize ͳͲ... ։ൃલ໷
11. MusicBot • DiscordͰ࢖༻Ͱ͖Δπʔϧ (Discord ≒ Slack + Ի੠௨࿩) • Ի੠௨࿩தʹYouTubeΛBGMͱͯ͠ྲྀ͢͜ͱ͕Ͱ͖Δ ։ൃલ໷ / ͍··Ͱͷಉ࣌ࢹௌ νϟοτཝΛλʔϛφϧͷΑ͏ʹ ࢖༻ͯ͠ۂΛ௥Ճ͢Δ
12. CyTube, Vynchronize • WebͰYouTubeΛಉظ࠶ੜͰ͖ΔαʔϏε • 2, 3೥΄Ͳલ͔Β͋Δ • CyTube͸೔ຊޠ൛΋͋ΓɺҰఆ਺ͷϢʔβ͕ډΔ ։ൃલ໷
13. ໰୊఺ • ࢖͍ํ͕௚ײత͡Όͳ͍ ◦ ಈըͷෳ਺௥Ճ͢Βग़དྷͳ͍ ◦ ࠶ੜ଴ͪۂͷฒͼସ͑͢Βࠔ೉ • ͍Βͳ͍ػೳ΋͋Δ ◦ νϟοτ΋΄Μͱ͏ʹඞཁʁ ։ൃલ໷ ͳͲɺڍ͛ͨΒຕڍʹ͍ͱ·͕ͳ͍ɾɾɾ
14. ຬ଍Ͱ͖Δ΋ͷ͕ͳ͍
15. ຬ଍Ͱ͖Δ΋ͷ͕ͳ͍ ➔ ͳΒɺࣗ෼Ͱͭ͘Ζ͏
16. ࣮ݱ͍ͨ͠΋ͷ • WebͰ࢖༻Մೳ • Իָͷಉظ࠶ੜ ◦ YouTubeΛಉ࣌ʹݟΒΕΕ͹ྑ͍ • طଘαΠτͷෆຬΛղফɺ࢖͍΍͘͢ • PWAʹରԠ͢Δʂ • 1ϲ݄Ͱͭ͘Δʂʂ ◦ Ϣʔβ͕͔ͭ͘Ͳ͏͔͸खΛ͔͚ͯ࡞ΔલʹΘ͔Δ ։ൃલ໷
17. ࣮ݱ͍ͨ͠΋ͷ • WebͰ࢖༻Մೳ • Իָͷಉظ࠶ੜ ◦ YouTubeΛಉ࣌ʹݟΒΕΕ͹ྑ͍ • MusicBot / طଘαΠτͷෆຬΛղফ • PWAʹରԠ͢Δʂ • 1ϲ݄Ͱͭ͘Δʂʂ ◦ Ϣʔβ͕͔ͭ͘Ͳ͏͔͸खΛ͔͚ͯ࡞ΔલʹΘ͔Δ ։ൃલ໷ ಉظ࠶ੜΛΑΓ਎ۙʹʂʂ
18. ։ൃεέδϡʔϧ 2020/01 ։ൃલ໷ 1ि໨ 2ि໨ 3ि໨ 4ि໨ 5ि໨ ɾٕज़બఆ ɾߏ੒Λߟ͑Δ ɾϓϩτλΠϓ ࡞੒ ɾඞཁͳػೳ ચ͍ग़͠ ɾػೳ࣮૷ ɾಈը௥Ճ ɾׂΓࠐΈ ɾͳͲ... ɾσβΠϯ ɾϓϨΠϠʔ ɾΩϡʔ ɾཤྺ ɾͳͲ... ɾσβΠϯ ɾϞόΠϧ ɾτοϓϖʔδ ࡞੒ ɾಡΈࠐΈૣ͘ ͢Δௐ੔ ɾ໊લܾΊΔ ɾυϝΠϯऔಘ ɾϩΰ࡞੒ ɾΞυηϯε ɾQiitaهࣄࣥච x 2 PoC ػೳͷ࡞੒ UI࡞੒ UIҎ֎ͰUXڧԽ ެ։
19. ։ൃ1ि໨
20. ։ൃεέδϡʔϧ 1週目 2週目 3週目 4週目 5週目 ・技術選定 ・構成を考える ・プロトタイプ 作成 ・必要な機能 洗い出し ・必要な機能 洗い出し ・機能実装 ・動画追加 ・割り込み ・など... ・デザイン ・プレイヤー ・キュー ・履歴 ・など... ・デザイン ・モバイル ・トップページ 作成 ・読み込み早く する調整 ・名前決める ・ドメイン取得 ・ロゴ作成 ・アドセンス ・Qiita記事執筆 x 2 1週目 ・技術選定 ・構成を考える ・プロトタイプ 作成
21. PoC; αʔϏείϯηϓτʹՁ஋͸͋Δ͔ʁ
22. ϓϩτλΠϓ࡞੒ͷ໨త ։ൃ1ि໨ ΄Μͱ͏ʹधཁ͸͋Δͷ͔ʁ ಉظ࠶ੜͷ֓೦Λ఻͍͑ͨʂ
23. ٕज़બఆ • PWA ◦ WebΛΞϓϦͷΑ͏ͳ࢖༻ײʹͯ͘͠ΕΔ ◦ ΫϩεϓϥοτϑΥʔϜͷରԠ͕ΊͬͪΌϥΫ • Vue.js ◦ HTML + TypeScript + CSSͰ͔͚Δͷ͕ྑ͍ ◦ ެࣜͷπʔϧΛ࢖༻͢ΔͱPWAͷରԠ͕ϥΫ • Firebase ◦ FirestoreͷϦΞϧλΠϜ௨஌ػೳ͕ ಉظ࠶ੜͱ૬ੑ͕ྑ͍ ։ൃ1ि໨
25. ϙδςΟϒͳײ૝Λ΋Β͑ͨ ➔ धཁͷ֬৴ ࢖ͬͯ΋Β͍ͳ͕Β ։ൃΛ͢͢ΊΔ͖͔͚ͬʹ
26. ։ൃ2ि໨
27. ։ൃεέδϡʔϧ 1週目 2週目 3週目 4週目 5週目 ・技術選定 ・構成を考える ・プロトタイプ 作成 ・必要な機能 洗い出し ・必要な機能 洗い出し ・機能実装 ・動画追加 ・割り込み ・など... ・デザイン ・プレイヤー ・キュー ・履歴 ・など... ・デザイン ・モバイル ・トップページ 作成 ・読み込み早く する調整 ・名前決める ・ドメイン取得 ・ロゴ作成 ・アドセンス ・Qiita記事執筆 x 2 2週目 ・必要な機能 洗い出し ・機能実装 ・動画追加 ・割り込み ・など...
28. ࠷௿ݶඞཁͳػೳ͸ͳʹ͔ʁ
29. ඞཁͳػೳΛચ͍ग़͠ • ͕࣌ؒͳ͍ɺͲΕ΋͜Ε΋࣮૷Ͱ͖ͳ͍ • Ͱ͸ɺ࠷௿ݶඞཁಧ͚Δ΂͖ػೳɾମݧͱ͸ʁ • αʔϏεͷझࢫ͔ΒͣΕͳ͍Α͏ͳػೳ • ࣮ࡍʹ࢖ͬͯ΋Βͬͯɺͳ͍ͱෆศʹײͨ͡Β࣮૷ ։ൃ2ि໨
30. ιϑτ΢ΣΞ͸Ұͭͷ͜ͱΛ্ख͘΍Δ • UNIX఩ֶͱͯ͠༗໊ ͜ΕΛDJ7Ͱஔ͖׵͑Δͱɺ • αʔϏεͷझࢫ͸ಉظ࠶ੜ • ͜Ε͔Β֎ΕΔػೳͷ࣮૷͸͠ͳ͍ ◦ 例えば、コミュニケーションの機能は実装しない ◦ Discord, Slack, Spectrum, Line, Twitter.... ։ൃ2ि໨
31. ࣮૷ͨ͠ػೳ • ࠶ੜঢ়ଶͷಉظ • Ұ࣌ఀࢭ • εΩοϓ • Իྔௐ੔ • Ωϡʔ ◦ ௥Ճ ◦ ࡟আ ◦ ࠶ੜ͞Ε͍ͯΔۂͷೖΕସ͑ • γʔΫόʔૢ࡞ • ׂΓࠐΈ • ಈըͷݕࡧɾ௥Ճ ◦ ΩʔϫʔυɾURL ◦ ϓϨΠϦετ ◦ ෳ਺௥ՃՄೳ • ཤྺ ◦ ཤྺ͔Βͷ௥Ճ • ෦԰ͷ࡞੒ • ϩάΠϯ ։ൃ2ि໨
32. ෼ࢄγεςϜ • Firestore͕Ͱ͖Δͷ͸σʔλͷอ࣋ͱߋ৽ͷ௨஌ͷΈ • Ϣʔβ͕ओମతʹߋ৽Λ͠ʹߦ͘࢓૊Έ͕ඞཁ • αʔϏεͷߏ੒Λখ͘͢͞Δ͜ͱʹ੒ޭͨ͠ ։ൃ2ि໨ ঢ়ଶߋ৽ มߋ௨஌
33. ϦΞϧλΠϜੑΛߴΊΔ • Ͱ͖Δ͚ͩݟ͍ͯΔ΋ͷΛҰॹʹ͢Δ • γʔΫόʔͷಉظ ◦ ΄͔ͷαΠτͰ͸෦԰ͷϗετ͚ͩͩͬͨΓɺͦ΋ͦ΋ग़དྷͳ͔ͬͨΓ ◦ ͢΂ͯͷϢʔβ͕ฏ౳ʹߦ͑Δͷ͸ࠓճ͕ॳΊͯʁ • ࣌ࠁͷζϨΛิਖ਼͢Δ ◦ PCͷதͷ࣌ࠁ͸ࢥ͍ͬͯΔΑΓζϨ͍ͯΔ ◦ ϦΞϧλΠϜੑ֬อҎ֎ʹ΋ɺෆ۩߹ͷ๷ࢭʹͳͬͨ ։ൃ2ि໨
34. ։ൃ3ि໨
35. ։ൃεέδϡʔϧ 1ि໨ 2ि໨ 3ि໨ 4ि໨ 5ि໨ ɾٕज़બఆ ɾߏ੒Λߟ͑Δ ɾϓϩτλΠϓ ࡞੒ ɾඞཁͳػೳ ચ͍ग़͠ ɾඞཁͳػೳ ચ͍ग़͠ ɾػೳ࣮૷ ɾಈը௥Ճ ɾׂΓࠐΈ ɾͳͲ... ɾσβΠϯ ɾϓϨΠϠʔ ɾΩϡʔ ɾཤྺ ɾͳͲ... ɾσβΠϯ ɾϞόΠϧ ɾτοϓϖʔδ ࡞੒ ɾಡΈࠐΈૣ͘ ͢Δௐ੔ ɾ໊લܾΊΔ ɾυϝΠϯऔಘ ɾϩΰ࡞੒ ɾΞυηϯε ɾQiitaهࣄࣥච x 2 3ि໨ ɾσβΠϯ ɾϓϨΠϠʔ ɾΩϡʔ ɾཤྺ ɾͳͲ...
36. UXΛϢʔβʹϦʔν͢Δʹ͸ʁ
37. σβΠϯͷํ਑ ։ൃ3ि໨ ࣮ࡍʹ࢖༻ͯ͠΋Βͬͯ Ͳͷػೳ΋ඞཁͰ͋Δ͜ͱ͸࣮ূࡁΈ ݟͨ໨Λ՚΍͔ʹ͢ΔͷͰ͸ͳͯ͘ɺ Ϣʔβ͕֤ػೳʹΞΫηε͠΍͍͢Α͏ʹ͢Δ
38. ᶅ ը໘Λ޿͘࢖͏ ᶃ ػೳͷத৺͸Ωϡʔ ΞΫηε͠΍͘͢͢Δʹ͸ʁ ։ൃ3ि໨ ᶆ ΫϦοΫ਺Λগͳ͘ ᶄ ػೳΛ͍ۙ৔ॴʹ
39. ։ൃ3ि໨
40. ։ൃ3ि໨ ݕࡧ ཤྺ Ωϡʔ ϓϨΠϠʔ
41. ։ൃ3ि໨ ݕࡧ ཤྺ Ωϡʔ த৺ʹ഑ஔ ϓϨΠϠʔ
42. ։ൃ3ि໨ ݕࡧ ཤྺ Ωϡʔ ௥Ճ ௥Ճ ಈըͷ௥ՃΛ͍ۙ৔ॴʹ ϓϨΠϠʔ
43. ։ൃ3ि໨ φϏήʔγϣϯόʔΛ ഑ஔ͢Δͷ͸Լ͚ͩ ͜ͷ෦෼Λ࠷େݶ޿͘ ϓϨΠϠʔ
44. ։ൃ3ि໨ φϏήʔγϣϯόʔΛ ഑ஔ͢Δͷ͸Լ͚ͩ ͜ͷ෦෼Λ࠷େݶ޿͘ ڱ͗͢ʂʂʂ
45. ։ൃ3ि໨ φϏήʔγϣϯόʔΛ ഑ஔ͢Δͷ͸Լ͚ͩ ͜ͷ෦෼Λ࠷େݶ޿͘ ϓϨΠϠʔ
46. ։ൃ3ि໨ ͋ΒΏΔػೳΛ 1ΫϦοΫͰߦ͑ΔΑ͏ʹ
47. ࣮ݱ͍ͨ͠΋ͷ • WebͰ࢖༻Մೳ • Իָͷಉظ࠶ੜ ◦ YouTubeΛಉ࣌ʹݟΒΕΕ͹ྑ͍ • MusicBot / طଘαΠτͷෆຬΛղফ • PWAʹରԠ͢Δʂ • 1ϲ݄Ͱͭ͘Δʂʂ ◦ Ϣʔβ͕͔ͭ͘Ͳ͏͔͸खΛ͔͚ͯ࡞ΔલʹΘ͔Δ ։ൃલ໷ ࠶ܝ
48. ಈըΛ࢒ͨ͠ཧ༝ • Ұ൪ͷ͖͔͚͕ͬMusicBot͔ͩͬͨΒԻָͷಉظ࠶ੜ͕ Ͱ͖Ε͹Α͍ͱߟ͍͑ͯͨɻ • ͔͠͠։ൃΛ͍ͯͯ͠ɺҰॹʹ࢖͍ͬͯΔ͏ͪʹ ಈըΛҙݟΛަΘ͠ͳ͕ΒݟΔ͜ͱͷָ͠͞Λ஌ͬͨɻ ◦ ࢖ͬͯ΋Β͍ͳ͕Β։ൃ͢Δྑ͕͞ग़ͨ • Ͱ΋΍ͬͺΓಈըΑΓɺԻָͷ࠶ੜ ◦ ࣮ࡍʹɺDJ7Ͱ͸࠷ॳ͔Βಈը͕࠶ੜ͞Ε͍ͯΔΘ͚Ͱ͸ͳ͍ ◦ ࠷ॳʹΞΫηε͢Δͷ͸ԻָͷࢹௌɺΩϡʔͷૢ࡞ ։ൃ3ि໨
49. ։ൃ4ि໨
50. ։ൃεέδϡʔϧ 1ि໨ 2ि໨ 3ि໨ 4ि໨ 5ि໨ ɾٕज़બఆ ɾߏ੒Λߟ͑Δ ɾϓϩτλΠϓ ࡞੒ ɾඞཁͳػೳ ચ͍ग़͠ ɾඞཁͳػೳ ચ͍ग़͠ ɾػೳ࣮૷ ɾಈը௥Ճ ɾׂΓࠐΈ ɾͳͲ... ɾσβΠϯ ɾϓϨΠϠʔ ɾΩϡʔ ɾཤྺ ɾͳͲ... ɾσβΠϯ ɾϞόΠϧ ɾτοϓϖʔδ ࡞੒ ɾಡΈࠐΈૣ͘ ͢Δௐ੔ ɾ໊લܾΊΔ ɾυϝΠϯऔಘ ɾϩΰ࡞੒ ɾΞυηϯε ɾQiitaهࣄࣥච x 2 4ि໨ ɾσβΠϯ ɾϞόΠϧ ɾτοϓϖʔδ ࡞੒ ɾಡΈࠐΈૣ͘ ͢Δௐ੔
51. UIҎ֎ͰUXΛߴΊΔʹ͸ʁ
52. ಉظ࠶ੜ·ͰͷಋઢΛ୹͘ • ग़ձͬͯ3ඵͰಉظ࠶ੜ • αΠτΛ։͘Ҏ֎ʹඞཁͳखଓ͖͕ͳ͍ ։ൃ4ि໨
53. ಡΈࠐΈͷ࣌ؒΛ଎͘ • ඞཁͳDOMͷੜ੒Λগͳ͘ • Service Workerͷઃఆ ◦ ΩϟογϡͷϙϦγʔ ◦ όʔδϣϯΞοϓ΋ όοΫάϥϯυͰ΍ΔΑ͏ʹ ։ൃ4ि໨ º 2000
54. ։ൃ5ि໨
55. ։ൃεέδϡʔϧ 1ि໨ 2ि໨ 3ि໨ 4ि໨ 5ि໨ ɾٕज़બఆ ɾߏ੒Λߟ͑Δ ɾϓϩτλΠϓ ࡞੒ ɾඞཁͳػೳ ચ͍ग़͠ ɾඞཁͳػೳ ચ͍ग़͠ ɾػೳ࣮૷ ɾಈը௥Ճ ɾׂΓࠐΈ ɾͳͲ... ɾσβΠϯ ɾϓϨΠϠʔ ɾΩϡʔ ɾཤྺ ɾͳͲ... ɾσβΠϯ ɾϞόΠϧ ɾτοϓϖʔδ ࡞੒ ɾಡΈࠐΈૣ͘ ͢Δௐ੔ ɾ໊લܾΊΔ ɾυϝΠϯऔಘ ɾϩΰ࡞੒ ɾΞυηϯε ɾQiitaهࣄࣥච x 2 5ि໨ ɾ໊લܾΊΔ ɾυϝΠϯऔಘ ɾϩΰ࡞੒ ɾΞυηϯε ɾQiitaهࣄࣥච x 2
56. Ϣʔβʹҹ৅෇͚ΔͨΊʹ͸ʁ
57. αʔϏε໊ɺυϝΠϯɺϩΰ • ͲΕ΋αΠτʹΞΫηε͢ΔલʹݟΔ΋ͷ ◦ ୈҰҹ৅Λࠨӈ͢Δ • Α͘࢖͏αʔϏεͳΒ͹໊લ͸୹͘ɺ؆ܿʹ ։ൃ5ि໨ dj7.io
58. Qiitaͷهࣄࣥච (1ຊ໨) • 2݄ೖ͙ͬͯ͢ʹ౤ߘ • จࣈଟΊͰαʔϏεͷղઆΛॻ͍ͨ • ؾ࣋ͪ͸τϨϯυ1ҐऔΔؾຬʑ 1೔ܦͬͨ݁Ռ... ͍͍Ͷ4ͭɺɺɺ ։ൃ5ि໨
59. Qiitaͷهࣄࣥච (2ຊ໨) • 1ຊ໨ͷهࣄͰ͸αʔϏεͷՁ஋͕఻ΘΒͳ͔ͬͨ • ը૾ଟΊɺݴ༿ݣ͍΋Θ͔Γ΍͢͞ॏࢹ • TwitterͰ΋એ఻ ݁Ռ... ։ൃ5ि໨
60. Qiitaͷهࣄࣥච (2ຊ໨) ։ൃ5ि໨
61. ެ։ޙ
62. ಘΒΕͨ൓Ԡ • ಉظ࠶ੜʹର͢Δ੠ ◦ ໘ന͍ ◦ ͍ΖΜͳ༻్ʹ࢖͑ͦ͏ ◦ ΄͍͠ͱࢥͬͯͨ ◦ طଘͷ΍ͭͱҧͬͯγϯϓϧ͔ͩΒ ଞͷਓʹનΊ΍͍͢ • ͍ΖΜͳ༻్Λߟ͑ͯ͘Εͨ ◦ ήʔϜͷϓϨΠͷৼΓฦΓ ◦ ͓٬͞Μͱͷଧͪ߹Θͤ ◦ VTuberͷ঺հ ◦ ৽͍͠ۂɺಈըΛ஌Δ͜ͱ͕ Ͱ͖Δ৔ॴʹ ެ։
63. ;Γ͔͑Γ • ಉظ࠶ੜͷधཁʹؒҧ͍͸ͳ͔ͬͨ ◦ ࣮ࡍʹ࢖ͬͯ΋Β͍ͳ͕Β։ൃͨ͠ͷ͕ޭΛ૗ͨ͠ • γϯϓϧʹಉظ࠶ੜΛָ͠ΜͰ΋Β͑ͨ ◦ ඞཁͳ΋ͷΛͪΌΜͱݫબ͔ͨ͠Β ◦ γϯϓϧʹͨ͜͠ͱʹΑͬͯझࢫʹϒϨ͕ͳ͔ͬͨ ެ։
64. ;Γ͔͑Γ • ಉظ࠶ੜͷधཁʹݟޡΓ͸ͳ͔ͬͨ ◦ ࣮ࡍʹ࢖ͬͯ΋Β͍ͳ͕Β΍ͬͨͷ͕ޭΛ૗ͨ͠ • γϯϓϧʹಉظ࠶ੜΛָ͠ΜͰ΋Β͑ͨ ◦ ඞཁͳ΋ͷΛͪΌΜͱݫબ͔ͨ͠Β ◦ γϯϓϧʹͨ͜͠ͱʹΑͬͯझࢫʹϒϨ͕ͳ͔ͬͨ ◦ ͍ΖΜͳ༻్Λߟ͑ͯ΋Β͑ͨ ެ։ ໨తΛਾ͑ͯ։ൃΛ͢͢ΊΔ͜ͱͷ ॏཁ͞Λ࠶֬ೝͰ͖ͨ ಉظ࠶ੜΛ਎ۙʹͰ͖ͨ
65. ·ͱΊ 1. ΞΠσΞͷՁ஋Λূ໌͠Α͏ 2. ඞཁͳػೳΛߟ͑Α͏ 3. ਓʹ࢖ͬͯ΋Β͓͏ 4. UI͸࣮૷ͨ͠ػೳʹΞΫηε͠΍͍͢΋ͷΛ࡞Ζ͏ 5. αʔϏεͷଘࡏΛप஌͠Α͏ + 1ਓ݄Ͱ࡞੒͠Α͏ ެ։ޙ
66. https://trello.com/b/NRLsPQ4Z/sairilab-dj7
67. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ dj7.io @imataka7 Special Thanks: SairiLab Members
68. SairiLabͱ͸ʁ ݸਓ։ൃऀ͕ू·ΔίϛϡχςΟ 2020೥͸ʮ1ਓ݄1ͭҎ্ͷαʔϏεϩʔϯνʯͱ͍͏աࠅͳ໨ඪ https://discord.gg/hNWjDBd ܾࢉΧϨϯμʔ DJ7 ;Ή;Ή܅ Violets ג୳֦ு Sairi Stalk