๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile
๐•‚๐•š๐•ฅ๐•– / KITERETZ inc.

@ixkaito

ๆ ชๅผไผš็คพใ‚ญใƒ†ใƒฌใƒ„ไปฃ่กจ / ใƒ‡ใ‚ถใ‚คใƒŠใƒผ / ใƒ•ใƒซใ‚นใ‚ฟใƒƒใ‚ฏ้–‹็™บ่€… / WordPress, Rails, React ใ‚ณใƒณใƒˆใƒชใƒ“ใƒฅใƒผใ‚ฟ / Open-sourcer: wocker.dev, ixkaito.github.io/ktrz-font, ixkaito.github.io/ktrz-monokai

ID: 125757756

linkhttps://kiteretz.com calendar_today23-03-2010 19:42:11

10,10K Tweet

5,5K Followers

354 Following

Masayuki Daijima (@daijimachine) 's Twitter Profile Photo

ใ‚นใ‚ดใƒญใƒƒใ‚ฏใ‚นใฎใ‚ตใ‚คใƒˆใŒWebGL็ทๆœฌๅฑฑใซใ”็ดนไป‹ใ„ใŸใ ใใพใ—ใŸใ€‚ใ“ใกใ‚‰ใŒ้ ‘ๅผตใฃใŸใจใ“ใ‚ใ‚„่ฆ‹ใฆใปใ—ใ„ใจใ“ใ‚ใ‚’ๆผใ‚Œใชใ่จ€ๅŠใ—ใฆใ„ใŸใ ใใ€ๅฌ‰ใ—ใ„้™ใ‚Šใงใ™๏ผ ไพ‹ใˆใฐใ€ๆ–‡ไธญใฎใ€Œใ“ใ†ใ„ใ†็‰นๆฎŠใชใƒšใƒผใ‚ธ้ท็งปใฎไป•็ต„ใฟใ‚’ๆŒใฃใŸใ‚ฆใ‚งใƒ–ใ‚ตใ‚คใƒˆใงใ€ๆ็”ปใŒ็ ด็ถปใ—ใชใ„ใ‚ˆใ†ใซ canvas

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

doxas ใ•ใ‚“ใฎๅˆ†ๆžๅŠ›ใƒ›ใƒณใƒˆใซใ„ใคใ‚‚ใ™ใ”ใใฆๆ„Ÿๅฟƒใ—ใพใ™ใ€‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ใ“ใ†ใ„ใ†่ง’ไธธใจ้€้Ž่ƒŒๆ™ฏใ‚’ๆŒใคใ‚ฐใƒฉใƒ‡ใƒผใ‚ทใƒงใƒณใƒœใƒผใƒ€ใƒผใฎใƒ‡ใ‚ถใ‚คใƒณใŒใ‚ใฃใŸใ‘ใฉ CSS ใงๅฎŸ่ฃ…ใงใใŸใ€‚background-clip: border-area ใจใ„ใ†ๆ–ฐใ—ใ„ๅ€คใŒๆๆกˆใ•ใ‚Œใฆใ„ใ‚‹ใฎใงใ€ๆŽก็”จใ•ใ‚ŒใŸใ‚‰ใ“ใ‚“ใช้ขๅ€’ใใ•ใ„ๅฎŸ่ฃ…ใฏใ‚‚ใ†ใ—ใชใใฆๆธˆใ‚€ใ€‚ codepen.io/ixkaito/pen/OJโ€ฆ

ใ“ใ†ใ„ใ†่ง’ไธธใจ้€้Ž่ƒŒๆ™ฏใ‚’ๆŒใคใ‚ฐใƒฉใƒ‡ใƒผใ‚ทใƒงใƒณใƒœใƒผใƒ€ใƒผใฎใƒ‡ใ‚ถใ‚คใƒณใŒใ‚ใฃใŸใ‘ใฉ CSS ใงๅฎŸ่ฃ…ใงใใŸใ€‚background-clip: border-area ใจใ„ใ†ๆ–ฐใ—ใ„ๅ€คใŒๆๆกˆใ•ใ‚Œใฆใ„ใ‚‹ใฎใงใ€ๆŽก็”จใ•ใ‚ŒใŸใ‚‰ใ“ใ‚“ใช้ขๅ€’ใใ•ใ„ๅฎŸ่ฃ…ใฏใ‚‚ใ†ใ—ใชใใฆๆธˆใ‚€ใ€‚

