[B! component] ruedapã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ruedap id:ruedap

componentã«é–¢ã™ã‚‹ruedapã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Reusable Component UI Design
React.jsã§è€ƒãˆã‚‹å†åˆ©ç”¨æ€§ã®é«˜ã„UIãƒ‡ã‚¶ã‚¤ãƒ³
ruedap 2015/04/02
react.js

component

presentation
ãƒªãƒ³ã‚¯
Thinking beyond "Scalable CSS"
Good components empower designers and engineers by letting us think only about their inputs and outputs, not their internal complexity. This is how we aâ€¦
ruedap 2014/11/22
nicolas-gallagher

css

suit-css

ui

component

bem

presentation
ãƒªãƒ³ã‚¯
Making Twitter UI Infrastructure
Overview of a work-in-progress effort to create generalized UI infrastructure for Twitter web applications.
ruedap 2014/11/22
nicolas-gallagher

ui

component

suit-css

twitter

presentation
ãƒªãƒ³ã‚¯
Adaptation and Components
About adapta ble systems and the benefits of the component abstraction when building web UI's.
ruedap 2014/11/22
ã‚ˆã„

nicolas-gallagher

css

suit-css

bem

component

presentation
ãƒªãƒ³ã‚¯
Introduction to React
Facebook/Instagram ã® OSS UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ React ã®ç´¹ä»‹ã§ã™ã€‚2014/1/20 ã«è¡Œã‚ã‚ŒãŸ M3 Tech Talk #17 ã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚
ruedap 2014/04/20
react.js

facebook

javascript

component
ãƒªãƒ³ã‚¯
ripple.js - A framework for creating reactive components
ripple.js A tiny foundation for creating reactive components with interpolation, data-binding, and plugins. It's simple, flexible and easy to extend. Download (0.3.2) View on Github Built by Segment.io
ruedap 2014/04/19
javascript

framework

component

ui
ãƒªãƒ³ã‚¯
uibox.in
This domain may be for sale!
ruedap 2013/09/15
ui

example

component

inspiration

jquery

plugins

library
ãƒªãƒ³ã‚¯
RubyGemsã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å†åˆ©ç”¨
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç‚ºã®gemä½œæˆæ–¹æ³•
ruedap 2012/10/29
ruby

gem

design

component

github

rails

webdesign

fjord
ãƒªãƒ³ã‚¯
http://nrftw.net/as3/iphone/
ruedap 2010/03/30
iphone

as3

flash

component

download

library

material

interface
ãƒªãƒ³ã‚¯
ActionScript3.0 swcä½œæˆâ†’FlashCS3ã§ã®åˆ©ç”¨ - kozy.heteml.jp
FlashCS3ã‹ã‚‰swcã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³• â€ swcã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã«åå‰ç©ºé–“ã®æŒ‡å®šã¨ãƒžãƒ‹ãƒ¥ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®æŒ‡å®šãŒå¿…è¦ã€‚ â†‘ ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®å ´åˆ â€ compc -source-path . -output ./kozy.swc -namespace http://kozy.heteml.jp Manifest.xml -include-namespaces http://kozy.heteml.jp namespaceãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã®2ç•ªç›®ã®å¼•æ•°ã§ãƒžãƒ‹ãƒ¥ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ã‚“ç‚¹ãŒãƒã‚¤ãƒ³ãƒˆã€‚ Manifest.xml <?xml version="1.0"?> <componentPackage> <component id="MyMainClass" class="org.kozy.MyMainClass"/> <component id="MyUtilClass" c
ruedap 2010/01/22
flashcs3

swc

as3

component

cs3
ãƒªãƒ³ã‚¯
[AS3]FlashCS3ç”¨ã«swcä½œæˆã§ã†ã‚“ãŸã‚‰ã‹ã‚“ãŸã‚‰ - l4l
æœ€è¿‘FlexBuilderã§swcä½œæˆâ†’FlashCS3ã§åˆ©ç”¨ã£ã¦ã“ã¨ã‚’ã‚„ã£ã¦ã¾ã—ã¦ã€çªç„¶FlashCS3ã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒèªã¿è¾¼ã‚ãªããªã£ãŸã£ã¦ã„ã†ãã‚“ãªãƒ¡ãƒ¢ã€‚ ãã®å‰ã«... FlexBuilderã§swcä½œæˆã—ã¦FlashCS3ã§åˆ©ç”¨ã™ã‚‹tipsã‚’ã€‚ã¾ãšæ™®é€šã«Flexãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚ãŸã‚Šã§ä½•ã‹ä½œã‚‹ã€‚ãƒã‚¤ãƒ³ãƒˆã¯swcä½œæˆæ™‚ã«ãƒžãƒ‹ãƒ¥ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ©ç”¨ã—ã¦åå‰ç©ºé–“ã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’æŒ‡å®šã—ã¦ã‚„ã‚‹ã“ã¨ã€‚ä»¥ä¸‹ãªæ„Ÿã˜ã®ãƒžãƒ‹ãƒ¥ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã€‚ Manifest.xml <?xml version="1.0"?> <componentPackage> <component id="MyMainClass" class="org.kozy.MyMainClass"/> <component id="MyUtilClass" class="org.kozy.MyUtilCla
ruedap 2010/01/22
flashcs3

