[B! html] ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ko-ya-ma id:ko-ya-ma

htmlã«é–¢ã™ã‚‹ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (185)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

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

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

${{author_name}}$

{{{comment_expanded}}}

{{label}}

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

Goã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã€Œtemplã€ãŒä¾¿åˆ©ï¼ˆTinyGoã§ã‚‚å‹•ãã‚ˆï¼‰ - kasu.log
ã‚ã‚‰ã™ã˜ Go ã§ç´ æœ´ãª HTML ã‚’è¿”ã™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‹•ã‹ã—ãŸããªã‚Šã€ Wasm ã«å¤‰æ›ã—ã¦ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ Cloudflare Workers ã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Cloudflare Workers ã« Go ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹éš›ã«ã¯ã€id:f_syumai ã•ã‚“ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ github.com Go + text/template ã¾ãšã¯ã€ç´ ç›´ã« text/template ä½¿ã£ã¦ãƒ“ãƒ«ãƒ‰ã—ã¦ã¿ã¾ã™ã€‚ â¯ ls -lh ./build total 15656 -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs -rw-r--r-- 1 ergofriend staff 16
ko-ya-ma 2024/08/10
template

wasm

dev

golang

html
ãƒªãƒ³ã‚¯
Qwikã®ç´¹ä»‹ â€“ HTMLãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ | POSTD
Builder.ioã¯ã€å¼·åŠ›ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚ˆã‚Šã€é–‹ç™ºè€…ã§ã¯ãªã„äººãŒè¶…é«˜é€Ÿãªã‚µã‚¤ãƒˆã‚’é–‹ç™ºãƒ»ç·¨é›†ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ‡ã‚£ã‚¿ãŒå„ªã‚Œã¦ã„ã‚‹ç‚¹ã®1ã¤ã¯ã€Angularã‹ã‚‰Web Componentsã€ ãã—ã¦ãã®é–“ã«ã‚ã‚‹ã™ã¹ã¦ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«è‡³ã‚‹ã¾ã§ã€ ã•ã¾ã–ã¾ãªãƒ„ãƒ¼ãƒ«ã§åŒã˜ã‚µã‚¤ãƒˆã‚’ç”Ÿæˆã§ãã‚‹ã“ã¨ã§ã™ã€‚ å‡ºåŠ›ã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ã¯é€Ÿåº¦ãŒæœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ã®ãƒ„ãƒ¼ãƒ«ã§ä½œæˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã¯ã€æ‰‹ä½œæ¥ã§ä½œæˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã®å¤§éƒ¨åˆ†ã‚ˆã‚Šã‚‚é«˜é€Ÿã§ã™ã€‚ ç§ãŸã¡ã¯ã“ã‚Œã‚’å¿ƒã‹ã‚‰èª‡ã‚Šã«æ€ã£ã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ã®è£½å“ã¯ã€ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒã¨ã¦ã‚‚é‡è¦ã§ã‚ã‚‹eã‚³ãƒžãƒ¼ã‚¹ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ å„ªã‚ŒãŸTime to Interactiveã®å®Ÿç¾ã¯å›°é›£ ã©ã‚“ãªã«ã‚³ãƒ¼ãƒ‰ãŒæœ€é©åŒ–ã•ã‚Œã¦ã„ã¦ã‚‚ã€é™çš„HTMLã®ã¿ã‚’æä¾›ã—ã¦ã„ãªã„é™ã‚Šã€ eã‚³ãƒžãƒ¼ã‚¹ã‚µã‚¤ãƒˆãŒPageSpeed Insightsã§100ç‚¹ä¸100ç‚¹ã®ã‚¹ã‚³ã‚¢ã‚’
ko-ya-ma 2022/11/25
html

dev

framework

