Exadata Database Service on Dedicated Infrastructure ã‚»ã‚ュリティã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€ãŠã‚ˆã³ç®¡ç†ã«ã¤ã„ã¦
ç¾å®Ÿä¸–ç•Œã«ãŠã‘るスã‚ーマè¨è¨ˆã®å¦¥å”
Exadata Database Service on Dedicated Infrastructure ã‚»ã‚ュリティã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€ãŠã‚ˆã³ç®¡ç†ã«ã¤ã„ã¦
Hello, Superflare
A full-stack toolkit for Cloudflare Workers. The best parts of D1, R2, Queues, and more—all in one place.
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨SPAè·äººã®ç›®æŒ‡ã—ãŸã‚‚ã®ã®æ´å²ã¨æ¦‚ç•¥
年末年始ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è«–ã¿ãŸã„ãªè¨˜äº‹ã‚’ã„ãã¤ã‹è¦‹ãŸãŒã€åƒ•ã‚‰å¤ã®SPAè·äººãŒã‚„ã£ã¦ããŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã„ã†è·åŸŸã¨ç›®æŒ‡ã—ã¦ã„ãŸã‚‚ã®ãŒå¤±ä¼ã—ã‹ã‘ã¦ã„ã‚‹æ°—ãŒã™ã‚‹ã®ã§ã€ã“ã“ã«æ™‚代ã”ã¨ã«ä½•ã‚’考ãˆã¦ã„ãŸã‹ã€é›‘ã«æ›¸ã殴る。 注æ„点ã¨ã—ã¦ã€ 2004ã‹ã‚‰å§‹ã¾ã‚‹ãŒã€è‡ªåˆ†ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’始ã‚ãŸã®ãŒ2010, æ¥å‹™ã¨ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’書ã始ã‚ãŸã®ãŒ 2012 ãªã®ã§ã€è§£åƒåº¦ãŒé«˜ã„ã®ã¯ãれ以é™ã«ãªã‚‹ã€‚ tl;dr 2004: å‹•ã出㙠HTML 2011: æ§‹é€ åŒ–ã®ã¯ã˜ã¾ã‚Š 2015: è´…æ²¢å“ã¨ã—ã¦ã®SPAã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£åˆ†åŒ– 2017: 貧者ã®SPA 2019: å®ˆç ´é›¢ã¨ã—ã¦ã®ãƒ‘フォーマンス 2004: å‹•ãã ã™ HTML AJAX ã®æ™‚代。è¦ã¯ XMLHTTPRequest ã§å–å¾—ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¿œã˜ã¦ã€å‹•çš„書ãæ›ãˆã‚’DOM書ãæ›ãˆã‚’è¡Œã†ã“ã¨ã€‚今ã§ã¯å付ã‘ã‚‹ã»ã©ã§ã‚‚ãªã„æ“作ã ãŒã€HTMLãŒé™çš„ãªã‚‚ã®ã‚’ã‚„ã‚ãŸã“ã¨ã¯ã€
Publickeyã®ITæ¥ç•Œäºˆæƒ³2023。クラウドã®ã‚³ã‚¹ãƒˆä¸Šæ˜‡æ‡¸å¿µã€Passkeyã®æ™®åŠã€AIã«ã‚ˆã‚‹é–‹ç™ºæ”¯æ´ã®é€²åŒ–ã€WebAssembly環境ã®å……実ãªã©
Publickeyã®ITæ¥ç•Œäºˆæƒ³2023。クラウドã®ã‚³ã‚¹ãƒˆä¸Šæ˜‡æ‡¸å¿µã€Passkeyã®æ™®åŠã€AIã«ã‚ˆã‚‹é–‹ç™ºæ”¯æ´ã®é€²åŒ–ã€WebAssembly環境ã®å……実ãªã© 新年明ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚今年もPublickeyã‚’ã©ã†ãžã‚ˆã‚ã—ããŠããŒã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ä»Šå¹´æœ€åˆã®è¨˜äº‹ã§ã¯2023å¹´ã®ITæ¥ç•Œã€ç‰¹ã«PublickeyãŒä¸»ãªå®ˆå‚™ç¯„囲ã¨ã—ã¦ã„るエンタープライズ系ã®ITæ¥ç•Œã¯ã©ã†ãªã‚‹ã®ã‹ã€Publickeyãªã‚Šã«æœŸå¾…ã‚’è¾¼ã‚ãŸäºˆæƒ³ã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ エãƒãƒ«ã‚®ãƒ¼ä¾¡æ ¼ã®ä¸Šæ˜‡ã€ã‚»ã‚ュリティã¸ã®æ³¨ç›®ãªã© ã¾ãšã¯äºˆæƒ³ã®å‰æã¨ã—ã¦ã€ITæ¥ç•Œã«å½±éŸ¿ã‚’与ãˆãã†ãªç¾çŠ¶ã«ã¤ã„ã¦ã®èªè˜ã‚’明らã‹ã«ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«ãªè¦–点ã§è¦‹ãŸã¨ãã«ã€ITæ¥ç•Œã ã‘ã§ãªã世界経済ã«å¤§ããªå½±éŸ¿ã‚’与ãˆã¦ã„ã‚‹ã®ã¯çŸ³æ²¹ã‚„天然ガスを始ã‚ã¨ã™ã‚‹ã‚¨ãƒãƒ«ã‚®ãƒ¼ä¾¡æ ¼ã®ä¸Šæ˜‡ã¨ã‚¤ãƒ³ãƒ•ãƒ¬ã§ã—ょã†ã€‚ エãƒãƒ«ã‚®ãƒ¼ä¾¡æ ¼ã®ä¸Šæ˜‡ã¯ãƒã‚·ã‚¢ã«ã‚ˆã‚‹ã‚¦ã‚¯ãƒ©ã‚¤ãƒŠ
Edge Side Frontend ã¨ã„ã†æ–°é ˜åŸŸ
at #ワインã¨é‹js ãªãœãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« Edge Worker ãŒå¿…è¦ãªã®ã‹ã€Cloudflare Workers ã‚’ã©ã†ä½¿ã£ã¦ã„ãã‹ã¿ãŸã„ãªè©±ã‚’ã—ã¾ã—ãŸ
モダンウェブフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹‰å¼·ä¼šã‚’開催ã—ã¾ã—㟠- クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã§æœ€è¿‘ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リを離れもã£ã±ã‚‰ã‚¦ã‚§ãƒ–アプリを作ã£ã¦ã„ã‚‹ @morishin ã§ã™ã€‚ 先日ã€ç¤¾å†…ã§ã€Œãƒ¢ãƒ€ãƒ³ã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹‰å¼·ä¼šã€ã¨é¡Œã—㦠React, Next.js, Core Web Vitals, SSR, CSR, SSG, ISR, SSR Streaming, React Server Component ã¨ã„ã£ãŸã‚ーワードã«è§¦ã‚Œã¤ã¤ã€æ˜¨ä»Šã®ã‚¦ã‚§ãƒ–開発事情ã«ã¤ã„ã¦è©±ã‚’ã—ã¾ã—ãŸã€‚ã›ã£ã‹ããªã®ã§ãã®å†…容ã®å…±æœ‰ã¨ã€å‹‰å¼·ä¼šã‚’開催ã—ãŸå‹•æ©Ÿãªã©ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è©±ã¯ fukabori.fm ã§ã‚‚å–り上ã’ã¦ã„ãŸã ã„ã¦ãŠè©±ã—ã—ãŸã®ã§ã€ã‚ˆã‘ã‚Œã°ãã¡ã‚‰ã‚‚ã”視è´ãã ã•ã„。 fukabori.fm 背景・動機 クックパッドã®ã‚¦ã‚§ãƒ–アプリケーションã¯10年以上もã®é–“ Ruby on Rails ã§é–‹ç™ºã•ã‚Œã¦ãã¾ã—ãŸãŒã€2020å¹´ã‹ã‚‰ä¸€éƒ¨ã®ãƒšãƒ¼ã‚¸ã¯ Next.
ファイルダウンãƒãƒ¼ãƒ‰å®Œå…¨ãƒžã‚¹ã‚¿ãƒ¼ | フューãƒãƒ£ãƒ¼æŠ€è¡“ブãƒã‚°
Real World HTTPã§ã‚‚紹介ã—ãŸãƒã‚¿ã§ã™ãŒã€ãŠä»•äº‹ã§å—ã‘ã¦ã„る技術コンサルä¸ã«è³ªå•ã‚’ã„ãŸã ã„ãŸæ™‚ã«ã€å¾®å¦™ã«æœ¬ã§ç´¹ä»‹ã—ãŸå†…容ã§ã¯å°‘ã—足りãªã‹ã£ãŸã®ã§ã€æ”¹ã‚ã¦æ•´ç†ã®ãŸã‚ã«ãƒ–ãƒã‚°è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚次回ã€æœ¬ãŒæ”¹è¨‚ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Œã°ã“ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®å†…容も入れã¦åŠ ç†ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Real World HTTPã ã¨Goを使ã£ã¦ã„ã¾ã—ãŸãŒã€ãƒ•ãƒãƒ³ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã‚’åŒæ™‚ã«ã„ã˜ã‚‹ã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯Next.jsをサンプルã«ä½¿ã„ã¾ã™ã€‚Next.jsã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作ã£ã¦ï¼ˆnpx create-next-app@latest –ts)ã€é©å½“ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåを入れã¦ã‚¢ãƒ—リケーションã®é››å½¢ã‚’作ã£ã¦ãŠã„ã¦ãã ã•ã„。 Next.jsã§ã¯ã€1ã¤ã®ã‚¹ã‚¯ãƒªãƒ—トファイルを作æˆã™ã‚‹ã¨ã€ãã‚ŒãŒã‚µãƒ¼ãƒãƒ¼API(/pages/api以下)ã¨ã€ãƒ•ãƒãƒ³ãƒˆã®ç”»é¢(/pages/以下ã®api以外)ã«ãªã‚Šã¾ã™ã€‚Next.j
Chromeæ‹¡å¼µ ã¤ãã‚Šã‹ãŸ 令和最新版
æ•°å¹´ã¶ã‚Šã«Chromeæ‹¡å¼µã®ã¤ãã‚Šã‹ãŸã‚’調ã¹ãŸã€‚ 本当ã«ä½•ã‚‚分ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€Twitterã§ã€Œ2022å¹´ã«Chromeæ‹¡å¼µã¤ãã‚ŠãŸã‹ã£ãŸã‚‰ä½•è¦‹ã¦å¦ã¹ã°ã„ã„？ã€ã¨ã¤ã¶ã‚„ã„ã¦ã¿ãŸã¨ã“ã‚ã€ä½•äººã‹ã®äººãŒæ•™ãˆã¦ãã‚ŒãŸã€‚æ•™ãˆã¦ã‚‚らã£ãŸä¸ã‹ã‚‰å¹¾ã¤ã‹ã®ãƒªãƒ³ã‚¯å…ˆã‚’紹介ã™ã‚‹ã‚ˆã†ãªå½¢ã§è¨˜è¿°ã—ã¦ã„ã。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点ã ã¨æ¯”較的新ã—ã‚ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘ツールã§ã‚ã‚‹viteã¨ã€viteã®Chromeæ‹¡å¼µå‘ã‘プラグインã§ã‚ã‚‹@crxjs/vite-pluginを使ã£ã¦Chrome拡張をã¤ãã£ã¦ã¿ã‚ˆã†ã€ã¨ã„ã†è¨˜äº‹ã€‚今回自分ã¯ä¸»ã«ã“れをå‚考ã«ã—ãªãŒã‚‰é–‹ç™ºã‚’進ã‚ãŸã€‚Reactã¨è¨€ã£ã¦ã„ã‚‹ãŒã€è‡ªåˆ†ã®Chromeæ‹¡å¼µã§ã¯UIã¯å˜åœ¨ã—ãªã‹ã£ãŸã®ã§ã€Reactã«é–¢ã™ã‚‹éƒ¨åˆ†ã¯èªã¿é£›ã°ã—ã¦ã€vite
Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°85é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚“ã«ã¡ã¯ã€ã¬ã“ã™ã‘ã§ã™ã€‚ è¿‘å¹´ã€Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯ã‚µã‚¤ãƒˆã®ãƒ‘フォーマンスã®é‡è¦æ€§ãŒé«˜ã¾ã£ã¦ã„ã¾ã™ã€‚ 例ãˆã°ã€Googleã¯Core Web Vitalã¨ã„ã†ãƒ‘フォーマンスã«æŒ‡æ¨™ã‚’検索çµæžœã®ãƒ©ãƒ³ã‚ングè¦å› ã«çµ„ã¿è¾¼ã¿ã¾ã—ãŸã€‚ ã¾ãŸã€è¿‘å¹´ã®æŸä¼æ¥ãŒã€Œãƒ‘フォーマンスã®æ”¹å–„ã«å–り組んã çµæžœã€ã‚»ãƒƒã‚·ãƒ§ãƒ³æ•°ã€‡ï¼…アップã€CVR〇％アップ...ã€ãªã©ã®äº‹ä¾‹ã¯æžšæŒ™ã«ã„ã¨ã¾ãŒãªã„ã§ã—ょã†ã€‚ パフォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã™ã‚‹ãŸã‚ã«ã¯ã€å®šé‡çš„ã«è¨ˆæ¸¬ã—ã¦ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã‚’探ã™ã‚ˆã†ãªãƒˆãƒƒãƒ—ダウンãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚ã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€æ™‚ã«ã¯åƒæœ¬ãƒŽãƒƒã‚¯çš„ã«ãƒã‚¦ãƒ„ーを
「引ã£è¶Šã—ã™ã‚‹ã‘ã©ä¼šç¤¾ã‹ã‚‰æ©ã„ã¦10分åœå†…ã£ã¦ã©ã“ã¾ã§ï¼Ÿã€ã‚’調ã¹ã‚‹ã‚µãƒ¼ãƒ“スをã¤ãã‚Šã¾ã—ãŸ
ã“ã†ã§ã™ã€‚ æ–°ã—ã„ä½å±…を探ãã†ã¨ã—ãŸã¨ãã€ã€Œä¼šç¤¾ã‹ã‚‰æ©ã„ã¦ã¡ã‚‡ã†ã© 30 分ã®ã¨ã“ã‚ã«ä½ã‚ãŸã‚‰ QOL 高ããªã„？ã€ã¨æ€ã„ã¾ã—ãŸã€‚(é‹å‹•ã§ãã‚‹ã€å…¬å…±äº¤é€šæ©Ÿé–¢ã¨ç„¡ç¸ã€è²·ã„物もã§ãã‚‹etc...) ã§ã‚‚ ã‚る一点をä¸å¿ƒã¨ã—ãŸç§»å‹•å¯èƒ½ã‚¨ãƒªã‚¢ã‚’知りãŸã„ã¨ãã€å††ã§ã–ã£ãã‚Šã¨è¡¨ç¤ºã‚’ã™ã‚‹ä»¥å¤–ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒã»ã¼ãªã„ ã“ã¨ã«æ°—ãŒã¤ãã¾ã—ãŸã€‚海外サイトもå«ã‚ã‹ãªã‚Šèª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€é¡žä¼¼ã®ã‚µãƒ¼ãƒ“スã¯è¦‹å½“ãŸã‚Šã¾ã›ã‚“。 ã¨ã„ã†çµŒç·¯ã§ã¤ãã£ãŸã®ãŒ How far can I go? ã¨ã„ã†ã‚µã‚¤ãƒˆã€‚ ã½ã¡ã½ã¡ã‚„ã£ã¦ã„ãŸã ã‘ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒã€çµæžœã®ç²¾åº¦ã¯ã‹ãªã‚Šã®ã‚‚ã®ã¨æ€ã‚ã‚Œã¾ã™ã€‚特ã«é“ã®æœ‰ç„¡ã‚„å·æ²¿ã„ãªã©ã‚’検証ã—ã¦ã‚‚らãˆã‚‹ã¨ãã®åŠ¹æžœãŒã™ãã«ã‚ã‹ã‚‹ã‹ã¨ã€‚ 転è·å…ˆãŒæ±ºã¾ã£ã¦ã„ã‚‹ãªã‚‰ã€ãã“ã«ãƒ”ンを差ã—ã¦äº¤é€šæ‰‹æ®µã¨æ‰€è¦æ™‚é–“ã‚’è¨å®šã—ã¦ãã ã•ã„。HOME'S ãªã©ã®ä½å®…検索サービスã«ã¯æ¡ä»¶çµžã‚Šè¾¼ã¿ã‚’ã—ãŸã‚ã¨ã«ãれらを地図上ã«ã¾ã¨ã‚ã¦ãƒž
colorsãªã©ã®npmパッケージã«æ‚ªæ„ã‚るコードãŒå«ã¾ã‚Œã¦ã„ã‚‹å•é¡Œã«ã¤ã„ã¦
追記: 2022å¹´1月11æ—¥ 2:29 JSTã«DoS脆弱性ã¨ã—ã¦ã‚»ã‚ュリティアドãƒã‚¤ã‚¶ãƒ¼ãŒå‡ºã•ã‚Œã¦ã€æ‚ªæ„ã‚ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³(1.4.1ã‚„1.4.2)ã¯npmã‹ã‚‰unpublishã•ã‚Œã€npmã®æœ€æ–°ã¯å®‰å…¨ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹1.4.0ã¸ã¨å¤‰æ›´ã•ã‚Œã¾ã—ãŸã€‚ Infinite loop causing Denial of Service in colors · GHSA-5rqg-jm4f-cqx7 · GitHub Advisory Database 2022-01-08 ã« colors ã¨ã„ã†npmパッケージã«DoS攻撃ã®ã‚³ãƒ¼ãƒ‰ãŒå«ã¾ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ1.4.44-liberty-2ã¨ã—ã¦å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ GitHub: https://github.com/Marak/colors.js npm: https://www.npmjs.com/package/colors å•é¡Œã«ã¤ã„ã¦ã®Issu
three.jsã§æµä½“シミュレーション(stable fluids) | mofu
We create beautiful expressions through programming and deliver the best possible experiences.
Web Speed Hackathon 2021 miniã§ã»ã¼æº€ç‚¹ã‚’出ã—ã¾ã—ãŸ
gzip圧縮ã ã¨ã‚ã¾ã‚Šåœ§ç¸®ã§ãã¦ã„ãªãã€ã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚°ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒå°ã•ã„ã›ã„ã‹ãªã¨æ€ã£ãŸã®ã§ã™ãŒã€å®Ÿéš›ã«å¤§ãã•ãŒã‹ãªã‚Šé•ã†ã¿ãŸã„ãªã®ã§ã€ãã‚ŒãŒåŽŸå› ã¨ã—ã¦ã‚ã‚Šãˆãã†ã§ã™ã€‚ Gzip uses a fixed size, 32KB window, and Brotli can use any window size from 1KB to 16MB, in powers of 2 (minus 16 bytes). This means that the Brotli window can be up to 512 times larger window than the deflate window. Results of experimenting with Brotli for dynamic web content - The Cloudflare Blog AudioContextã®
Jamstackを検討ã™ã‚‹ - ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
Jamstackã‚’æ—¢å˜ã®ã‚·ã‚¹ãƒ†ãƒ ã«å°Žå…¥ã™ã‚‹ã‹ã‚’検討ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã€‚ 紆余曲折ã—ãŸã‚‚ã®ã®ã€æœªã ã«æš«å®šçš„ãªçµè«–ã—ã‹å‡ºã¦ã„ãªã„。 ã¨ã¯ã„ãˆã€ã‚ã‚Šã¨é ‘å¼µã£ãŸã€‚ 今回㯠Jamstackã¨ã¯ãªã‚“ãžã‚„？ Jamstackã®ç‰¹å¾´ Jamstackã®æŠ€è¡“ å¼±ã¿ã‚’解決ã™ã‚‹ç– 実際ã«æ¤œè¨Žã—ãŸè©± を雑ã«ç´¹ä»‹ã—ãŸã„。 個人的ãªãƒ¡ãƒ¢ãªã®ã§ã€é–“é•ã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒã‚ã‚‹ã®ã‚’考慮願ã„ãŸã„。 Jamstackã¨ã¯ï¼Ÿ Jamstackã®Jamã¯ä»¥ä¸‹ã®é æ–‡å—ã‚’ã¨ã£ã¦ã„る。 JavaScript APIs Markup ã¾ãšã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æŒãŸãªã„API群ãŒã‚る。APIã¯ãƒ–ラウザã®JavaScriptã‹ã‚‰å©ã‹ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ã€å¾Œè¿°ã™ã‚‹ã‚ˆã†ãªSSG =「Static Site Generatorã€ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒå©ãã‹ã‚‚知れãªã„。ã©ã¡ã‚‰ã«ã›ã‚ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é…ä¿¡ã•ã‚Œã‚‹ã®ã¯SSGãŒå‡ºåŠ›ã—ãŸã€Markup。ã¤ã¾ã‚Šãƒ—リレンダリングã•ã‚ŒãŸ
TypeScript * GraphQLã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰è¨è¨ˆãƒ—ラクティス
2冊目も公開ä¸ãªã®ã§ã¿ã¦ãã ã•ã„ï¼ https://zenn.dev/tatta/books/4e993c596e7dc9 TypeScriptを使ã„ã¯ã˜ã‚ã¦1å¹´ã«ãªã‚‹ã®ã§ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®Webアプリをè¨è¨ˆã™ã‚‹ã¨ãã«æ°—を付ã‘ã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚（※社内勉強会用資料ã®å…¬é–‹ç‰ˆã§ã™ã€‚） TypeScriptã«ã¤ã„ã¦ã¯ã€Next.jsã‚’ä¸å¿ƒã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹å…¬é–‹æƒ…å ±ãŒè±Šå¯Œã§ã™ã€‚一方ã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«é–¢ã™ã‚‹å…¬é–‹æƒ…å ±ãŒå°‘ãªã„ã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚（ã‹ãã„ã†ç§ã‚‚Next.jsã‹ã‚‰TypeScriptデビューã—ãŸã‚ã‘ã§ã™ãŒï¼‰ TypeScript * GraphQL ã¨ã„ã†æ§‹æˆã¯ä»•äº‹ãƒ»è¶£å‘³ã§æŽ¡ç”¨ã•ã‚Œã¦ã„る方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ç§ã‚‚ãã®1人ã§ã™ã€‚ç§ã®ã‚ˆã†ãªæ–¹ã®ãŸã‚ã«ã‚‚ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®è¨è¨ˆãƒ—ラクティスã«ã¤ã„ã¦ã¾ã¨ã‚よã†ã¨æ€ã„ç†ã‚’å–ã‚Šã¾ã—ãŸã€‚ 本書ãŒã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹èªè€…ã«ã¨ã£ã¦ã¯æ•™ç§‘書ã®ã‚ˆã†ã«ãªã‚Šã€
Hosting SQLite databases on Github Pages - (or IPFS or any static file hoster) - phiresky's blog
Hosting SQLite databases on Github Pages(or IPFS or any static file hoster) Apr 17, 2021 • Last Update Jun 04, 2023I was writing a tiny website to display statistics of how much sponsored content a Youtube creator has over time when I noticed that I often write a small tool as a website that queries some data from a database and then displays it in a graph, a table, or similar. But if you want to
Chrome Devtoolã®monitorを使ã†ã¨é–¢æ•°ã®å‘¼ã³å‡ºã—を観察ã§ãã¦ä¾¿åˆ© - ã±ã™ãŸã‘日記
ã‚’èªã‚“ã§æ€ã„出ã—ãŸã®ã§ã”紹介ã§ã™ã€‚ å…ƒã®è¨˜äº‹ã¨åŒæ§˜ã«ä»¥ä¸‹ã®é–¢æ•° sum ã«ã¤ã„ã¦ã€ function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } ã“ã®é–¢æ•°sumã®å¼•æ•° (nums 㨠acc) ã®å‘¼ã³å‡ºã—ã”ã¨ã®å¤‰åŒ–を見ãŸã„å ´åˆã¯ã€æ‰€è¬‚プリントデãƒãƒƒã‚°ã‚„ debugger を使ã†ã®ã¯ä¸€èˆ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã‚ˆã知られã¦ã„ã¾ã™ãŒã€ã“ã®ã‚ˆã†ãªé–¢æ•°å‘¼ã³å‡ºã—時ã®å¼•æ•°ã‚’知りãŸã„å ´åˆã¯monitor(function)ã¨ã„ã†é–¢æ•°ã‚’使ã†ã“ã¨ã§åŒæ§˜ã®åŠ¹æžœã‚’å¾—ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã®å ´åˆã¯ monitor(sum)ã¨ã—ãŸå¾Œã«ã€é–¢
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã©ã“ã§ã‚‚å‹•ãWebフレームワークをã¤ãã‚‹
Patterns.dev
Explore DOM Events
{{#tags}}- {{label}}
{{/tags}}