2014/12/15ã®å‹‰å¼·ä¼šã«ã¦ç™ºè¡¨ã•ã‚ŒãŸè³‡æ–™ã§ã™ã€‚ SCRIPTY#2　～フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç´³å£«ãƒ»æ·‘女ã®ãŸã‚ã®å‹‰å¼·ä¼šï½ž http://scripty.connpass.com/event/10345/Read less
React.js + Flux入門 #scripty02
2014/12/15ã®å‹‰å¼·ä¼šã«ã¦ç™ºè¡¨ã•ã‚ŒãŸè³‡æ–™ã§ã™ã€‚ SCRIPTY#2　～フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç´³å£«ãƒ»æ·‘女ã®ãŸã‚ã®å‹‰å¼·ä¼šï½ž http://scripty.connpass.com/event/10345/Read less
Simplified JavaScript Jargon
If you enjoy Simplified JavaScript Jargon, be sure to check the related projects! A Ajax: a technology for asynchronous HTTP requests AMD: a standard defining how to load JavaScript libraries or modules asynchronously AngularJS: a structural framework for dynamic web apps Apache Cordova: a popular mobile application development framework originally created by Nitobi Arity: the number of arguments
æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã®ç†è§£ãŒæ—ã‚‹Chrome DevToolsã®ä½¿ã„æ–¹ - kitak blog
jQuery系ライブラリã«ã‚ˆã‚‹DOMæ“作ãŒä¸å¿ƒã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŒã£ã¤ã‚Šæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã€‚ ãã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä»–ã®äººã‹ã‚‰å¼•ã継ã„ã コードã§ã€ä¸€å¿œå¼•ã継ãŽæ™‚ã«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã€è¨è¨ˆã€å®Ÿè£…æ–¹é‡ã«ã¤ã„ã¦å…±æœ‰ã‚’å—ã‘ãŸãŒã€ãã‚Œã§ã‚‚ã„ã–手を入れよã†ã¨ã™ã‚‹ã¨è‡ªåˆ†è‡ªèº«ã®ã‚³ãƒ¼ãƒ‰ã®ç†è§£ãŒé€²ã‚“ã§ãŠã‚‰ãšã€Œãˆãƒ¼ã£ã¨...ã€ã¨ãªã£ã¦ã—ã¾ã£ãŸã€‚ 上記以外ã«ã‚‚ã€é•·å¹´ã€å¤šãã®äººãŒè§¦ã‚Œã¦ããŸJavaScriptã®ã‚³ãƒ¼ãƒ‰ã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã€ä¿®æ£ã™ã‚‹ã®ã¯ãªã‹ãªã‹é›£ã—ã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã†ã€‚最åˆã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å‘上ã®ãŸã‚ã«æ›¸ã‹ã‚ŒãŸã‚¹ã‚¯ãƒªãƒ—トãŒã€æ°—ãŒã¤ã‘ã°å¤šæ•°ã®DOMæ“作ã€è‡³ã‚‹æ‰€ã§å®£è¨€ã•ã‚Œã‚‹å¤‰æ•°ã€ã©ã“ã‹ã‚‰å®Ÿè¡Œã•ã‚Œã‚‹ã‹åˆ†ã‹ã‚‰ãªã„関数群ã§ç„¡ç§©åºã«è†¨ã‚Œä¸ŠãŒã‚Šã€é を抱ãˆã‚‹ã“ã¨ã«ãªã‚‹(ãã†ãªã‚‰ãªã„よã†ã«ã™ã‚‹ã®ãŒã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã‚‹ã²ã¨ã¤ã®ç†ç”±ã§ã™ãŒâ€¦)。 ã“れらã®ã‚±ãƒ¼ã‚¹ã§ã¯ã€ã¾ãšã¯ä¿®æ£ã€ã‚ã‚‹ã„ã¯
Emacsã§è‹±å’Œè¾žæ›¸ã‚„和英辞書をã™ãã«å¼•ã‘るよã†ã«ã—ãŸã„ - $shibayu36->blog;
ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ãŸã‚‰ã€ 英語力をå‘上ã•ã›ãŸã„ã®ã§ã¾ãšã¯ Emacs ã‹ã‚‰ã¯ã˜ã‚㟠| Futurismo google-translate.el : ã€è¨å®šãƒ‘ワーアップ】Google翻訳ã§è¨€èªžè‡ªå‹•åˆ¤åˆ¥ã—ã¤ã¤è‹±è¨³ãƒ»å’Œè¨³ã™ã‚‹ï¼ ã¨ã„ã†ã‚ˆã†ãªè¨˜äº‹ã‚’見ã¤ã‘ã¦ã€google-translate.elã¨ã„ã†ã®ã‚’見ã‹ã‘ãŸã®ã§å°Žå…¥ã—ã¦ã¿ãŸã€‚特ã«rubikitchã•ã‚“ã®è¨˜äº‹ã¯è‡ªå‹•ã§æ—¥æœ¬èªžã‹è‹±èªžã‹ã‚’判定ã—ã¦ãれるã®ã§ã€ãã®ã¾ã¾å°Žå…¥ã—ãŸã€‚ 動作 ã‚ーãƒã‚¤ãƒ³ãƒ‰ã¯ã»ã¼ä¸€ã¤ã§ä»¥ä¸‹ã®å‹•ä½œãŒå‡ºæ¥ã¾ã™ã€‚ インストール M-x package-install google-translateã§ã€‚ è¨å®šã™ã‚‹ (require 'google-translate) (require 'google-translate-default-ui) (defvar google-translate-english-chars "[:asc
生ã®Reactを知ã‚ㆠ– JSXã€Fluxã€ES6ã€Webpackを使ã‚ãšâ€¦ | POSTD
(編注：2016/07/29ã€ã„ãŸã ã„ãŸãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã¨ã«è¨˜äº‹ã‚’ä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚) å…è²¬äº‹é …ï¼šã€€ç§ã¯JSXã€Flux〠ES6 ã€ãã—㦠webpack ã‚’éžå¸¸ã«æ°—ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ã“れらã®ãƒ„ールã«ã¤ã„ã¦ã¯ä»–ã®ã‚·ãƒªãƒ¼ã‚ºã§è©±ã—ã¾ã™ã€‚ React.jsãŒé¨’ãŽã‚’èµ·ã“ã—ã¦ã„ã‚‹ã®ã¯ã”å˜çŸ¥ã®é€šã‚Šã§ã™ã€‚確ã‹ã«ã€ XMLHttpRequest 以æ¥ã®è‰¯ã„ツールã§ã™ã€‚ã—ã‹ã—ã€èª¿æŸ»ã«æ•°æ™‚間を費やã—ãŸæŒ™å¥ã€ã‚ã¾ã‚Šã«å¤šãã®ç”¨èªžã« 圧倒ã•ã‚ŒãŸ ã ã‘ã§çµ‚ã‚ã£ã¦ã„ãªã„ã§ã—ょã†ã‹ã€‚JSXã€fluxã€ES6ã€webpackã€react-routerãŒä½¿ãˆã‚‹ä»Šã€ ä»–ã«å¿…è¦ãªã®ã¯ React ã®ä½¿ã„方を説明ã—ã¦ãれる人ã ã‘ã§ã™ã€‚ 喜んã§ãã ã•ã„ã€ãã‚ŒãŒã¾ã•ã«å½“シリーズã§ã‚„ã‚ã†ã¨ã—ã¦ã„ã‚‹ã“ã¨ã§ã™ã€‚ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã‹ï¼Ÿå¤§ä¸ˆå¤«ã€ 2分後〠åˆã‚ã¦ã®Reactアプリを作ã£ãŸå¾Œã«ã¯ç´å¾—ã„ãŸã ã‘ã‚‹ã§ã—ょã†ã€‚何もダウンãƒãƒ¼ãƒ‰ã›ãšã«ã€ã§ã™ã€‚
ãŸã£ãŸã²ã¨ã¤ã®ã€Œãƒ—ッシュ通知ã€ã®æ”¹å–„ã§ã€300万人ãŒã¤ã‹ã†SNSアプリã®ã€KPIãŒå€å¢—ã—ãŸè©±ï¼ˆè«–ç†çš„ã«æ£ã—ã„ã“ã¨ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ãƒ™ã‚¹ãƒˆã¨ã¯é™ã‚‰ãªã„ï¼‰ï½œã‚¢ãƒ—ãƒªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ç ”ç©¶æ‰€
ãŸã£ãŸã²ã¨ã¤ã®ã€Œãƒ—ッシュ通知ã€ã®æ”¹å–„ã§ã€300万人ãŒã¤ã‹ã†SNSアプリã®ã€KPIãŒå€å¢—ã—ãŸè©±ï¼ˆè«–ç†çš„ã«æ£ã—ã„ã“ã¨ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ãƒ™ã‚¹ãƒˆã¨ã¯é™ã‚‰ãªã„） å°‘ã—ã¾ãˆã§ã™ãŒã€NYタイムズã«ã€ŒWishbornã€ã¨ã„ã†ã‚¢ãƒ—リã®ã€ãŠã‚‚ã—ã‚ã„é‹å–¶ã‚¨ãƒ”ソードãŒã®ã£ã¦ã„ãŸã®ã§ã€ç°¡å˜ã«ãƒ¡ãƒ¢ã—ã¦ãŠããŸã„。 è«–ç†çš„ã«æ£ã—ã„ã“ã¨ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ãƒ™ã‚¹ãƒˆã¨ã¯é™ã‚‰ãªã„。「Wishbornã€ã¨ã„ã†ã‚¢ãƒ—リ（「写真投票SNSã€ã¨ã„ã†æ„Ÿã˜ï¼‰ã§ã¯ã€MAU 300万人ã„ã¦ã€è‹¥ã„ユーザーãŸã¡ã«ã¤ã‹ã‚ã‚Œã¦ã„る。 ã“ã®ã€ŒWishbornã€ã‚’ã¤ãã£ã¦ã„ã‚‹ã€ãŠã˜ã•ã‚“開発者ãŸã¡ã¯ã€ã“ã†è€ƒãˆã¦ã„ãŸã€‚「ã‚ã¾ã‚Šã«ãŸãã•ã‚“ã€ãƒ—ッシュ通知ãŒãã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã€ ã“ã‚Œã¯è«–ç†çš„ã«æ£ã—ã„ã®ã ã‘ã©ã€å®Ÿã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãã†ã¯æ€ã£ã¦ã„ãªãã¦ã€‚「プッシュ通知をãƒãƒ©ãƒãƒ©ã«ã€ã™ã¹ã¦é€šçŸ¥ã—ã¦ã»ã—ã„ã€ã¨è€ƒãˆã¦ã„ãŸã€‚ スマホãƒã‚¤ãƒ†ã‚£ãƒ–ãŸã¡ã«ã¨ã£ã¦ã€ã€Œã„ã„ããŒã¤ãã¾
Reactã®è€ƒãˆæ–¹ | React 0.13 日本語リファレンス | js STUDIO
ã“ã‚Œã¯ã€å…ƒã¯Reactã®å…¬å¼ãƒ–ãƒã‚°ã¸æŠ•ç¨¿ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ 個人的ãªè¦‹è§£ã«ãªã‚Šã¾ã™ãŒã€Reactã¯JavaScriptを使用ã—ãŸå¤§è¦æ¨¡ã§é«˜é€ŸãªWebアプリケーションを開発ã™ã‚‹ã€ 最も優れãŸæ–¹æ³•ã§ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã€Facebookã¨Instagramã«ãŠã„ã¦ã€æˆ‘々ã«ã¨ã£ã¦è‰¯ã„çµæžœã‚’ã‚‚ãŸã‚‰ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ Reactã®å„ªã‚ŒãŸç‚¹ã®1ã¤ã«ã€ã‚¢ãƒ—リケーションã®æ§‹ç¯‰ã‚’ã€ã©ã®ã‚ˆã†ã«è€ƒãˆã•ã›ã‚‹ã‹ã¨ã„ã†äº‹ãŒæŒ™ã’られã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€Reactを使用ã—ãŸæ¤œç´¢å¯èƒ½ãªå•†å“データã®ãƒ†ãƒ¼ãƒ–ルを構築ã™ã‚‹éŽç¨‹ã‚’通ã—ã¦ã€å¦ã‚“ã§ã„ãã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ¢ãƒƒã‚¯ä½œã‚Šã‹ã‚‰ ステップ1: UIをコンãƒãƒ¼ãƒãƒ³ãƒˆéšŽå±¤ã«åˆ†å‰² ステップ2: Reactã®é™çš„版ã®æ§‹ç¯‰ ステップ3: UIステートã®å¿…è¦æœ€å°é™æ§‹æˆ ステップ4: ステートを使用ã™ã‚‹ã¹ãå ´æ‰€ã®ç‰¹å®š ステップ5: 別(逆)データフãƒãƒ¼ã®è¿½åŠ 最後㫠ã¾ãšã¯ã€ãƒ¢ãƒƒã‚¯ä½œã‚Šã‹
jQuery + Flux ã¨ã„ã†é¸æŠžè‚¢ - peroli Developer's Blog
2016 - 05 - 27 jQuery + Flux ã¨ã„ã†é¸æŠžè‚¢ JavaScript Front-End ã“ã‚“ã«ã¡ã¯ã€ SKAhack ã§ã™ã€‚普段ã¯MERYã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’主ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ 今回ã¯MERYã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ jQuery + Flux ã¨ã„ã†æ§‹æˆã‚’紹介ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœReactã§ã¯ãªã jQuery ㋠普通ã¯React + Fluxã§èªžã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€MERYã§ã¯ JavaScript 㮠ソースコード ã®å¤§åŠãŒ jQuery ã«ä¾å˜ã—ã¦ãŠã‚Šã€ç°¡å˜ã«ã¯ jQuery ã‚’æ¨ã¦ã‚‰ã‚Œãªã„状態ã§ã™ã€‚ ã¾ãŸã€Viewã®å¤‰æ›´ã‚’ã™ã‚‹ï¼’ã¤ã®ãƒ©ã‚¤ãƒ–ラリを å…±å˜ ã•ã›ã‚‹ã®ã‚‚良ããªã„ã§ã™ã—ã€MERYã®ã‚µãƒ¼ãƒ“ス特性上ã€ç¾æ™‚点ã§1ç”»é¢ã‚’é »ç¹ã«æ›¸ãæ›ãˆã‚‹ã‚ˆã†ãªå‡¦ç†ã¯å°‘ãªã„ã“ã¨ã€ReactãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„IE8ãªã©å¤ã„ブラウザもサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã¨ã„
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}