[B! javascript][web.dev] okyawaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

okyawa id:okyawa

javascriptã¨web.devã«é–¢ã™ã‚‹okyawaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

IndexedDB ã‚’æ“ä½œã™ã‚‹ Â |Â Articles Â |Â web.dev
ã“ã®ã‚¬ã‚¤ãƒ‰ã§ã¯ã€Terraform ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã® IndexedDB API ã“ã“ã§ã¯ã€Jake Archibald ã® IndexedDB ã®ç¢ºç´„ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ IndexedDB API ã«ã‚ˆãä¼¼ã¦ã„ã¾ã™ãŒã€Promise ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ await ã‚’ä½¿ç”¨ã™ã‚‹ã¨æ§‹æ–‡ã‚’ã‚ˆã‚Šç°¡æ½”ã«ã§ãã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Š API ãŒç°¡ç´ åŒ–ã•ã‚Œ ãã®æ§‹é€ ã‚’ç¶æŒã—ã¾ã™ã€‚ IndexedDB ã¨ã¯ IndexedDB ã¯å¤§è¦æ¨¡ãª NoSQL ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚Šã€ ãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã‚‹æƒ…å ±ã§ã™é€šå¸¸ã®æ¤œç´¢ã«åŠ ãˆã¦ã€ put ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã»ã‹ã€IndexedDB ã¯ãƒˆãƒ©ãƒ³ã‚¶ã‚¯ã‚·ãƒ§ãƒ³ã‚‚ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ å¤§é‡ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ IndexedDB ã®å„ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã¯ã‚ªãƒªã‚¸ãƒ³ã«å›ºæœ‰ã§ã™ ï¼ˆé€šå¸¸ã¯ã‚µã‚¤ãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¾ãŸã¯ã‚µãƒ–ãƒ‰ãƒ¡ã‚¤ãƒ³ï¼‰ã€‚ã¤ã¾ã‚Šã€ã‚¢ã‚¯ã‚»ã‚¹ã‚‚ã‚¢ã‚¯ã‚»ã‚¹ã‚‚ã§ããªã„ ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’è¨±å¯ã—
okyawa 2024/10/03
IndexDB

idb

DB

js

javascript

ts

web.dev
ãƒªãƒ³ã‚¯
Learn JavaScript ã¸ã‚ˆã†ã“ãï¼ Â |Â web.dev
JavaScript ã¯ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ– ãƒ¬ã‚¤ãƒ¤ã€ã‚’æ‹…ã„ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã‚‹ã€Œæ§‹é€ ã€ãƒ¬ã‚¤ãƒ¤ã¨ CSS ã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã‚‹ã€Œãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¤ãƒ¤ã‚’è£œå®Œã—ã¾ã™ã€‚JavaScript ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼æ“ä½œã¨å†…éƒ¨ãƒã‚¸ãƒƒã‚¯ã®ã‚ã‚‰ã‚†ã‚‹çµ„ã¿åˆã‚ã›ã«å¿œã˜ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¿½åŠ ã€å‰Šé™¤ã€å¤‰æ›´ã—ã€ãƒšãƒ¼ã‚¸ã®æ§‹é€ ã‚„è¡¨ç¤ºæ–¹æ³•ã‚’å¤‰æ›´ã§ãã¾ã™ã€‚JavaScript ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨å‹•ä½œã‚’ç´°ã‹ãåˆ¶å¾¡ã§ãã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®çµ„ã¿è¾¼ã¿å‹•ä½œã®ä¸€éƒ¨ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã“ã®ã‚³ãƒ¼ã‚¹ã§ã¯ã€è¨€èªžã®è¨˜è¿°æ–¹æ³•ã‚’æ±ºã‚ã‚‹åŸºæœ¬çš„ãªãƒ«ãƒ¼ãƒ«ã‹ã‚‰ã€JavaScript ãŒæä¾›ã™ã‚‹çµ„ã¿è¾¼ã¿ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¾ã§ã€JavaScript ã®åŸºç¤Žã‚’å¦ã³ã¾ã™ã€‚ JavaScript ã®æ¦‚è¦ ãƒ‡ãƒ¼ã‚¿ã®åž‹ã¨æ§‹é€ æ¯”è¼ƒæ¼”ç®—å åˆ¶å¾¡ãƒ•ãƒãƒ¼ é–¢æ•° ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ã‚¯ãƒ©
okyawa 2024/04/11
web.dev

javascript

js

å…¥é–€

è³‡æ–™

å¦ç¿’

å‹‰å¼·
ãƒªãƒ³ã‚¯
Learn Performance Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
okyawa 2023/12/15
performance

web

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

