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.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.7k
Ready for React in 2019
koba04
2
1.7k
Algorithms in React
koba04
14
17k
Other Decks in Programming
See All in Programming
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
110
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.4k
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.2k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
380
Understanding Kotlin Multiplatform
l2hyunwoo
0
230
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
0
170
コーディングエージェント概観(2025/07)
itsuki_t88
0
440
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
0
110
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
220
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Faster Mobile Websites
deanohume
308
31k
Designing for Performance
lara
610
69k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Designing Experiences People Love
moore
142
24k
Optimizing for Happiness
mojombo
379
70k
Typedesign – Prime Four
hannesfritz
42
2.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
For a Future-Friendly Web
brad_frost
179
9.8k
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