codepen.io/ixkaito/pen/OJโ€ฆ
๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

WordPress 6.6 ใง CSS ใฎใ‚ฐใƒญใƒผใƒใƒซใ‚ซใ‚นใ‚ฟใƒ ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ (--wp--preset--**) ใŒ body ใงใฏใชใ :root ใซๅค‰ๆ›ดใ•ใ‚ŒใŸใ›ใ„ใงใ€--wp-preset--spacing-200: calc(var(--gutter) * 2); ใฎใ‚ˆใ†ใชๆŒ‡ๅฎšใฏใ€--gutter ใฎๅ€คใŒ body ใง่จญๅฎšใ—ใฆใ„ใŸใŸใ‚ๅŠนใ‹ใชใใชใฃใฆใ—ใพใฃใŸโ€ฆๅŒใ˜ใ‚ฑใƒผใ‚นใฎๆ–นใฏใ”ๆณจๆ„ใ‚’ใ€‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

WordPress 6.6 ใฎๆ–ฐๆฉŸ่ƒฝใ‚ฐใƒชใƒƒใƒ‰ใƒ–ใƒญใƒƒใ‚ฏใ€็›ดๆ„Ÿ็š„ใงใ‹ใชใ‚Šใ‚ˆใ•ใใ†๏ผใƒ‰ใƒฉใƒƒใ‚ฐใงใ‚ฐใƒชใƒƒใƒ‰ใ‚นใƒ‘ใƒณใ‚’่ชฟๆ•ดใงใใŸใ‚Šใ€ๅ…ฅใ‚Œๅญใซใ—ใฆ่ค‡้›‘ใชใƒฌใ‚คใ‚ขใ‚ฆใƒˆใ‚‚็ต„ใ‚ใ‚‹ใ€‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ใ‚ชใƒ•ใ‚ฃใ‚น่ฟ‘ใใฎไบบๆฐ—ใŠใ‹ใ‚†ๅฑ‹ใ•ใ‚“ใซ้€šใ„ใ™ใŽใฆใ€ใคใ„ใซๅƒ•ๅฐ‚็”จใฎ้†คๆฒนใ”ใพๆฒนใŒ็”จๆ„ใ•ใ‚Œใ‚‹ใ‚ˆใ†ใซใชใฃใŸใ€‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ๅฟ™ใ—ใใฆใšใฃใจๆ”พ็ฝฎใ—ใฆใพใ—ใŸใŒใ€ใคใ„ใซ HTML ๅ†…ใซๅŸ‹ใ‚่พผใพใ‚ŒใŸ <style> ่ฆ็ด ใซใ‚‚ๅฏพๅฟœใ—ใพใ—ใŸใ€‚ใ“ใ‚ŒใงๅŸบๆœฌ็š„ใชไฝฟใ„ๆ–นใงใ‚ใ‚Œใฐใปใผๅ•้กŒใชใ„ใฏใšใงใ™ใ€‚ Release v4.0 ยท ixkaito/astro-relative-links github.com/ixkaito/astro-โ€ฆ

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

Astro ใ‚’ใƒฉใ‚คใƒˆใซ้™็š„ HTML ใƒ“ใƒซใƒ€ใƒผใจใ—ใฆไฝฟใ†ใจใใซใใฃใจ็›ธๅฏพใƒ‘ใ‚นใงๆ›ธใๅ‡บใ—ใŸใใชใ‚‹ใ“ใจใ‚‚ใ‚ใ‚‹ใ‹ใจๆ€ใ„ใพใ™ใŒใ€ใใฎใจใใซใ“ใฎใ‚คใƒณใƒ†ใ‚ฐใƒฌใƒผใ‚ทใƒงใƒณใŒๅฝนใซ็ซ‹ใกใพใ™ใ€‚ ixkaito/astro-relative-links: Build Astro with relative links. github.com/ixkaito/astro-โ€ฆ

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