javascript
ãƒªãƒ³ã‚¯
ã€ŒPyScriptã€ã¯JavaScriptã®ã‚ˆã†ã«Pythonã‚³ãƒ¼ãƒ‰ã‚’HTMLå†…ã«è¨˜è¿°ã—ã¦å®Ÿè¡Œå¯èƒ½ã€AnacondaãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹
ã€ŒPyScriptã€ã¯JavaScriptã®ã‚ˆã†ã«Pythonã‚³ãƒ¼ãƒ‰ã‚’HTMLå†…ã«è¨˜è¿°ã—ã¦å®Ÿè¡Œå¯èƒ½ã€AnacondaãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ Pythonã®ä¸»è¦ãªãƒ‡ã‚£ã‚¹ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒAnacondaã€ãªã©ã‚’æä¾›ã—ã¦ã„ã‚‹Anacondaç¤¾ã¯ã€HTMLæ–‡æ›¸ã®ä¸ã«JavaScriptã¨åŒã˜ã‚ˆã†ã«Pythonã®ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã€å®Ÿè¡Œå¯èƒ½ã«ã™ã‚‹ã€ŒPyScriptã€ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã—ã¾ã—ãŸã€‚ Did you hear the news from PyCon!? We are thrilled to introduce PyScript, a framework that allows users to create rich Python applications IN THE BROWSER using a mix of Python with standard HTML! Head to h
ko-ya-ma 2022/05/09
dev

python

html

browser

wasm
ãƒªãƒ³ã‚¯
2021å¹´ã«Codepenã§è©±é¡Œï¼ã‚³ãƒ”ãƒšå¯ãªHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆ ãƒ™ã‚¹ãƒˆ100ç™ºè¡¨
HTMLãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç¢ºèªãŒã§ãã€å…¬é–‹ã‚„å…±æœ‰ã‚‚ã§ãã‚‹ãªã©ã€ä¸–ç•Œä¸ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒæ„›ç”¨ã™ã‚‹Codepenã€‚ ã“ã®è¨˜äº‹ã¯ã€2021å¹´ã«ç‰¹ã«äººæ°—ã®é«˜ã‹ã£ãŸHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã§ã¾ã¨ã‚ãŸÂ The Most Hearted of 2021Â ãŒç™ºè¡¨ã•ã‚Œã¦ã„ãŸã®ã§ã€ãã®ä¸ã§ã‚‚å®Ÿç”¨æ€§ã®é«˜ã„HTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ CSSã®ã¿ã§è¡¨ç¾ã•ã‚ŒãŸãŠæ‰‹è»½ãªHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆã‹ã‚‰ã€Three.jsã‚’ã¤ã‹ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªå‹•ãã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚æ³¨ç›®ãŒé›†ã¾ã£ã¦ã„ã¾ã™ã€‚ HTML/CSSã‚„JSãªã©ã®ã‚³ãƒ¼ãƒ‰ã®ç¢ºèªã‚„ç·¨é›†ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ä»Šå¾Œã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«æ´»ç”¨ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ 2021å¹´ã«Codepenã§è©±é¡Œï¼ã‚³ãƒ”ãƒšå¯ãªHTMLã‚¹ãƒ‹ãƒšãƒƒãƒˆ ãƒ™ã‚¹ãƒˆ100ç™ºè¡¨ 97ä½ Metallic Bordered Text with CSS Photoshopã§ä½œæˆã—
ko-ya-ma 2022/01/19
html

css

sample
ãƒªãƒ³ã‚¯
Checkboxland
Checkboxland Render anything as HTML checkboxes Overview Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs. Checkboxland is dependency-free, framework-agnostic, and fun! ðŸ™ƒ Why does this even exist? Here's some background. Limitations H
ko-ya-ma 2021/10/16
dev

html

javascript

art

library
ãƒªãƒ³ã‚¯
GitHub - mgdm/htmlq: Like jq, but for HTML.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ko-ya-ma 2021/09/08
jqæ„Ÿè¦šã§HTMLã‚’é£Ÿã™

html

scraping

cli

rust
ãƒªãƒ³ã‚¯
GitHub - marko-js/marko: A declarative, HTML-based language that makes building web apps fun
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ko-ya-ma 2021/08/13
dev

html

javascript

framework
ãƒªãƒ³ã‚¯
CSS Layout Generator
A CSS Grid generator & CSS Flexbox generator. A tool for generating UI layout component code.
ko-ya-ma 2021/07/13
JSXå¯¾å¿œã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚³ãƒ¼ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

css

react.js

html

layout

