Upgrade to Pro — share decks privately, control downloads, hide ads and more …

01lab会社紹介資料 / 01lab deck

01lab
December 07, 2020

01lab会社紹介資料 / 01lab deck

ゼロイチラボの会社紹介資料です。2021/1/10更新

01lab

December 07, 2020
Tweet

Other Decks in Business

Transcript

  1. ձࣾ֓ཁ ձࣾʹ͍ͭͯ ձ໊ࣾ גࣜձࣾθϩΠνϥϘ ઃཱ ೥݄೔ ࣄۀ։࢝ ೥݄೔ ࢿຊۚ 

     ԁ ࢿຊ४උۚΛؚΉ ॴࡏ஍ ౦ژ౎ौ୩۠ܙൺणMBOJܙൺण
  2. PloxyͰղܾ͍ͨ͠՝୊ ϓϩμΫτʹ͍ͭͯ ΞϓϦέʔγϣϯΛ։ൃ͢ΔͨΊʹ ͸ɺΤϯδχΞ͸਺ສߦ΋ͷίʔυ Λॻ͘ඞཁ͕͋ΔɻPM΍σβΠφʔ ͱͷίϛϡχέʔγϣϯ΋૿͑Δͷ Ͱɺඅ༻ͱ࣌ؒ͸ͦͷ෼͔͔Δɻ 1 Ῐ㻂ljǏǞůŮŮƮ ܦݧͷ͋ΔΤϯδχΞ͸ෆ଍͓ͯ͠

    Γɺ࠾༻͸ͳ͔ͳ͔͏·͍͔͘ͳ ͍ɻٕज़ͷมԽ΋ૣ͍ͷͰɺܦݧͷ ͋ΔΤϯδχΞͩͱͯ͠΋࣌୅஗Ε ͷٕज़Λ࢖͍ͬͯΔ৔߹΋͋Δɻ 2 Ῐ㻂ᆀůŧƍŧ NoCodeͷΑ͏ͳπʔϧ͸ΧελϚΠ ζੑʹ๡͘͠ɺΞϓϦέʔγϣϯͷ ػೳ͕ݶఆ͞Εͯ͠·͏ɻ֦ுͨ͠ ͍৔߹ʹ͸͍͔ͪΒεΫϥον։ൃ ͢Δඞཁ͕ग़ͯ͘Δɻ 3 ≓ႨƎ⻻żƮ҂ν
  3. PloxyͰղܾ͢Δ ϓϩμΫτʹ͍ͭͯ 1 Ῐ㻂ljǏǞůŮŮƮ ௚ײతͳUIͰϓϩάϥϛϯάΛͰ͖Δͷ ͰɺΤϯδχΞ͕ॻ͘ίʔυͷྔΛݮΒͤ Δ σβΠϯπʔϧͰ࡞੒ͨ͠ϦιʔεΛղੳ ͠ɺ։ൃ޲͚ͷϨΠϠʔߏ଄ʹม׵͢Δ ϒϥ΢βͰڞಉ࡞ۀ͕Ͱ͖ΔͷͰɺ໨ઢΛ

    ἧ͑ͯٞ࿦͕ՄೳͱͳΓɺແବͳίϛϡχ έʔγϣϯΛݮΒͤΔ ΞϓϦέʔγϣϯΛ։ൃ͢ΔͨΊʹ͸ɺΤ ϯδχΞ͸਺ສߦ΋ͷίʔυΛॻ͘ඞཁ͕ ͋ΔɻPM΍σβΠφʔͱͷίϛϡχέʔ γϣϯ΋૿͑ΔͷͰɺඅ༻ͱ࣌ؒ͸ͦͷ෼ ͔͔Δɻ
  4. PloxyͰղܾ͢Δ ϓϩμΫτʹ͍ͭͯ 3 ≓ႨƎ⻻żƮ҂ν Figma΍SketchͷΑ͏ͳσβΠϯπʔϧΛ උ͍͑ͯΔͷͰɺUIͷΧελϚΠζΛࣗ༝ ʹͰ͖Δ ਓ͕ಡΊΔιʔείʔυΛΤΫεϙʔτ͢ ΔͷͰɺΤϯδχΞ͕͜Ε·ͰͷπʔϧΛ ࢖ͬͯ։ൃɾӡ༻ΛܧଓͰ͖Δ

    NoCodeͷΑ͏ͳπʔϧ͸ΧελϚΠζੑʹ ๡͘͠ɺΞϓϦέʔγϣϯͷػೳ͕ݶఆ͞ Εͯ͠·͏ɻ֦ு͍ͨ͠৔߹ʹ͸͍͔ͪΒ εΫϥον։ൃ͢Δඞཁ͕ग़ͯ͘Δɻ ϏδϡΞϧϓϩάϥϛϯάʹΑΓɺϩδο ΫͷΧελϚΠζΛࣗ༝ʹͰ͖Δ
  5. λʔήοτ ϓϩμΫτʹ͍ͭͯ ϑϦʔϥϯεΤϯδχΞ ଟ͘ͷҊ݅Λ๊͑Δ͕ҰਓͰ͸։ൃ͖͠Ε ͣɺΠϯλʔϯͷΤϯδχΞΛޏͬͯ࢓ࣄ Λ͍ͯ͠Δ গਓ਺ελʔτΞοϓ ΞΠσΞ͸͋Δ͕ɺΤϯδχΞΛޏ͑ͣɺ ϓϩμΫτͷ։ൃ͕ਐ·ͳ͍ डୗاۀ

    ৽͍͠Ҋ݅Λऔ͕ͬͨɺεΩϧͷ͋Δਓؒ ͕͓Βͣɺ࢓ࣄΛ೚ͤΕͳ͍ ϓϩάϥϛϯάॳ৺ऀ Ք͛Δͱฉ͍ͯϓϩάϥϛϯάεΫʔϧʹ ௨͕ͬͨɺຊ౰ʹΞϓϦέʔγϣϯ͕࡞Ε Δ͔ෆ҆
  6. PloxyͷػೳҰཡ ϓϩμΫτʹ͍ͭͯ Beta൛ • σβΠϯϦιʔεͷΠϯϙʔτ • CanvasͰͷUIฤू • ιʔείʔυͷΤΫεϙʔτ Beta൛Ҏ߱

    • ςϯϓϨʔτ • νʔϜฤू • ϏδϡΞϧϓϩάϥϛϯά • WebAPI࿈ܞ • Firebase࿈ܞ • ϗεςΟϯά • ΞϓϦέʔγϣϯϦϦʔε • AssetετΞ
  7. ٕज़ελοΫ ϓϩμΫτ಺ͷٕज़ʹ͍ͭͯ Languages / Frameworks JavaScript / TypeScript / React

    / Redux / React Native / Flutter / Jest / Rust? DevOps Github / Github Actions / Lerna / Webpack Infrastructures Firebase Business Tools Discord / Scrapbox https://stackshare.io/zeroichi-laboratory-inc/zeroichi-laboratory-inc
  8. γεςϜߏ੒ ϓϩμΫτ಺ͷٕज़ʹ͍ͭͯ Sketch Cloud Functions Firebase Figma ར༻Ϣʔβʔ Ploxy ։ൃऀ

    Plugin Hosting - Editor Hosting - Preview Cloud Firestore ։ൃ / ϦϦʔε API ฤू / ಈ࡞֬ೝ Sketch͔ΒͷΠϯϙʔτ
  9. ϓϩμΫτ಺ͷ࣮૷ʹ͍ͭͯ - “Editor” ύοέʔδ ɹEditor͸Α͋͘ΔσβΠϯπʔϧͱࣅͨΑ͏ͳίϯϙʔωϯτߏ੒Ͱ࣮૷͍ͯ͠·͢ɻࠨϖ ΠϯʹϨΠϠʔπϦʔɺதԝϖΠϯʹCanvasɺӈϖΠϯʹ֤छϓϩύςΟͷฤूϑΥʔϜΛ දࣔ͢Δߏ੒ʹͳ͍ͬͯ·͢ɻ ɹར༻͍ͯ͠ΔϥΠϒϥϦ͸ɺReactɺReduxɺReact KonvaͳͲͰ͢ɻ ɹFirestoreͱΫϥΠΞϯταΠυͷstateͱͷ࿈ܞ͕େมͰɺ͜ͷ͋ͨΓ͸͔ͬ͠ΓςετΛॻ

    ͖͍ͨՕॴͰ͕͢ɺ࣮૷͸ޙճ͠ʹͳ͍ͬͯ·͢ɻ ɹʮJavaScriptͷDOMૢ࡞ͷAPIͱ஥ྑ͘͢Δ͜ͱʯ΍ɺʮFirestore΍stateͷߋ৽ʹΑΔϨϯμ Ϧϯά͕ͲͷλΠϛϯάͰൃੜ͍ͯ͠Δͷ͔೺Ѳ͢Δ͜ͱʯ΍ɺʮΞϓϦέʔγϣϯͷιʔ είʔυͷݩʹͳΔσʔλΛฤू͢Δඞཁ΋͋ΔͷͰɺσʔλܕͷઃܭΛߟ͑Δ͜ͱʯָ͕ ͍͠Օॴʹͳ͍ͬͯ·͢ɻ ϓϩμΫτ಺ͷٕज़ʹ͍ͭͯ
  10. ϓϩμΫτ಺ͷ࣮૷ʹ͍ͭͯ - “Compiler” ύοέʔδ ɹ͜ͷύοέʔδͰ͸ɺ”parser”ɺ”converter”ɺ”generator”ͳͲͷػೳͷ࣮૷Λ͍ͯ͠·͢ɻҎ ԼͰ͸ɺͦΕͧΕͷػೳΛղઆ͠·͢ɻ ɹ“parser”Ͱ͸ɺSketch΍Figma͔Βड͚औΔJSONΛղੳ͠ɺEditor಺෦Ͱར༻͠΍͍͢σʔλ ܕʹม׵͍ͯ͠·͢ɻ࠷ऴతʹ͸ReactNative΍FlutterͷιʔείʔυʹͳΔ͜ͱΛ૝ఆ͠ɺඞཁ ͳϨΠϠʔ΍ϓϩύςΟͷΈΛநग़͠ɺม׵͠·͢ɻ ɹ“converter”Ͱ͸ɺEditor಺Ͱฤूͨ͠σʔλΛड͚औΓɺಠࣗͷASTͷܕʹม׵͍ͯ͠·͢ɻ

    ݱࡏ͸JavaScriptͷASTͷΑ͏ͳࡉ΍͔ͳ࣮૷ʹ͸ͳ͓ͬͯΓ·ͤΜ͕ɺVisual Programming ͷ࣮૷͕ೖͬͯ͘Δͱɺେ͖࣮͘૷಺༰͕มΘͬͯ͘Δͱࢥ͍·͢ɻ ɹ“generator”Ͱ͸ɺड͚औͬͨASTΛιʔείʔυ༻ͷจࣈྻʹม׵͍ͯ͠·͢ɻ ɹݱࡏ͸͜ΕΒͷTypeScriptͰॻ͍ͨύοέʔδΛFirebase FunctionsͰಈ͔͍ͯ͠·͕͢ɺ WasmΛ࢖ͬͯΫϥΠΞϯταΠυͰಈ͔ͯ͠΋͍͍ͷ͔΋͠Ε·ͤΜɻ ࠾༻
  11. ϝϯόʔ • Yuki Takemoto, Engineer • https://twitter.com/mottox2 • Kaito Isobe,

    Engineer • Taiga Matsumoto, Engineer, ΦʔετϥϦΞͷେֶଔ • Naohiro Uesugi, Engineer • Ami Nakahata, HR • https://www.wantedly.com/id/ami_nakahata νʔϜ
  12. ืूཁ߲ɹۀ຿ҕୗ • ग़ࣾ • جຊϦϞʔτ • ༵ۚ೔ʹશମMTGΛઃఆ͍ͯ͠·͕͢ɺग़ΕΔํ͚ͩͰOK • Քಇ࣌ؒ •

    ि10hʙʢԠ૬ஊʣ • ि15hʙͩͱݕ౼͠΍͍͢Ͱ͢ • ՔಇλΠϛϯά • ͓޷͖ͳ࣌ؒͰOK • ࣌څ • 2,400ԁʙʢԠ૬ஊʣ • ͓ࢼ͠ظؒ • ϛεϚον͕ൃੜ͠ͳ͍Α͏ɺ͓ޓ͍ʹϑΟοτ͢Δ͔͔֬ΊΔظؒΛઃ͚͍ͯ·͢ • 2िؒʙ1ϲ݄ఔ౓Ͱࣗಈߋ৽ͳ͠ͷܖ໿Ͱɺ2-3ݸ΄ͲͷissueΛ͜ͳ͍͖ͯͨͩ͠ɺ૒ํ͕ܧଓ͍ͨ͠৔߹͸͸ܧଓ͢Δͱ͍͏ε ΩʔϜΛ૝ఆ ࠾༻
  13. ืूཁ߲ɹΞϧόΠτ • ग़ࣾ • جຊϦϞʔτ • ༵ۚ೔ʹશମMTGΛઃఆ͍ͯ͠·͕͢ɺग़ΕΔํ͚ͩͰOK • Քಇ࣌ؒ •

    ि24hʙʢԠ૬ஊʣ • ՔಇλΠϛϯά • ͓޷͖ͳ࣌ؒͰOK • ࣌څ • 1,200ԁʙʢԠ૬ஊʣ • ࢼ༻ظؒ • ϛεϚον͕ൃੜ͠ͳ͍Α͏ɺ͓ޓ͍ʹϑΟοτ͢Δ͔͔֬ΊΔظؒΛઃ͚͍ͯ·͢ • 2िؒʙ1ϲ݄ఔ౓Ͱࣗಈߋ৽ͳ͠ͷܖ໿Ͱɺ2-3ݸ΄ͲͷissueΛ͜ͳ͍͖ͯͨͩ͠ɺ૒ํ͕ܧଓ͍ͨ͠৔߹͸͸ܧଓ͢ Δͱ͍͏εΩʔϜΛ૝ఆ ࠾༻
  14. Ҿ༻ • Gartner. ʮGartner Identifies the Top 10 Strategic Technology

    Trends for 2020ʯ. https://www.gartner.com/en/newsroom/ press-releases/2019-10-21-gartner-identifies-the-top-10-strategic-technology-trends-for-2020 ͦͷଞ