Mac ใฎใ‚ฏใ‚คใƒƒใ‚ฏใ‚ขใ‚ฏใ‚ทใƒงใƒณใง็ฐกๅ˜ใซ่ƒŒๆ™ฏใ‚’ๆถˆใ›ใ‚‹ใฎใ‚ใพใ‚Š็Ÿฅใ‚‰ใ‚Œใฆใ„ใชใ„ใ‹ใ‚‚ใ€‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

็š†ใ•ใ‚“ใฎใƒชใ‚ขใ‚ฏใ‚ทใƒงใƒณใ‚’่ฆ‹ใ‚‹ใจใ€ใฟใ‚“ใชใ“ใ‚Œใซๆ‚ฉใ‚“ใงใ„ใŸใ‚“ใงใ™ใญ๐Ÿ˜…

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ใ„ใใคใ‹้•ใ†ๆ‰‹ๆณ•ใง่ฉฆใ—ใฆใ„ใŸใ ใ„ใŸๆ–นใŒใ„ใ‚‰ใฃใ—ใ‚ƒใ„ใพใ—ใŸใ—ใ€่ฟ‘ๆ—ฅไธญใซ่จ˜ไบ‹ใ‚’ๆ›ธใใŸใ„ใจๆ€ใ„ใพใ™ใ€‚ใ—ใ‹ใ—ใ€ใ“ใ†ใ„ใ†ใƒ‡ใ‚ถใ‚คใƒณใฃใฆไฝ•ใ‹ๅ็งฐใ‚ใ‚‹ใ‚“ใงใ™ใ‹ใญโ€ฆใ”ๅญ˜ใ˜ใฎๆ–นใ„ใ‚‰ใฃใ—ใ‚ƒใ„ใพใ—ใŸใ‚‰ใฏๆ•™ใˆใฆไธ‹ใ•ใ„๏ผ

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ใ‚ญใƒ†ใƒฌใƒ„ใƒกใƒณใƒใƒผใŒ1ๅนดใถใ‚Šใซ้›†็ตใ€‚ใ“ใ‚Œใ‹ใ‚‰ใฎใ‚ญใƒ†ใƒฌใƒ„ใซใคใ„ใฆ่ชžใ‚Šใ€ใŠใ„ใ—ใ„็„ผ่‚‰ใ‚’้ฃŸในใ€ไบบ็‹ผใ‚ฒใƒผใƒ ใงๆˆฆใ„ใ€ใƒชใ‚ขใƒซ่„ฑๅ‡บใ‚ฒใƒผใƒ ใงๅ”ๅŠ›ใ—ๅˆใฃใฆใ€ๅ…จๅŠ›ใง้Šใ‚“ใ ๆœ€้ซ˜ใฎ2ๆ—ฅ้–“ใงใ—ใŸ๏ผ18ๆ—ฅใพใงใŠไผ‘ใฟใ—ใฆใ€ๆ–ฐใŸใชๆŒ‘ๆˆฆใซๅ‘ใ‘ใฆใŒใ‚“ใฐใ‚Šใพใ™๐Ÿ’ช

ใ‚ญใƒ†ใƒฌใƒ„ใƒกใƒณใƒใƒผใŒ1ๅนดใถใ‚Šใซ้›†็ตใ€‚ใ“ใ‚Œใ‹ใ‚‰ใฎใ‚ญใƒ†ใƒฌใƒ„ใซใคใ„ใฆ่ชžใ‚Šใ€ใŠใ„ใ—ใ„็„ผ่‚‰ใ‚’้ฃŸในใ€ไบบ็‹ผใ‚ฒใƒผใƒ ใงๆˆฆใ„ใ€ใƒชใ‚ขใƒซ่„ฑๅ‡บใ‚ฒใƒผใƒ ใงๅ”ๅŠ›ใ—ๅˆใฃใฆใ€ๅ…จๅŠ›ใง้Šใ‚“ใ ๆœ€้ซ˜ใฎ2ๆ—ฅ้–“ใงใ—ใŸ๏ผ18ๆ—ฅใพใงใŠไผ‘ใฟใ—ใฆใ€ๆ–ฐใŸใชๆŒ‘ๆˆฆใซๅ‘ใ‘ใฆใŒใ‚“ใฐใ‚Šใพใ™๐Ÿ’ช
๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ๅฐ‘ใ—ใƒฌใ‚ขใ‚ฑใƒผใ‚นใฎ Safari ใฎใƒใ‚ฐใซ้ญ้‡ใ€‚ sticky ่ฆ็ด ใŒใ€`overflow-x: clip; isolation: isolate;` ใŒๆŒ‡ๅฎšใ•ใ‚ŒใŸ่ฆช่ฆ็ด ๅ†…ใซใ‚ใ‚‹ใจใ€ใ‚นใ‚ฏใƒญใƒผใƒซใง sticky ่ฆ็ด ใŒใƒ”ใ‚ฏใƒ”ใ‚ฏใ—ใพใ™ใ€‚็‰นใซ iPhone ใง้ก•่‘—ใ€‚ไปฅไธ‹ใƒ‡ใƒขใง็ขบ่ชใงใใพใ™ใ€‚ codepen.io/ixkaito/pen/poโ€ฆ

