kintone university 03-1. AD+カスタマイズ入門第6版サンプル

kintone university U
1 eto....................................................................................................................................... 1
Step1 z ...................................................................................................................... 2
Step2 kintone ..................................................................................................... 3
Step3 cybozu developer network .......................................................................................... 7
2 l g ...................................................................................................................... 13
Step1 kintone ................................................................................................. 14
Step2 JavaScript ............................................................................................................... 26
2 ......................................................................................... 34
3 U p ......................................................................................... 35
Step1 z ............................................................................................... 36
Step2 ........................................................................................... 42
Step3 z / ...................................................................................... 48
Step4 sTELs z ............................................................................ 53
Step5 z z z ......................................................................................................... 59
3 z .............................................................................. 63
4 U p ......................................................................................... 64
Step1 z ............................................................................. 65
Step2 z ....................................................................................... 69
Step3 z ................................................................................ 72
z ............................................................................... 76
.......................................................................................................................................................... 77
Step1 HTML CSS ...................................................................................................... 78
Step2 JavaScript ............................................................................................................ 84
Step3 kintone API ......................................................................................................... 90
Step4 ................................................................................................................................... 93

1
1 J
Lh d, z
Lh d- _]bhcb
Lh d. Wm cni X j cd f b hkcf_

,
2
A cp U p
s Wm cni X j cd f b hkcf_ s
sDUjULWf]dh z t
Wm cni X j cd f b hkcf_ M]dg s_]bhcb
t
l Wm cni X j cd f b hkcf_ DUjU LWf]dh M]dg
l Wm cni X j cd f b hkcf_ M]dg t
l z
hhdg5**kkk)]WhWca) d*_iX * s +.(,) z
z z
l _]bhcb #.+
l z NM (3#<IG z

3
A F I JIA p m
s_]bhcb t
u n o
_]bhcb s_]bhcb ;JC
sDUjULWf]dh _]bhcb
t=LL t
;JC DUjULWf]dhs s_]bhcb z z
t
-83
;JC hhdg5**_]bhcb )Wm cni)Wca* d*Z Uhif *Ud]) ha
-83 m
z z ;dd ]WUh]cb Jfc[fUaa]b[
Cbh fZUW ʼ t s z ʼ
z z
t
_]bhcb s ;JC t
p m m
s lW *;WW gg
z z s z _]bhcb
t ;P z t

,
4
4 P L ovy
4 P L m
DUjULWf]dh ʼ s sO z
s t
z sDUjULWf]dh s t

5
ovy
m
d i[(]bʼ s
t_]bhcb s DUjULWf]dh =LL
s
z t
z s t
/ m
z u u z =UgWUX]b[ Lhm L hgʼ tO
z =LL BMGF sBMGF
s s ʼ =LL t

,
6
) A CJJF
O cc_ hhdg5** d)Wm cni)Wca* U*_*ig f*k cc_) ha
A CJJF m
O cc_ s O z t
_]bhcb O cc_ s s
O z t
l z
l z
l z
l
l z z
O cc_ s_]bhcb O z t
s z L UW_ z s
t
A CJJF yo
O cc_ s_]bhcb O z sO cc_
t sO cc_ O z
s Ud] f C MMM O z s_]bhcb
t
Wm cni X j cd f b hkcf_ sO cc_
t
z x_]bhcb O cc_ AaU]
hhdg5**X j cd f)Wm cni)]c* W* U*Ufh]W g*,,0+++-44,/.

13
2 si
Lh d, _]bhcb
Lh d- DUjULWf]dh

-
14
A F I JIA
_]bhcb _]bhcb
t s_]bhcb t
F I JIA p
DUjULWf]dh =LL t
s z s
t
s s
s t
s z z z
t_]bhcb t
z z z O
t O t

15
_]bhcb
hhdg5**_]bhcb )Wm cni)Wca* d*Z Uhif *d i[]b) ha
y
s - t
,) _]bhcb z
s_]bhcb t
-)
s s t
_]bhcb z s - t
z
z
Wm cni X j cd f b hkcf_ M]dg _]bhcb s_]bhcb
t

-
16
_]bhcb hhdg5**X j cd f)Wm cni)]c* W* U*g Wh]cbg*-++13,1-+
p U
z - t
aw U y
_]bhcb s
z t s s
z t
z s z
z t
_]bhcb
s_]bhcb
t

17
z s z
s IE
t
aw r l U y
s_]bhcb z z s
z t
z z s
z t s
z t
t s
z DUjULWf]dh
t z s z
s s t
hhdg5**X j cd f)Wm cni)]c* W* U*Ufh]W g*-+3-.1.0.

-
18
z
t
Wm cni X j cd f b hkcf_ M]dg
_]bhcb z s
t
z z
WcbX]h]cbZcfaUh-Td i[]b)n]d
z t
_]bhcb n]d
t
_]bhcb
t
t
s z
WcbX]h]cbZcfaUh-Td i[]bTj.),),)n]d
s
t
_]bhcb
t

35
3 r t l
Lh d, z
Lh d-
Lh d. z *
Lh d/ sM Fs z
Lh d0 z z z