generator
ãƒªãƒ³ã‚¯
Content Editableã§WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ä½œã‚‹ã®æ¥½ã—ã„ï¼ - maru source
ã“ã‚“ã«ã¡ã¯ä¸¸å±±@h13i32maruã§ã™ã€‚ åƒ•ã¯ä»Šã€Ubie Discoveryã§åŒ»ç™‚å¾“äº‹è€…å‘ã‘ã®ã‚«ãƒ«ãƒ†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚äººç”Ÿã§åˆã‚ã¦Content Editableã‚’ä½¿ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½œã£ã¦ã‚‹ã‚“ã§ã™ãŒã€ãã‚ŒãŒã™ã”ãæ¥½ã—ã„ã§ã™ï¼ã¨ã„ã†ã®ã‚‚ã€ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½œã‚‹ã«ã¯è‰²ã€…æŠ€è¡“çš„ãªèª²é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ‘ãƒ¼ã‚¹ã™ã‚‹ã«ã¯ï¼ŸASTã‹ã‚‰HTMLã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹ã«ã¯ï¼Ÿãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ã‚ˆã„æ›´æ–°æ–¹æ³•ã¯ï¼Ÿãªã©ãªã©ã€‚ãã‚Œã‚‰ã®æŠ€è¡“çš„ãªèª²é¡Œã‚’è§£æ±ºã—ã¦ã„ãã®ãŒå˜ç´”ã«æ¥½ã—ã„ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ã¾ãŸã€è»Šè¼ªã®å†ç™ºæ˜Žã¯æ¥µåŠ›æŠ‘ãˆã¤ã¤ã€è‡ªåˆ†ãŸã¡ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã‚„ã‚ŠãŸã„ã“ã¨ã‚’å®Ÿç¾ã§ãã‚‹ã‚ˆã†ãªå·¥å¤«ã‚‚ã—ã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå›žã¯ãã‚“ãªã‚¨ãƒ‡ã‚£ã‚¿ä½œã‚Šã§å–ã‚Šçµ„ã‚“ã èª²é¡Œã¨è§£æ±ºç–ã‚’ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆè¨³: æ¥½ã—ã‹ã£ãŸã®ã§ã€èª°ã‹ã«èžã„ã¦ã‚‚ã‚‰ã„ãŸã„ï¼ï¼‰ ã‚¨ãƒ‡ã‚£ã‚¿ã®æ¦‚è¦ ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„ãƒ†ã‚ã‚¹ãƒˆãƒ‘ãƒ¼ã‚µ - PEG.js ãƒ¡ãƒ³ãƒ†ã—ã‚„ã™ã„H
ko-ya-ma 2021/07/09
dev

editor

html

react.js

javascript

wysiwyg
ãƒªãƒ³ã‚¯
æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã§è¤‡æ•°ã‚¢ã‚¤ãƒ†ãƒ ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’GoogleãŒæ›´æ–°ã€‚ãƒã‚¹ãƒˆã™ã‚‹ã‹@idã§é–¢é€£ä»˜ã‘ã™ã‚‹
[ãƒ¬ãƒ™ãƒ«: ä¸Šç´š] 1 ã¤ã®ãƒšãƒ¼ã‚¸ã§ã€è¤‡æ•°ã®ã‚¢ã‚¤ãƒ†ãƒ ï¼ˆã‚¿ã‚¤ãƒ—ï¼‰ã‚’æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã®æ³¨é‡ˆã‚’æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã« Google ã¯è¿½åŠ ã—ã¾ã—ãŸã€‚ é–¢é€£ã™ã‚‹ã‚¨ãƒ³ãƒ†ã‚£ãƒ†ã‚£ã®ã‚¿ã‚¤ãƒ—ã¯ãƒã‚¹ãƒˆã™ã‚‹ã‹ã‚‚ã—ãã¯ @id ã§é–¢é€£ä»˜ã‘ã¾ã™ã€‚ ä¸€æ–¹ã§ã€ç‹¬ç«‹ã—ãŸã‚¨ãƒ³ãƒ†ã‚£ãƒ†ã‚£ã¯å€‹åˆ¥ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã¾ã™ã€‚ è¤‡æ•°ã‚¿ã‚¤ãƒ—ã‚’ãƒã‚¹ãƒˆ ãŸã¨ãˆã°ã€è§£èª¬å‹•ç”»ä»˜ãã®ãƒ¬ã‚·ãƒ”ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¯æ¬¡ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ãã¾ã™ã€‚ <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "ãƒãƒŠãƒŠãƒ–ãƒ¬ãƒƒãƒ‰ã®ãƒ¬ã‚·ãƒ”", "description": "ã¨ã£ã¦ã‚‚ç¾Žå‘³ã—ã„ãƒãƒŠãƒŠãƒ–ãƒ¬ãƒƒãƒ‰ã®ãƒ¬ã‚·ãƒ”", "image": "http://example.com/banana-bread.jpg
ko-ya-ma 2021/06/30
@idã§ç´ä»˜ã‘ã‚‹

