*Web¥Ç¥¶¥¤¥Ê¡¼¤Ë¤â¤ï¤«¤ëFlex²èÌ̥ǥ¶¥¤¥ó(1) [#r2982611]
**¤Ï¤¸¤á¤Ë [#t4b85a13]
¤»¤Ä¤á¤¤¤¹¤ë¤Ò¤È¡§
Web¥Ç¥¶¥¤¥Ê¡¼¡£½÷¡£Flash¤Ï5¤Ç»ß¤Þ¤Ã¤Æ¤¤¤ë¡£
HTML¤Ï¼êÂǤÁ¡£FireWorksÇÉ¡£Windows¡£
AS¡¢JS¤Ï¥³¥Ô¥Ú¤ÇʳƮ¡£¤¬¤è¤¯¤ï¤«¤Ã¤Æ¤Ê¤¤¡£¥×¥í¥°¥é¥àÆþÌç¤ÎËܤǤ¤¤Ä¤âºÃÀÞ¡£¤À¤ì¤«¶µ¤¨¤Æ¤¯¤À¤µ¤¤¡£
¤½¤ó¤ÊWeb¥Ç¥¶¥¤¥Ê¡¼¤¬Flex¤ò¤ä¤Ã¤Æ¤ß¤¿¤è¡ª
//-----------------------------------------
**Flex¤È¤Ï¡© [#g4d021e1]
- ¤¤¤ï¤æ¤ëRIA¡ÊRich Internet Application¡ËÅý¹ç³«È¯´Ä¶¡£
- Flash¾å¡¢AIR¾å¤ÇÆ°ºî¤¹¤ë
-¡Ö¥¿¥¤¥à¥é¥¤¥ó¤Î¤Ê¤¤Flash¡×¡©
-¥³¥ó¥Ý¡¼¥Í¥ó¥È¤È¸Æ¤Ð¤ì¤ë¥Ñ¡¼¥Ä¤¬¤¢¤é¤«¤¸¤áÍÑ°Õ¤µ¤ì¤Æ¤¤¤ë
- ¥Ç¥¶¥¤¥ó¡Ämxml(FlexÍѤÎXML)
- ¥×¥í¥°¥é¥à¡ÄActionScript
¤Ëʬ¤«¤ì¤Æ¤¤¤ë¡£
**¤Ä¤¯¤ê¤«¤¿ [#z5b739f6]
***³«È¯´Ä¶ [#rd76da63]
-FlexBuilder
--¥É¥ê¤ß¤¿¤¤¤Ê¤â¤ó¡©Java¤Î¿Í¤Ë¤Ï¤¤¤¤¤é¤·¤¤¡©¡©
-Flex SDK¡Ê̵½þ¡Ë
--¹õ¤¤²èÌ̤ǻȤ¨¤ë¥³¥ó¥Ñ¥¤¥é¤È¥Ç¥Ð¥Ã¥¬
--http://www.adobe.com/jp/products/flex/sdk/
***ɬÍפʥե¡¥¤¥ë [#a163d096]
- mxml
- as
- css
- ²èÁü¡Êgif/jpg/png¡Ë¡¢swf
¤³¤ì¤À¤±¡£
¤Ê¤Î¤Ç¡¢Flex SDK¤ò»È¤¨¤Ð¡¢½¨´Ý¤ÈFireworks¡ÊPhotoshop¡Ë¤Ç¤¤¤Þ¤¹¤°Flex¥¢¥×¥ê¤¬¤Ä¤¯¤ì¤Þ¤¹¡£
¤³¤ì¤é¤Î¥Õ¥¡¥¤¥ë¤ò¥³¥ó¥Ñ¥¤¥ë¤¹¤ë¤È¡¢swf¤Î¤Ç¤¤¢¤¬¤ê¡£
***rascut¤¬ÊØÍø [#y2f122bc]
¥³¥ó¥Ñ¥¤¥ë¤Ë¤ÏSDK¤Î¥³¥ó¥Ñ¥¤¥é¤è¤ê¡¡rascut¤¬Áᤤ¤·¼«Æ°¥³¥ó¥Ñ¥¤¥ë¤·¤Æ¤¯¤ì¤ë¤Î¤ÇÊØÍø¡ª
rascut¤Î¥¤¥ó¥¹¥È¡¼¥ë¤Ë¤Ä¤¤¤Æ¤Ï¡¢¤³¤Á¤é¤Ç¡£
http://www.ark-web.jp/sandbox/wiki/?Flex%2Frascut
¥Ç¥¶¥¤¥Ê¡¼¤Ç¤â¹õ¤¤²èÌ̤Ǥä¤Ã¤Æ¤ß¤è¤¦¡£rascut¤ò¥¤¥ó¥¹¥È¡¼¥ë¤Ç¤¤¿¤é¡¢
SSH¤Î»ÈÍѤǤ¤ë¥¢¥×¥ê¡Êwin¤Ê¤éputty¡¢mac¤Ê¤é¥¿¡¼¥ß¥Ê¥ë¤ÇOK¡Ë¤òµ¯Æ°¤·¤Æ¡¢
cd public_html/flex¡Êmxml¤Î¤¢¤ë¥Ç¥£¥ì¥¯¥È¥ê¤Þ¤Ç°ÜÆ°¡Ë
rascut sample.mxml¡Ê¥Õ¥¡¥¤¥ë̾¤ò»ØÄꤷ¤Ærascut¼Â¹Ô¡Ë
¤³¤ì¤ÇOK¡£
¤¢¤È¤Ï¾¡¼ê¤Ë¹¹¿·¤ò»¡ÃΤ·¤Æ¼«Æ°¥³¥ó¥Ñ¥¤¥ë¤·¤Æ¤¯¤ì¤Þ¤¹¡£
//-----------------------------------------
**Ãæ¿È¤ò¤ß¤Æ¤ß¤ë [#qbd50e73]
MXML¤ÎÃæ¿È
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="stylesheets/sample.css" />
<mx:Button label="Hello World!" width="150" height="18" />
</mx:Application>
¤³¤ì¤ò¹õ¤¤²èÌ̤ǥ³¥ó¥Ñ¥¤¥ë¤¹¤ë¤È¡¢¤³¤¦¤Ê¤ë
#flash( /sandbox/design/data/flex/sample01.swf, 240x180, version=9)
- ¥Ü¥¿¥ó¤â¥Þ¥¦¥¹¥ª¡¼¥Ð¡¼¡¢¥Þ¥¦¥¹¥À¥¦¥ó¤ËÈ¿±þ¤·¤Þ¤¹
- ¤Á¤Ê¤ß¤Ë¤³¤Î»þÅÀ¤ÇCSS¤ÎÃæ¿È¤Ï¶õ¤Ê¤Î¤Ç¡¢¥Ç¥Õ¥©¥ë¥È¥¹¥¿¥¤¥ë¤Ç¤¹¡£
- <mx:Application>¤¬ºÇ¾å°Ì¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¡£<HTML>¥¿¥°¤ß¤¿¤¤¤Ê¤â¤ó¤Ç¤¹¤Í¡£¤³¤ÎÃæ¤ËÍ×ÁǤò¤É¤«¤É¤«Æþ¤ì¤Æ¤¤¤¤Þ¤¹¡£
- XML¤Ê¤Î¤Ç¡¢¥¿¥°¤Ï¤¤Á¤ó¤ÈÊĤ¸¤Þ¤·¤ç¤¦¡£
***¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î¼ïÎà [#tcfe0565]
- ¥³¥ó¥Æ¥Ê¡Ê¥ì¥¤¥¢¥¦¥È¤Ë¤Ä¤«¤¦¡Ë
- ¥³¥ó¥È¥í¡¼¥ë¡Ê¥Ü¥¿¥ó¡¢¥ê¥¹¥È¡Ë
¤Ê¤É¥Ó¥¸¥å¥¢¥ë·Ï¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤Î¤Û¤«¡¢¥¨¥Õ¥§¥¯¥È¤ä¥Ð¥ê¥Ç¡¼¥¿¤Ê¤É¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤â¤¢¤ë¡£
''ÂåɽŪ¤Ê¥³¥ó¥Ý¡¼¥Í¥ó¥È''
-Box
#flash( /sandbox/design/data/flex/sample02.swf, 360x270, version=9)
--Box¤Ï¡¢div¤ß¤¿¤¤¤ËÃæ¤Ë¤Û¤«¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È¤òÆþ¤ì¤é¤ì¤ë¶ë·Á¡£¥ì¥¤¥¢¥¦¥È¤Ë»ÈÍѤ·¤Þ¤¹¡£
---HBox¤Ï¡¢ÆâÍÆʪ¤ò²£¤Ë¤Ê¤é¤Ù¤ë¡£
---VBox¤Ï¡¢ÆâÍÆʪ¤ò½Ä¤Ë¤Ê¤é¤Ù¤ë¡£
<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle" >
<mx:Button label="Boo" width="100" height="18" />
<mx:Button label="Hoo" width="100" height="18" />
<mx:Button label="Wooooo" width="100" height="18" />
</mx:HBox>
-TabBar
#flash( /sandbox/design/data/flex/sample03.swf, 360x270, version=9)
--¥á¥Ë¥å¡¼¤Ë»È¤¨¤Þ¤¹¤Í¡£
<mx:TabBar>
<mx:dataProvider>
<mx:Array>
<mx:Object label="About" />
<mx:Object label="Download" />
<mx:Object label="Download" />
<mx:Object label="Help" />
</mx:Array>
</mx:dataProvider>
</mx:TabBar>
-DateField
#flash( /sandbox/design/data/flex/sample04.swf, 360x270, version=9)
--Web¥¢¥×¥ê¤Ç»È¤¨¤ë¥«¥ì¥ó¥À¡¼UI¡£
<mx:DateField formatString="YYYY/MM/DD" />
-DataGrid
#flash( /sandbox/design/data/flex/sample05.swf, 360x270, version=9)
<mx:DataGrid width="100%" height="100%"
dataProvider="{services}">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="¥µ¡¼¥Ó¥¹Ì¾"/>
<mx:DataGridColumn dataField="URL" headerText="URL"/>
<mx:DataGridColumn dataField="description" headerText="ÀâÌÀ"/>
</mx:columns>
</mx:DataGrid>
<mx:XMLList id="services">
<service>
<name>eco¤Ã¤¿¡¼</name>
<URL>http://eco.tter.jp/</URL>
<description>eco*Twitter</description>
</service>
<service>
<name>neco¤Ã¤¿¡¼</name>
<URL>http://neco.tter.jp/</URL>
<description>¡á^..^¡á</description>
</service>
<service>
<name>miqqle</name>
<URL>http://miqqle.jp/</URL>
<description>¤³¤ì¤ÏÊØÍø¡ª</description>
</service>
</mx:XMLList>
¤Ê¤É¤Ê¤É¡¢HTML¤Ê¤éjs¤Ê¤É¤Ç¤¤¤í¤¤¤íµ½Ò¤·¤Ê¤¤¤È¤¤¤±¤È¤³¤í¤ò¡¢
¤¿¤Ã¤¿¤³¤ì¤À¤±¤Îµ½Ò¤Ç¤Ç¤¤Á¤ã¤¤¤Þ¤¹¡ª
¥³¥ó¥Ý¡¼¥Í¥ó¥È²½¤µ¤ì¤Æ¤¤¤ë¤Ã¤ÆÊØÍø¡£
***¤½¤Î¾¤Î¥³¥ó¥Ý¡¼¥Í¥ó¥È [#s07c0110]
-¤³¤ì¤ò¸«¤¿¤Û¤¦¤¬Áᤤ¤Í¡ª
-- ComponentExplorer
-- http://examples.adobe.com/flex3/componentexplorer/explorer.html
**¥¹¥¿¥¤¥ë¤ÎÀßÄê [#f2e5f457]
¥Ç¥¶¥¤¥ó¤ÎÄ´À°¤Ï¤É¤¦¤¹¤ë¤Î¡©
¥¹¥¿¥¤¥ë¥·¡¼¥È¤ò»È¤¤¤Þ¤¹¡£
¡Ê¤Þ¤À½ñ¤ÅÓÃæ¡Ë