俺ãŒè€ƒãˆãŸæœ€å¼·ã® Reactã®ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ - Qiita
/* @flow */ import React from "react" import styled from "styled-components" import pure from "recompose/pure" type Props = {| value: string |} export default pure(function Example(props: Props) { const { value } = props return ( <Container> <Value>{value}</Value> </Container> ) }) const Container = styled.div` width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± | Nagisaã®ã™ã‚ã‚
2018å¹´2月6æ—¥ ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± 余り知られã¦ã„ã¾ã›ã‚“㌠Nagisa ã§ã¯ã‚¢ãƒ—リã ã‘ã§ãªã Web ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„サービスもã‚ã‚Šã¾ã™ã€‚マンガZERO ã‚„ UPTOON! ã‚„ 月刊コミックジヘン 辺りãŒãã†ã§ã™ã€‚ 何れも Vue.js ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ SPA ã§ã€ç¤¾å†…・外両方ã‹ã‚‰ “ãªã‚“㧠Vue.js ãªã®?†ã¨ã‹ã‚ˆãèžã‹ã‚Œã¾ã™ã€‚ãã“ã§ã€ä»Šå›žã¯ã©ã†ã—㦠Vue.js ã‚’é¸æŠžã—ãŸã®ã‹ã€Vue.js ã®ä½•ãŒã„ã„ã®ã‹ã€Vue.js ã§é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Vue.js ã‚’å°Žå…¥ã™ã‚‹å‰ã®ãƒžãƒ³ã‚¬ ZERO Web 㯠2.0系㮠Riot ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚今ã‚ã‚‹ SPA ã®ã‚ˆã†ãªå½¢ã§ã¯ãªãサーãƒã‚µã‚¤ãƒ‰ (Go) ã«ã¦ãƒ¡ã‚¿ã‚¿ã‚°ã‚’生æˆã€ç©ºã®ãƒžã‚¦ãƒ³ãƒˆãƒã‚¤ãƒ³ãƒˆ <div id="app"><
「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã€ã®çµ‚焉 | POSTD
元記事ã®è‘—者より：ã“ã®è¨˜äº‹ã¯ä¸»ã«åŒ—米文化ã§ç§ãŒè¦‹ãŸã“ã¨ã‚’åæ˜ ã—ã¦ã„ã¾ã™ã€‚ 誰ã‹ã«è·æ¥ã‚’ãã‹ã‚ŒãŸã‚‰ã€ç§ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã™ã€ã¨ç”ãˆã¾ã™ï¼ˆç”ãˆã¯ç›¸æ‰‹ã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚10å¹´ã‹20å¹´å‰ã¯ã€è‡ªåˆ†ã®ä»•äº‹ã«å¿…然的ã«ä¼´ã†ã‚‚ã®ãŒä½•ãªã®ã‹ã¯ã€ã‹ãªã‚Šæ˜Žçžã§ã—ãŸã€‚インタラクション用ã«HTMLã‚„CSSを書ãã€JavaScriptも多少ã¯æ›¸ã„ã¦ã„ã¾ã—ãŸã€‚駆ã‘出ã—ã®é ƒã€PHPã‚„MySQLã®ä½œæ¥ã«è·å‹™ã®å¤§åŠã‚’費やã—ã¦ã„ãŸã¨ã¯ã„ãˆã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹æ–¹ãŒå¥½ãã§ã™ï¼ˆã“ã‚Œã«é–¢ã—ã¦ã¯ã€å¾Œã«è©³ã—ã説明ã—ã¾ã™ï¼‰ã€‚ã“ã®çŠ¶æ³ã¯ã€2010å¹´ã®åˆé ã«å¤‰ã‚り始ã‚ã¾ã—ãŸã€‚JavaScriptãŒã€é‡è¦ã§ã€éžå¸¸ã«å¤§ããªå˜åœ¨ã«ãªã£ã¦ããŸã®ã§ã™ã€‚昨年ã®åˆã‚é ƒã‹ã‚‰ã€ãŸãã•ã‚“ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ä¼šã†ã‚ˆã†ã«ãªã‚Šã€ã‚ã‚‹ã“ã¨ã«æ°—付ãã¾ã—ãŸã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¯ã€ã‚‚ã¯ã‚„ã€ç§ãŒä»¥å‰ã‹ã‚‰çŸ¥ã£ã¦ã„るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã¯ãª
Frontend de KANPAI! #01 ã«è¡Œã£ã¦ããŸæ„Ÿæƒ³ - ゆã¨ã‚Šæ—¥è¨˜
frokan.connpass.com ブãƒã‚°æž ã§å‚åŠ ã—ã¦ããŸã®ã§ã€ãƒ–ãƒã‚°ã‚’書ã。 å‚åŠ ã—ã¦ã¿ã¦ã®æ„Ÿæƒ³ é¢ç™½ã„話ã¯å¤šã‹ã£ãŸã‘ã©ã€æ¬¡å›žé–‹å‚¬ãŒã‚ã£ã¦ã‚‚ãŸã¶ã‚“è¡Œã‹ãªã„。ç†ç”±ã¯å¾Œè¿°ã€‚ Keynoteã¨LTã«ã¤ã„ã¦ã®æ„Ÿæƒ³ Keynote3本 + LT7本ã¨ã„ã†æ§‹æˆã§ã€åˆè¨ˆã§90分ãらã„ã§ã—ãŸã€‚惹ã‹ã‚Œã‚‹å†…容もã„ãã¤ã‹ã‚ã£ãŸã®ã§ã€æ„Ÿæƒ³ã‚’è¿°ã¹ã¾ã™ã€‚ Keynote ã‚ã¨3年フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã‚„る力 イタリアンレストランã€Webã®å—託会社ã§åƒã„ã¦ããŸäººãŒ30æ³ã§DeNAã«å…¥ã‚Šã€æ™®æ®µã©ã‚“ãªäº‹ã‚’求ã‚られãªãŒã‚‰åƒã„ã¦ã„ã‚‹ã®ã‹ã¨ã„ã†è©±ã‚’èžã„ãŸã€‚「最åˆã«æ±‚ã‚られãŸã®ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ä½œæˆã ã£ãŸã€ã¨ã„ã†è©±ã‚’èžã„ã¦ã€å®Ÿéš›ã«ã©ã†ã„ã†é‹ç”¨ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚’深掘りã—ã¦èžã„ã¦ã¿ãŸã„æ°—æŒã¡ã«ãªã£ãŸã€‚ FrontEnd:DDD - フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã®ã‚³ã‚¢ãƒ‰ãƒ¡ã‚¤ãƒ³ æ—©å£ + 声ãŒå°ã•ãã¦ã€è©±ãŒèžãå–ã‚Œãšã€‚（マイク音声ãŒç¯ã£ã¦ã„ãŸã‚ˆã†ãªæ°—
10å¹´é…ã‚ŒãŸJavaScriptã®çŸ¥è˜ã‚’ã–ã£ãã‚Š10分ã§ã‚¢ãƒƒãƒ—デートã—よã†
ä¹…ã—ã¶ã‚Šã«JavaScriptを勉強ã—よã†ã¨æ€ã£ãŸã‚‰ã€ã™ã£ã‹ã‚Šæµ¦å³¶å¤ªéƒŽçŠ¶æ…‹ã ã£ãŸâ€¦â€¦ãªã‚“ã¦äººã‚‚多ã„ã®ã§ã¯ï¼Ÿ  モダンãªJavaScriptã®çŸ¥è˜ã‚’コンパクトã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ JavaScriptã‚’å–ã‚Šå·»ã環境ãŒã©ã‚“ã©ã‚“変化ã—ã¦ã„ã¾ã™ã€‚æ–°ãŸãªãƒ„ールやフレームワークãŒç”Ÿã¿å‡ºã•ã‚Œã¦ã„ã‚‹ã ã‘ã§ãªãã€è¨€èªžãã®ã‚‚ã®ãŒES2015（ES6）ã®ç™»å ´ã§å¤§ãã変ã‚ã‚Šã¾ã—ãŸã€‚JavaScript開発ã®å¦ç¿’ãŒã„ã‹ã«é›£ã—ã„ã‹æ„šç—´ã‚’ã“ã¼ã™è¨˜äº‹ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ç„¡ç†ã‚‚ãªã„ã“ã¨ã§ã™ã€‚ 本記事ã§ã¯ãƒ¢ãƒ€ãƒ³JavaScriptを紹介ã—ã¾ã™ã€‚JavaScriptã®é€²å±•ã‚’解説ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Webアプリケーションを作るãŸã‚ã«ä½¿ã‚ã‚Œã¦ã„るツールや手法ã®å…¨ä½“åƒã‚’確èªã—ã¾ã™ã€‚JavaScriptã‚’å¦ã³å§‹ã‚ãŸã°ã‹ã‚Šã®äººã‚„ã€ä»¥å‰ã¯ä½¿ã£ã¦ã„ã¦æ•°å¹´é–“離れãŸãŸã‚変化を知りãŸã„人ã¯ãœã²èªã‚“ã§ãã ã•ã„。 Node.jsã«ã¤ã„㦠Node.jsã¯
Railsフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã¨ã“ã‚Œã‹ã‚‰
待望ã•ã‚ŒãŸYarnサãƒãƒ¼ãƒˆã®å…¥ã£ãŸRails5.1ãŒ2017å¹´4月ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Ruby on Rails 5.1 Release Notes — Ruby on Rails Guides ä»–ã«ã‚‚jQueryãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆdependencyã‹ã‚‰å¤–ã•ã‚ŒãŸã‚Šã€Optionalã§webpackサãƒãƒ¼ãƒˆãŒå…¥ã£ãŸã‚Šã—ã¦ãŠã‚Šã€Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å¤§ããªè»¢æ›ç‚¹ã‚’è¿ŽãˆãŸã¨è¨€ã£ã¦ã‚ˆã„ã§ã—ょã†ã€‚本エントリã§ã¯Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã‚’振り返りã€ä»Šå¾Œã©ã†ãªã£ã¦ã„ãã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Disられã¦ããŸRailsフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“スタックã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å°‚æ¥ã¨ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«Disられるもã®ã§ã—ãŸã€‚具体的ã«ã¯ä¸‹è¨˜ã®æŠ€è¡“è¦ç´ ã§ã™ã€‚ jQueryCoffeeScriptAssets Pipeline (sprockets)gemã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã£
Modern JavaScript概観ã€ãã—ã¦Electron㸠| ã•ã«ã‚らãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’作ã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã。 作ã£ãŸã‚µãƒ³ãƒ—ルプãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘を手軽ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„。 taichi/js-boilerplatemaster ブランãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ 㪠JavaScript 開発環境ãŒã‚µãƒ³ãƒ—ルコード付ãã§å…¥ã£ã¦ã„ã‚‹frontend ブランãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–アプリケーション用ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„るデフォルトブランãƒã«ã—ã¦ã‚ã‚‹ electron ブランãƒã«ã¯ã€frontend ブランãƒã®å†…容ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ã¯ã˜ã‚ã«#最近㮠JavaScript ã«ã¤ã„ã¦#僕ã¯ä»•äº‹ã¨ã—㦠JavaScript を書ã„ã¦ã„る訳ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãらã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ールãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚ã©ã¡ã‚‰ã‚‚便利
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰Podcastã¯ã˜ã‚ã¾ã—㟠- Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ï¼ id:amagitakayosi ã§ã™ã€‚ ã¯ã¦ãªãƒ–ãƒã‚°ãƒãƒ¼ãƒ 㧠JavaScript 㨠Perl を書ã„ã¦ã„ã¾ã™ã€‚ 最近ã¯ã¦ãªã§ã¯ Frontend Lunch Podcast ã‚’é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ iTunes: https://itunes.apple.com/jp/podcast/frontend-lunch/id1174199369 RSS: https://hatena.github.io/frontend-lunch/feed.xml (2017-02-07 15:38 追記) Podcasté…信サイトを移転ã—ãŸã®ã§ã€é…ä¿¡URLを変更ã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Podcast を始ã‚ãŸçµŒç·¯ã‚’通ã˜ã¦ã€ã¯ã¦ãªã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ä¼šã®å–り組ã¿ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ä¼šã®ç™ºè¶³ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰MTG フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ©ãƒ³ãƒ Frontend Lunch Pod
ã‚るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®1æ—¥ - Life goes on
Frontrend Advent Calenderã®14日目ã®è¨˜äº‹ã§ã™ã€‚ 風邪引ã„ã¦ã¡ã‚‡ã£ã¨é…ã‚Œã¾ã—ãŸâ€¦ã€‚ 先週ã§ã™ãŒã€æœå¹Œã§SaCSS Special4 Frontrend in Sapporoã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã§è¬›æ¼”ã•ã›ã¦ã„ãŸã ã機会ãŒã‚ã‚Šã¾ã—ãŸã€‚ 自分ã¯"é»’ã„ç”»é¢"ã“ã¨ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚„コマンドã«æ…£ã‚Œã¦ã„ãªã„æ–¹ã«èˆˆå‘³ã‚’æŒã£ã¦ã‚‚らãŠã†ã¨ã„ã†æ„Ÿã˜ã§ã€ãŠè©±ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ターミナルã«èˆˆå‘³ãŒå‡ºã¦ããŸã¨ã“ã‚ã§ã€ã€Œã©ã†ã‚„ã£ã¦ä½œæ¥ã—ã¦ã‚“ã ã‚？ã€ã£ã¦ã„ã†ã®ãŒè¦‹ãªã„ã¨åˆ†ã‹ã‚‰ãªã‹ã£ãŸã‚Šã‚‚ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 自分ã¯æ—¥å¸¸çš„ã«ã‚¿ãƒ¼ãƒŸãƒŠãƒ«å†…ã§ä½œæ¥ã—ã¦ã‚‹ã®ã§ã™ãŒã€ã“ã‚“ãªæ„Ÿã˜ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚る作æ¥ã™ã‚‹ã®ã‹ãªãƒ¼ã¨ã„ã†ä¸€ä¾‹ã¨ã—ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ã‚ãã¾ã§ イメージã§ã™ã€‚ 10:00 出社ã—ã¦iTerm2ã‚’ç«‹ã¡ä¸Šã’る。 tmuxã¨tmuxinatorを使ã£ã¦ã€ãã®æ—¥ã®ä½œæ¥ã«å¯¾å¿œã—ãŸã€paneã¨ã‹windowã¨ã‹æŒ‡å®šã—ã¦ã‚‹
Web Frontend Rendering Performance Knowledge & Tips
YouTube: https://www.youtube.com/watch?v=cBT1Are3jXE HTML5 Conference 2013 http://events.html5j.org/conference/2013/11/ ã§åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚本編45分。 パフォーマンス全般 ( Network, Render, Compute ) ã«ã¤ã„ã¦ã¯ High Performance Web Frontend 2013 秋 https://speakerdeck.com/ahomu/high-performance-web-frontend-2013-qiu ã‚‚ã”å‚考ãã ã•ã„。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Android ã®æ–°ã—ã„Runtime ARTã®è©± - LLVMã¨ã‚³ãƒ³ãƒ‘イラã¨VM
{{#tags}}- {{label}}
{{/tags}}