. z
36
A U p
M]dg s_]bhcb t
U p y
z z s Wm cni X j cd f b hkcf_ 9 M]dg 9
9 z x
t
z x
hhdg5**X j cd f)Wm cni)]c* W* U*Ufh]W g*-+-//-/4+
4 P L m y
M]dg
s z
x
t

37
z
=cdm z z
s s z
NM (3 s <IG s ) g
t
v h lhWcibh) g
z s
h lhWcibh) g t
#
t
_]bhcb z {
s
t
s
z z
# z
t
z s z
s z z
Wcibh s
t
# z s
z s z
z cb ib s
t
z t
DL s z z t s z
z t

. z
38
4 P L y
{ z
DUjULWf]dh * =LL
t
DUjULWf]dh * =LL
J= DUjULWf]dh
z
s h lhWcibh) g
t
R S IE
t
z
s
t
z s s
s
t

39
4 P L p
sDUjULWf]dh
t
z z s t
. . . -
1 (function() {
2 "use strict";
3 kintone.events.on(['app.record.create.submit',
4 'app.record.edit.submit',
5 'app.record.index.edit.submit'],
6 function(event) {
7 //
8 var rec = event.record;
9 var st = rec['honbun']['value'];
10 //
11 var st2 = st.replace(/¥s+/g, "");
12 // t
13 rec[‘count’][‘value’] = st2.length;
14 return event;
15 });
16 })();
z 4 z z cb ib t
,. z z Wcibh t
,s- #ZibWh]cb# o ig ghf]Wh 6p s. 0 _]bhcb ) j bhg)cb
s s Wm cni X j cd f b hkcf_ 9 z
9 _]bhcb ;JC 9 , _]bhcb UjUgWf]dh ;JC
t
1 ,/ s s Wm cni X j cd f b hkcf_ 9
z 9 _]bhcb ;JC 9 3
t

/ z
64
4 r t u l
Lh d, z
Lh d- z
Lh d. z

65
A U m l
s_]bhcb z
t
U m U l y
Wm cni X j cd f b hkcf_ 9 M]dg 9 z
z t
z z
hhdg5**X j cd f)Wm cni)]c* W* U*Ufh]W g*-+-./,4//
_]bhcb
z s z z s s
t
4 P L m y
z z
t

/ z
66
z
=cdm z z
s s z
NM (3 s <IG s ) g
t
v WcbX]h]cbU ZcfaUh) g
z s
WcbX]h]cbU ZcfaUh) g
t
_]bhcb
t
_]bhcb
t
4 P L y
{ z DUjULWf]dh * =LL
t
DUjULWf]dh * =LL
J= DUjULWf]dh
z
sWcbX]h]cbU ZcfaUh) g
t
R S IE
t
z s z
z s
z
s
t

67
4 P L p
sDUjULWf]dh
t
z z WcbX]h]cbU ZcfaUh) g
s t
4 P L
s z # ++ZZ++
s t
DUjULWf]dh t
4 P L y
s WUg 5 f U_6
. z s
t
s q ++++ZZq6
q ++ZZ++q6 s
WcbX]h]cbU ZcfaUh-) g
t
DUjULWf]dh * =LL
t

/ z
68
J= DUjULWf]dh
s WcbX]h]cbU ZcfaUh-) g
t
R S IE
t
z z
s z
t

77
x
Lh d, BMGF =LL
Lh d- DUjULWf]dh
Lh d. _]bhcb ;JC
Lh d/

78
A 2 65 m / p
sBMGF =LL t
2 65 m
BMGF z ʼ sBmd fM lh GUf_id FUb[iU[ z
z z ʼ sO z t
_]bhcb s O z sBMGF t
O z BMGF sO z
z z Cbh fb h ld cf f ʼs z z
Acc[ = fca ʼ s t
2 65 U y
_]bhcb z s
z z
t
s O z Acc[
= fca t
BMGF t

79
2 65 p
BMGF 7 9 t
7 9 7* s t ,
s7 *9 ʼ
sBMGF 7 ha 9 s z
7 UX9 s z 7 cXm9 t
1 <!DOCTYPE html>
2 <html>
3 
4 <head>
5 <meta charset="utf-8"/>
6 <title> t c </title> c t
7 </head>
8 <body>
9 <h1> 1</h1>
10 <p> </p>
11 <p> <br />
12 <a href=”http://cybozu.com”> t s </a>
13 </p> t
14 <ul>
15 <li> </li>
16 <li> </li>
17 </ul>
18 </body>
19 </html>
s BMGF ,( ) ha ʼ z s
t

80
DUjULWf]dh =LL sBMGF 7 UX9 7 cXm
t
BMGF sDUjULWf]dh =LL
t
_]bhcb BMGF s t
_]bhcb z z BMGF s
t
s_]bhcb z sBMGF t
BMGF s BMGF t

95
26 76/ 62 / :2
z
g zt j m
26 76/ 62 / :2 u kb so y
g zt j m g p
1 8 2. .7 38
c s C
c s u e y r n T
I C c s
T C
c sT T g zt
j m
C
i v m 7 i v m h v mw 26 76/ i v m
C
78 201 : g zt j m

kintone university 03-1. AD+カスタマイズ入門第6版サンプル

More Related Content

What's hot (20)

Similar to kintone university 03-1. AD+カスタマイズ入門第6版サンプル (20)

More from Yudai Shibuya (20)

Recently uploaded (20)