スマホをテレビ化ã™ã‚‹nasne連æºã‚¢ãƒ—リ「torne mobileã€
React 雑感 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 3/22 (æ—¥) ã® rebuild.fm 㧠React ã®è©±ã‚’ã—よã†ã¨æ€ã£ã¦ã„ã‚‹ãŒã€ãã®å‰ã«é ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã« React 雑感。雑感ãªã®ã§æ®´ã‚Šæ›¸ã。 React ã¯ã“れ一ã¤ã§è¤‡æ•°ã®èª²é¡Œã‚’解決ã—よã†ã¨ã—ã¦ã„る。ãã®ãŸã‚ã€äººã¨è°è«–ã—ã¦ã‚‹ã¨è©±ã®ã‚³ãƒ³ãƒ†ã‚ストãŒã¶ã‚Œã‚„ã™ã„。ã–ã£ãり㯠フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ‘ラダイムをã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚ˆã†ãªå¯Œè±ªçš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã«å¤‰ãˆã‚‹ コンãƒãƒ¼ãƒãƒ³ãƒˆ (雑ã«è¨€ã†ã¨ç‹¬è‡ªã‚¿ã‚°) 指å‘㧠UI を組ã¿ç«‹ã¦ã‚‹ ステートレスコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„メッセージパッシングã§ç–Žçµåˆæ€§ã‚’高ã‚ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ã‚¤ãƒ™ãƒ³ãƒˆã®ä¾å˜é–¢ä¿‚地ç„
RxJavaçš„ãªã‚‚ã®ã‚’最å°é™ã«å®Ÿè£…ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é–¢ä¿‚ã‚’ç†è§£ã™ã‚‹ - Qiita
社内ã®RxJava勉強会用ã®è³‡æ–™ã§ã™ã€‚ 軽ãã€ã»ã‚“ã®è»½ãRxJavaã®ã‚µãƒ–セットを20è¡Œã»ã©ã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ https://github.com/gfx/RxInTheBox æ¦‚è¦ RxJavaã¯Promiseçš„ãªã‚‚ã®ã§ã€é€£ç¶šã—ãŸã€Œã‚¤ãƒ™ãƒ³ãƒˆã®ç™ºç”Ÿ / 値ã®ç”Ÿæˆã€ã‚’扱ãˆã‚‹ã‚ˆã†ã«ã—ãŸã‚‚ã® Observableã¯ã€Œã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„状態 / 値ã®ç”Ÿæˆä¸ã€ã¨ã„ã†çŠ¶æ…‹ã‚’表ã™ã‚ªãƒ–ジェクト OnSubscribeã¯Observableã®ä¸èº«ã§ã€ã€Œã‚¤ãƒ™ãƒ³ãƒˆã®ç™ºç”Ÿ / 値ã®ç”Ÿæˆã€ã‚’Observableã«é€šçŸ¥ã™ã‚‹ãŸã‚ã®ã‚ªãƒ–ジェクト Subscriberã¯Observableã‹ã‚‰ã€Œç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆ / 生æˆã•ã‚ŒãŸå€¤ã€ã‚’å—ã‘å–るコールãƒãƒƒã‚¯ RxJavaã®æ‰ãˆæ–¹ ã¾ãšRxJavaã§ã™ãŒã€ã„ãã¤ã‹ã®æ‰ãˆæ–¹ãŒã‚ã‚Šã¾ã™ã€‚ リスト処ç†ã®æŠ½è±¡åŒ–・ストリーム化 Optionalçš„ãªä½•ã‹ Promiseçš„ãªä½•
今回ã¯ã€Œå®¶æ—ã€ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ï½žIIJmio2015年春ã®ã‚µãƒ¼ãƒ“ス改訂
2015年春ã®ã‚µãƒ¼ãƒ“ス改訂ã®ã‚ーワード 今月ã«å…¥ã£ã¦ã‹ã‚‰3連続ã§ç™ºè¡¨ã—ãŸã€IIJmioã®ã‚µãƒ¼ãƒ“ス改訂。ãã‚Œãžã‚Œãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã§å–り上ã’ã¦ã„ãŸã ãã¾ã—ãŸãŒã€ã”覧ã„ãŸã ã‘ãŸã§ã—ょã†ã‹ï¼Ÿ 「IIJmio高速モãƒã‚¤ãƒ«/Dサービスã€ã®ãƒ•ã‚¡ãƒŸãƒªãƒ¼ã‚·ã‚§ã‚¢ãƒ—ランã«ãŠã„ã¦è¿½åŠ SIMカードã®MNP転入ã¸ã®å¯¾å¿œã‚’開始 (プレスリリース) IIJã€ã€ŒIIJmio高速モãƒã‚¤ãƒ«/Dサービスã€ã«ãŠã„ã¦é«˜é€Ÿé€šä¿¡ç”¨ã®ãƒ‡ãƒ¼ã‚¿é‡ã‚’å¢—é‡ (プレスリリース) IIJã€MVNOæ¥ç•Œåˆã¨ãªã‚‹ã€Œãƒ•ã‚¡ãƒŸãƒªãƒ¼é€šè©±å‰²å¼•ã€ã‚’æ供開始。 åŒæ™‚㫠「ã¿ãŠãµã‰ã‚“ダイアルã€ã‚’æ供開始–家æ—é–“ã®é€šè©±æ–™ã‚’最大60%割り引ã– (プレスリリース) ã“れらã®ã‚µãƒ¼ãƒ“ス改訂ã¯ã€ã‚‚ã¡ã‚ã‚“ã™ã¹ã¦ã®æ–¹ã«ã”利用ã„ãŸã ã‘ã‚‹ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ä»Šå›žã®ä¸‰ã¤ã®æ”¹è¨‚ã«ã¯ã€Œå®¶æ—ã€ã¨ã„ã†ã‚ーワードãŒå…±é€šã—ã¦ã„ã¾ã™ã€‚今回ã®ã¦ãã‚ãã§ã¯ã€Œå®¶æ—ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã“れらã®æ”¹è¨‚ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™
クリティカルCSSã®å‹•çš„ãªã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–
Inlining critical CSS for first-time visitsã¨ã„ã†ã€ã‚¯ãƒªãƒ†ã‚£ã‚«ãƒ«CSSã‚’åˆå›žè¨ªå•æ™‚ã®ã¿ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«å±•é–‹ã—ã¦ã€ãã®å¾Œã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–ã›ãšäºˆã‚ã‚ャッシュã•ã›ã¦ãŠã„ãŸãƒ•ãƒ«ã‚»ãƒƒãƒˆã®CSSを使ã†ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’èªã‚“ã 。実装ã¯ã¨ã‚‚ã‹ãã€ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã¨ã—ã¦æˆç«‹ã—ã¦ã„ãªã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã€‚ クリティカルCSSをインライン化ã™ã‚‹ã“ã¨ã®ãƒ¡ãƒªãƒƒãƒˆã¯æ—¢ã«å¤šãã®ã‚¦ã‚§ãƒ–サイトã§ã‚‚å–り上ã’られã¦ãŠã‚Šã€ã‚‚ã¡ã‚ã‚“ãƒã‚¿å…ƒã®Google PageSpeedã§ã‚‚é …ãŒå‰²ã‹ã‚Œã¦ã„る。ã“ã“ã§ã¯ç‰¹ã«è§¦ã‚Œãªã„ãŒã€æç”»é ˜åŸŸã®å¤§ãã•ã«ã‹ã‹ã‚らãšåˆæœŸæç”»ã®é«˜é€ŸåŒ–ã«ã¯å¤§ããªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨ã¯è¨€ãˆã‚‹ã ã‚ã†ã€‚上記リンク先ã®è¨˜äº‹ã§ã¯ãれを動的ã«è¡Œã†ã“ã¨ã§ã€2度目以é™ã®è¨ªå•ã®æ™‚ã«ã¯ã‚ャッシュ済ã¿ã§ã‚るフルセットã®CSSを使ã‚ã›ã‚‹ã‚ˆã†ã«ã—ã€åŠ¹çŽ‡çš„ãªã‚ャッシュé‹ç”¨ã¨ä¿å®ˆæ€§ã‚’実ç¾ã™ã‚‹å®Ÿè£…ã«ã¤ã„ã¦è§£èª¬ã•ã‚Œã¦
入門 React
FacebookãŒé–‹ç™ºã—ãŸJavaScriptライブラリ「Reactã€ã®è§£èª¬æ›¸ã€‚本書ã§ã¯ã€ã‚µãƒ³ãƒ—ルアプリケーションを用ã„ã¦React.jsã®ã™ã¹ã¦ã®å´é¢ã‚’解説ã—ã¾ã™ã€‚「第I部 基礎ã€ã§Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã¨åˆæˆã‚’å¦ã³ã€Reactã®åŸºæœ¬çš„ãªä½¿ã„方をç†è§£ã—ã¾ã™ã€‚「第II部 応用ã€ã§ã¯ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä½œæˆã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚「第III部 ツールã€ã§ã¯Reactã¨å…±ã«ä½¿ç”¨ã—ã¦å …牢ãªã‚¢ãƒ—リケーションを実装ã™ã‚‹ãŸã‚ã®ãƒ„ールã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚最後ã®ã€Œç¬¬IV部 実践ã€ã§ã¯å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーション開発ã«å¿…è¦ãªçŸ¥è˜ã‚„Web以外ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚èªè€…ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®æœ€æ–°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¤ã„ã¦ã®ä½“系的ãªçŸ¥è˜ã¨æŠ€è¡“を身ã«ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚日本語翻訳版ã®æœ¬æ›¸ã§ã¯Reactã®é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰æ‰‹é †ã¨APIリファレンスを巻末付録ã¨ã—ã¦åŽéŒ²ã€‚ 目次 ã¾ãˆãŒã 第I部　基礎
完璧ãªJavaScriptフレームワークを求ã‚㦠Part 1 | POSTD
最近ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ã€å¤šãã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークやライブラリãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ãŸã ã—玉石混淆ã§ã€è‰¯ã„物もã‚ã‚Œã°æ‚ªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªã‚ã‘ã§å¤šãã®å ´åˆã€ç§ãŸã¡ã¯ç‰¹å®šã®ã‚³ãƒ³ã‚»ãƒ—トやモジュールã¾ãŸã¯æ§‹æ–‡ã«å‚¾å€’ã—ãŒã¡ã§ã™ã€‚ã§ã‚‚ã€ãã‚ŒãŒä¸‡èƒ½ã‹ã¨è¨€ã†ã¨ãã†ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。ã“ã®æŠ•ç¨¿ã§ã¯ã€å°†æ¥çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ã¤ã¾ã‚Šã¾ã å˜åœ¨ã—ã¦ã„ãªã„フレームワークã«ã¤ã„ã¦è©±ã‚’ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ç¾çŠ¶ã§åˆ©ç”¨å¯èƒ½ãªJavaScriptフレームワークã®åˆ©ç‚¹ã‚„æ¬ ç‚¹ã‚’ã¾ã¨ã‚ã¦ã€å®Œç’§ãªã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ€ã„æã„ã¦ã¿ã¾ã—ょã†ã€‚ 抽象化ã¯å±é™º ç§ãŸã¡ã¯ã‚·ãƒ³ãƒ—ルãªãƒ„ールãŒå¥½ãã§ã™ã‚ˆã。複雑ã•ã¯ã‚ã‚‹æ„味ã€å‘½å–ã‚Šã§ã™ã€‚作æ¥ãŒé›£ã—ããªã‚Šã€ä¸€å®šæ™‚間内ã§å¤šãã®ã“ã¨ã‚’覚ãˆãªã‘ã‚Œã°ãªã‚‰ãªããªã‚‹ï¼ˆæ€¥å‹¾é…ã®å¦ç¿’曲線ãŒæ±‚ã‚られる）よã†ãªã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚プãƒã‚°ãƒ©ãƒžã¯ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ã¾ã§æ°—も休ã¾ã‚‰ãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚複雑ãªã‚·ã‚¹ãƒ†ãƒ ã§ä½œæ¥ã‚’ã™
material-fluxã¨ã„ã†FluxライブラリをREADME駆動ã§é–‹ç™ºã—ãŸ
material-fluxã¨ã„ã†Fluxアーã‚テクãƒãƒ£ã®å®Ÿè£…ライブラリを書ãã¾ã—ãŸã€‚ Fluxã£ã¦ä½•?ã¨æ€ã†äººã¯ä»¥ä¸‹ãªã©ã‚’見るã¨è‰¯ã•ãã†ãªæ°—ãŒã—ã¾ã™ã€‚ React: Flux Architecture - Video Tutorial Series @eggheadio Fluxã¨ã¯ãªã‚“ã ã£ãŸã®ã‹ + misc at 2014 - snyk_s log Fluxアーã‚テクãƒãƒ£ã®è¦šãˆæ›¸ãを書ã„㟠- snyk_s log The Flux Quick Start Guide Getting To Know Flux, the React.js Architecture ♥ Scotch What the Flux? (On Flux, DDD, and CQRS) — Jack Hsu ãªãœä½œã£ãŸã‹ IDE readable(machine readable)ãªãƒ©ã‚¤ãƒ–ラリãŒæ¬²ã—ã‹ã£ãŸã®ãŒã²ã¨
Babel 㧠IE8 対応ã™ã‚‹åœ°ç„ - Qiita
IE8 対応ãŒå¿…è¦ãª JavaScript ã« Babel (+ webpack) を使ã£ã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ç´ ç›´ã«æ›¸ãã¨å‹•ã‹ãªã„ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã¨ã‚る事情ã«ã‚ˆã‚Š Polyfill ã‚‚å¶ã‚ãªã„環境を想定ã—ã¦ã„る。 大体ã“ã‚Œã¨åŒã˜å†…容: Caveats · Babel class を使ã†ãŸã‚ã«ã¯ãƒ»ãƒ»ãƒ» class を使ã£ãŸã‚³ãƒ¼ãƒ‰ã‚’ Babel ã«å¤‰æ›ã•ã›ã‚‹ã¨ Object.defineProperties を使ã£ã¦ class 相当を実ç¾ã•ã›ã‚ˆã†ã¨ã™ã‚‹ã€‚ã—ã‹ã—ã€IE8 以下ã®å¤ã„ IE ã«ã¯ Object.defineProperties ãŒç„¡ã„ãŸã‚ã€ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã€‚ IE8 ã§ã‚‚ class ãŒä½¿ã„ãŸã„ã¨ãã¯ã€loose mode ã® es6.classes を使ã†:
サブスタックãŒFetchã®ä»•æ§˜ã«ã¤ã„ã¦ã‚¬ãƒã‚®ãƒ¬ã—ã¦ã‚‹ã®ã§ã¾ã¨ã‚ãŸ.md
サブスタックãŒFetchã®ä»•æ§˜ã«ã¤ã„ã¦ã‚¬ãƒã‚®ãƒ¬ã—ã¦ã‚‹ã®ã§ã¾ã¨ã‚ãŸ.md Fetch APIã€ã“ã‚Œå‰ã«æˆ»ã£ã¦ã‚‹ã ã‚ã€chunk化ã™ã‚‹äº‹ã‚‚ã§ããªã„ã—ã€å…¨ã¦bufferã—ã¡ã‚ƒã†ã˜ã‚ƒã‚“ Fetch APIãŸã ã®TrendyãªAPIã£ã½ã見ã›ã¦ã‚‹ã ã‘ã§ä¸Šè¾ºã ã‘変ã‚ã£ã¦ä½•ã‚‚æ–°ã—ã„事ãªã„ incrementalãªchunkã«åŸºã¥ã全二é‡é€šä¿¡å¯èƒ½ãª(full duplex)httpãŒã‚ã‚Œã°ã€streamã§ãれをã¾ã¨ã‚られるã®ã« @domenic ã“ã®ã‚´ãƒŸã¿ãŸã„ãªAPIãŒã©ã“ã‹ã‚‰æ¥ãŸã®ã‹åˆ†ã‹ã‚‹ï¼Ÿãã‚“ã§ãªã‚“ã§å…¨éƒ¨ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒãƒƒãƒ•ã‚¡ã—ã¡ã‚ƒã†ã®ï¼Ÿ @substack response.json()ã¨response.body() ã¯streamã«ã™ã‚‹äºˆå®šã ã‹ã‚‰ã€ã‚‚ã†å°‘ã—å¾…ã£ã¦ã‚ˆã€ã€ã€ @domenic ãªã‚“ã§ãん㪠.json ã¨ã‹ .bodyã¿ãŸã„ãªã®ãŒã„ã‚‹ã®ï¼Ÿ textã¯ã©ã†ãªã£ãŸã®ä¸€ç•ªçµ±ä¸€ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹
HTTP2 for front-end web developers | en.ja Article
CreditThis article is translated with permission of Matt Wilcox. You can find original article at HTTP2 for front-end web developers.本記事ã¯Matt Wilcoxæ°ã®äº†æ‰¿ã‚’å¾—ã¦ç¿»è¨³ã•ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚ 原文ã¯HTTP2 for front-end web developersã«ã¦æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚HTTP2ã¯æˆ‘々開発者ã®Webサイト作æˆã®å¸¸è˜ã‚’変ãˆã‚‹ã ã‚ã†ã€‚HTTP1ã«ãŠã‘るベストプラクティスã¯HTTP2ã®ä¸–ç•Œã§ã¯å®³ã«ãªã£ã¦ã—ã¾ã†ã€‚ HTTP1ã¯ä»Šæ—¥ã«ãŠã‘ã‚‹Webã®å¤§åŠã«ãŠã„ã¦é…ãéžåŠ¹çŽ‡ã§ã‚ã‚‹HTTP1.xã¯ç§é”ãŒæœ€ã‚‚慣れ親ã—ã‚“ã§ã„ã‚‹HTTPã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã 。HTTP1.xã¯ã€ãƒ¯ãƒ¼ãƒ«ãƒ‰ãƒ¯ã‚¤ãƒ‰ã‚¦ã‚§ãƒ–ãŒã©ã®ã‚ˆã†ã«ãªã‚‹ã‹äºˆæƒ³ã§ããªã‹ã£ãŸã¨ãã«è¨è¨ˆã•ã‚ŒãŸå¤ã„プãƒãƒˆã‚³ãƒ«
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}