Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
100人100通りのフロントエンド
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
koba04
June 21, 2018
Programming
1.8k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
100人100通りのフロントエンド
Cybozu Meetup フロントエンド #2
koba04
June 21, 2018
Transcript
40 slides
ਓ௨Γͷ ϑϩϯτΤϯυ !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
More Decks by koba04
See All by koba04
フロントエンドの現在地とこれから
koba04
10
5.4k
Standing on the shoulders of giants
koba04
0
3.2k
React/Next によるアプリケーション開発のこれから
koba04
61
19k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
koba04
3
2.1k
How useEvent would change our applications
koba04
1
3.3k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
koba04
3
16k
Make it Declarative with React
koba04
0
2k
Ready for React in 2019
koba04
2
1.8k
Algorithms in React
koba04
14
19k
Other Decks in Programming
See All in Programming
3回つくってわかった、 定期実行ジョブ基盤の本質情報
takai
4
3.8k
私なりのハーネスエンジニアリング ~独自の言語処理系の開発を通して~
seosoft
0
200
Performance Optimization With LLMs
xleitix
0
250
Apple Intelligenceとオンデバイス時代の到来
yahir0
0
240
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
970
TS 7.0 で baseUrl が使えなくなった今、パスエイリアスをどうするか
bicstone
2
610
AIが生成したコードは読むべきか?抽象化設計とコードの品質保証 / abstraction-design-and-quality
minodriven
16
9k
小さなアプリを作って公開するまで
onozaty
0
170
全ての永続トークンを、生まれる前に消し去りたい!
sylph01
3
1.7k
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
vivion
0
330
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
itsmedreamwalker
1
220
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
cclai999
0
250
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
The browser strikes back
jonoalderson
0
1.9k
Practical Orchestrator
shlominoach
192
12k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
400
Claude Code のすすめ
schroneko
67
230k
BBQ
matthewcrist
90
10k
Bash Introduction
62gerente
615
220k
Heart Work Chapter 1 - Part 1
lfama
PRO
11
37k
SEO for Brand Visibility & Recognition
aleyda
0
4.9k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.3k
Crafting Experiences
bethany
1
430