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.5k
100人100通りのフロントエンド
Cybozu Meetup フロントエンド #2
koba04
June 21, 2018
Tweet
Share
More Decks by koba04
See All by koba04
Standing on the shoulders of giants
koba04
0
2.5k
React/Next によるアプリケーション開発のこれから
koba04
60
16k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
1.7k
How useEvent would change our applications
koba04
1
2.8k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
14k
Make it Declarative with React
koba04
0
1.3k
Ready for React in 2019
koba04
2
1.6k
Algorithms in React
koba04
13
11k
Suspense and TimeSlicing
koba04
0
230
Other Decks in Programming
See All in Programming
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
140
Netty Chicago Java User Group 2024-04-17
sullis
0
200
使ってみよう Azure AI Document Intelligence
kosmosebi
2
360
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
1
350
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
730
Domain-Driven Transformation
hschwentner
2
1.5k
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
2
130
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
410
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
2
200
Milestoner
bkuhlmann
1
410
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
1k
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
510
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Fireside Chat
paigeccino
22
2.6k
RailsConf 2023
tenderlove
8
550
Optimising Largest Contentful Paint
csswizardry
12
2.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
8
1.3k
4 Signs Your Business is Dying
shpigford
176
21k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Product Roadmaps are Hard
iamctodd
45
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Documentation Writing (for coders)
carmenintech
61
4k
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