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.8k
100人100通りのフロントエンド
Cybozu Meetup フロントエンド #2
koba04
June 21, 2018
Tweet
Share
More Decks by koba04
See All by koba04
フロントエンドの現在地とこれから
koba04
10
5.3k
Standing on the shoulders of giants
koba04
0
2.9k
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.8k
Ready for React in 2019
koba04
2
1.7k
Algorithms in React
koba04
14
17k
Other Decks in Programming
See All in Programming
Serena MCPのすすめ
wadakatu
4
990
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
240
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
560
Catch Up: Go Style Guide Update
andpad
0
230
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.1k
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
890
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.4k
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
1k
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
明日から始めるリファクタリング
ryounasso
0
140
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
1k
Featured
See All Featured
Designing for Performance
lara
610
69k
Building Adaptive Systems
keathley
43
2.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Thoughts on Productivity
jonyablonski
70
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Done Done
chrislema
185
16k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
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