Node.jsã§BrowserStack Automateを使ã£ã¦ãƒ†ã‚¹ãƒˆ - Qiita
BrowserStack ã¨ã¯ BrowserStack ã¨ã¯ã€ã‚¯ãƒã‚¹ãƒ–ラウザ(OSå«ã‚€)ã«ã‚ˆã‚‹å‹•ä½œç¢ºèªã‚’手軽ã«è¡Œãˆã‚‹ç’°å¢ƒã‚’æä¾›ã—ã¦ã„るサービスã§ã™ã€‚ 例ãˆã°ã€BrowserStack å´ã®ã‚µãƒ¼ãƒã§èµ·å‹•ã—ã¦ã„ã‚‹å„種ブラウザ環境をã€ã“ã¡ã‚‰ã®ãƒ–ラウザã‹ã‚‰åˆ©ç”¨ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã®ä¸ã« Automate ã¨ã„ã†ã€ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ãã®ç’°å¢ƒã‚’利用ã§ãる仕組ã¿ãŒã‚ã‚Šã€ä»Šå›žã¯ãれを Node.js ã‹ã‚‰ä½¿ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 当記事ã®ã‚´ãƒ¼ãƒ« Travis CI 上ã§ã€ express アプリケーションを起動ã—〠mocha ã§æ›¸ã„ãŸãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’使ã„〠BrowserStack Automate 環境ã§ã€ テストãŒå‡ºæ¥ã‚‹ã“ã¨ã€‚ BrowserStack アカウントを作æˆã™ã‚‹ ã¾ãšã¯ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã®ä½œæˆãŒå¿…è¦ã«ãªã‚‹ã®ã§ã€ãƒˆãƒƒãƒ—ページ ã‹ã‚‰é“ãªã‚Šã«ç™»éŒ²ã—ã¦ãã ã•ã„。 メールアドレスã¨ãƒ‘スワードã ã‘ã§ç™»éŒ²ã§
ã€ä¿å˜ç‰ˆã€‘MacãŒèµ·å‹•ã—ãªã„時ã«è‡ªåˆ†ã§ã§ãã‚‹7ã¤ã®å¯¾å‡¦æ³• | ç”·åãƒãƒƒã‚¯
@JUNP_Nã§ã™ã€‚MacãŒèµ·å‹•ã—ãªã„ï¼ãã‚“ãªæ™‚ã«è‡ªåˆ†ã§ã§ãる対処方法ãŒ7ã¤ã‚ã‚Šã¾ã™ã€‚ジーニアスãƒãƒ¼ã«æŒã¡è¾¼ã‚“ã ã¨ã—ã¦ã‚‚ã€ã“れ以上ã®ã“ã¨ã¯å¯¾å¿œã§ããªã„ã®ã§è‡ªåˆ†ã§ã“ã“ã¾ã§ã‚„ã£ã¦ãŠã‘ã‚‹ã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚Macユーザーã®äººã¯å¿˜ã‚Œãšã«è¦šãˆã¦ãŠãã¾ã—ょã†ã€‚ MacãŒèµ·å‹•ã—ãªã‹ã£ãŸå ´åˆã«è‡ªåˆ†ã§ã§ãる対処法ã¾ã¨ã‚「MacãŒèµ·å‹•ã—ãªããªã£ãŸã€ãã‚“ãªæ™‚ã«ã©ã†ã—ãŸã‚‰ã„ã„ã®ã‹çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ 「ディスクユーティリティã€ã‚’使用ã—ãŸãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’定期的ã«è¡Œã†ã“ã¨ã‚‚大事ã§ã™ãŒã€MacãŒçªç„¶å‹•ã‹ãªããªã‚‹ã¨ã„ã†ä¸æ¸¬ã®äº‹æ…‹ãŒèµ·ã“ã£ãŸéš›ã«ã¯ã€ä»¥ä¸‹ã®7ã¤ã®æ–¹æ³•ã‚’試ã—ã¦ã¿ã‚‹ã¨ä¿®å¾©ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 MacãŒèµ·å‹•ã—ãªã„時ã®å¯¾å‡¦æ³•ï¼ˆ1）「NVRAM/PRAMリセットã€Macã«ä½•ã‹ã—らã®å•é¡ŒãŒç™ºç”Ÿã—ãŸã‚‰ã¾ãšã‚„ã£ã¦ã¿ã¦ãã ã•ã„ã¨Appleã‹ã‚‰è¨€ã‚れるã®ã¯ã€ŒNVRAM/PRAMリセットã€ã§ã™ã€‚「Macã®è¨å®šã‚’記憶ã—ã¦ã„NVRAM/PR
Arrow functions vs. `bind()`
ES6 arrow functions are often a compelling alternative to Function.prototype.bind(). Extracting methods  # If an extracted method is to work as a callback, you must specify a fixed this, otherwise it will be invoked as a function (and this will be undefined or the global object). For example: obj.on('anEvent', console.log.bind(console)) An alternative is to use an arrow function: obj.on('anEvent',
Path Transitions
When implementing realtime displays of time-series data, we often use the x-axis to encode time as position: as time progresses, new data comes in from the right, and old data slides out to the left. If you use D3’s built-in path interpolators, however, you may see some surprising behavior: Why the distracting wiggle? There are multiple valid interpretations when interpolating two paths. Here’s th
Rails 3.1 HTTP Streaming and content_for in controller
2012-01-14: content_for_in_controllers ã‚’ gem ã«ã—ã¦ãã‚ŒãŸäººãŒã„ã¾ã™ã€‚ thanks! Rails 3.1 ã§ã¯ HTTP Streaming ãŒå°Žå…¥ã•ã‚Œã¾ã™ãŒã€ stream ON ã 㨠template 㨠layout ã®å‡¦ç†é †åºãŒã„ã¾ã¾ã§ã® rails ã®ã‚ˆã†ã« template -> layout ã§ã¯ãªã layout å‰åŠ -> template -> layout å¾ŒåŠ ã¨ã„ã†è‡ªç„¶ãªæµã‚Œã«ãªã‚‹ã®ã§ã™ãŒã€ content_for ãŒçµ¡ã‚€ã¨ã‚„ã‚„ã“ã—ã„ã“ã¨ã«ãªã‚Šã¾ã™ (詳ã—ã㯠action_controller/metal/streaming.rb ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’å‚ç…§)。 ã“ã®é–¢ä¿‚ã§ã€ layout å‰åŠã§ content_for :bar ãŒå…ˆã«å®Ÿè¡Œã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’期待ã—㟠yield :bar ãŒç©ºæŒ¯ã‚Šã—ãªã„よã†ã«ã€ layout
Nested Selections
D3’s selections can be hierarchical, much like the elements and data they join. Consider a table: <table> <thead> <tr><td> A</td><td> B</td><td> C</td><td> D</td></tr> </thead> <tbody> <tr><td> 0</td><td> 1</td><td> 2</td><td> 3</td></tr> <tr><td> 4</td><td> 5</td><td> 6</td><td> 7</td></tr> <tr><td> 8</td><td> 9</td><td> 10</td><td> 11</td></tr> <tr><td> 12</td><td> 13</td><td> 14</td><td> 15</td
Creating Animations and Transitions With D3 - Rock Content
This is an intro to creating your own animations and transitions in d3.js. In interactive visualisation, there is the word reactive. Well, maybe not literally, but close enough. The fact is that reactivity, or the propension of a visualisation to respond to user actions, can really help engage the user in a visualisation, and help them understand its results. Both of which are usually good things.
React Bootstrap Star Rating - (rudolph-miller)
React Bootstrap Star Ratingを作ã£ãŸ. 作ã£ãŸã®ã§è»½ã紹介ã™ã‚‹. GitHubã¯React Bootstrap Star Rating. React Bootstrap Star Rating See Also React Bootstrap Star Rating 作り始ã‚ãŸå‹•æ©Ÿã¯ã‚るプãƒã‚¸ã‚§ã‚¯ãƒˆã§Bowerã§jQueryãŒä½¿ã‚ã‚Œã¦ãŠã‚Šã€ commitã™ã‚‹ã«ã‚ãŸã£ã¦ãれらを殲滅ã—npmã¨Reactã‚’å°Žå…¥ã—よã†ã¨æ€ã£ãŸãŒã€ ã©ã†ã‚‚Reactã«ã¯è‰¯ã„æ„Ÿã˜ã®Star rating libraryãŒç„¡ã‹ã£ãŸã‹ã‚‰. Star Rating in React npmã®download statsã§ä¸€ç•ªã ã£ãŸã®ã¯react-star-rating (939 downloads in the last month) ã§ã€ ãれ以外ã¯ã»ã¨ã‚“ã©ä½¿ã‚ã‚Œã¦ã„ãªã„よã†ã ã£ãŸ. react
Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘る話 - pixiv inside [archive]
ãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ Advent Calendar 2015ã€19日目ã®è¨˜äº‹ã§ã™ã€‚ qiita.com ã“ã‚“ã«ã¡ã¯ã€æ„›ã‚‰ã—ãも憎らã—ã„JavaScriptを書ã„ã¦ã”飯を食ã¹ã¦ã„ã‚‹ @geta6 ã§ã™ã€‚æ¥å‹™ã§ã¯ pixiv Sketch ã¨ã„ã†ã‚µãƒ¼ãƒ“スã®é–‹ç™ºã‚„é‹å–¶ã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ pixiv Sketchã§ã¯ã€node.jsã¨React/Fluxibleを使用ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’åŒã˜ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã•ã›ã‚‹Isomorphicãªæ§‹æˆã‚’採用ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ューをã—ã¦ã„ã¦ã€ãƒãƒ¼ãƒ メンãƒãƒ¼ãŒã¤ã¾ãšãã‚„ã™ã„ã¨æ„Ÿã˜ãŸã®ãŒã€ŽFluxã«ãŠã‘ã‚‹Actionã¨Storeã®ã©ã¡ã‚‰ã«ä½•ã‚’実装ã™ã‚‹ã¹ãã‹ã€ã¨ã„ã†ç‚¹ã§ã—ãŸã€‚ ãã“ã§ã€æœ¬æ—¥ã¯ã€ŽActionã¨Storeã¨ã®é©åˆ‡ãªè²¬å‹™ã®æŒãŸã›æ–¹ã€ã«ã¤ã„ã¦è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Reactã¨Fluxã«ã¤ã„ã¦ãŠã•ã‚‰ã„ 今年ã®4月ã«ã“ã‚“ãªã‚¹ãƒ©ã‚¤ãƒ‰
![Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘る話 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f406d9ad5e12aa72c3776150d7ea658abaac040/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fbc92d107234fdc58fbae32acb90f7eb19738e3dc%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fg%252Fgeta6%252F20151218%252F20151218175826.png)
express実践入門
index.md express実践入門 自己紹介 å°å·å…… mitsuruog フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Javascript, HTML, CSS, Node.js, APIè¨è¨ˆã¨ã‹èªè¨¼ã¨ã‹ 2015/5月入社(ç´„åŠå¹´) ã¯ã˜ã‚ã« ã‚ãã¾ã§ã€Œä¿ºãŒè€ƒãˆã‚‹æœ€å¼·ã®express実践入門ã€ã§ã™ã€‚ åˆå¦è€…ãŒexpressを攻略ã™ã‚‹ä¸Šã§ã®ã¤ã¾ã¥ããƒã‚¤ãƒ³ãƒˆã¨ã€ä¸è¦æ¨¡é–‹ç™ºã‚’ターゲットã«ã—ãŸãƒ™ã‚¹ãƒˆãƒ—ラクティスを経験ベースã§ãŠè©±ã—ã¾ã™ã€‚ ãŠãらãã€åˆã€œä¸ç´šè€…å‘ã‘ã®å†…容ã§ã™ã€‚ 本コンテンツã®ä½¿ã„æ–¹ expressåˆå¿ƒè€… åˆå¦è€…å‘ã‘ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«(dotinstallã¨ã‹)ã®ã‚ã¨ã« express経験者 ã”自身ã®ã‚³ãƒ¼ãƒ‰ã®è¦‹ç›´ã—ã« ä»–ã®è¨€èªžã®çµŒé¨“者 ä»–ã®è¨€èªžã®ã€Œã‚ã‚Œã€ã¯ã€node.jsã§ã¯ã€Œã“ã‚Œã€ã®ãƒžãƒƒãƒ”ング㫠(※)ä¸ã§ç´¹ä»‹ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯æŠœç²‹ã—ãŸã‚‚ã®ã§ã‚ã‚Šã€ãã®ã¾ã¾ã§ã¯å‹•ä½œã—ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã”注æ„ãã ã•ã„。
Promise Anti-patterns – Tao of Code
Promises are very simple once you get your head around them, but there are a few gotchas that can leave you with your head scratching. Here are a few that got me. Nested Promises You get a whole bundle of promises nested in eachother: loadSomething().then(function(something) { loadAnotherthing().then(function(another) { DoSomethingOnThem(something, another); }); }); The reason you’ve done this is
General tips — Ansible Community Documentation
Ansible getting started Getting started with Ansible Getting started with Execution Environments Installation, Upgrade & Configuration Installation Guide Ansible Porting Guides Using Ansible Building Ansible inventories Using Ansible command line tools Using Ansible playbooks Protecting sensitive data with Ansible vault Using Ansible modules and plugins Using Ansible collections Using Ansible on W
Ansible Dark Side - ã»ã‚ã„ã¨ã¼ãƒ¼ã©
Ansibleã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã‹ã¤å¼·åŠ›ãªãƒ„ールã§ã™ãŒã€ 様々ãªè¨å®šæ–¹æ³•ãƒ»æ›¸ãæ–¹ãŒè¨±å®¹ã•ã‚Œã‚‹ãŒã‚†ãˆã«ã‚„ã‚ŠéŽãŽã‚‹ã¨åŽé›†ãŒã¤ã‹ãªããªã‚Šã¾ã™ã€‚ ãã‚“ãªè‹¥å¹²ã‚„ã‚Šã™ãŽã‹ã‚‚ã—ã‚Œãªã„è¨å®šã®ä¸€éƒ¨ã‚’æ™’ã—ã¦ã¿ã¾ã™ã€‚ タイトルã¯è‹¥å¹²å¤§ã’ã•ã§ã™ãŒã€ãŠå‹§ã‚ã™ã‚‹ã‚ˆã†ãªè¨å®šã§ã¯ãªã„ã¨ã„ã†è‡ªè™çš„ãªæ„味を込ã‚ã¦ã¾ã™ã€‚ production/staging environment variables Ansibleã§ã‚る程度ã®è¦æ¨¡ã®ãƒ—ãƒãƒ“ジョニングをã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ å…¬å¼Documentã«ã‚‚ã‚ã‚‹Best Practices ã«å€£ã†ã¨æ€ã„ã¾ã™ãŒã€ ã“ã®æ™‚課題ã®1ã¤ã¨ãªã‚‹ã®ãŒproductionã¨stagingã§ç•°ãªã‚‹ç’°å¢ƒå¤‰æ•°ã‚’ã©ã†ç®¡ç†ã™ã‚‹ã‹ã§ã™ã€‚ 検索ã—ã¦ã¿ã‚‹ã¨ä½•ç¨®é¡žã‹ã®ã‚„ã‚Šæ–¹ãŒHitã™ã‚‹ã®ã§ã™ãŒã€ã†ã¡ã§ã‚„ã£ã¦ã„る方法も書ã„ã¦ã¿ã¾ã™ã€‚ ã“ã®ã‚„ã‚Šæ–¹ã¯Ansible始ã‚ãŸé ƒã«åŒåƒšã‹ã‚‰æ•™ãˆã¦ã‚‚らã£ãŸæ–¹æ³•ã§ã™ã€‚ inventory/ p
Ansible オレオレベストプラクティス - Qiita
多種多様ãªæ§‹æˆã®ã‚µãƒ¼ãƒãƒ¼ã‚’ Ansible ã§ç®¡ç†ã™ã‚‹å ´åˆã€å˜ä¸€ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスツリーã«æŠ¼ã—込むã®ã¯ç®¡ç†ãŒå¤§å¤‰ã™ãŽã¦ç¾å®Ÿçš„ã§ã¯ãªã„ãªã¨ãŠã‚‚ã„ã€ã©ã†ã—ãŸã‚‚ã®ã‹ãªã¨æ‚©ã‚“ã§ã„ã¾ã—ãŸã€‚ã§ã€æœ€è¿‘ã‚„ã£ã¨ã“ã‚Œã‹ãªã¨ã„ã†æ§‹æˆãŒã§ããŸã®ã§å…±æœ‰ã—ã¦ã¿ã¾ã™ã€‚ 何ãŒå•é¡Œã‹ï¼Ÿ ãƒãƒ¼ãƒ«ã«ã¯å…±ç”¨ã§ãã‚‹ã‚‚ã®ã¨ã§ããªã„ã‚‚ã®ãŒã‚ã‚‹ã€ãã‚ŒãŒã„ã£ã—ょã“ãŸã«æ··ã–ã‚‹ã®ãŒå«Œ ç„¡ç†ã«å…±ç”¨ã§ãるよã†ã«ã¨å¤‰æ•°ã‚’多用ã™ã‚‹ã¨ã¨ã¦ã‚‚管ç†ãŒå¤§å¤‰ã€‚変数も覚ãˆã‚‰ã‚Œãªã„ã—ã€ãƒ†ã‚¹ãƒˆãŒå¤§å¤‰ èªã¿è¾¼ã‚€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スãŒå¤§å…ƒã®ymlã‹ã‚‰ã®ç›¸å¯¾ãƒ‘スã§ã‚ã‚Šã€include ã§ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªéšŽå±¤ã§ã®æ•´ç†ãŒé›£ã—ã„ -l ã§å¯¾è±¡ã‚µãƒ¼ãƒãƒ¼ã‚’絞り込んã§ã‚‚å…¨ã¦ã®ã‚¿ã‚¹ã‚¯ãŒè¡¨ç¤ºã•ã‚Œã€skipped, skipped, skipped ã¨é–¢ä¿‚ãªã„ task 表示ãŒã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãŒåŸ‹ã¾ã£ã¦è¦‹ã¥ã‚‰ã„ ãã—ã¦ã€ãŸã©ã‚Šç€ã„ãŸã‚ªãƒ¬ã‚ªãƒ¬ãƒ™ã‚¹ãƒˆãƒ—ラクティス ã¾ã¨ã‚ã¦ç®¡ç†ã—ãŸã„サーãƒãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—毎ã«ãƒ™ã‚¹
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Warning: This synthetic event is reused for performance reasons · Issue #275 · zalmoxisus/redux-devtools-extension
Reactコンãƒãƒ¼ãƒãƒ³ãƒˆä½œæˆã®ã‚¹ãƒ†ãƒƒãƒ—
Turn Off JavaScript in Previews – CodePen
StackShare - Tech Stack Intelligence
Gracefully restart unicorn using Server::Starter
Fluentdã®è¨å®šã‚’考ãˆã‚‹ã¨ãã¯ã“ã‚“ãªã‹ã‚“ã˜ã§è€ƒãˆã‚‹ã¨ä¾¿åˆ© - Qiita
{{#tags}}- {{label}}
{{/tags}}