[B! facebook] marooonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

marooon id:marooon

facebookã«é–¢ã™ã‚‹marooonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

å…¥é–€ React.js ãã®ï¼“ Hello world!ã—ã¦ã¿ã‚ˆã† | JavaScript Journal
marooon 2015/04/08
react.js

javascript

facebook

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

js

web
ãƒªãƒ³ã‚¯
å…¥é–€ React.js ãã®2 JSXã«ã¤ã„ã¦ | JavaScript Journal
å…¥é–€ React.js ãã®ï¼’ JSXã«ã¤ã„ã¦ Reactã§ã¯JSXã¨ã„ã†HTMLã«ã‚ˆãä¼¼ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžãŒã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ä½¿ç”¨ã§ãã¾ã™ã€‚ JSXã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ä»¥ä¸‹ã®åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ HTMLã¨åŒæ§˜ã®æ–¹æ³•ã§è¦ç´ ã®ãƒ„ãƒªãƒ¼ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã‚‹ æ„å‘³ã®ã‚ã‹ã‚Šã‚„ã™ã„ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªè¨˜è¿°ãŒã§ãã‚‹ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹é€ ãŒå¯è¦–åŒ–ã§ãã‚‹ Reactã®å†…éƒ¨è¡¨ç¾ãŒæŠ½è±¡åŒ–ã•ã‚Œã‚‹ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨ãã‚Œã‚’ç”Ÿæˆã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒä¸€ç®‡æ‰€ã«ã¾ã¨ã¾ã‚‹ æœ€å¾Œã«JavaScriptã«å¤‰æ›ã•ã‚Œã‚‹ JSXã¨ã¯ï¼Ÿ JSXã¯JavaScript XMLã®ç•¥ã§ã‚ã‚Šã€Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå†…ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã‚’è¨˜è¿°ã™ã‚‹ãŸã‚ã®XMLé¢¨ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã§ã™ã€‚ React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello!') JSXã§ã¯ã€ã“ã‚Œã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Š
marooon 2015/04/07
react.js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

facebook

javascript

jsx

js
ãƒªãƒ³ã‚¯
å…¥é–€ React.js ãã®ï¼‘ | JavaScript Journal
http://facebook.github.io/react/ React.jsã¯ç¾åœ¨æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹Facebookè£½ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã„ã†Viewã«ã‚ãŸã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã«ã¯ã€ç‰¹å¾´ã¨ã—ã¦ä»¥ä¸‹ã®3ã¤ãŒæŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ JUST THE UI MVCã®Viewã§ã‚ã‚Šã€æ—¢å˜ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨å®¹æ˜“ã«çµåˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ VIRTUAL DOM DOMã‚’æ¨¡ã—ãŸä¸é–“ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚ã‚‰ã‹ã˜ã‚ç”Ÿæˆã—ã€æ›´æ–°å·®åˆ†ã®ã¿ã‚’æœ¬ç‰©ã®DOMã«åæ˜ ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒã‚¤ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å®Ÿç¾ã—ã¾ã™ã€‚ DATA FLOW ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã‚’ä¸€æ–¹å‘ã«ä¿ã¡ã€ãƒ‡ãƒ¼ã‚¿ã¨ç”»é¢ï¼ˆDOMï¼‰ã®å¯¾å¿œã‚’ã‚’å®£è¨€çš„ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€å¯èªæ€§ã‚’å‘ä¸Šã•ã›ã¾ã™ã€‚ ä»Šå¾Œã€è©³ã—ã„ä½¿ã„æ–¹ã«ã¤ã„ã¦ä¸€ã¤ãšã¤èª¬æ˜Žã‚’ã—ã¦ã„ãã¾ã™ã€‚ æ¬¡å›žã¯JSXã«ã¤ã„ã¦ã€‚ å…¥é–€ React.js ãã®ï¼’ JSXã«ã¤ã„ã¦ å…¥é–€ React.js
marooon 2015/04/06
facebook