learning

å¦ç¿’

web.dev

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

html

JavaScript
ãƒªãƒ³ã‚¯
The Cache API: A quick guide Â |Â Articles Â |Â web.dev
The Cache API is a system for storing and retrieving network requests and their corresponding responses. These might be regular requests and responses created in the course of running your application, or they could be created solely for the purpose of storing data for later use. The Cache API was created to enable service workers to cache network requests so that they can provide fast responses,
okyawa 2023/03/08
Cache API

cache

js

JavaScript

web.dev

ã‚ãƒ£ãƒƒã‚·ãƒ¥

web api
ãƒªãƒ³ã‚¯
Building a dialog component Â |Â Articles Â |Â web.dev
In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. Try the demo and view the source! Demonstration of the mega and mini dialogs in their light and dark themes. If you prefer video, here's a YouTube version of this post: Overview The <dialog> element is great for in-page contextual information or action
okyawa 2022/12/08
html

dialog

ãƒ€ã‚¤ã‚¢ãƒã‚°

web.dev

google

tutorial

accessibility

javascript

css

button
ãƒªãƒ³ã‚¯
Account authentication and password management best practices | Google Cloud Blog
13 best practices for user account, authentication, and password management Editor's note: This post includes updated best practices including the latest from Google's Best Practices for Password Management whitepapers for both users and system designers. Account management, authentication and password management can be tricky. Often, account management is a dark corner that isn't a top priority f
okyawa 2022/02/09
ãƒ¢ãƒã‚¤ãƒ«

ãƒ•ã‚©ãƒ¼ãƒ

mobile

ui

web

web.dev

ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹

javascript

form
ãƒªãƒ³ã‚¯
Learn Forms Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
okyawa 2022/02/09
ãƒ¢ãƒã‚¤ãƒ«

ãƒ•ã‚©ãƒ¼ãƒ

mobile

ui

web

web.dev

ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹

javascript

form
ãƒªãƒ³ã‚¯
Sign-in form best practices Â |Â Articles Â |Â web.dev
If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress. Poorly designed sign-in forms get high bounce rates. Each bounce could mean a lost and disgruntled userâ€”not just a missed sign-in opportunity. Here is an example of a simple sign-in form that demonstrates all of the be
okyawa 2022/02/09
ãƒ¢ãƒã‚¤ãƒ«

ãƒ•ã‚©ãƒ¼ãƒ

mobile

ui

web

web.dev

ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹

javascript

form
ãƒªãƒ³ã‚¯
Improving user privacy and developer experience with User-Agent Client Hints Â |Â Privacy & Security Â |Â Chrome for Developers
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
okyawa 2021/06/23
chrome

browser

privacy

UserAgent

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

JavaScript

header

web.dev
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ãŒé¸ã¶ web.dev Live2020 ã‚ªã‚¹ã‚¹ãƒ¡ã‚»ãƒƒã‚·ãƒ§ãƒ³ - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æƒ…å ±å…±æœ‰ä¼šã‚’ç¤¾å†…å‘ã‘ã«è¡Œã£ã¦ã„ã¾ã™ã€‚ 2017å¹´ã‹ã‚‰2020å¹´ã¾ã§ã«10å›žé–‹å‚¬ã—ã¦ãŠã‚Šã€ã€ŒWeb ãƒšãƒ¼ã‚¸ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ã€ã€ŒReact ã®ä»Šã¨ã“ã‚Œã‹ã‚‰ã€ã€ã€ŒGoogle I/O ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¾ã¨ã‚ã€ãªã©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç¤¾å†…ã«å…±æœ‰ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žè¡Œã£ãŸã®ã¯ã€2020å¹´6æœˆ30æ—¥ã‹ã‚‰7æœˆ2æ—¥ã«ã‹ã‘ã¦3æ—¥é–“ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§é–‹å‚¬ã•ã‚ŒãŸ web.dev Live2020 ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã®æƒ…å ±å…±æœ‰ã§ã™ã€‚å„ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯YouTubeã«ã¦è¦–è´ã§ãã¾ã™ã€‚ ä»Šå›žã¯å„ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ãŒè¦–è´ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ä¸ã‹ã‚‰ã€ãã‚Œãžã‚Œ2ã¤ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’é¸ã‚“ã§å†…å®¹ã¨æ„Ÿæƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ã web.dev Live2020 ã‚’è¦‹ã¦ã„ãªã„æ–¹ãŒèˆˆå‘³ã‚’æŒã¤ãã£ã‹ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ BaHoã®ã‚ªã‚¹ã‚¹ãƒ¡ Ba
okyawa 2020/08/24
PWA

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

web.dev
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx