ããã³ããšã³ãã®ãã¶ã€ã³ã»ããŒã¯ã³ã®å©ç¹ãšãWebã»ã¢ãã€ã«ã¢ããªã§äžè²«æ§ãšä¿å®æ§ãä¿ã€ã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã ã®æ§ç¯æ¹æ³ãæ¢ããŸãã
ããã³ããšã³ããã¶ã€ã³ã»ããŒã¯ã³ïŒã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã ã®æ§ç¯
é²åãç¶ããããã³ããšã³ãéçºã®äžçã«ãããŠãè€æ°ã®ãã©ãããã©ãŒã ãã¢ããªã±ãŒã·ã§ã³ã«ããã£ãŠäžè²«æ§ãšã¹ã±ãŒã©ããªãã£ãç¶æããããšã¯ã倧ããªèª²é¡ãšãªãåŸãŸãããã¶ã€ã³ã»ããŒã¯ã³ã¯ããã¶ã€ã³ã®æ±ºå®äºé ã«é¢ããåäžã®ä¿¡é Œã§ããæ å ±æºïŒa single source of truthïŒãšããŠæ©èœããçã®ã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã ãå®çŸãã匷åãªãœãªã¥ãŒã·ã§ã³ãæäŸããŸãããã®èšäºã§ã¯ããã¶ã€ã³ã»ããŒã¯ã³ã®æŠå¿µããã®å©ç¹ããããŠå¹æçãªå®è£ æ¹æ³ã«ã€ããŠæãäžããŠãããŸãã
ãã¶ã€ã³ã»ããŒã¯ã³ãšã¯ïŒ
ãã¶ã€ã³ã»ããŒã¯ã³ãšã¯ãè²ãã¿ã€ãã°ã©ãã£ãã¹ããŒã·ã³ã°ããµã€ãžã³ã°ãªã©ã®ãã¶ã€ã³å±æ§ãä¿åããååä»ãã®ãšã³ãã£ãã£ã§ãããããã¯ãã¶ã€ã³ã·ã¹ãã ã®åºæ¬çãªäŸ¡å€èгã衚ããããžã¥ã¢ã«ã¹ã¿ã€ã«ãäžå çã«ç®¡çã»æŽæ°ããããšãå¯èœã«ããŸããã³ãŒãã«çŽæ¥å€ãããŒãã³ãŒãã£ã³ã°ãã代ããã«ããã¶ã€ã³ã»ããŒã¯ã³ãåç §ããããšã§ãäžè²«æ§ã確ä¿ããå°æ¥ã®ä¿®æ£ãç°¡çŽ åããŸãããã¶ã€ã³ã®ããã®å€æ°ã ãšèããŠãã ããã
äŸïŒ
// ããã§ã¯ãªãïŒ
button {
background-color: #007bff;
color: white;
font-size: 16px;
padding: 10px 20px;
}
// ãã¡ãã䜿çšïŒ
button {
background-color: {--color-primary};
color: {--color-text-light};
font-size: {--font-size-medium};
padding: {--spacing-medium};
}
ãã¶ã€ã³ã»ããŒã¯ã³ã䜿çšããã¡ãªãã
- äžè²«æ§ïŒãã¹ãŠã®ãã©ãããã©ãŒã ãšã¢ããªã±ãŒã·ã§ã³ã§çµ±äžãããããžã¥ã¢ã«äœéšãä¿èšŒããŸãã
- ä¿å®æ§ïŒã³ãŒããçŽæ¥å€æŽããããšãªãããã¶ã€ã³ã¹ã¿ã€ã«ãç°¡åã«æŽæ°ã§ããŸãã
- æ¡åŒµæ§ïŒæ°ãããã©ãããã©ãŒã ãæ©èœã«ãã¶ã€ã³ã·ã¹ãã ãæ¡åŒµããããã»ã¹ãç°¡çŽ åããŸãã
- ããŒãèšå®ïŒæå°éã®åŽåã§è€æ°ã®ããŒãïŒäŸïŒã©ã€ããããŒã¯ããã€ã³ã³ãã©ã¹ãïŒããµããŒãããŸãã
- ã³ã©ãã¬ãŒã·ã§ã³ïŒãã¶ã€ããŒãšéçºè éã®ã³ãã¥ãã±ãŒã·ã§ã³ãšååãä¿é²ããŸãã
- ã¢ã¯ã»ã·ããªãã£ïŒã¢ã¯ã»ã¹ãããããå æ¬çãªãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ãæ§ç¯ããããã®åºç€ãæäŸããŸãã
ã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã
ã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã ã¯ãWebãiOSãAndroidããã¹ã¯ãããã¢ããªã±ãŒã·ã§ã³ãªã©ãããŸããŸãªããã€ã¹ããªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã§äžè²«ãããŠãŒã¶ãŒäœéšãæäŸããããšãç®çãšããŠããŸãããã¶ã€ã³ã»ããŒã¯ã³ã¯ããã¶ã€ã³ã®æ±ºå®ãç¹å®ã®ãã©ãããã©ãŒã ãæè¡ããæœè±¡åããããããã®ç®æšãéæããããã«äžå¯æ¬ ã§ãããã®æœè±¡åã«ããããã¶ã€ã³ã®å€ãäžåºŠå®çŸ©ããã°ããã¹ãŠã®ã¢ããªã±ãŒã·ã§ã³ã§äžè²«ããŠé©çšããããšãã§ããŸãã
ã¯ãã¹ãã©ãããã©ãŒã éçºã®èª²é¡
è€æ°ã®ãã©ãããã©ãŒã åãã«éçºããã«ã¯ãããã€ãã®èª²é¡ããããŸãïŒ
- ãã©ãããã©ãŒã åºæã®ã³ãŒãïŒåãã©ãããã©ãŒã ã«ã¯ç¬èªã®ã³ãŒãããŒã¹ãšã¹ã¿ã€ãªã³ã°æè¡ãå¿ èŠã§ãïŒäŸïŒWebã®CSSãiOSã®SwiftãAndroidã®KotlinïŒã
- ãã¶ã€ã³ã®äžäžèŽïŒçµ±äžãããã¢ãããŒãããªããã°ãç°ãªããã©ãããã©ãŒã éã§èŠèŠçãªäžè²«æ§ãä¿ã€ããšã¯å°é£ã§ãã
- éçºæéã®å¢å ïŒå¥ã ã®ã³ãŒãããŒã¹ãéçºã»ç¶æããããšã¯ãéçºæéãšã³ã¹ããå¢å ãããŸãã
- ã¡ã³ããã³ã¹ã®ãªãŒããŒãããïŒè€æ°ã®ãã©ãããã©ãŒã ã§ãã¶ã€ã³ã¹ã¿ã€ã«ãåæããç¶ããã«ã¯ãå€å€§ãªåŽåãå¿ èŠã§ãã
ãã¶ã€ã³ã»ããŒã¯ã³ããããã®èª²é¡ãã©ã解決ããã
ãã¶ã€ã³ã»ããŒã¯ã³ã¯ãããŸããŸãªãã©ãããã©ãŒã ã§ç°¡åã«å©çšã§ãããã¶ã€ã³å€ã®ããã®äžå€®ãªããžããªãæäŸããããšã§ããããã®èª²é¡ã«å¯ŸåŠããŸããããŒãã³ãŒããããå€ã®ä»£ããã«ãã¶ã€ã³ã»ããŒã¯ã³ãåç §ããããšã§ãåºç€ãšãªãæè¡ã«é¢ä¿ãªããã¢ããªã±ãŒã·ã§ã³ãäžè²«ãããã¶ã€ã³èšèªã«æºæ ããããšãä¿èšŒã§ããŸãã
ãã¶ã€ã³ã»ããŒã¯ã³ã®å®è£
ãã¶ã€ã³ã»ããŒã¯ã³ã®å®è£ ã«ã¯ãããã€ãã®ã¹ããããå«ãŸããŸãïŒ
- ãã¶ã€ã³ã·ã¹ãã ãå®çŸ©ããïŒè²ãã¿ã€ãã°ã©ãã£ãã¹ããŒã·ã³ã°ããµã€ãžã³ã°ãªã©ããã¶ã€ã³ã»ããŒã¯ã³ã§ç®¡çãããã³ã¢ãªãã¶ã€ã³èŠçŽ ãç¹å®ããŸãã
- ããŒã¯ã³åœ¢åŒãéžæããïŒãã¶ã€ã³ã»ããŒã¯ã³ãä¿åãã圢åŒãéžæããŸããäžè¬çãªåœ¢åŒã«ã¯JSONãYAMLãXMLãªã©ããããŸãã
- ããŒã¯ã³ã®å®çŸ©ãäœæããïŒéžæãã圢åŒã§ãã¶ã€ã³ã»ããŒã¯ã³ãå®çŸ©ããŸãã
- ã¹ã¿ã€ã«ãã£ã¯ã·ã§ããªã䜿çšããïŒã¹ã¿ã€ã«ãã£ã¯ã·ã§ããªããŒã«ãå©çšããŠããã¶ã€ã³ã»ããŒã¯ã³ããã©ãããã©ãŒã åºæã®åœ¢åŒïŒäŸïŒCSS倿°ãSwift宿°ãKotlin宿°ïŒã«å€æããŸãã
- ã³ãŒãããŒã¹ã«çµ±åããïŒçæããããã©ãããã©ãŒã åºæã®å€ãã³ãŒãããŒã¹ã§åç §ããŸãã
- ããã»ã¹ãèªååããïŒå€æŽãå ãããããã³ã«ãã¶ã€ã³ã»ããŒã¯ã³ãçæã»æŽæ°ããèªåãã«ãããã»ã¹ãèšå®ããŸãã
ã¹ãããã»ãã€ã»ã¹ãããã®äŸïŒJSONãšStyle Dictionaryã§ãã¶ã€ã³ã»ããŒã¯ã³ãäœæãã
JSONãšStyle Dictionaryã䜿çšããŠãã¶ã€ã³ã»ããŒã¯ã³ãäœæããäŸãèŠãŠãããŸãããã
- ãã¶ã€ã³ã»ããŒã¯ã³çšã®JSONãã¡ã€ã«ãäœæããïŒäŸïŒ `tokens.json`ïŒïŒ
{
"color": {
"primary": {
"value": "#007bff",
"comment": "ãã©ã€ããªãã©ã³ãã«ã©ãŒ"
},
"secondary": {
"value": "#6c757d",
"comment": "ã»ã«ã³ããªãã©ã³ãã«ã©ãŒ"
},
"text": {
"light": {
"value": "#ffffff",
"comment": "æããããã¹ãè²"
},
"dark": {
"value": "#212529",
"comment": "æãããã¹ãè²"
}
}
},
"font": {
"size": {
"small": {
"value": "12px",
"comment": "å°ãããã©ã³ããµã€ãº"
},
"medium": {
"value": "16px",
"comment": "äžçšåºŠã®ãã©ã³ããµã€ãº"
},
"large": {
"value": "20px",
"comment": "倧ãããã©ã³ããµã€ãº"
}
},
"family": {
"base": {
"value": "Arial, sans-serif",
"comment": "åºæ¬ã®ãã©ã³ããã¡ããªãŒ"
}
}
},
"spacing": {
"small": {
"value": "8px",
"comment": "å°ããã¹ããŒã·ã³ã°"
},
"medium": {
"value": "16px",
"comment": "äžçšåºŠã®ã¹ããŒã·ã³ã°"
},
"large": {
"value": "24px",
"comment": "倧ããã¹ããŒã·ã³ã°"
}
}
}
- Style Dictionaryãã€ã³ã¹ããŒã«ããïŒ
npm install -g style-dictionary
- Style Dictionaryçšã®èšå®ãã¡ã€ã«ãäœæããïŒäŸïŒ `config.json`ïŒïŒ
{
"source": ["tokens.json"],
"platforms": {
"web": {
"transformGroup": "css",
"buildPath": "build/web/",
"files": [{
"destination": "variables.css",
"format": "css/variables"
}]
},
"ios": {
"transformGroup": "ios",
"buildPath": "build/ios/",
"files": [{
"destination": "StyleDictionaryColor.h",
"format": "ios/colors.h",
"className": "StyleDictionaryColor",
"type": "Color"
}, {
"destination": "StyleDictionarySize.h",
"format": "ios/sizes.h",
"className": "StyleDictionarySize",
"type": "Size"
}]
},
"android": {
"transformGroup": "android",
"buildPath": "build/android/",
"files": [{
"destination": "colors.xml",
"format": "android/colors"
}, {
"destination": "dimens.xml",
"format": "android/dimens"
}]
}
}
}
- Style Dictionaryãå®è¡ããïŒ
style-dictionary build
ãã®ã³ãã³ã㯠`build` ãã£ã¬ã¯ããªã«ãã©ãããã©ãŒã åºæã®ãã¡ã€ã«ãçæããŸãïŒ
- WebïŒ `build/web/variables.css` (CSS倿°)
- iOSïŒ `build/ios/StyleDictionaryColor.h`, `build/ios/StyleDictionarySize.h` (Objective-CããããŒãã¡ã€ã«)
- AndroidïŒ `build/android/colors.xml`, `build/android/dimens.xml` (XMLãªãœãŒã¹ãã¡ã€ã«)
- ã³ãŒãããŒã¹ã«çµ±åããïŒ
Web (CSS)ïŒ
@import "build/web/variables.css";
button {
background-color: var(--color-primary);
color: var(--color-text-light);
font-size: var(--font-size-medium);
padding: var(--spacing-medium);
}
iOS (Objective-C)ïŒ
#import "StyleDictionaryColor.h" #import "StyleDictionarySize.h" UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem]; button.backgroundColor = [StyleDictionaryColor colorPrimary]; [button setTitleColor:[StyleDictionaryColor colorTextLight] forState:UIControlStateNormal]; button.titleLabel.font = [UIFont systemFontOfSize:[StyleDictionarySize fontSizeMedium]]; button.contentEdgeInsets = UIEdgeInsetsMake([StyleDictionarySize spacingMedium], [StyleDictionarySize spacingMedium], [StyleDictionarySize spacingMedium], [StyleDictionarySize spacingMedium]);
Android (XML)ïŒ
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/color_primary"
android:textColor="@color/color_text_light"
android:textSize="@dimen/font_size_medium"
android:padding="@dimen/spacing_medium"/>
Style Dictionaryã®ä»£æ¿ããŒã«
Style Dictionaryã¯äººæ°ã®ããéžæè¢ã§ããããã¶ã€ã³ã»ããŒã¯ã³ã®ç®¡çãšå€æã«ã¯ä»ã®ããŒã«ã䜿çšã§ããŸãïŒ
- TheoïŒSalesforce補ã®ãã¶ã€ã³ã»ããŒã¯ã³å€æããŒã«ã
- SpecifyïŒFigmaãSketchãªã©ã®ãã¶ã€ã³ããŒã«ãšçµ±åãããã¶ã€ã³ããŒã¿ãã©ãããã©ãŒã ã
- SuperpositionïŒæ¢åã®ãŠã§ããµã€ããããã¶ã€ã³ã»ããŒã¯ã³ãçæããããŒã«ã
é«åºŠãªæŠå¿µ
ã»ãã³ãã£ãã¯ã»ããŒã¯ã³
ã»ãã³ãã£ãã¯ã»ããŒã¯ã³ã¯ãç¹å®ã®å€ã§ã¯ãªãããã¶ã€ã³èŠçŽ ã®ç®çãæå³ã衚ããã¶ã€ã³ã»ããŒã¯ã³ã§ããããã«ãããæœè±¡åã®å±€ãããã«è¿œå ãããããé«ãæè»æ§ãšé©å¿æ§ãå¯èœã«ãªããŸããäŸãã°ããã©ã€ããªãã©ã³ãã«ã©ãŒã®ããŒã¯ã³ãå®çŸ©ãã代ããã«ããã©ã€ããªã¢ã¯ã·ã§ã³ãã¿ã³ã®è²ã®ããŒã¯ã³ãå®çŸ©ãããããããŸããã
äŸïŒ
// ããã§ã¯ãªãïŒ
"color": {
"primary": {
"value": "#007bff"
}
}
// ãã¡ãã䜿çšïŒ
"color": {
"button": {
"primary": {
"background": {
"value": "#007bff",
"comment": "ãã©ã€ããªã¢ã¯ã·ã§ã³ãã¿ã³ã®èæ¯è²"
}
}
}
}
ãã¶ã€ã³ã»ããŒã¯ã³ã«ããããŒãèšå®
ãã¶ã€ã³ã»ããŒã¯ã³ã䜿çšãããšãã¢ããªã±ãŒã·ã§ã³ã§è€æ°ã®ããŒããç°¡åã«ãµããŒãã§ããŸããããŒãããšã«ç°ãªããã¶ã€ã³ã»ããŒã¯ã³å€ã®ã»ãããäœæããããšã§ãããŒã¯ã³ãã¡ã€ã«ã亀æããã ãã§ããŒããåãæ¿ããããšãã§ããŸãã
äŸïŒ
ã©ã€ãããŒããšããŒã¯ããŒãçšã«å¥ã ã®ããŒã¯ã³ãã¡ã€ã«ãäœæããŸãïŒ
- `tokens-light.json`
- `tokens-dark.json`
èšå®ãã¡ã€ã«ã§ãçŸåšã®ããŒãã«åºã¥ããŠäœ¿çšããããŒã¯ã³ãã¡ã€ã«ãæå®ããŸãïŒ
{
"source": ["tokens-light.json"], // ãŸã㯠tokens-dark.json
"platforms": { ... }
}
ã¢ã¯ã»ã·ããªãã£ã«é¢ããèæ ®äºé
ãã¶ã€ã³ã»ããŒã¯ã³ã¯ãã¢ããªã±ãŒã·ã§ã³ã®ã¢ã¯ã»ã·ããªãã£ãåäžããã圹å²ãæãããŸããã³ã³ãã©ã¹ãæ¯ããã©ã³ããµã€ãºããã®ä»ã®ã¢ã¯ã»ã·ããªãã£é¢é£ã®ããããã£ã®ããŒã¯ã³ãå®çŸ©ããããšã§ããã¶ã€ã³ãã¢ã¯ã»ã·ããªãã£åºæºãæºããããšãä¿èšŒã§ããŸãã
äŸïŒ
"color": {
"text": {
"onPrimary": {
"value": "#ffffff",
"comment": "ãã©ã€ããªèæ¯äžã®ããã¹ãè²",
"attributes": {
"contrastRatio": "4.5:1" // WCAG AAã®æå°ã³ã³ãã©ã¹ãæ¯
}
}
}
}
ãã¶ã€ã³ã»ããŒã¯ã³ã䜿çšããããã®ãã¹ããã©ã¯ãã£ã¹
- å°ããå§ããïŒæãé »ç¹ã«äœ¿çšããããã¶ã€ã³èŠçŽ ã®ããŒã¯ã³ãå®çŸ©ããããšããå§ããŸãã
- æå³ã®ããååã䜿çšããïŒåããŒã¯ã³ã®ç®çãæç¢ºã«ãããååãéžã³ãŸãã
- ããŒã¯ã³ãè«ççã«ã°ã«ãŒãåããïŒä¿å®æ§ãåäžãããããã«ãããŒã¯ã³ãã«ããŽãªããµãã«ããŽãªã«æŽçããŸãã
- ããŒã¯ã³ãææžåããïŒåããŒã¯ã³ã®ç®çãäœ¿çšæ¹æ³ãªã©ãæç¢ºãªããã¥ã¡ã³ããæäŸããŸãã
- ããã»ã¹ãèªååããïŒãã¶ã€ã³ã»ããŒã¯ã³ãçæã»æŽæ°ããèªåãã«ãããã»ã¹ãèšå®ããŸãã
- 培åºçã«ãã¹ãããïŒãã¹ãŠã®ãã©ãããã©ãŒã ãšããã€ã¹ã§ãã¶ã€ã³ã»ããŒã¯ã³ããã¹ãããäžè²«æ§ã確èªããŸãã
- ããŒãžã§ã³ç®¡çã䜿çšããïŒããŒãžã§ã³ç®¡çã·ã¹ãã ã䜿çšããŠããã¶ã€ã³ã»ããŒã¯ã³ãžã®å€æŽã远跡ããŸãã
å®éã®äœ¿çšäŸ
å€ãã®å€§äŒæ¥ãããã¶ã€ã³ã»ããŒã¯ã³ã䜿çšããŠãã¶ã€ã³ã·ã¹ãã ãæåè£ã«å®è£ ããŠããŸãã以äžã«ããã€ãã®æ³šç®ãã¹ãäŸãæããŸãïŒ
- Salesforce Lightning Design System (SLDS)ïŒSLDSã¯ããã¹ãŠã®Salesforce補åã§äžè²«ãããŠãŒã¶ãŒäœéšãçã¿åºãããã«ããã¶ã€ã³ã»ããŒã¯ã³ãåºç¯å²ã«äœ¿çšããŠããŸãã
- Google Material DesignïŒMaterial Designã¯ãAndroidãWebããã®ä»ã®ãã©ãããã©ãŒã ã§ããžã¥ã¢ã«ã¹ã¿ã€ã«ã管çããããã«ãã¶ã€ã³ã»ããŒã¯ã³ãæ¡çšããŠããŸãã
- IBM Carbon Design SystemïŒCarbonã¯ãIBMã®å€æ§ãªè£œåããŒããã©ãªãªå šäœã§äžè²«æ§ã確ä¿ããããã«ãã¶ã€ã³ã»ããŒã¯ã³ãå©çšããŠããŸãã
- Atlassian Design SystemïŒAtlassianã®ãã¶ã€ã³ã·ã¹ãã ã¯ãJiraãConfluenceããã®ä»ã®Atlassian補åå šäœã§çµ±äžãããäœéšãåµåºããããã«ãã¶ã€ã³ã»ããŒã¯ã³ã掻çšããŠããŸãã
ãã¶ã€ã³ã»ããŒã¯ã³ã®æªæ¥
ãã¶ã€ã³ã»ããŒã¯ã³ã¯ãããã³ããšã³ãéçºã®äžçã§ãŸããŸãéèŠã«ãªã£ãŠããŸããã¢ããªã±ãŒã·ã§ã³ãããè€éã«ãªããã¯ãã¹ãã©ãããã©ãŒã éçºãããäžè¬çã«ãªãã«ã€ããŠããã¶ã€ã³ç®¡çã«å¯Ÿããçµ±äžãããã¢ãããŒãã®å¿ èŠæ§ã¯é«ãŸãç¶ããã§ãããããã¶ã€ã³ã»ããŒã¯ã³æè¡ã®å°æ¥ã®çºå±ã«ã¯ã以äžã®ãããªãã®ãå«ãŸããå¯èœæ§ããããŸãïŒ
- ãã¶ã€ã³ããŒã«ãšã®é£æºåäžïŒFigmaãSketchãªã©ã®ãã¶ã€ã³ããŒã«ãšã®ã·ãŒã ã¬ã¹ãªçµ±åã«ããããã¶ã€ã³ããéçºãžã®ã¯ãŒã¯ãããŒãããã«å¹çåãããŸãã
- ããé«åºŠãªå€ææ©èœïŒããæŽç·Žããã倿æ©èœã«ãããæè»æ§ãšã«ã¹ã¿ãã€ãºæ§ãåäžããŸãã
- æšæºåïŒæ¥çæšæºã®åºçŸã«ãããçžäºéçšæ§ãä¿é²ããããã¶ã€ã³ã»ããŒã¯ã³ã®æ¡çšããã»ã¹ãç°¡çŽ åãããŸãã
çµè«
ããã³ããšã³ãã®ãã¶ã€ã³ã»ããŒã¯ã³ã¯ãã¯ãã¹ãã©ãããã©ãŒã ã»ãã¶ã€ã³ã·ã¹ãã ãæ§ç¯ããããã®åŒ·åãªããŒã«ã§ãããã¶ã€ã³ã®æ±ºå®äºé ã«é¢ããåäžã®ä¿¡é Œã§ããæ å ±æºãæäŸããããšã§ãWebããã³ã¢ãã€ã«ã¢ããªã±ãŒã·ã§ã³å šäœã§ã®äžè²«æ§ãä¿å®æ§ãæ¡åŒµæ§ãå®çŸããŸããå°èŠæš¡ãªãããžã§ã¯ãã«åãçµãã§ããå Žåã§ããå€§èŠæš¡ãªãšã³ã¿ãŒãã©ã€ãºã¢ããªã±ãŒã·ã§ã³ã«åãçµãã§ããå Žåã§ãããã¶ã€ã³ã»ã¯ãŒã¯ãããŒãæ¹åããããäžè²«æ§ã®ãããŠãŒã¶ãŒäœéšãçã¿åºãããã«ããã¶ã€ã³ã»ããŒã¯ã³ã®æ¡çšãæ€èšããŠãã ããããã¶ã€ã³ã»ããŒã¯ã³ãåãå ¥ããããšã¯ããã¶ã€ã³ã·ã¹ãã ã®æªæ¥ãžã®æè³ã§ããããã¹ãŠã®ãã©ãããã©ãŒã ãšã¢ããªã±ãŒã·ã§ã³ã§é©å¿æ§ãæ¡åŒµæ§ãäžè²«æ§ãä¿ã€ããšãä¿èšŒããŸãã