tips

seo

html
ãƒªãƒ³ã‚¯
ã©ã†ã—ã¦HTML5ãŒå»ƒæ¢ã•ã‚ŒãŸã®ã‹ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é€£è¼‰ã®5è¨˜äº‹ç›®ã§ã™ã€‚ HTML5ãŒ2021å¹´ã®1æœˆã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ãƒãƒªãƒãƒªæ´»èºã•ã‚Œã¦ã‚‹æ–¹ã‚„ã‚¨ã‚°ã‚¼ã‚¯ãƒ†ã‚£ãƒ–ãƒ†ãƒƒã‚¯ãƒªãƒ¼ãƒ‰ã®ã‚ˆã†ãªè‚©æ›¸ãã‚’æŒã¤æ–¹ã«ã¨ã£ã¦ã¯ã€Œä½•ã‚’ã„ã¾ã•ã‚‰ã€ã¨ã„ã†è©±é¡Œã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ä»Šå¹´ã‚‚æ–°äººã•ã‚“å…¥ã£ã¦ãã¦ãã ã•ã£ãŸã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ä¸ã«HTML5ã¨ã„ã†æ–‡å—åˆ—ã«æ‚©ã¾ã•ã‚Œãªã„ã‚ˆã†ã«ã€ãã‚‚ãã‚‚HTML5ã¨ã¯ä½•ã‹ã‚„ã€å»ƒæ¢ã•ã‚ŒãŸçµŒç·¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ HTML5ã¨ã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«å¿…ãšæ›¸ãã“ã¨ã«ãªã‚‹HTMLã€‚Webã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã¤ã¾ã‚Šä¸èº«ã‚„æ§‹é€ ã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã™ã€‚ ãã—ã¦ã€ãã®æœ€è¿‘ç‰ˆã¨ã—ã¦10å¹´ã»ã©å‰ã«ç™»å ´ã—ãŸHTML5ã€‚å½“æ™‚ã¯ Webãƒ‹ãƒ¥ãƒ¼ã‚¹ãªã©ã§ç››ã‚“ã«ç‰¹é›†ãŒçµ„ã¾ã‚Œã¦ã„ã¾ã—ãŸãŒã€ã“ã®HTML5ãŒã¤ã„ã“ãªã„ã ã€2021å¹´1æœˆ28æ—¥ã«å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚ åºƒç¾©ã®HTML5 / ç‹ç¾©ã®HTML5HTML5
ko-ya-ma 2021/06/21
html
ãƒªãƒ³ã‚¯
Lit
Skip the boilerplate Building on top of the Web Components standards, Lit adds just what you need to be happy and productive: reactivity, declarative templates and a handful of thoughtful features to reduce boilerplate and make your job easier. Every Lit feature is carefully designed with web platform evolution in mind. Tiny footprint, instant updates Weighing in at around 5 KB (minified and compr
ko-ya-ma 2021/06/15
è»½é‡ãªWebã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ãªWebã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã®ã ãŒã€Reactã‚„Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ä»²è‰¯ãã™ã‚‹æ©Ÿæ§‹ã‚‚

dev

html

ui

javascript

webcomponents
ãƒªãƒ³ã‚¯
Alpine.js
<script src="//unpkg.com/alpinejs" defer></script> <div x-data="{ open: false }"> <button @click="open = true">Expand</button> <span x-show="open"> Content... </span> </div> { let keys = Object.keys(steps) direction = keys.indexOf(value) > keys.indexOf(old) ? 'right' : 'left' })" > Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the mode
ko-ya-ma 2021/06/12
HTMLã«å±žæ€§ã¤ã‘ã‚‹ã ã‘ã§æ©Ÿèƒ½ã‚’ä»˜ã‘ã¦ã„ãè»½é‡JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

dev

javascript