react.js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript
ãƒªãƒ³ã‚¯
Facebookãƒšãƒ¼ã‚¸åˆ©ç”¨è¦ç´„ | Facebook
ã¯ã˜ã‚ã«ä»¥ä¸‹ã®è¦å®šã€ãªã‚‰ã³ã«ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£è¦å®šãŠã‚ˆã³åˆ©ç”¨è¦ç´„ã¯ã€ãƒšãƒ¼ã‚¸ã€ã‚°ãƒ«ãƒ¼ãƒ—ãŠã‚ˆã³ã‚¤ãƒ™ãƒ³ãƒˆã®ä½œæˆè€…ã¨ç®¡ç†è€…ã«é©ç”¨ã•ã‚Œã¾ã™ã€‚å¼Šç¤¾ã®ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç”¨æ–¹æ³•ã«ã‚ˆã£ã¦ã¯ã€é–‹ç™ºè€…ãƒãƒªã‚·ãƒ¼ã‚’å«ã‚€ãã®ä»–ã®åˆ©ç”¨è¦ç´„ã¨ãƒãƒªã‚·ãƒ¼ã‚‚é©ç”¨ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã“ã¨ã«æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ãƒšãƒ¼ã‚¸ã€ã‚°ãƒ«ãƒ¼ãƒ—ãŠã‚ˆã³ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€å…±é€šã®è¶£å‘³ãƒ»é–¢å¿ƒã‚’æŒã¤ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§å½¹ã«ç«‹ã¡ã¾ã™ã€‚ç®¡ç†è€…ã¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ãƒªãƒ¼ãƒ€ãƒ¼ã€ä»£è¡¨è€…ãŠã‚ˆã³ã¾ã¨ã‚å½¹ã‚’å‹™ã‚ã¾ã™ã€‚ç®¡ç†è€…ã«ã¯ã€è‡ªåˆ†ã®ä¸»å¼µã‚’æœ¬å¿ƒã«å½ã‚Šãªãè¡¨ç¾ã—ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®å®‰å…¨ã¨å¿ƒèº«ã®å¥åº·ã‚’å®ˆã‚‹ã“ã¨ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ ç®¡ç†è€…ãŒãƒãƒªã‚·ãƒ¼ã«é•åã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã—ãŸ(ã¾ãŸã¯ã€ã‚°ãƒ«ãƒ¼ãƒ—ã®ç®¡ç†è€…ã¾ãŸã¯ãƒ¢ãƒ‡ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã€ãã®ä»–ã®äººã«ã‚ˆã‚‹é•åã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ‰¿èªã—ãŸ)å ´åˆã€å¼Šç¤¾ã¯ã€å½“è©²ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã€ã‚°ãƒ«ãƒ¼ãƒ—ã¾ãŸã¯ã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦æŽªç½®ã‚’è¬›ã˜ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒŸãƒ¥ãƒ‹
marooon 2011/05/24
facebook

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Facebookã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦Facebookãƒšãƒ¼ã‚¸ã«å¤–éƒ¨ã‹ã‚‰æŠ•ç¨¿ã—ã¦ã¿ãŸ - Web marooon
https://graph.facebook.com/oauth/authorize?client_id=ã‚¢ãƒ—ãƒªID&redirect_uri=ç™»éŒ²ã—ãŸãƒ‰ãƒ¡ã‚¤ãƒ³ã®é©å½“ãªã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯URL&scope=offline_access,publish_stream,user_status,read_stream,status_update,manage_pages
marooon 2011/02/23
facebook

app
ãƒªãƒ³ã‚¯
Facebook APIã‚’å©ã„ã¦ã¿ã‚‹ - ã™ãŽã‚ƒãƒ¼ã‚“ãƒ¡ãƒ¢
ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜ã®è¨˜äº‹ã®å½±éŸ¿ã‹ã€è‡ªåˆ†ã®ã¾ã‚ã‚Šã§Facebookã‚„ã‚Šå§‹ã‚ã‚‹äººãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã‚“ã‹é¢ç™½ã„ã“ã¨ã§ããªã„ã‹ãªãƒ¼ã¨æ‰‹å§‹ã‚ã«Facebook APIã‚’ä½¿ã£ã¦å…¨è£¸botçš„ãªä½•ã‹ã‚’ä½œã£ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã£ã¦ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã€ä½¿ã„æ–¹ãªã©ã¯ã“ã“ã‚’å‚ç…§ã€‚ Facebook Developer Documentation - é–‹ç™ºè€…å‘ã‘Facebook Perlã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯WWW::Facebook::APIã£ã¦ã®ãŒã‚ã£ãŸã®ã ã‘ã©ä½¿ã„æ–¹ãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§Facebook::Graphã£ã¦ã®ã‚’ã¤ã‹ã£ã¦ã¿ã¾ã—ãŸã€‚ http://search.cpan.org/~rizen/Facebook-Graph-0.0705/lib/Facebook/Graph.pm ã¾ãšã¯ã‚¢ãƒ—ãƒªã®ç™»éŒ²ã‹ã‚‰ã§ã™ãã€‚ ã“ã®ã¸ã‚“ã‹ã‚‰ã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã¨å…¥åŠ›ã—ã¦ã‚¢ãƒ—ãƒªã‚’ç™»éŒ²ã—ã¾ã™ã€‚ Applicat
marooon 2011/01/26
facebook

api

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
1