E2Eフレームワークを触ã£ã¦ã€ç‰¹å¾´ã‚’紹介ã™ã‚‹
JavaScriptã®E2Eフレームワークを触ã£ã¦ã¿ã‚‹
E2Eフレームワークを触ã£ã¦ã€ç‰¹å¾´ã‚’紹介ã™ã‚‹
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«æ„è˜ã—ã¦ã»ã—ã„10ã®ã“ã¨ï½œPittan｜note
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¯æ—¥ã€…å”力ã—ã¦ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’作ã£ã¦ã„ã関係ã«ã‚ã‚Šã¾ã™ã€‚デザイナーã•ã‚“ãŒä½œã£ã¦ãã‚ŒãŸã‚‚ã®ã‚’エンジニアãŒç´ æ—©ã実ç¾ã§ãるよã†ã€ã„ãã¤ã‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰æ„è˜ã—ã¦ã»ã—ã„ã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãªã‚“ã§ã“ã‚“ãªè©±ã«ãªã£ãŸã®ã‹ï¼ˆå‰ç½®ããªã®ã§æ¬¡ã®ç« ã¾ã§é£›ã°ã—ã¦OKã§ã™ï¼‰ デザイナーã•ã‚“ã‹ã‚‰ã€Œã“ã®ç”»é¢ã‚’ã“ã‚“ãªé¢¨ã«ä½œã£ã¦ãã ã•ã„ã€ã¨XDã‚„Sketchã€PSDãªã©ã„ã‚ã„ã‚ãªå½¢ã§æ¸¡ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 僕ã®å€‹äººçš„ãªæ„見・経験ã§ã™ãŒã€ã„ã–実装ã™ã‚‹ãžã¨ãªã£ãŸã¨ã㫠「ã‚れ…ã“ã“ã£ã¦ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã ã‚ã†ï¼Ÿã€ ã¨è¿·ã£ã¦ä½œæ¥ã®ã‚¹ãƒ”ードãŒè½ã¡ã¦ã—ã¾ã†ã“ã¨ãŒã¨ã¦ã‚‚ストレスã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ã§ãã‚Œã°ãƒŽãƒ³ã‚¹ãƒˆãƒƒãƒ—ã§ã„ããŸã„ãªã‚ã¨æ€ã†ã‚ã‘ã§ã™ã€‚ 手ãŒæ¢ã¾ã‚‹ãŸã³ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã€Œã“ã“ã£ã¦ã©ã†ã—ãŸã‚‰ã„ã„ã§ã™ã‹ï¼Ÿã€ã¨è³ªå•ã™ã‚‹ã®ãŒä½•ã‹æ–°ã—ã„ç”»é¢ã‚’作るã¨ãã«å¿…ãšç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸã€‚ 「（ã„ã¤ã‚‚èžã„ã¦ã‚‹
ã™ã¹ã¦ã®ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ©Ÿæ¢°å¦ç¿’ã‚’å—ã‘入れる準備をã™ã‚‹æ™‚代ã«ãªã£ãŸ - mizchi's blog
ã¨ã„ã†äºˆæ„ŸãŒã—ãŸã®ã§æ›¸ã。æ£ç¢ºã«è¨€ã†ã¨æ©Ÿæ¢°å¦ç¿’ã®æˆæžœã¨ã—ã¦ã®è¨“練モデルを。 ã¾ãšäº‹å‰ã«å‰ç½®ãã—ã¦ãŠãã¨ã€åƒ•ã¯æ©Ÿæ¢°å¦ç¿’ã‚’ã»ã¨ã‚“ã©æŠ‘ãˆã¦ã„ãªã„。トレンドã ã‘追ã£ã¦ã‚‹ã€‚ 大å¦ç”Ÿã®æ™‚ã«ãƒ‹ãƒ¥ãƒ¼ãƒ©ãƒ«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’実装ã—ã¦ã¿ã¦ãƒ•ï½žãƒ³ã£ã¦è¨€ã£ã¦ãŸç¨‹åº¦ã«çŸ¥è˜ã—ã‹ãªãã¦ã€ãƒ‡ã‚£ãƒ¼ãƒ—ラーニングãŒæµè¡Œã‚‹å‰ã ã‹ã‚‰ã€ã€Œãƒãƒƒã‚¯ãƒ—ãƒãƒ‘ゲーションã£ã¦ã‚„ã‚„ã“ã—ã‹ã£ãŸã‘ã©ã€ä»Šã¯è‡ªå‹•ã§ãƒ¢ãƒ‡ãƒ«ã®æœ€é©åŒ–ã„ã„æ„Ÿã˜ã«ã‚„ã£ã¦ãれるんã§ã—ょ？ã€ãらã„ã®é›‘ãªç†è§£ã—ã‹ãªã„。(ã“ã®æ™‚点ã§æ€ªã—ã„) ã§ã€ä»Šã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚„ã£ã¦ã¦ã€ã“ã“ã¯æ©Ÿæ¢°å¦ç¿’ã¯ç¸é ã„よã†ã«æ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã ã‚ã†ã‘ã©ã€æœ€è¿‘ã®Googleã¯ãªã‚“ã¨ãƒ–ラウザ㧠tensorflow ã‚’å‹•ã‹ã™ã®ã«æƒ…熱を注ã„ã§ã„る。 ã§ã€ã“ã‚“ãªã®ãŒ Hacker News ã§æµã‚Œã¦ããŸã€‚ medium.com ã¨ã‚Šã‚ãˆãšè©¦ã—ãŸã€‚デモをãã®ã¾ã¾ãƒ‡ãƒ—ãƒã‚¤ã—ãŸã€‚ PoseNet - Camera Feed Dem
Vueを昔触ã£ãŸå¾ŒReactã‚’ã©ã£ã·ã‚Šè§¦ã£ã¦ã‚‚ã†ä¸€å›žVueを触ã£ã¦Reactã«æˆ»ã£ã¦å¾—ãŸæ„Ÿæƒ³
最近Reactã¨Vueã‚’ã©ã£ã¡ã‚‚触る機会ãŒã‚ã£ãŸã‚Šã€ã€ŒReactã¨Vueã©ã†é¸å®šã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã†å•ã„を投ã’られã€ã‚¹ãƒƒã¨ç”ãˆã‚‰ã‚Œãªã‹ã£ãŸãªã€ã¨å¾Œæ‚”ãŒã‚ã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€Vueを触ã£ã¦å¾—られãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ çµè«–ã¨ã—ã¦ãªã«ã‹æ–°ã—ã„ã“ã¨ã‚’発見ã—ãŸã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ä¸–é–“ã§è¨€ã‚ã‚Œã¦ã„る事を自分ãªã‚Šã«å†æ§‹ç¯‰ã—ãŸã ã‘ã®çµè«–ã«ãªã£ãŸã¨æ€ã†ã€‚ TL; DRVueã‹ã‚‰ã¯å…¨ä½“çš„ã«å„ªã—ã•ï¼ˆGentleã•ï¼‰ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¤šãã€è‰¯ã„点ã ã¨æ„Ÿã˜ãŸå¤§è¦æ¨¡ã«ãªã‚‹ã¨ãReactã®å …牢ã•ã¯é…力的。VueãŒå¤§ãããªã£ãŸæ™‚ã«æ”¯ãˆã‚‰ã‚Œè¨è¨ˆãŒå‡ºæ¥ã‚‹ã‹ã¯å€‹äººçš„ã«ã¯æ‡ç–‘的。「ã“ã†ã ã£ãŸã‚‰Vueã€ã“ã†ã ã£ãŸã‚‰Reactã€ã¿ãŸã„ãªåˆ†å²ç‚¹ãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æœ€çµ‚çš„ã«ã¯å¥½ã¿ã«ãªã£ã¦ãã‚‹ã¨æ€ã†ã€‚ãžã†ã•ã‚“ãŒå¥½ãã‹ãã‚Šã‚“ã•ã‚“ãŒå¥½ãã‹ã€‚ã“ã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークéæ´ä»Šå›žã®è©±ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ã€åƒ•ã¨å„フレームワークã®ä»˜ãåˆã„ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã€
「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã€ã®çµ‚焉 | POSTD
元記事ã®è‘—者より：ã“ã®è¨˜äº‹ã¯ä¸»ã«åŒ—米文化ã§ç§ãŒè¦‹ãŸã“ã¨ã‚’åæ˜ ã—ã¦ã„ã¾ã™ã€‚ 誰ã‹ã«è·æ¥ã‚’ãã‹ã‚ŒãŸã‚‰ã€ç§ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã™ã€ã¨ç”ãˆã¾ã™ï¼ˆç”ãˆã¯ç›¸æ‰‹ã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚10å¹´ã‹20å¹´å‰ã¯ã€è‡ªåˆ†ã®ä»•äº‹ã«å¿…然的ã«ä¼´ã†ã‚‚ã®ãŒä½•ãªã®ã‹ã¯ã€ã‹ãªã‚Šæ˜Žçžã§ã—ãŸã€‚インタラクション用ã«HTMLã‚„CSSを書ãã€JavaScriptも多少ã¯æ›¸ã„ã¦ã„ã¾ã—ãŸã€‚駆ã‘出ã—ã®é ƒã€PHPã‚„MySQLã®ä½œæ¥ã«è·å‹™ã®å¤§åŠã‚’費やã—ã¦ã„ãŸã¨ã¯ã„ãˆã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹æ–¹ãŒå¥½ãã§ã™ï¼ˆã“ã‚Œã«é–¢ã—ã¦ã¯ã€å¾Œã«è©³ã—ã説明ã—ã¾ã™ï¼‰ã€‚ã“ã®çŠ¶æ³ã¯ã€2010å¹´ã®åˆé ã«å¤‰ã‚り始ã‚ã¾ã—ãŸã€‚JavaScriptãŒã€é‡è¦ã§ã€éžå¸¸ã«å¤§ããªå˜åœ¨ã«ãªã£ã¦ããŸã®ã§ã™ã€‚昨年ã®åˆã‚é ƒã‹ã‚‰ã€ãŸãã•ã‚“ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ä¼šã†ã‚ˆã†ã«ãªã‚Šã€ã‚ã‚‹ã“ã¨ã«æ°—付ãã¾ã—ãŸã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã¯ã€ã‚‚ã¯ã‚„ã€ç§ãŒä»¥å‰ã‹ã‚‰çŸ¥ã£ã¦ã„るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã§ã¯ãª
katatema.js - ✘╹◡╹✘
次ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã€ import React from "react" export default () => <div>Hello!</div> 次ã®ã‚ˆã†ãªã‚³ãƒžãƒ³ãƒ‰ã‚’å©ãã¨ã€ katatema build 次ã®ã‚ˆã†ãªãƒ•ã‚¡ã‚¤ãƒ«ãŒç”Ÿæˆã•ã‚Œã‚‹ã¨ã„ã†ã€katatema ã¨ã„ã†ãƒ„ールをã¤ãã£ãŸã€‚ <!DOCTYPE html> <html> <head> </head> <body> <div>Hello!</div> </body> 最先端ã®æ¶ˆè€— å‰ã« ã‚ーボードショートカットをカスタマイズã™ã‚‹ãƒ–ラウザ拡張 - ✘╹◡╹✘ ã§ã€ã“ã†ã„ã†ã“ã¨ã‚’書ã„ãŸã€‚ id:moznion ã¸ã€å¯’ã„æ—¥ãŒç¶šãã¾ã™ãŒãŠå…ƒæ°—ã§ã™ã‹ã€‚ã¨ã‚‚ã‚ã‚ŒChrome拡張を1ã¤ã“ã•ãˆã‚Œã°ã€å¤§ã®å¤§äººãŒå¯„ã£ã¦ãŸã‹ã£ã¦ãƒ¢ãƒ€ãƒ³ã¨è¨€ã„åˆã†é¡žã®ã‚‚ã®ãŒä¸€é€šã‚Šå¦ã¹ã‚‹ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ 最近ã®JavaScriptã®å‘¨è¾ºç’°å¢ƒã¯å¤§å¤‰ã§ã€ä½•ã‚’ã‚„ã‚‹ã«
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆï¼ˆæ—¥æœ¬èªžè¨³ï¼‰ - Qiita
GitHubã§å…¬é–‹ã•ã‚Œã¦ã„るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã¨ã„ã†ãƒ‰ã‚ュメントãŒã€ç¶²ç¾…ã•ã‚Œã¦ã„る内容ãŒå¹…広ã便利ãã†ã ã£ãŸã®ã§ã€æ—¥æœ¬èªžã«ç¿»è¨³ã—ã¾ã—ãŸã€‚ 日本語版ã¯ã€ä»¥ä¸‹ã®GitHubリãƒã‚¸ãƒˆãƒªã«ã‚ã‚Šã¾ã™ã€‚GitHubå´ã¨è‡ªå‹•çš„ã«é€£æºã™ã‚‹ã‚ˆã†ã«ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€èª¤è¨³ã‚„誤りãªã©ãŒã‚れ㰠GitHub ã®ãƒ—ルリクエストã¾ãŸã¯ Issue ã§å ±å‘Šã—ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ https://github.com/miya0001/Front-End-Checklist 日本語版ã¸ã®è²¢çŒ®æ–¹æ³• 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
リニューアルã—ãŸæ—¥çµŒé›»å版ãŒé«˜é€Ÿã™ãŽã¦ãƒ¤ãƒã‚¤ä»¶ï½œã“ã‚“ã´ã‚…
日本経済新èžã¯å›½å†…を代表ã™ã‚‹çµŒæ¸ˆèªŒã 。ãã®é›»å版ã¯webã§ã®ç¶™ç¶šèª²é‡‘を大æˆåŠŸã•ã›ã€ã„ã¾ã‚„50万以上ã®æœ‰æ–™ä¼šå“¡ã‚’æ“ã™ã‚‹ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã‚µã‚¤ãƒˆã 。 ãã®æ—¥çµŒé›»å版ãŒ11月6æ—¥ã«å…¨é¢ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã ãŒã€å…¬é–‹å¾Œã€webæ¥ç•ŒãŒã«ã‚ã‹ã«ã–ã‚ã¤ã„ãŸã€‚表示速度ãŒçˆ†é€Ÿã ã£ãŸã®ã 。日経公å¼ã‚‚モãƒã‚¤ãƒ«ã§2å€ã®è¡¨ç¤ºé€Ÿåº¦ã‚’é”æˆã—ãŸã¨å ‚々ã¨å®£è¨€ã—ã¦ã„ãŸã€‚ webサービスã¯ç¶™ç¶šçŽ‡ã“ã神KPIã§ã€ãã®ç¶™ç¶šçŽ‡ã«ã¯é€Ÿåº¦ãŒå¤§ãã影響ã™ã‚‹ã€‚ ã“ã‚Œã¯ãƒã‚§ã‚らãªã„ã¨ãƒ¤ãƒã‚¤ã¨æ„Ÿã˜ã€å‹äººã®kitakã•ã‚“ã¨ã‚¹ãƒ”ードã®ç§˜å¯†ã‚’調査ã—ã¦ã¿ãŸã€‚ Fastlyをコンテンツã‚ャッシュã«ä½¿ã†æ®†ã©ã®ãƒ‡ãƒ¼ã‚¿ã¯Fastlyを経由ã—ã¦å–å¾—ã•ã‚Œã¦ã„ãŸã€‚Fastlyã¯æœ€è¿‘注目を集ã‚ã¦ã„ã‚‹CDN（世界ä¸ã«ã‚¨ãƒƒã‚¸ã‚µãƒ¼ãƒãƒ¼ã‚’é…ç½®ã—ã€é«˜é€Ÿã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ä¿¡ã™ã‚‹ã‚µãƒ¼ãƒ“ス）ã§ã€éžå¸¸ã«é«˜æ©Ÿèƒ½ã§ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µãƒ¼ãƒ“スã 。 一般ã«ã€CDNã¯ã„ã£ãŸã‚“世界ä¸ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã°ã‚‰ã¾ãã¨ã€ãれを無
Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å¤‰é·ã¨ã“ã‚Œã‹ã‚‰ / Transition of Web Frontend
2017å¹´2月16æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸ Developers Summit 2017 ( http://event.shoeisha.jp/devsumi/20170216/ ) ã®ã€ŒWeb フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å¤‰é·ã¨ã“ã‚Œã‹ã‚‰ã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³å‰åŠã®è³‡æ–™ã§ã™ã€‚セッション後åŠã®è³‡æ–™ã¯ https://speakerde…
React Router v4(next) ㌠alphaã‹ã‚‰betaã«ãªã£ã¦ã¼ã¡ã¼ã¡å¤‰ã‚ã£ã¦ãŸã®ã§è¿½å¾“ã™ã‚‹ - Qiita
🎉🎉 React Router v4 beta! 🎉🎉 Docs: https://t.co/xEsQD8H38v Code: https://t.co/VULptzNaQs Try it: npm i react-router@next We 😠@reactnative! — MICHAEL JACKSON (@mjackson) 2017å¹´1月30æ—¥ ã¨ã„ã†ã“ã¨ã§react-router@v4ãŒalphaã‹ã‚‰betaã«ãªã£ãŸã€‚ ã‹ãªã‚Šã‚¢ã‚°ãƒ¬ãƒƒã‚·ãƒ–ã«å¤‰æ›´ã•ã‚Œã¦ã„ã¦è‰²ã€…変ãˆã‚‹æ‰€ã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ 1 2 packageã®åˆ†é›¢ react-routerã¯ä¸‹è¨˜ã®3パッケージã«åˆ†é›¢ã—㟠react-router コア部分。 react-routerã®åˆ©ç”¨è€…ãŒã“ã®ãƒ‘ッケージをインストールã™ã‚‹æ©Ÿä¼šã¯ç„¡ã„ã‹ã‚‚ã—ã‚Œãªã„。 ã“ã®ãƒ‘ッケージã«å«ã¾ã‚Œã‚‹ã‚‚ã® <Router> (多分直ã§ä½¿ã†äº‹ã¯ãªã„ãƒãƒ¼
Vue.js 2.0 Server Side Rendering
Nodefest 2016 Nov 13
Rails5.1ã«å‘ã‘ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã§èµ·ã“ã£ã¦ã„ã‚‹é©å‘½ã¾ã¨ã‚ - Qiita
ã“ã‚“ã«ã¡ã¯ Rails5.1ã«å‘ã‘ã¦ã€DHHã®jqueryã‚’ä¾å˜ã‹ã‚‰å¤–ã™ç™ºè¨€ã‚’発端ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚ŠãŒæ€¥æ¿€ã«ç™ºå±•ã—ã¦ã„ã‚‹ã®ã§ã€ç°¡å˜ã«ã§ã™ãŒã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å„issue, PRã®è©³ç´°ã«ã¯è¸ã¿è¾¼ã¿ã¾ã›ã‚“ãŒã€çŸ¥è¦‹ã«æº¢ã‚Œã¦ã„ã‚‹ã®ã§èªã‚“ã§ã¿ã‚‹ã®æŽ¨å¥¨ã§ã™ã€‚ é–“é•ã„ã€è¶³ã‚Šãªã„ã‚‚ã®ãŒã‚ã£ãŸã‚‰ç·¨é›†ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŠé¡˜ã„ã—ã¾ã™ã€‚ jQueryä¾å˜ã‚’ç„¡ãã™è©±ãŒå‡ºã‚‹ rails(issue): Drop jQuery as a dependency jquery-ujsã¯jqueryã«ä¾å˜ã—ãªã„よã†ã«ã™ã‚‹ jquery-ujs: Drop jQuery as a dependency "jquery"-ujsã˜ã‚ƒãªããªã£ãŸã®ã§åå‰å¤‰æ›´ rails-ujs誕生 実際ã«Railsã‹ã‚‰jqueryä¾å˜ãŒãªããªã‚‹ rails: Drop jQuery as a dependency jsライブラリを入れる方法ãŒnpmパッ
Reactive Programming in JavaScript
- + 最近ã®å°å¦æ ¡ã§ã¯ã€ã€ŒãŠçˆ¶ã•ã‚“・ãŠæ¯ã•ã‚“ã®åå‰ã‚’グーグルã§æ¤œç´¢ã—ã¦ã¿ã¾ã—ょã†ã€ã¨ã„ã†ã€ä¸–ã«ã‚‚æã‚ã—ã„授æ¥ãŒã‚るらã—ã„。・・・。 — 丹　洋介 (@yosuke_tan) January 25, 2015
TypeScriptã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒä½œæˆç·ã¾ã¨ã‚ - $shibayu36->blog;
ã“ã‚Œã¾ã§è‡ªåˆ†ã®ãƒ–ãƒã‚°ã§ã€TypeScriptを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã«ã¤ã„ã¦ãƒ–ãƒã‚°ã‚’ã„ãã¤ã‹æ›¸ã„ã¦ããŸã€‚ã²ã¨ã¾ãšã“ã®è¾ºã‚Šã§ã€TypeScriptã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’開発ã™ã‚‹ãŸã‚ã®æœ€ä½Žé™ã®ç’°å¢ƒã‚’構築ã§ãるよã†ã«ãªã£ãŸã®ã§ã€ç·ã¾ã¨ã‚ã¨ã—ã¦ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚’書ã„ã¦ãŠã。 今回ã®ã‚µãƒ³ãƒ—ルコード㯠https://github.com/shibayu36/typescript-project-sample/tree/4653cd002eef3ee1946a2ca1da344e0076b2844f ã«ç½®ã„ãŸã®ã§å‚考ã«ã€‚ ã“ã‚Œã¾ã§ã®è¨˜äº‹ Emacsã§TypeScript環境を整ãˆã‚‹ - $shibayu36->blog; JSã‚’browserifyã§ãƒ“ルドã—ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚³ãƒ¡ãƒ³ãƒˆã‚’é©åˆ‡ã«æ®‹ã™ - $shibayu36->blog; gulp + browserify + tsifyを利用ã—ã¦TypeSc
10å¹´ã®ãƒ„ケを支払ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScript開発環境（2016å¹´4月ç¾åœ¨ï¼‰ã€‚ - 日々ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1度ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ケãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ã状æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“らã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ 最åˆã«çµè«–を書ã„ã¦ãŠãã¨ã€ 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide〠ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ 主è¦ãƒ©ã‚¤ãƒ–ラリ㯠React A JavaScript library for building user interfaces | React 去年ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
ã€ç¿»è¨³ã€‘リッãƒãªWebアプリケーションã®ãŸã‚ã®7ã¤ã®åŽŸå‰‡ - from scratch
ã¯ã˜ã‚ã« ã“ã®è©±ã¯Guillermo Rauchæ°ãŒæ›¸ã„ãŸhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ ã¨ã„ã†è¨˜äº‹ã®ç¿»è¨³ã§ã™ã€‚許å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã“ã“最近Webæ¥ç•Œã‚’賑ã‚ã—ã¦ã„ã‚‹Single Page Applicationã®å¿…è¦æ€§ã€HTTP2/SPDYã¨ã„ã£ãŸæŠ€è¡“ã€ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Isomorphicデザインã¨ã„ã†è€ƒãˆæ–¹ã«ã¤ã„ã¦åŒ…括的ã«ã¾ã¨ã‚ãŸã™ã”ã良ã„記事ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ 最åˆã«æ–ã£ã¦ãŠãã¾ã™ãŒã€ã‚‚ã®ã™ã”ãé•·ã„ã§ã™ã€‚å„セクションãŒã‚ã‹ã‚Œã¦ã„ã‚‹ã®ã§æ™‚é–“ãŒãªã„æ–¹ã¯ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã”ã¨ã«æ›¸ã‹ã‚ŒãŸtl;DRã¨ã¾ã¨ã‚ã‚’èªã‚€ã ã‘ã§ã‚‚å‚考ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«æ˜Žæ—¥ã®Nodeå¦åœ’ç¥ã«ã¯ã€æœ¬è¨˜äº‹ã‚’記述ã—ãŸGuillermo Rauchæ°ãŒè¦‹ãˆã‚‹ã®ã§ã€ãã“ã§è©³ã—ãèžã„ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚
フãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã£ã¦ã‹ã‚‰ï¼•ãƒ¶æœˆé–“ã§æ¬ ã‹ã›ãªããªã£ãŸãƒ„ールを晒㙠- Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ¦‚è¦ ä»Šå¹´ã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚·ãƒ•ãƒˆãƒã‚§ãƒ³ã‚¸ã—ã¦5ヶ月ãŒãŸã¡ã€ã“ã‚ŒãŒãªã„ã¨ä»•äº‹ã«ãªã‚‰ã‚“ã‚レベルã®ãƒ„ールを整ç†ãŒã¦ã‚‰ã«æ™’ã—ã¦ã„ã“ã†ã¨æ€ã†ã€‚ スペック的ã«ã¯Javaæ´ãŒ10å¹´ãらã„。 割ã¨ãƒ„ール好ãã§ã€ã§ãã‚Œã°ã‚ーボード（カーソルã‚ー以外）ã ã‘ã§ã™ã¹ã¦ã®æ“作を完çµã—ãŸã„ã¨æ€ã£ã¦ã„る。 ãã‚“ãªãŠã£ã•ã‚“ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ 5ヶ月間ã®ãŠä»•äº‹å†…容 PC/タブレットå‘ã‘ã®AngularJSを使ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º HTML/CSS(SASS)/Javascript PCã¯IE8~ã€Chrome。モãƒã‚¤ãƒ«ç«¯æœ«ã¯iPadã€Nexus7 è·å ´ã§ã®
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
最近㮠Web パフォーマンス改善ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠããŸã„コト
Client Side of ãªã‚“ã¡ã‚ƒã‚‰fresh.tv
{{#tags}}- {{label}}
{{/tags}}