html
ãƒªãƒ³ã‚¯
Introducing Astro: Ship Less JavaScript | Astro
How Astro Works Astro works a lot like a static site generator. If you have ever used Eleventy, Hugo, or Jekyll (or even a server-side web framework like Rails, Laravel, or Django) then you should feel right at home with Astro. In Astro, you compose your website using UI components from your favorite JavaScript web framework (React, Svelte, Vue, etc). Astro renders your entire site to static HTML
ko-ya-ma 2021/06/10
JSã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’å…¨éƒ¨HTMLåŒ–ã—ã€å¿…è¦ãªæ™‚ã«å¿…è¦ãªJSã‚’å–ã‚Šã«è¡ŒãSSGã‚‰ã—ã„

javascript

dev

html

frontend

ssg

react.js

vue.js

svelte
ãƒªãƒ³ã‚¯
GitHub - progfay/benefit-from-end-of-ie: List of APIs that will be available due to IE termination
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ko-ya-ma 2021/06/01
ie

browser

api

css

javascript

html
ãƒªãƒ³ã‚¯
ãƒªã‚½ãƒ¼ã‚¹ã®èªã¿è¾¼ã¿ã‚’åŠ©ã‘ã‚‹ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ API ã®ä¸–ç•Œ
ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‹ã‚‰æ§˜ã€…ãªãƒªã‚½ãƒ¼ã‚¹ã‚’é›†ã‚ã€ãã‚Œã‚‰ã‚’å‡¦ç†ã—ã¦çµ„ã¿åˆã‚ã›ã¦ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¾ã™ã€‚ãƒªã‚½ãƒ¼ã‚¹ãŒæƒã‚ãªã„ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ããªã„ã®ã§ã€ã“ã®ä¸€é€£ã®å‡¦ç†ã®ã©ã“ã‹ãŒé…ã‚Œã‚‹ã¨ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚‚é…ããªã‚Šã¾ã™ã€‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ã™ã¿ã‚„ã‹ã«é–‹å§‹ã§ãã‚‹ã‚ˆã†ã«ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒªã‚½ãƒ¼ã‚¹ã®å–å¾—ã‚„ãã®å‡¦ç†ã‚’æœ€é©åŒ–ã™ã‚‹ãŸã‚ã® API ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ãã‚Œã‚‰ã‚’ç¶²ç¾…çš„ã«ç´¹ä»‹ã—ã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã®æ€§èƒ½æ”¹å–„ã‚’å›³ã‚‹ä¸Šã§ã©ã®ã‚ˆã†ãªãƒ–ãƒ©ã‚¦ã‚¶æ©Ÿèƒ½ãŒä½¿ãˆã‚‹ã®ã‹ã‚’çŸ¥ã£ã¦ã‚‚ã‚‰ã†ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚å„æ©Ÿèƒ½ã®å…·ä½“çš„ãªé©ç”¨äº‹ä¾‹ã«ã¤ã„ã¦ã¯ä»–ã®è¨˜äº‹ã«å§”ãã¾ã™ã€‚ æœ¬è¨˜äº‹ã®å†…å®¹ã¯è¨˜äº‹å…¬é–‹æ™‚ç‚¹ã§ã®æƒ…å ±ã«åŸºã¥ã„ã¦ãŠã‚Šã€é–²è¦§æ™‚ç‚¹ã§ã¯æ—¢ã«å¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚æœ€æ–°ã®æ£ç¢ºãªæƒ…å ±ã¯ä¸€æ¬¡æƒ…å ±æºã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ã¾ãŸç‰¹å®šã®ãƒ–ãƒ©ã‚¦ã‚¶å®Ÿè£…ã«ã¤ã„ã¦è¨€åŠã™ã‚‹å ´åˆã¯ã€æ–ã‚ŠãŒãªã„é™ã‚Š Chrome ã‚’æƒ³å®šã—ã¦ã„ã¾ã™ã€‚èª¤ã‚Šã‚„è£œè¶³ã€è³ªå•ãª
ko-ya-ma 2021/05/06
ã»ã¨ã‚“ã©ãŒçŸ¥ã£ã¦ã‚‹ã ã‘ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã€‚å®Ÿæƒ…ã®è§£èª¬ãŒã‚ã‚ŠãŒãŸã„

browser

html

tips

performance
ãƒªãƒ³ã‚¯
The Humble <img> Element And Core Web Vitals â€” Smashing Magazine
Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that itâ€™s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addyâ€™s new book (also, check a free PDF preview). The humble <img> element has gained some superpowers over the years. G
ko-ya-ma 2021/04/30
html