swc

flexbuilder

tutorial

flash

component

cs3
ãƒªãƒ³ã‚¯
X-LABO: AS3 Slider ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º : ãƒžã‚¦ã‚¹å½“ãŸã‚Šåˆ¤å®šã‚’å¢—ã‚„ã™
ã“ã®è¨˜äº‹ã®URL http://www.dango-itimi.com/blog/archives/2009/000999.html Slider ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®éƒ¨åˆ†éƒ¨åˆ†ã®ãƒžã‚¦ã‚¹å½“ãŸã‚Šåˆ¤å®šãŒã¨ã¦ã‚‚å°ã•ãæ“ä½œã—ã«ãã„ãŸã‚ã€å½“ãŸã‚Šåˆ¤å®šã‚’å¤§ããã™ã‚‹ãŸã‚ã®æ‰‹é †ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ æ‰‹é † (1)å‰æº–å‚™ Flash ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ Slider ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é…ç½®ã—ã¦ãã ã•ã„ã€‚ (2) fl.controls.Slider ã‚¯ãƒ©ã‚¹ã®æ‹¡å¼µ fl.controls.Slider ã‚¯ãƒ©ã‚¹ã® configUI ãƒ¡ã‚½ãƒƒãƒ‰å†…ã§ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ä¸‰è§’ã®ãƒœã‚¿ãƒ³(thumb)ã¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ãƒãƒ¼(track)ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãŒç”Ÿæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ãã—ã¦ã€å„ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¯ setSize ãƒ¡ã‚½ãƒƒãƒ‰ã«ã‚ˆã‚Šè¡¨ç¤ºã‚µã‚¤ã‚ºãŒè¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ thumb, track ã®å„ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¯ protected è¨å®š
ruedap 2010/01/20
as3

customize

component

slider

override

flash
ãƒªãƒ³ã‚¯
Progressionã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã«ã‚¯ãƒ©ã‚¹ã‚’é€£æºã•ã›ã‚‹ â€“ å®‡éƒ½å®®ã‚¦ã‚¨ãƒ–åˆ¶ä½œæ‰€
ã“ã‚“ã«ã¡ã¯ã€‚æœ€è¿‘å¼•ã£è¶Šã—ã¾ã—ãŸãŒå–å¼•å…ˆã«ã¾ã æŒ¨æ‹¶ã‚’æ¸ˆã¾ã›ã¦ã„ãªã„æ£å®—ã§ã™ã€‚å‰å›žã«å¼•ãç¶šãProgressionã®è©±é¡Œã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Progressionã§ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä¸€åˆ‡ä½¿ã‚ãªã„ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚„ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¹ã‚¯ãƒªãƒ—ãƒˆæ´¾ã®ã€Œã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã€ã€ã‚¯ãƒ©ã‚¹ã§ã‚ã—ã‚ã—æ›¸ããŸã„äººå‘ã‘ã®ã€Œã‚¯ãƒ©ã‚¹ã‚¹ã‚¿ã‚¤ãƒ«ã€ãªã©åˆ¶ä½œè€…ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã‚ã‚ã›ãŸã¨ã¦ã‚‚æŸ”è»Ÿãªé–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€ã¨ã€Œã‚¯ãƒ©ã‚¹ã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚’é€£æºã•ã›ãŸé–‹ç™ºæ‰‹æ³•ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« ãã‚‚ãã‚‚ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€ã¨ã€Œã‚¯ãƒ©ã‚¹ã‚¹ã‚¿ã‚¤ãƒ«ã€ã®é€£æºã¨ã¯ãªã‚“ãžã‚„ã¨ã„ã†èª¬æ˜Žã§ã™ãŒã€ã²ã¨ã¤ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ä¸Šã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚¿ãƒ¼ã¯ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚’ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã€Œã‚¯ãƒ©ã‚¹ã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚’ãã‚Œãžã‚Œç”¨ã„ãªãŒã‚‰ã€åŒæ™‚ã«ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’è¡Œãˆãªã„ã‹ã¨è€ƒãˆã¦ã‚ã¿ã ã—ãŸå¿…æ®ºæŠ€ã§ã™ã€‚ P
ruedap 2009/11/30
progression

as3

tips

flash

