Steve Souders - High Performance Web Sites
SteveSouders.com about HIGH PERFORMANCE WEB SITES BLOG Critical Metric: Critical Resources domInteractive: is it? really? Hero Image Custom Metrics SERIOUS CONFUSION with Resource Timing Request Timeout Resource Timing practical tips Prebrowsing Domain Sharding revisited Browser Busy Indicators Creating a Performance Culture Moving beyond window.onload() The Perception of Speed Comparing RUM & Syn
UI 実装ã®å†è€ƒã¨ a11y - Frontrend Vol.8 LT
� ��KV 0 �KV p+m�KV @���KV @&I�KV
WCAG 2.0
ã€æ³¨æ„】 ã“ã®æ–‡æ›¸ã¯ã€2008 å¹´ 12 月 11 日付㮠W3C 勧告「WCAG 2.0〠(原文ã¯è‹±èªž)ã‚’ã€æƒ…å ±é€šä¿¡ã‚¢ã‚¯ã‚»ã‚¹å”è°ä¼šã®ã€Œã‚¦ã‚§ãƒ–アクセシビリティ基盤委員会 (WAIC)ã€ãŒç¿»è¨³ã¨ä¿®æ£ã‚’ãŠã“ãªã£ã¦å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ã“ã®æ–‡æ›¸ã®æ£å¼ç‰ˆã¯ã€ã‚ãã¾ã§ W3C ã®ã‚µã‚¤ãƒˆå†…ã«ã‚る英語版ã§ã‚ã‚Šã€ã“ã®æ–‡æ›¸ã«ã¯ç¿»è¨³ä¸Šã®é–“é•ã„ã€ã‚ã‚‹ã„ã¯ä¸é©åˆ‡ãªè¡¨ç¾ãŒå«ã¾ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”注æ„ãã ã•ã„。 ã€æ³¨æ„】ã“ã®æ–‡æ›¸ã«ã¯ã‚ˆã‚Šæ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå˜åœ¨ã—ã¾ã™: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 å¹´ 12 月 11 æ—¥ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新ãƒãƒ¼ã‚¸ãƒ§ãƒ³:http://www.w3.org/TR/WCAG20/å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³:
Resource Hints API ã§ãƒªã‚½ãƒ¼ã‚¹ã®æŠ•æ©Ÿçš„å–å¾— | blog.jxck.io
Intro Resource Hints ã¨ã¯ç¾åœ¨æ案ã•ã‚Œã¦ã„る以下ã®ãƒ‰ãƒ©ãƒ•ãƒˆã§ã‚ã‚Šã€ãƒ–ラウザã«ã€Œæ¬¡ã«å¿…è¦ã¨ãªã‚‹ãƒªã‚½ãƒ¼ã‚¹ã‚’æ•™ãˆã‚‹ã€ã“ã¨ã§ã€æŠ•æ©Ÿçš„ãªå–得を行ㆠAPI 群ã§ã‚る。 https://w3c.github.io/resource-hints/ 主ã«ä»¥ä¸‹ãŒã‚る。 dns-prefetch preconnect prefetch prerender 今回ã¯æœ¬ã‚µã‚¤ãƒˆã§ã“れをé©ç”¨ã—ãŸè©±ã€‚ 投機的ãªãƒªã‚½ãƒ¼ã‚¹å–å¾— 例ãˆã°ã€ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã®æ¬¡ã«ã¯ã€ãã®ã‚µãƒ¼ãƒ“スã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«é·ç§»ã™ã‚‹é »åº¦ãŒé«˜ã„。 ãã—ã¦ã€ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¿½åŠ ã®ãƒªã‚½ãƒ¼ã‚¹ãŒå¿…è¦ã«ãªã‚‹ã ã‚ã†ã€‚ è¿½åŠ ã® JS è¿½åŠ ã® CSS è¿½åŠ ã® Image è¿½åŠ ã® API アクセス ãã‚Œãžã‚Œã‚’ DNS 解決 -> TCP 接続 -> リソースã®ãƒ•ã‚§ãƒƒãƒã€ã¨ç¹°ã‚Šè¿”ã—ã¦ã„ãã¨ã€ã‚¤ãƒ‹ã‚·ãƒ£ãƒ«è¡¨ç¤ºã¯å¿…然的ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ ã¨ã“ã‚ãŒã€ã“ã®é·ç§»ã«
Co-designing Travel
The most successful community-based companies are those with platforms that tell a strong story. It’s this cohesive story that allows individuals within the community to get the most out of their experiences. But what happens when you’re not in control of each of these moments? How do you deliver a great user experience? In my role leading experience design at Airbnb, this is something I think a l
Docker + Dataflow = happier workflows
The latest news from Google on open source releases, major projects, events, and student outreach programs. When I first saw the Google Cloud Dataflow monitoring UI -- with its visual flow execution graph that updates as your job runs, and convenient links to the log messages -- the idea came to me. What if I could take that UI, and use it for something it was never built for? Could it be connecte
「AWSã‹ã‚‰GCPã«åˆ‡ã‚Šæ›¿ãˆãŸã‚‰ã‚³ã‚¹ãƒˆãŒ1/10ã«ãªã£ãŸã€CETエンジニア å‰ç”°å•“二æ°ã‚¤ãƒ³ã‚¿ãƒ“ュー - Tech Blog - Recruit Lifestyle Engineer
å‰ç·¨ï¼ˆã€Œãƒ“ッグデータã¯â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ â€ã§ã“ã価値ãŒã‚ã‚‹ã€ï¼‰ã§ã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªãƒ“ッグデータ解æžãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒCET（Capture EveryThing）ã€ãŒå§‹ã¾ã£ãŸãã£ã‹ã‘ã‹ã‚‰ã€ã„ã¾ã®ãƒãƒ¼ãƒ ã¾ã§çµ„ç¹”ã«ç„¦ç‚¹ã‚’当ã¦ã¾ã—ãŸã€‚ 後編ã§ã¯ã€ã„よã„よビッグデータ解æžã®ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦æ·±æŽ˜ã‚Šã—ã¦ã„ãã¾ã™ã€‚ Amazonã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スを活用ã—ã¦ä½œã‚Šä¸Šã’ãŸç¾çŠ¶ã®ã‚·ã‚¹ãƒ†ãƒ ã‚’æ¨ã¦ã€Googleã§ä½œã‚‹æ§‹æˆã«å¤‰ãˆã‚ˆã†ã¨ã—ã¦ã„ã‚‹ãã†ã€‚ãã®æ„図ã¨ã¯ã€‚ クラウドサービスã®ã‚³ã‚¹ãƒˆãƒ‘フォーマンスãªã©ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„アーã‚テクトã«ã¯æ°—ã«ãªã‚‹æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ 「CETã€ã§åŸºç›¤æ§‹ç¯‰ã‚„分æžãƒ»é›†è¨ˆã‚¢ãƒ—リケーションã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹ã€å‰ç”°å•“二ã•ã‚“ã«èžãã¾ã—ãŸã€‚ èžã手ï¼æ§‹æˆï¼ç·¨é›†ï¼å†™çœŸï¼šå°å·æ¥“太（NEWPEACE Inc.） AWSã§æœ¬æ ¼çš„ã«é‹ç”¨ã™ã‚‹ã®ã¯åŽ³ã—ã„ã‹ãªã¨ã„ã†å°è±¡ã§ã™ ——　今回構築ã•ã‚ŒãŸåŸºç›¤ã®å…·ä½“çš„ãªã‚·ã‚¹ãƒ†ãƒ 構æˆã¯ã©ã®ã‚ˆ
flowtypeã«ã‚ˆã‚ŠFluxã«ãŠã„ã¦åž‹å®‰å…¨ã‚’手ã«å…¥ã‚Œã‚‹ - Qiita
ã“ã®è¨˜äº‹ã¯freee Engineers Advent Calendar 2016ã®5日目ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€freeeã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @joe-re ã§ã™ã€‚ 僕ã‹ã‚‰ã¯flowtypeã«ã‚ˆã‚‹ã€Fluxアーã‚テクãƒãƒ£ã¸ã®åž‹ã‚·ã‚¹ãƒ†ãƒ ã®å°Žå…¥ã«ã¤ã„ã¦ãŠè©±ã—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 背景 Reactã«ã‚ˆã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘è¨è¨ˆã€Fluxã«ã‚ˆã‚‹å˜æ–¹å‘フãƒãƒ¼ã«ã‚ˆã£ã¦ã€åƒ•ãŸã¡ã¯éšŽå±¤åŒ–ã•ã‚Œã™ãŽã¦ã„ã‚‹Viewã«ãŠã‘るイベントã®ç™ºè¡Œã¨è³¼èªã€ç…©é›‘ãªDOMæ“作ã¨çŠ¶æ…‹ç®¡ç†ã‹ã‚‰è§£æ”¾ã•ã‚Œã¾ã—ãŸã€‚ Fluxアーã‚テクãƒãƒ£ã«ãŠã„ã¦ã¯ã€Componentã€ActionCreatorã€StoreãŒãã‚Œãžã‚Œã®å±¤ã§å®Œå…¨ã«åˆ†é›¢ã•ã‚Œã¦ã„ã¾ã™ã€‚Storeã¯Componentã®å˜åœ¨ã‚’知らãªã„ã—ã€Componentã¯Storeã‚’è³¼èªã™ã‚‹ã ã‘ã§ä¸ã®ãƒã‚¸ãƒƒã‚¯ã¯ä¸€åˆ‡çŸ¥ã‚‰ãªã„ã—ã€ActionCreatorã¯ãŸã ã®é–¢æ•°ç¾¤ã§ã™ã€‚ ãƒãƒ¼ãƒ 開発ã®ä¸ã§ã“ã®é–¢ä¿‚性を
一ã‹ã‚‰å§‹ã‚ã‚‹JavaScriptユニットテスト - Hatena Developer Blog
ã“ã®è¨˜äº‹ã¯ã€ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼2016ã®5日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€ã¯ã¦ãªã§ã‚¢ãƒ—リケーションエンジニアをã—ã¦ã„ã‚‹ id:shiba_yu36 ã§ã™ã€‚先日ã€buildersconã«ãŠã„ã¦ã€ç¾åœ¨æ‰€å±žã—ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã—ãŸçŸ¥è¦‹ã«ã¤ã„ã¦ã€ã€Œä¸€ã‹ã‚‰å§‹ã‚ã‚‹JavaScriptユニットテストã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚ speakerdeck.com ã“ã®ç™ºè¡¨ã¯ã€å®Ÿéš›ã«JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’作ã£ã¦ã¿ã‚‹ã¨éžå¸¸ã«ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ã„ã¨æ„Ÿã˜ãŸã®ã§ã€ãã®ãƒãƒ¼ãƒ‰ãƒ«ã‚’å°‘ã—ã§ã‚‚下ã’られれã°ã¨ã„ã†æ€ã„ã§ã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªä¾‹ã§ä¸€ã‹ã‚‰ç’°å¢ƒã‚’作る例を紹介ã—ã¾ã—ãŸã€‚アジェンダã¯æ¬¡ã®ã¨ãŠã‚Šã§ã—ãŸã€‚ カクヨムã®JS環境 JSã®ãƒ†ã‚¹ãƒˆãƒ„ールを整ç†ã™ã‚‹ 通常ã®é–¢æ•°ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆ DOMæ“作ã™ã‚‹æ©Ÿèƒ½ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆ カクヨムã®JS環境やã€JSã®ãƒ†ã‚¹ãƒˆ
ランã‚ング
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}