performance

tips

seo
ãƒªãƒ³ã‚¯
HTMLã®tableã«ã‚¯ãƒ©ã‚¹ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Charts.css
æ£’ã‚°ãƒ©ãƒ•ã‚„æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€ã©ã†ã‚„ã£ã¦å®Ÿè£…ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ Charts.cssãªã‚‰ç°¡å˜ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã‚’tableã‚¿ã‚°ã§å®Ÿè£…ã—ã€CSSã®ã‚¯ãƒ©ã‚¹ã‚’tableã«åŠ ãˆã‚‹ã ã‘ã§æ¨ªæ£’ã‚°ãƒ©ãƒ•ã€æ£’ç·šã‚°ãƒ©ãƒ•ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ãªã©ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTMLã¯æ™®é€šã®è¡¨çµ„ã¿ãªã®ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã€ã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å®Œå…¨å¯¾å¿œã—ãŸå„ªã‚Œã‚‚ã®ã§ã™ã€‚ Charts.css Charts.css -GitHub Charts.cssã®ç‰¹å¾´ Charts.cssã®ãƒ‡ãƒ¢ Charts.cssã®ä½¿ã„æ–¹ Charts.cssã®ç‰¹å¾´ Charts.cssã¯tableã§å®Ÿè£…ã—ãŸè¡¨çµ„ã¿ã«ã‚·ãƒ³ãƒ—ãƒ«ãªCSSã®ã‚¯ãƒ©ã‚¹ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’å®Ÿè£…ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã§ã€ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã®ã‚¯ãƒ©ã‚¹ã‚‚è±Šå¯Œã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã¨CSSã ã‘ã§å®Ÿè£… ã‚»ãƒž
ko-ya-ma 2021/03/22
css

html

chart
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’å‘ä¸Šï¼Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ãŠã‘ã‚‹Core Web Vitalså¯¾å¿œäº‹ä¾‹
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’æ‹…å½“ã—ã¦ã„ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å–œæ¥½ã§ã™ã€‚ 2020å¹´5æœˆã€Googleã‚ˆã‚ŠWebã§ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æŒ‡æ¨™åŒ–ã—ãŸCore Web VitalsãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ãŠã‘ã‚‹Core Web VitalsæŒ‡æ¨™æ”¹å–„ã®å–ã‚Šçµ„ã¿ã¨ãã®åŠ¹æžœã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Core Web Vitalsã¨ã¯ Webãƒšãƒ¼ã‚¸ã‚’é–²è¦§ã—ã¦ã„ã‚‹ã¨ãã«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºãŒé…ã‹ã£ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¯ãƒªãƒƒã‚¯ãªã©ã®åå¿œãŒæ‚ªã„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒèªè¾¼ä¸ã«å¤‰æ›´ã•ã‚Œã€ã‚¯ãƒªãƒƒã‚¯ã—ãŸã„è¦ç´ ã®ä½ç½®ãŒãšã‚Œã¦ã—ã¾ã†ãªã©ã¨ã„ã£ãŸçµŒé¨“ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã“ã‚Œã‚‰ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’ä½Žä¸‹ã•ã›ã‚‹ä¸€å› ã¨ãªã‚Šã¾ã™ã€‚Core Web Vitalsã¯ä¸Šè¨˜ã®ã‚ˆã†ãª
ko-ya-ma 2021/01/08
web

performance

html

tips

seo

dev
ãƒªãƒ³ã‚¯
metaã‚¿ã‚°ã«è¨˜è¿°ã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚„æ¤œç´¢ç”¨ã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« -Meta Tags
Twitter, Facebook, Pinterestãªã©ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€Googleã®æ¤œç´¢ç”¨ã®metaã‚¿ã‚°ã®ã‚³ãƒ¼ãƒ‰ã‚’1ã‚¯ãƒªãƒƒã‚¯ã§ç°¡å˜ã«ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ—¥æœ¬èªžã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€å„ã‚µãƒ¼ãƒ“ã‚¹ã§ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹ç¢ºèªã—ãªãŒã‚‰ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã€ã‚³ãƒ”ãƒšã§åˆ©ç”¨ã§ãã¾ã™ã€‚
ko-ya-ma 2020/10/12
google

search

tool

facebook

twitter

html

generator
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