Dai Yoshinaga / SETSUNA Inc., ADRIATIC (@daipdaip) 's Twitter Profile Photo

็•ชๅค–็ทจใ€KITERETZใ•ใ‚“ใซ่กŒใฃใฆใ€๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. ใ•ใ‚“ใ€ใ‚ใ‚„ใ‹ใ•ใ‚“ใจใ”้ฃฏใซใ€‚ ใ”้ฆณ่ตฐๆง˜ใซใพใงใชใฃใฆใ—ใพใ„ใ€่ฉฑใพใง่žใ„ใฆใ‚‚ใ‚‰ใฃใฆใ€ๆ„Ÿ่ฌๆ„Ÿ่ฌใ€‚ใ€‚ ่‡ชๅˆ†ใŒ่ฆณๆธฌใ—ใฆใ‚‹ไธญใงๅผŠ็คพใ‚’็Ÿฅใฃใฆใใ ใ•ใฃใฆใ„ใ‚‹ๆœ€ๅคๅ‚ใฎใ‚ใ‚„ใ‹ใ•ใ‚“ใ€ๅฐŠๆ•ฌใ™ใ‚‹Kiteใ•ใ‚“ใซ่ฉฑใ‚’่žใ„ใฆใ‚‚ใ‚‰ใฃใฆใ‚ˆใ‹ใฃใŸ๏ผ ๆ˜ฏ้žๅฅˆ่‰ฏใง้ฃฒใฟใŸใ„๏ผๆฌกใฏไธŠ็”ฐใ‚‚

๐•‚๐•š๐•ฅ๐•– / KITERETZ inc. (@ixkaito) 's Twitter Profile Photo

ใ‚ฆใ‚งใƒ–้–ข้€ฃใฎไบบใฏๅฟ…ใš็›ฎใซใ—ใŸใ“ใจใŒใ€ŒWebใ‚ฏใƒชใ‚จใ‚คใ‚ฟใƒผใƒœใƒƒใ‚ฏใ‚นใ€ใ‚’้‹ๅ–ถใ—ใฆใ„ใ‚‹ Mana ใ•ใ‚“ใฎใƒใƒƒใƒ‰ใ‚ญใƒฃใ‚นใƒˆใ€ŒManaใฎWebใ‚ฏใƒชใ‚จใ‚คใ‚ฟใƒผใ‚ซใƒ•ใ‚งใ€ใซใ‚ฒใ‚นใƒˆๅ‡บๆผ”ใ•ใ›ใฆใ„ใŸใ ใใพใ—ใŸ๏ผ 30ๅˆ†ใฎๅŽ้Œฒใฏใ‚ใฃใจใ„ใ†้–“ใงใ—ใŸ๏ผใ‚‚ใฃใจใ„ใ‚ใ„ใ‚่ฉฑใ—ใŸใ‹ใฃใŸใ‘ใฉใ€ๅฐ‘ใ—ใงใ‚‚ๅ‚่€ƒใซใชใ‚Œใฐใจๆ€ใ„ใพใ™๏ผ #ใ‚ฆใ‚งใƒ–ใ‚ซใƒ•ใ‚ง