Sass Training Course Training ½Òµ{
  Facebook: Sass Training Course Training ½Òµ{
 
Sass Training Course Training ½Òµ{
Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{  
Sass Training Course Training ½Òµ{ Sass Training Course Training ½Òµ{

·Q©w´Áª¾¹D³Ì·s½Òµ{¤ÎÀu´f¶Ü¡H
§K¶O­q¾\¥»¤¤¤ßªº½Òµ{³q°T¡I

½Ò°ó¿ý¼vÀH®ÉÚ» 10 ¤jÀuÂI¤§§C¦Ü 85 §é¡G¦^õXªÀ·|¤Î¨ó§U¥þ´ä¥«¥Á¶i­×¼W­È¡A¥»¤¤¤ß²{¥¿±À¥X§C¦Ü 85 §éÀu´f¡I

Sass, Less »P Compass CSS ºë²µ²ºc½Òµ{ (CSS Preprocessors)
½Òµ{²ºÙ¡GSass Training Course

  • ½Òµ{®É¶¡
  • ½Òµ{²¤¶
  • ½Òµ{¤º®e
  • ¸Ô²Ó¤º®e

½Òµ{Àu´f¡I²{¤Z¦P®É³øŪ¥H¤U¨â­Ó½Òµ{¡G
§Y´î $130¡I

±À¤¶ªA°È¡G½Ò°ó¿ý¼vÀH®ÉÚ» (¦b®aÆ[¬Ý = 0%¡A¦b®ÕÆ[¬Ý = 100%)
¾Ç­û¨Ï¥Î WhatsApp¡B¹q¸Ü©Î¥»ºô­¶³ø¦W¡A«Ý¥»¤¤¤ß½T»{¤w¬°¾Ç­û¯d¦ì«á¡A§Y¥i¨Ï¥Î Âà¼Æ§Ö ú¥I¾Ç¶O¡A¹Lµ{²«K¡I
½s¸¹ ¦aÂI ¥i¹w¬ù¬P´Á¤Î®É¶¡ ¾Ç¶O§C¦Ü 85 §é  
1U2412AV ¤£­­
½Ð°Ñ¬Ý­Ó§O¦aÂI
$780 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
1U2412MV ©ô¨¤ ¤@¦Ü¤­¡G14:30 - 22:15   ¤»¡G13:45 - 21:30   ¤é¡G10:15 - 18:00 (¤½²³°²´Á¥ð®§) 95 §é«á¥u»Ý $741 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
1U2412OV Æ[¶í ¤@¦Ü¤­¡G14:15 - 22:00   ¤»¤Î¤é¡G12:15 - 20:00   (¬P´Á¤T¤Î¤½²³°²´Á¥ð®§) 9 §é«á¥u»Ý $702 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
1U2412PV ¥_¨¤ ¤@¦Ü¤­¡G14:15 - 22:00   ¤»¤Î¤é¡G12:15 - 20:00   (¬P´Á¤T¤Î¤½²³°²´Á¥ð®§) 9 §é«á¥u»Ý $702 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
1U2412SV ¨F¥Ð ¤@¦Ü¤­¡G14:15 - 22:00   ¤»¤Î¤é¡G12:15 - 20:00   (¬P´Á¤T¤Î¤½²³°²´Á¥ð®§) 85 §é«á¥u»Ý $663 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
1U2412YV ¤Ùªù ¤@¦Ü¤­¡G14:15 - 22:00   ¤»¤Î¤é¡G12:15 - 20:00   (¬P´Á¤@¡B¤T¤Î¤½²³°²´Á¥ð®§) 85 §é«á¥u»Ý $663 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
* ¦U¬F©²³¡ªù¥i¨Ï¥Î P Card ¥I´Ú  
¦p¨Ï¥Î P Card ú¥I¦Ò¸Õ¶O¡A¦Ò¸Õ¶O»Ý¥t¥[ 2.5% ¦æ¬F¶O  
¦b®Õ§K¶O¸ÕÚ»¡G ­º¥b¤p®É¡A½Ð­P¹q»P¥»¤¤¤ß¾­û¹w¬ù¡C ¬d¬Ý¦U¦aÂI¹q¸Ü
©ô¨¤ 2332-6544
Æ[¶í 3563-8425
¥_¨¤ 3580-1893
¨F¥Ð 2151-9360
¤Ùªù 3523-1560
¦b®Õ§K¶O­«Ú»¡G ¾Ç­û¥i©ó¨É¥Î®É´Á¤º©ó³øŪ¦aÂI¤£­­¦¸¼Æ¦a­«¬Ý½Ò°ó¿ý¼v¡A±q¦Ó¥i¤ÏÂЭ«·Å¾ã­Ó½Òµ{¡I
¾É®v¸Ñµª¡G ¾Ç­û¥i©óÆ[¬Ý¬Y¤@½Ò°ó¿ý¼v«á´£¥X½Ò°óª½±µ¬ÛÃöªº°ÝÃD¡A½Òµ{¾É®v·|¼Ö·N¬°¾Ç­û¥H³æ¹ï³æªº§Î¦¡¸Ñµª¡I
½Ò®É¡G 6 ¤p®É
¨É¥Î®É´Á¡G ³øŪ¤é¦Ü 2 ¬P´Á¤º¡A¶i«×¥Ñ±z±±¨î¡A¥i§Ö¥iºC¡C
½Ò°ó¿ý¼v¾É®v¡G Franco (¥ô±Ð½Òµ{²M³æ)
¦b®ÕÆ[¬Ý¡G ¸Ô±¡¤Î¥Ü½d¤ù¬q


±À¤¶ªA°È¡G½Ò°ó¿ý¼vÀH®ÉÚ» (¦b®aÆ[¬Ý = 100%¡A¦b®ÕÆ[¬Ý = 0%)
¾Ç­û¨Ï¥Î WhatsApp¡B¹q¸Ü©Î¥»ºô­¶³ø¦W¡A«Ý¥»¤¤¤ß½T»{¤w¬°¾Ç­û¯d¦ì«á¡A§Y¥i¨Ï¥Î Âà¼Æ§Ö ú¥I¾Ç¶O¡A¹Lµ{²«K¡I
½s¸¹ ¦aÂI ¬P´Á¤Î®É¶¡ ¶O¥Î  
1U2412HH ¦b®a ¨É¥Î®É´Á¤º¨C¬P´Á 7 ¤Ñ (¥]¬A¤½²³°²´Á)¡A¨C¤Ñ 24 ¤p®É¥þ¤Ñ­Ô¤£­­¦¸¼Æ¦aÆ[¬Ý¡C $780 «ö¦¹³ø¦W¡GSass Training Course Training ½Òµ{
* ¦U¬F©²³¡ªù¥i¨Ï¥Î P Card ¥I´Ú  
¦p¨Ï¥Î P Card ú¥I¦Ò¸Õ¶O¡A¦Ò¸Õ¶O»Ý¥t¥[ 2.5% ¦æ¬F¶O  
¦b®Õ§K¶O¸ÕÚ»¡G ­º¥b¤p®É¡A½Ð­P¹q»P¥»¤¤¤ß¾­û¹w¬ù¡C ¬d¬Ý¦U¦aÂI¹q¸Ü
©ô¨¤ 2332-6544
Æ[¶í 3563-8425
¥_¨¤ 3580-1893
¨F¥Ð 2151-9360
¤Ùªù 3523-1560
¾É®v¸Ñµª¡G ¾Ç­û¥i©óÆ[¬Ý¬Y¤@½Ò°ó¿ý¼v«á´£¥X½Ò°óª½±µ¬ÛÃöªº°ÝÃD¡A½Òµ{¾É®v·|¼Ö·N¬°¾Ç­û¥H³æ¹ï³æªº§Î¦¡¸Ñµª¡I
½Ò®É¡G 6 ¤p®É
¦b®aÆ[¬Ý®É¸T¥Îµ{¦¡¡G ¤@¨Ç¦M®`½Ò°ó¿ý¼vª©Åvªºµ{¦¡¡C
¨É¥Î®É´Á¡G ³øŪ¤é¦Ü 2 ¬P´Á¤º¡A¶i«×¥Ñ±z±±¨î¡A¥i§Ö¥iºC¡C
½Ò°ó¿ý¼v¾É®v¡G Franco (¥ô±Ð½Òµ{²M³æ)
¦b®aÆ[¬Ý¡G ªA°È±ø´Ú¤Î¦u«h¡B³øŪµ{§Ç¤Î¥Ü½d¤ù¬q


¦a°Ï ¦a§} ¹q¸Ü ±Ð¨|§½µù¥U½s¸¹
©ô¨¤ ¤EÀs©ô¨¤¨È¬Ò¦Ñµó 109 ¸¹¡A¬Ò©ô°Ó·~¤j·H 18 ¼Ó 1802 - 1807 «Ç 2332-6544 533459
Æ[¶í ¤EÀsÆ[¶í¦¨·~µó 7 ¸¹¹ç®Ê¤¤¤ß 12 ¼Ó G2 «Ç 3563-8425 588571
¥_¨¤ ­»´ä¥_¨¤°¨Ä_¹D 41-47 ¸¹µØÄ_°Ó·~¤j·H 3 ¼Ó 01-02 ¸¹çE 3580-1893 591262
¨F¥Ð ·s¬É¨F¥Ð¥Ûªù¦w¸sµó 3 ¸¹¨Ê·ç¼s³õ 1 ´Á 10 ¼Ó M «Ç 2151-9360 604488
¤Ùªù ·s¬É¤Ùªù¤Ù³ß¸ô 2 ¸¹¤Ùªù¬fÄR¼s³õ 17 ¼Ó 1708 «Ç 3523-1560 592552
ª`·N¡I «È¤á¥²¶·¬d°Ý³øŪ¾Ç®Õªº±Ð¨|§½µù¥U½s¸¹¡A¥H½T»{¸Ó®Õ¬°µù¥U¾Ç®Õ¡A¥H§K»X¨ü¤£¥²­nªº·l¥¢¡I


¥O§A DRY (Don't repeat yourself) Ãzªº½Òµ{¡I

¤j®a¦³¨S¦³¨£¹L¥H¤U«ÜÀã (Wet [Write Everything Twice / We Enjoy Typing / Waste Everyone's Time])¡A¦³¤j¶q­«ÂÐ stylesªº CSS?


¥i¯à¤j®a¥i¥H¼g±o¦p¤U¹Ï¯ë ¡§µLËÝÀ㡨¡C¦ý¦P¤@­Ó class ªº styles ¤À´²¦a¦b¤£¦Pªº¦a¤è³]©w¡A¦pªG CSS ­Ó file«Ü¤j¡A­n°l¬Y­Ó class ªº styles ·|®e©ö¶Ü¡H


¦pªG§AÀ´±o CSS Preprocessors¡A§A¥i¥H¦p¤U¹Ï¯ë¼g CSS¡A¨S¦³­«ÂЪº styles¡A¨S¦³¤À´²ªº classes¡C¬Û¤ñ¤§¤U¡A¥Ñ©ó³o­Ó CSS ¤Q¤À dry (don't repeat yourself)¡A¬Û¹ï®e©öÆ[¬Ý¤ÎºÞ²z¡A¥[´î§ï°l codes ³£¬Û¹ï®e©ö¡ABugs ¥ç¬Û¹ï¸û¤Ö¡C(¦b wet [Write Everything Twice] ªºÀô¹Òùظû®e©ö²£¥Í bugs)


¦A¦P¤j®a¤À¨É¦h¤@­Ó¨Ò¤l¡A¦pªG¨S¦³¨Ï¥Î CSS Preprocessors¡A¾¨ºÞ¬Ý¨£µ²ºc¬Û¦üªº CSS¡A¦ý¥ç¤£®e©ö²¤Æ¡A¦p¤U¹Ï©Ò¥Ü¡C


¦pªG¨Ï¥Î CSS Preprocessors¡A´N¥i¥H¨Ï¥Î dry (don't repeat yourself) ­ì«h½s¼g CSS¡A¦p¤U¹Ï©Ò¥Ü¡C


CSS Preprocessors ¬O¤@¨t¦Cªº§Þ³N¯àÅý§Ú­Ì¥H dry (don't repeat yourself) ­ì«h½s¼g¤ÎºÞ²z CSS¡C¥Ñ©ó§Ú­Ì¤£¯àª½±µ¦a¥¼½sĶ¤U¨Ï¥Î CSS Preprocessors¡A­n¨É¨ü CSS Preprocessors ©Ò±a¨Óªº«K§Q´N»Ý­n¦³¨t²Î¦a¥Ñ¦w¸Ë¡B½sĶ¡B»yªk¡B±N»yªkÀ³¥Î¨ì¹ê»Ú¨Ò¤lªº¬yµ{¾Ç²ß¥¦¡C¡mSass, Less »P Compass CSS ºë²µ²ºc½Òµ{¡n ¬O¤@­Ó 6 ¤p®Éªº½Òµ{¡A½Òµ{¤º·|±Ð±Â²{¦³±`¥Îªº CSS Preprocessors (Sass, Less ©M Compass)¡A·í¤¤Âл\¥¦­Ìªº¦w¸Ë¡B½sĶ¡B»yªk¨ìÀ³¥Î»yªkµ¥¡C³o½Òµ{¥O§A¤£¥Î¨ì¥|³BºN¯Á´N¯à¾Ç·| CSS Preprocessors¡C½Ð «ö¦¹ °Ñ¾\½Òµ{¤º®e¡C


½Òµ{¦WºÙ¡G Sass, Less »P Compass CSS ºë²µ²ºc½Òµ{ (CSS Preprocessors)
- ²ºÙ¡GSass Training Course
½Òµ{®É¼Æ¡G ¦X¦@ 6 ¤p®É
¾A¦X¤H¤h¡G ¹ï CSS ¦³°ò¥»»{ÃÑ
±Â½Ò»y¨¥¡G ¥H¼sªF¸Ü¬°¥D¡A»²¥H­^»y
½Òµ{µ§°O¡G ¥»¤¤¤ß¾É®v¿Ë¦Û½s¼g¤¤¤å¬°¥Dµ§°O¡A¦Ó³¡¥÷¤¤¤å¦rªþ¦³­^¤å¹ï·Ó¡C
§K¶O­«Åª¡G ¶Ç²Î½Ò°ó¾Ç­û¥i©ó½Òµ{µ²§ô«á¤T­Ó¤ë¤º§K¶O­«¬Ý½Ò°ó¿ý¼v¡C



½Òµ{¦WºÙ¡GSass, Less »P Compass CSS ºë²µ²ºc½Òµ{ (CSS Preprocessors)
- ²ºÙ¡GSass Training Course

²Ä¤@³¡¥÷¡GSass
Sass (Syntactically Awesome Stylesheets) ¬O¤@­Ó¬Û·í¬y¦æªº CSS Preprocessor¡C

  • ¦w¸Ë Ruby
  • ¦w¸Ë Sass
  • Sass ©R¥O¦æ¬É­±
  • ±N Sass µ²¦X¨ì IDE (Integrated Development Environment, ¶°¦¨¶}µoÀô¹Ò)
  • µùÄÀ
  • ÅܼÆ
  • ±_ª¬ CSS
  • Partials »P Imports
  • Inheritance »P Extends
  • Mixin »P Include
  • ¤Þ¥Î parent class
  • ¦b CSS ¤º¶i¦æ¥[´î­¼°£µ¥¹Bºâ
  • Media query
  • ÃC¦â³B²z
  • ¹w³]­È
  • Interpolation
  • ¬yµ{ºÞ²z
    • if / else
    • for loop
    • each
    • while
  • Functions
    • Custom functions
    • Common numeric functions
    • Common color functions


²Ä¤G³¡¥÷¡GLess

¸ò Sass ¬Û¦ü¡ALess ¬O¥t¤@­Ó¦P¼Ë¬O¬Û·í¬y¦æªº CSS Preprocessor¡C

  • ¦w¸Ë Less
  • Less ©R¥O¦æ¬É­±
  • ±N Less µ²¦X¨ì IDE (Integrated Development Environment, ¶°¦¨¶}µoÀô¹Ò)
  • µùÄÀ
  • ÅܼÆ
  • Interpolation
  • ±_ª¬ CSS
  • Imports
  • Mixin
  • Mixin guards
  • Mixin arguments
  • ¤Þ¥Î parent class
  • Merging
  • ¦b CSS ¤º¶i¦æ¥[´î­¼°£µ¥¹Bºâ
  • List »P Loop
  • Functions
  • 12-column grid system


²Ä¤T³¡¥÷¡GCompass

Compass ¬O¥H Sass ¬°°ò¦ªº CSS authoring Framework.

  • ¦w¸Ë Compass
  • ³]©wÀô¹ÒÅÜ¼Æ (environmental variables)
  • ¨Ï¥Î«ü¥O«Ø¥ß Compass ±M®×
  • ¤F¸Ñ config.rb
  • ¦b Compass ¤º¨Ï¥Î reset
  • ¦b Compass ¤º¨Ï¥Î CSS3
  • ¦b Compass ¤º³]©w Typography
  • »s§@ sprite sheet
  • ¤£¯à compile ®É¥i¥H¦p¦ó³B²z




1 CSS Preprocessors
1.1 Wet ©M Dry
1.1.1 Wet
1.1.1.1 Wet¡G¨Ò¤l1
1.1.1.2 Wet¡G¨Ò¤l2
1.1.1.3 Wet¡G¨Ò¤l3
1.1.2 Dry
1.1.2.1 Dry¡G¨Ò¤l1
1.1.2.2 Dry¡G¨Ò¤l2

2 ¶}µoÀô¹Ò (Integrated Development Environment)
2.1 ¤U¸ü¶}µoÀô¹Ò (Integrated Development Environment) ³n¥ó
2.2 ¦w¸Ë¶}µoÀô¹Ò (Integrated Development Environment) ³n¥ó

3 Sass (Syntactically Awesome Stylesheets)
3.1 ¦w¸Ë¡B¤¶­±»P IDE ¿Ä¦X
3.1.1 ¦w¸Ë Sass
3.1.2 Sass «ü¥O¤¶­± (Command Line Interface)
3.1.3 »P IDE ¿Ä¦X¤Î«Ø¥ß¨ã¦³ Sass ªº Project
3.2 Comments
3.2.1 ¹ê²ß¡GComments
3.3 Variables
3.3.1 ¹ê²ß¡GVariables
3.4 Nesting
3.4.1 ¹ê²ß¡GNesting
3.5 partials and @import
3.5.1 ¹ê²ß¡Gpartials and @import
3.6 @extend
3.6.1 ¹ê²ß¡G@extend
3.7 @include »P @mixin
3.7.1 ¹ê²ß¡G@include »P @mixin
3.8 Operators
3.8.1 ¹ê²ß¡GOperators
3.9 Parent selectors
3.9.1 ¹ê²ß¡GParent selectors
3.10 ÃC¦â³B²z
3.10.1 ¹ê²ß¡GÃC¦â³B²z
3.11 @media
3.11.1 ¹ê²ß¡G@media
3.12 default
3.12.1 ¦³ default »PµL default ªº¤À§O
3.12.1.1 µL default ªº±¡ªp
3.12.1.2 ¦³ default ªº±¡ªp
3.12.2 ¹ê²ß¡Gdefault
3.13 @if @else
3.13.1 ¹ê²ß¡G@if @else
3.14 Interpolation with @for
3.14.1 ¹ê²ß¡GInterpolation with @for
3.15 Interpolation with @each
3.15.1 ¹ê²ß¡GInterpolation with @each
3.16 Interpolation with @each (§ó¦³½ìªº¨Ò¤l)
3.16.1 ¹ê²ß¡GInterpolation with @each (§ó¦³½ìªº¨Ò¤l)
3.17 Interpolation with while
3.17.1 ¹ê²ß¡GInterpolation with while
3.18 Default arguments ©M variable arguments
3.18.1 ¹ê²ß¡GDefault arguments ©M variable arguments
3.19 Interpolation with function
3.19.1 ¹ê²ß¡GInterpolation with function
3.20 Interpolation with numeric functions
3.20.1 ¹ê²ß¡GInterpolation with numeric functions
3.21 ¤â°ÊÂà´«
3.21.1 ¹ê²ß¡G¤â°ÊÂà´«

4 Less
4.1 ¦w¸Ë¡B¤¶­±»P IDE ¿Ä¦X
4.1.1 ¦w¸Ë Less
4.1.2 Less «ü¥O¤¶­± (Command Line Interface)
4.1.3 »P IDE ¿Ä¦X¤Î«Ø¥ß¨ã¦³ Lessªº Project
4.2 Comments
4.3 Variables ¤Î interpolation
4.3.1 ¹ê²ß¡GVariables ¤Î interpolation
4.4 Mixins, @argument and ¡K
4.4.1 ¹ê²ß¡GMixins, @argument and ¡K
4.5 Nesting
4.5.1 ¹ê²ß¡GNesting
4.6 @import
4.6.1 ¹ê²ß¡G@import (²Ä¤@³¡¥÷)
4.6.2 ¹ê²ß¡G@import (²Ä¤G³¡¥÷)
4.7 Mixin Guards / Conditional Mixin
4.7.1 ¹ê²ß¡GMixin Guards / Conditional Mixin
4.8 Parent selectors + Mixin guard
4.8.1 ¹ê²ß¡GParent selectors + Mixin guard
4.9 ºâ³N¹Bºâ¤ÎÃC¦â¹Bºâ
4.9.1 ¹ê²ß¡Gºâ³N¹Bºâ¤ÎÃC¦â¹Bºâ
4.10 Property merge
4.10.1 ¹ê²ß¡GProperty merge
4.11 ­«Âаõ¦æªº mixins / grid systems
4.11.1 ¹ê²ß¡G­«Âаõ¦æªº mixins / grid systems

5 Compass
5.1 ¦w¸Ë Compass ¤Î¦b IDE ¤º¨Ï¥Î Compass
5.1.1 ¦w¸Ë Compass
5.1.2 ¦b IDE ¤º¨Ï¥Î Compass
5.2 Reset
5.2.1 ¹ê²ß¡GReset
5.3 CSS3
5.3.1 ¹ê²ß¡GCSS3 (¨Ò¤l 1)
5.3.2 ¹ê²ß¡GCSS3 (¨Ò¤l 2)
5.4 Typography
5.4.1 ¹ê²ß¡GTypography (¨Ò¤l 1)
5.4.2 ¹ê²ß¡GTypography (¨Ò¤l 2)
5.4.3 ¹ê²ß¡GTypography (¨Ò¤l 3)
5.5 Sprite (ºëÆF)
5.5.1 ¹ê²ß¡GSprite (ºëÆF)

§ó¦hºî¦X½Òµ{
  Äá¼v½Òµ{
  ¡E Äá¼vªì¯Å
  ¡E Äá¼v¤¤¯Å (­·´º±MÃD)
  ­^¤å½Òµ{
  ¡E IPA «÷­µ¡G¯Å§O 1 ¡E 2 ¡E 3 ¡E 4
  ´¶³q¸Ü½Òµ{
  ¡E °ò¦´¶³q¸Ü«÷­µ (§K¶O)
  ¡E ¶i¶¥´¶³q¸Ü«÷­µ
  ¡E ´¶³q¸Ü·|¸Ü¡G¯Å§O 1 ¡E 2 ¡E 3
  ¦è¯Z¤ú»y¤å½Òµ{
  ¡E ¯Å§O 1 ¡E 2 ¡E 3
  ¤¤Âå½Òµ{
  ¡E Àã¯l»P¥Ö½§±Ó·P¯f
  ¡E ·t½H»P¦â´³ | »ó±Ó·P»P·P«_
  ¡E ²æ¾v»P¥Õ¾v | ±q¤­©x¬Ý°·±d
  ­·¤ô©R²z½Òµ{
  ¡E µµ·L¤æ¼Æ¡G¯Å§O 1 ¡E 2 ¡E 3
  ¡E ¤l¥­¤K¦r¡G¯Å§O 1 ¡E 2 ¡E 3
  ¡E ¤K¦r­·¤ô¡G¯Å§O 1 ¡E 2 ¡E 3
  ¡E ©_ªù¹P¥Ò¡G¯Å§O 1 ¡E 2 ¡E 3