component
ãƒªãƒ³ã‚¯
Flex ã§ä½¿ãˆã‚‹æ±Žç”¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ | _level0 - KAYAC Front Engineer Blog
Flex ã§ã„ã‚ã„ã‚ä½¿ãˆã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼ˆRichScrollBar.swcï¼‰ã‚’ã¤ãã‚Šã¾ã—ãŸã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸã„ target ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ mask ã¨ãªã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã„ã‚ã‚“ãªã‚‚ã®ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚ ç‰¹å¾´ ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€fla ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç·¨é›†ã™ã‚‹ã“ã¨ã§å¯èƒ½ã€‚ ãƒ»fla ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒœãƒ«ã‚’ Flex ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å¤‰æ›ã§ãã¾ã™ã€‚ ãƒ»mask ã®å¤§ãã•ã«ã‚ã‚ã›ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®ä½ç½®ã‚„é«˜ã•ã‚’è‡ªå‹•ã§ã‚»ãƒƒãƒˆã—ã¾ã™ã€‚ ãƒ»Mac ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«å¯¾å¿œã€‚ï¼ˆMacMouseWheel ä½¿ç”¨ï¼‰ ã€ãƒ‡ãƒ¢ã€‘ ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‘ ãƒã‚°ãŒã‚ã£ãŸã®ã§ä¿®æ£ã—ã¾ã—ãŸã€‚2010/01/07 ã‚ˆã‚Šã‚‚å‰ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸæ–¹ã¯ãŠæ‰‹æ•°ã§ã™ãŒã€å†åº¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚’ãŠããŒã„ã—ã¾ã™ã€‚ Tweener ã¨ MacMouseWheel ã‚’ãã‚Œãžã‚Œåˆ¥é€”ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ ä½¿ã„æ–¹
ruedap 2009/11/12
flex

component

library

flash

scroll

kayac
ãƒªãƒ³ã‚¯
Flash ã®ã‚·ãƒ³ãƒœãƒ«ã‚’ Flex ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã« | _level0 - KAYAC Front Engineer Blog
æµ·è³ŠçŽ‹ã‚’ã‚ã–ã™ç”· ãƒžãƒ„ã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚ Flex ã«ã¯ Flash ã¨ã®é€£æºã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã‚¯ãƒ©ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ»UIMovieClip ãƒ»ContainerMovieClip Flash ã§åŸºæœ¬ã¨ãªã‚‹éƒ¨å“ã‚’ä½œã‚Šã€Adobe ãŒç„¡æ–™ã§æä¾›ã™ã‚‹æ©Ÿèƒ½æ‹¡å¼µã‚’ä½¿ã£ã¦ Flex ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å¤‰æ›ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ Flex Component Kit for Flash CS3 Professional http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex_skins ä½¿ç”¨ä¾‹ 1. Flex Component Kit for Flash CS3 Professional ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ 2. fla ãƒ•ã‚¡ã‚¤ãƒ«ã®å‹•çš„ã‚¢ã‚»ãƒƒãƒˆç”¨ã®ã‚·ãƒ³ãƒœãƒ«ã‚’ä½œæˆã—ã¾ã™ã€‚ Test.fla ã« Circle, Square ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ã‚·ãƒ³ãƒœãƒ«
ruedap 2009/10/15
flash

flex

tips

component

addon

flashcs3

flashcs4

convert
ãƒªãƒ³ã‚¯
Adobe ActionScript 3.0 * FLVPlayback ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä½¿ç”¨
ruedap 2009/09/03
cs4

flash

video

movie

flvplayback

flv

component
ãƒªãƒ³ã‚¯
Flash CS3 ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ Flex SDK (Flex Builder) ã§ä½¿ã† - 2nd life (ç§»è»¢ã—ã¾ã—ãŸ)
Flash CS3 ã«ã¯ã€ãƒœã‚¿ãƒ³ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãã®ä»–æ§˜ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚Flex ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯åˆ©ç”¨ã™ã‚‹ã¨ Flash ã®ã‚µã‚¤ã‚ºãŒè¶…è‚¥å¤§åŒ–ã—ã¦ã—ã¾ã†ãŸã‚ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ã„ãŸã„å ´åˆã€Flex SDK ç‰ã‹ã‚‰ã‚‚ Flash CS3 ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ãˆã‚‹ã¨æ¥½ã«ãªã‚‹ã®ã§ã™ãŒã€ã‚„ã‚Šæ–¹ãŒè¼‰ã£ã¦ã¾ã›ã‚“ã€‚é©å½“ã« Flash CS3 ã® *.swc ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦ã‚‚ catalog.xml ã«ã®ã£ã¦ãªã„ã‚ˆã¨ã‹ã§ã‚¨ãƒ©ãƒ¼ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§èª¿ã¹ã¦ã¿ãŸã‚‰æˆ‘ã‚‰ãŒã‚³ãƒªãƒ³ãƒ»ãƒ ãƒƒã‚¯ãŒ moockblog: How to Use Flash CS3's V3 Components in Flex Builder ã§ã‚„ã‚Šæ–¹ã‚’æ›¸ã„ã¦ã„ãŸã®ã§ç´¹ä»‹ã€‚ä¸€ç•ªç°¡å˜ãª Flash ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å«ã‚€ swc ã‚’ä½œã‚‹ã«ã¯ Flash CS3 ã‚’èµ·å‹•ã—ã€åˆ©ç”¨ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ãƒ‰ãƒ©
ruedap 2009/05/01
tips

actionscript

flash

as3

flex

component
ãƒªãƒ³ã‚¯
1