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
100人100通りのフロントエンド
Search
koba04
June 21, 2018
Programming
1
1.7k
100人100通りのフロントエンド
Cybozu Meetup フロントエンド #2
koba04
June 21, 2018
Tweet
Share
More Decks by koba04
See All by koba04
フロントエンドの現在地とこれから
koba04
10
5.2k
Standing on the shoulders of giants
koba04
0
2.8k
React/Next によるアプリケーション開発のこれから
koba04
61
17k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.9k
How useEvent would change our applications
koba04
1
3.1k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
15k
Make it Declarative with React
koba04
0
1.7k
Ready for React in 2019
koba04
2
1.7k
Algorithms in React
koba04
14
17k
Other Decks in Programming
See All in Programming
💎 My RubyKaigi Effect in 2025: Top Ruby Companies 🌐
yasulab
PRO
1
130
What Spring Developers Should Know About Jakarta EE
ivargrimstad
1
610
TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night
izumin5210
4
480
ユーザーにサブドメインの ECサイトを提供したい (あるいは) 2026年函館で一番熱くなるかもしれない言語の話
uvb_76
0
180
AIにコードを生成するコードを作らせて、再現性を担保しよう! / Let AI generate code to ensure reproducibility
yamachu
7
6.1k
クラシルリワードにおける iOSアプリ開発の取り組み
funzin
1
810
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
190
バリデーションライブラリ徹底比較
nayuta999999
1
440
RubyKaigi Hack Space in Tokyo & 函館最速 "予習" 会 / RubyKaigi Hack Space in Tokyo & The Fastest Briefing of RubyKaigi 2026 in Hakodate
moznion
1
130
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
320
型安全なDrag and Dropの設計を考える
yudppp
5
660
Doma で目指す ORM 最適解
nakamura_to
1
160
Featured
See All Featured
Making Projects Easy
brettharned
116
6.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Done Done
chrislema
184
16k
Producing Creativity
orderedlist
PRO
346
40k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Docker and Python
trallard
44
3.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
79
Transcript
ਓ௨Γͷ ϑϩϯτΤϯυ !LPCB
ࣗݾհ w খྛప !LPCB w ϑϩϯτΤϯυΤΩεύʔτνʔϜ w த్ೖࣾ
None
αΠϘζͷϓϩμΫτ
αΠϘζͷϓϩμΫτ w ϏδωεΞϓϦ࡞Ϋϥυ w தݎɺେن͚άϧʔϓΣΞ w தখن͚άϧʔϓΣΞ w ෳਓͰϝʔϧΛڞ༗ɺཧ w
νʔϜΛੜΈग़͢άϧʔϓΣΞ
https://kintone.cybozu.co.jp/jp/event/hive/
None
https://www.kintone.com/
νʔϜϫʔΫᷓΕΔࣾձΛΔ
https://cybozushiki.cybozu.co.jp/articles/m001471.html
αΠϘζͷϑϩϯτΤϯυ
αΠϘζͷϑϩϯτΤϯυ ϓϩμΫτ ΣϒαΠτ ςετ ηΩϡϦςΟ σβΠϯ ΧελϚΠζ %FWFMPQFS /FUXPSL
αΠϘζͷϑϩϯτΤϯυ w େنɺ8FC͕ओઓɺϓϩμΫτͷण໋͍ w 8FCΞϓϦέʔγϣϯΤϯδχΞ͕ϑϩϯτΤϯυॻ͘ w ΘΕ͍ͯΔϥΠϒϥϦ༷ʑ w ϓϩμΫτͷΤϯδχΞҎ֎ʹଟ͘ͷਓ͕ؔΘΔ w
σβΠφʔͱͷؔΘΓํ༷ʑ w ϓϥοτϑΥʔϜͱͯ͠ͷLJOUPOF (BSPPO
None
ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ʙ w ϓϩμΫτԣஅతʹϑϩϯτΤϯυʹؔΘΔ͜ͱશͯ ͕είʔϓ w ϝϯόʔืूதʂʂ w ϩΰCZ!LPDIJUBLV
ϑϩϯτΤϯυΤΩεύʔτνʔϜ w ϑϩϯτΤϯυʹؔ࿈͢ΔΛҰॹʹղܾ͢Δ w ϑϩϯτΤϯυڥͷඋ w ใൃ৴ w ษڧձͷ։࠵ w
ࣾ֎׆ಈʢ044ɺൃදʣ
ϓϩμΫτνʔϜͱҰॹʹ w $MPTVSFͱOQNɺXFCQBDLͷΈ߹ΘͤΛࡧͨ͠Γ w KTDPEFTIJGUͰมεΫϦϓτॻ͍ͨΓ w &4-JOU TUZMFMJOUͷಋೖΛҰॹʹͬͨΓ w 'MVYԽͷϞϒʹࢀՃͨ͠Γ
w ϥΠϒϥϦͷόʔδϣϯΞοϓରԠͨ͠Γ w LJOUPOF্Ͱࠔ͍ͬͯΔ͜ͱΛݟ͚ͭͨΒҰॹʹΔ
LJOUPOFϓϥάΠϯ w LJOUPOFɺ)5.-$44+BWB4DSJQUͰϓϥάΠϯΛ ࡞ͯ͠ΧελϚΠζͰ͖Δ w ϓϥάΠϯΤίγεςϜ͕͕͍ͬͯΔ w ύʔτφʔɺΒ͙ҕһձ w ϓϥοτϑΥʔϜͱͯ͠ͷϑϩϯτΤϯυ
LJOUPOFϓϥάΠϯ https://krew.grapecity.com/article/case-management.htm
͜Ε·Ͱ αϯϓϧϓϥάΠϯΛίϐʔ͢Δ͔ɺࣗͰ࡞Δ wNBOJGFTUKTPOΛਓྗͰฤू QMVHJOTELQBDLBHFTIΛͬͯ[JQ LJOUPOFʹ[JQΛΞοϓ͢Δ w Τϥʔ͕͋Εमਖ਼
ͭͬͨ͘ͷ @kintone/plugin-packer … pluginΛzipʹ @kintone/plugin-manifest-validator … pluginͷmanifest.jsonΛvalidate @kintone/plugin-uploader … pluginΛkintoneʹࣗಈΞοϓϩʔυ
@kintone/webpack-plugin-kintone-plugin … plugin-packer ʴ webpack @kintone/create-plugin … inspired by create-react-app
͍· $ npx @kintone/create-plugin awesome-plugin : ࣭ʹ͑Δ : $ cd
awesome-plugin $ npm start : Succeeded: dist/plugin.zip ? Input your kintone's domain (example.cybozu.com): example.cybozu.com ? Input your username: xxx ? Input cybozu's password: [hidden] : dist/plugin.zip has been uploaded!
https://developer.cybozu.io/hc/ja
ڥͷඋ w !DZCP[VFTMJOUDPOpHͷ࡞ w 1SFUUJFSಋೖͷυΩϡϝϯτ࡞ɺ&4-JOUରԠ w OQNύοέʔδͷߋ৽ཧͷௐࠪ w ͜ͷޙɺ!UFQQFJT͕ൃද͠·͢
None
ใൃ৴
'SPOUFOE#BS
$BTVBM'SPOUFOE#BS
ϑϩϯτΤϯυϥϯν Thanks to JSer.info!!
044 w جຊతʹɺͲΜͲΜ(JU)VCͰެ։͍ͯ͘͠ελΠϧ w 044ͷϥΠϒϥϦʹରͯ͠ɺ͔ࣾΒͷϑΟʔυόο Ϋෆ۩߹͕͋Ε13ૹͬͯमਖ਼͢Δ w 044ͱͷڑΛ͚ۙͮΔ w ࣾʹͯ044ϙϦγʔͷࡦఆਐΜͰ͍Δ
None
044
044
044
044
ࠓޙ
ࠓޙ w ϓϥάΠϯपΓͷ͞ΒͳΔ%9վળ w มԽΛड͚ೖΕΒΕΔϑϩϯτΤϯυͷߏங w ϓϥάΠϯΛ҆શʹ࣮ߦ͢ΔͨΊͷαϯυϘοΫε w 8FCύϑΥʔϚϯεͷऔΓΈ w
ϦονςΩετΤσΟλ w σβΠϯγεςϜ w ϞόΠϧ8FC 18" (SBQI2-ʜ
·ͱΊ w ϑϩϯτΤϯυͱ͍ͬͯѻ͏ൣғʹ੍ݶͳ͍ w ϑϩϯτΤϯυʹؔΘ͍ͬͯΔਓʢνʔϜʣ͕ͨ͘͞ Μ͋Δ w αΠϘζͷϑϩϯτΤϯυʹٕज़తઓ͕ͨ͘͞ Μ͋Δ w
ϑϩϯτΤϯυʹઐతʹऔΓΉνʔϜ͕Ͱ͖ͨ
8F"SF)JSJOH XXXXBOUFEMZDPNQSPKFDUT ͋ͳͨͷ ϑϩϯτΤϯυΛ αΠϘζͰ ࣮ݱ͠·ͤΜ͔ʁ
"OZ2VFTUJPOT