[B! HTML5] snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

snjx id:snjx

HTML5ã«é–¢ã™ã‚‹snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (44)

${{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}}

CSSã«ã‚ˆã‚‹æ–‡å—ã®æŠ˜ã‚Šè¿”ã—åˆ¶é™ãƒ»æ”¹è¡Œã®ç¦å‰‡å‡¦ç†ã®æŒ‡å®šæ–¹æ³•ã¾ã¨ã‚ | WEMO
ä¸é€”åŠç«¯ãªä½ç½®ã§æ”¹è¡Œã—ã¦ã»ã—ããªã„ï¼ ã¨ã„ã†å ´åˆã®å¯¾å‡¦æ³•ã€‚ ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹CSSã¯ä»¥ä¸‹ã®ï¼’ã¤ã€‚ word-break: keep-all; line-break: strict; word-breakãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ normal è‹±èªžç‰ã¯å˜èªžã®é€”ä¸ã§ã¯æ”¹è¡Œã›ãšã€å˜èªžã®åˆ‡ã‚Œç›®ã§æ”¹è¡Œã•ã‚Œã¾ã™ã€‚æ—¥æœ¬èªžãƒ»ä¸å›½èªžãƒ»éŸ“å›½èªžç‰ã¯è¡¨ç¤ºç¯„å›²ã«åˆã‚ã›ã¦æ”¹è¡Œã•ã‚Œã¾ã™ã€‚ã“ã®ãŸã‚å˜èªžã®é€”ä¸ã§æ”¹è¡Œã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ break-all è¨€èªžã«é–¢ä¿‚ãªãè¡¨ç¤ºç¯„å›²ã«åˆã‚ã›ã¦æ”¹è¡Œã•ã‚Œã¾ã™ã€‚ã“ã®ãŸã‚å˜èªžã®é€”ä¸ã§æ”¹è¡Œã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ keep-all è¨€èªžã«é–¢ä¿‚ãªãå˜èªžã®é€”ä¸ã§ã¯æ”¹è¡Œã›ãšã€å˜èªžã®åˆ‡ã‚Œç›®ã§æ”¹è¡Œã•ã‚Œã¾ã™ã€‚ line-breakã«ã¤ã„ã¦ normal æ¨™æº–ã®ç¦å‰‡å‡¦ç†ã‚’ã—ã¾ã™ã€‚ strict åŽ³å¯†ãªç¦å‰‡å‡¦ç†ã‚’ã—ã¾ã™ã€‚ â€» strictã‚’æŒ‡å®šã™ã‚‹ã¨ã€æ—¥æœ¬èªžã®ã€Œãƒ¼ã€ã‚„ã€Œã£ã€ã§ã‚‚ã¡ã‚ƒã‚“ã¨å˜èªžã®ä¸€éƒ¨ã¨ã—ã¦èªè˜ã•ã‚Œã¾
snjx 2020/08/06
æŠ€è¡“

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

html

HTML5

css

è€ƒå¯Ÿ

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º
ãƒªãƒ³ã‚¯
HTMLã¨CSSã®ã‚³ãƒ”ãƒšã§ã§ãã‚‹ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ãƒ‡ã‚¶ã‚¤ãƒ³3ç¨®
ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ä¸èº« ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ HTML <center> <a href="#modal-01" class="modal-button"> ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’è¡¨ç¤º </a> </center> <div class="modal-wrapper" id="modal-01"> <a href="#!" class="modal-overlay"></a> <div class="modal-window"> <div class="modal-content"> <p class="modal_title">ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ä¸èº«</p> <p> ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚ã‚
snjx 2020/08/03
æŠ€è¡“

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

html

HTML5

css

è€ƒå¯Ÿ

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º
ãƒªãƒ³ã‚¯
Sass(SCSS)ã®mixin, extendãªã©ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
snjx 2020/08/02
æŠ€è¡“

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

html

HTML5

css

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

sass

scss
ãƒªãƒ³ã‚¯
background-imageã®å–ã‚Šæ‰±ã„ä¸€è¦§ - Qiita
HTMLã€CSSã§divã‚’ä½œæˆã—ã¦ã€ãã®divã®èƒŒæ™¯ã«imageã‚’å…¥ã‚ŒãŸã„ã¨ãã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã§ã‚‚ã€ã´ã£ãŸã‚Šã‚µã‚¤ã‚ºã®ç”»åƒã ã£ãŸã‚‰è‰¯ã„ã‚“ã§ã™ãŒã€ã€ã€ å¤§ä½“ã®å ´åˆã¯å…¨ãã´ã£ãŸã‚Šã˜ã‚ƒãªãã¦ã€è¡¨ç¤ºã•ã›ã¦ã„éƒ¨åˆ†ãã“ã˜ã‚ƒãªã„ã‚ˆï¼ ã‚¢ãƒƒãƒ—éŽãŽã‚‹ã‚ˆï¼ ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã—ã™ãŽã ã‚ˆï¼ã£ã¦æ™‚ã®æ–¹ãŒå¤šã„ã§ã™ã‚ˆãã€‚ã€‚ ä¾‹ãˆã°ã€ã“ã®ç”»åƒã€‚ pixabay å°ã•ã„divã®èƒŒæ™¯ã«ã—ã¦ã—ã¾ã†ã¨ã€ã€ã€ ã“ã‚“ãªæ„Ÿã˜ã«ãªã£ã¡ã‚ƒã£ãŸã‚Šã€ã€ ã„ã‚„ã€ã‚‚ãµã‚‚ãµåº¦ã¯ã‚ã‹ã‚‹ã‘ã©ã‚‚ã€ã€ ãã‚“ãªæ™‚ã«ã©ã†ã‚„ã£ãŸã‚‰ã€ä¸Šæ‰‹ã«èƒŒæ™¯ç”»åƒã¨ã—ã¦è¡¨ç¤ºã§ãã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ background-repeat ã¾ãšç”»åƒã‚’ãƒªãƒ”ãƒ¼ãƒˆã—ãŸã„æ™‚ã€‚ã‚‚ã—ãã¯ã€ã—ãŸããªã„æ™‚ã€‚ ã—ãŸããªã„æ™‚ã¯
snjx 2020/08/02
æŠ€è¡“

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

html

HTML5

css

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º
ãƒªãƒ³ã‚¯
HTML5ã§ã¤ã¾ãšãã‚„ã™ã„asideã¨sectionã®ä½¿ã„æ–¹
HTML5åˆ†ã‹ã‚Šã«ãã„ã§ã™ã‚ˆãã€‚ åˆã‚ã¾ã—ã¦ã€‚11æœˆã‹ã‚‰MEèª²ã§åƒã„ã¦ã„ã‚‹ä¹…ä¿ç”°(@ta2_o2p)ã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ è‡ªåˆ†ã®ä»•äº‹ã¨ã—ã¦ã¯ã€æºå¸¯ã‚µã‚¤ãƒˆä¸å¿ƒã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€BMKidsã®ç¸èµ·ç‰©ã¨ç¬‘ã„è¢‹ã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ãŸã‚Šã€ä»–ã«ã‚‚è‰²ã€…ã¨PCã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€å®Ÿã¯ã‚«ãƒ¤ãƒƒã‚¯ã§åƒãå§‹ã‚ã¦HTML5ã‚’æœ¬æ ¼çš„ã«è§¦ã£ãŸã®ã§ã™ãŒã€è§¦ã‚Œã¦ã„ãã†ã¡ã«ã€ŒHTML5ã¯ã‚„ã‚„ã“ã—ã„æ‰€ãŒã‚ã‚‹ãªãƒ¼ã€ã¨æ€ã„ã€ã“ã®è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ãã†ã„ã†è¨³ã§ã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«å½“ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦ã€æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšãã®å‰ã« æœ¬é¡Œã¨ã¯åã‚Œã¾ã™ãŒã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æŠ¼ã•ãˆã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’2ã¤æ›¸ãã¾ã™ã€‚ æ–‡å—ã‚³ãƒ¼ãƒ‰ã®æŒ‡å®šã¯metaè¦ç´ ã®charsetå±žæ€§ã§ ä»Šã¾ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«metaè¦ç´ ã®ä¸ã«é•·ã€…ã¨å±žæ€§ã‚’
snjx 2020/08/01
â€œIEã®8ä»¥ä¸‹ã®ç‚ºã«html5.jsã‚’èªã¿è¾¼ã¾ã›ã‚‹â€

html

HTML5

IE

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

æŠ€è¡“

è¨è¨ˆ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã€ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã€‘2ï½žarticleã€asideã€sectionã€nav - ãƒ—ãƒã‚°ãƒ©ãƒžã‚«ãƒ¬ãƒƒã‚¸
HTML5 ã€ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã€‘1 ï½ž æ–°è¦ç´ ã‚’ä½¿ã£ãŸæ›¸ãæ–¹ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€HTML5ã®æ–°è¦ç´ ã‚’ä½¿ã£ã¦Webãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€éš›ã®æ›¸ãæ–¹ã‚’ã–ã£ã¨ç´¹ä»‹ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€ãã“ã§ä½¿ç”¨ã—ãŸ<article> <aside> <section> <nav>ã«ã¤ã„ã¦ã€å°‘ã—è©³ã—ãã¿ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€æœªçµŒé¨“ã‹ã‚‰IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¸ã®å°±è·ã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã‚„æœªçµŒé¨“ã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’åŠ¹çŽ‡ã‚ˆãå¦ã³ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ã¯ã€å°±è·çŽ‡98.3ï¼…ã§å—è¬›æ–™ç„¡æ–™ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒžã‚«ãƒ¬ãƒƒã‚¸ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ ï¼‘ï¼Žarticle articleè¦ç´ ã¯ã€ãã‚Œã ã‘ã§å†…å®¹ãŒå®Œçµã—ã¦ã„ã‚‹éƒ¨åˆ†ã«ä½¿ã„ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã€ãƒ–ãƒã‚°ã®ï¼‘ã¤ã®è¨˜äº‹ãªã©ã€ãã‚Œã ã‘ã§å®Œçµã—ãŸå†…å®¹ã§ã‚ã‚Œã°ã€articleè¦ç´ ã‚’ä½¿ã†ã®ã«é©ã—ã¦ã„ã¾ã™ã€‚ 1ãƒšãƒ¼ã‚¸ã«ä½•å›žä½¿ã£ã¦ã‚‚OKã§ã™ã€‚ HTMLã¯ä¸‹ã®é€šã‚Šã§ã™ã€‚ <article>ã¯ï¼‘ã¤ã ã‘
snjx 2020/07/31
html

HTML5

æŠ€è¡“

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¾å ´ã§ä½¿ãˆã‚‹gulpå…¥é–€ | ç¬¬1å›ž gulpã¨ã¯ä½•ã‹
ç¾å ´ã§ä½¿ãˆã‚‹gulpå…¥é–€ ç¬¬1å›ž gulpã¨ã¯ä½•ã‹ ã•ã¾ã–ã¾ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ gulpã®åŸºç¤Žã‚’è§£èª¬ã—ã¾ã™ã€‚ç¬¬1å›žç›®ã¯ã€gulpã¨ã¯ä½•ã‹ï¼Ÿã€€è‡ªå‹•åŒ–ã®ãƒ¡ãƒªãƒƒãƒˆã¯ã©ã“ã«ã‚ã‚‹ã®ã‹æ¦‚è¦³ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã‚’èµ°ã‚‰ã›ã¦ã¿ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹gulpï¼ˆã‚¬ãƒ«ãƒ—ï¼‰ã«ã¤ã„ã¦ã€å°Žå…¥ã‹ã‚‰ä½¿ã„æ–¹ãªã©ã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãªãŠã€è¨˜äº‹åŸ·ç†æ™‚ç‚¹ã®gulpã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯3.8.7ã§ã™ã€‚ ç¬¬1å›žç›®ã§ã¯ã€ã¾ãšã€ãªãœgulpã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒå¿…è¦ãªã®ã‹ã€ãƒ„ãƒ¼ãƒ«ã®èƒŒæ™¯ã«è§¦ã‚Œã¾ã™ã€‚ã•ã‚‰ã«gulpã®æ¦‚è¦ã¨ã€ç’°å¢ƒè¨å®šã‚’ä¸å¿ƒã«è§£èª¬ã—ã¾ã™ã€‚ gulpã¨ã¯ gulpã¯Node.jsã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ãƒ˜ãƒ«ãƒ‘ãƒ¼ã§ã™ã€‚ä»¥å‰CodeGridã§ã‚‚ç´¹ä»‹ã—ãŸGruntã¨ä¼¼ãŸç›®çš„ã‚’æŒã£ã¦ä½œã‚‰ã‚ŒãŸãƒ„ãƒ¼ãƒ«ã§ã€gulpã‚’ä½¿ãˆã°ã•ã¾ã–ã¾ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ã“ã¨ãŒã§ã
snjx 2020/07/30
gulp

npm

SASS

æŠ€è¡“

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

HTML5
ãƒªãƒ³ã‚¯
ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆä¸ã§ã™ãŒã€æ¤œè¨¼ã¨ã—ã¦å¡—ã‚Šçµµã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã‚ˆã€‚
å¡—ã‚Šçµµã¯ã“ã®ã‚¢ãƒ—ãƒªã®ã‚ãƒ¢ã§ã™ã‹ã‚‰ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢çš„ãªã‚·ã‚¹ãƒ†ãƒ æ§‹æˆã¯æ±ºã¾ã‚Šã¾ã—ãŸã€‚ ã‚µãƒ¼ãƒã®é¸å®šã¨ã‹ã‚‚å¤§äº‹ã§ã™ãŒã€ã“ã“ã§ã€å¡—ã‚Šçµµéƒ¨åˆ†ã‚’è©¦ã—ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯éŠã‚“ã§ã¿ã¾ã™ã‹ï¼Ÿï¼žå¡—ã‚Šçµµã‚’ã‚„ã£ã¦ã¿ã‚‹ ãªã‚“ã§ã‹ã¨è¨€ã†ã¨ã€å¡—ã‚Šçµµéƒ¨åˆ†ã‚’ä½œã‚‹è¨€èªžã‚’æ±ºã‚ãŸã„ã®ã ã‘ã©ã€ã©ã‚ŒãŒä½¿ãˆã‚‹ã‹ã‚ã‹ã‚‰ãªã„ã®ã§ã€ã¨ã‚Šã‚ãˆãšå€™è£œã«æŒ™ãŒã£ã¦ã„ã‚‹ã‚‚ã®ãŒã€æœ¬å½“ã«ä½¿ã„ç‰©ã«ãªã‚‹ã‹è©¦ã—ã¦ã¿ãŸã‹ã£ãŸã‹ã‚‰ã§ã™ã€‚ ä½œã£ã¦ã¿ãŸã®ã¯ã€HTML5+JavaScriptã®çµ„ã¿åˆã‚ã›ã€‚ã“ã‚Œã ã¨ã€webä¸Šã«å…¬é–‹ã§ãã‚‹ã®ã§ã€ã“ã“ã§ã‚‚ç´¹ä»‹ã—ã‚„ã™ã„ã‹ãªã¨æ€ã£ã¦ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€å¾®å¦™ï¼Ÿ å¾Œã§èª¬æ˜Žã—ã¾ã™ãŒã€ç·šã‚’å¼•ãã¨ãã«ãƒ ãƒ©ãŒã§ãã‚‹ã®ãŒæ°—ã«ãªã‚‹ã€‚ ã‚ã¨æ°—ã«ãªã‚‹ã®ãŒã€å¤ã„Andoridã ã¨å‹•ä½œãŒé…ããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨ã„ã†ã“ã¨ã€‚ ã›ã£ã‹ããƒã‚¤ãƒ†ã‚£ãƒ–ã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã‚“ã ã‹ã‚‰ã€ã‚µã‚¯ãƒƒã¨å‹•ã„ã¦æ¬²ã—ã„ã§ã™ã‚ˆãã€‚ ã‚¢ãƒ—ãƒªåˆ¶ä½œã®éŽç¨‹ã‚’ãƒãƒ©è¦‹ã›ã€‚ ã›ã£ã‹ããªã®ã§ã€JavaSc
snjx 2020/06/26
html

HTML5

javascript

æŠ€è¡“

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ã€cssã€‘è¦ç´ ã‚’position:absoluteã§ä¸å¤®ã«é…ç½®ã™ã‚‹æœ€æ–°ã®æ–¹æ³•(ä¸Šä¸‹å·¦å³ã€ä¸Šä¸‹ã€å·¦å³)
positionã‚’ä½¿ã£ã¦è¦ç´ ã‚’é…ç½®ã™ã‚‹éš›ã€ãã®è¦ç´ ã‚’ä¸å¤®ã«é…ç½®ã—ãŸã„ã¨ã„ã£ãŸã“ã¨ã¯ã‚ˆãã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã®å ´åˆã©ã†ã™ã—ãŸã‚‰ã„ã„ã®ã‹æ‚©ã¾ã‚ŒãŸçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ä»Šå›žã¯ã€positionã§ã€è¦ç´ ã®å¹…ãŒç¢ºå®šã—ã¦ã„ãªãã¦ã‚‚ä¸Šä¸‹ä¸å¤®ã€å·¦å³ä¸å¤®ã€ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã§ãã‚‹cssã®è¨å®šæ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ positionã¨translateã‚’ä½¿ã£ã¦è¦ç´ ã‚’ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³• å…·ä½“ä¾‹ã¨è§£èª¬ ãã‚Œã§ã¯ã€å…·ä½“ä¾‹ã‚’ç¤ºã—ãªãŒã‚‰å®Ÿéš›ã®è¨ç½®æ–¹æ³•ã‚’è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ä¾‹ã¯ã€ç”»åƒã®ä¸Šã«ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã™ã‚‹ã‚±ãƒ¼ã‚¹ã§ã€ãƒ†ã‚ã‚¹ãƒˆã®é…ç½®ä½ç½®ã¯ã€ä¸Šä¸‹å·¦å³ä¸å¤®ã«ãªã‚‹ã‚ˆã†ã«ã™ã‚‹å ´åˆã§ã™ã€‚ å®Œæˆã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ä¸‹è¨˜å›³ã«ãªã‚Šã¾ã™ã€‚ï¼ˆã‚ã‹ã‚Šã¥ã‚‰ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ°´è‰²éƒ¨åˆ†ãŒç”»åƒ[img]ã ã¨ä»®å®šã—ã¦ãã ã•ã„ï¼‰ å›³ ãã‚Œã§ã¯ã€å…·ä½“çš„ã«ã‚½ãƒ¼ã‚¹ã‚’ç¤ºã—ã¦ã‹ã‚‰è§£èª¬ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ã€htmlã¨cssã‚’ã”ç¢ºèªãã ã•ã„ã€‚ html
snjx 2019/12/13
HTML5

css

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

æŠ€è¡“

html
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘formã®actionã‚’submitãƒœã‚¿ãƒ³æ¯Žã«å¤‰ãˆã‚‹æ–¹æ³•(JavaScriptä¸è¦)
submitå‰ã«JavaScriptã§æ›¸ãæ›ãˆã‚‹æ–¹æ³•ãŒãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªã‚ˆã†ã§ã™ãŒã€HTML5ã§ã¯ã‚‚ã£ã¨ç°¡å˜ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚SPAå…¨ç››ã®ç¾ä»£ã«ã¯ã‚ã¾ã‚Šããã‚ãªã„ã§ã™ãŒã€ã”ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ Submitãƒœã‚¿ãƒ³ã§Actionã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ã™ã‚‹ å®Ÿã¯ã€HTML5ã‹ã‚‰æ–°ãŸã«å±žæ€§ãŒè¿½åŠ ã•ã‚Œã¦ãŠã‚Šã€ã“ã‚Œã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§Formã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ ã®å†…å®¹ã‚’ã€æŠ¼ã—ãŸsubmitãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦è¤‡æ•°ã®ã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆã«é€ä¿¡ã§ãã‚‹ãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã™ã€‚ <form action="xxx" method="post"> <input type="text" name="param1" value="value1"> <input type="text" name="param2" value="value2"> <input type="text" name="
snjx 2019/06/27
html5

html

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

æŠ€è¡“
ãƒªãƒ³ã‚¯
<embed>ï¼HTML5ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<embed>ã‚¿ã‚°ã¯ã€å¤–éƒ¨ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ä¾‹ãˆã°ã€Flashãªã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å¿…è¦ã¨ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’HTMLæ–‡æ›¸ã«åŸ‹ã‚è¾¼ã‚€éš›ã«ä½¿ç”¨ã—ã¾ã™ã€‚ ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã«ã¯ã€ å‹•ç”»ãƒ‡ãƒ¼ã‚¿ã«ã¯MPEGãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.mpgï¼‰ãƒ»FLASHãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.swfï¼‰ãƒ»QuickTimeãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.movï¼‰ç‰ã€ éŸ³å£°ãƒ‡ãƒ¼ã‚¿ã«ã¯WAVEãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.wavï¼‰ãƒ»AIFFãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.aifï¼‰ãƒ»AUãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.auï¼‰ãƒ»MIDIãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.midï¼‰ãƒ» RealAudioï¼ˆ.raï¼‰ ç‰ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã®å‹•ç”»ãƒ‡ãƒ¼ã‚¿ã‚„éŸ³å£°ãƒ‡ãƒ¼ã‚¿ã¯ã€ ãƒ–ãƒ©ã‚¦ã‚¶ã«è¿½åŠ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚ŒãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§å†ç”Ÿã—ã¾ã™ãŒã€å†ç”Ÿã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã®å½¢å¼ã«ã‚ˆã‚Šå¿…è¦ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ç•°ãªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’åŸ‹ã‚è¾¼ã‚€ã«ã¯ã€srcå±žæ€§ã§ãƒªã‚½ãƒ¼ã‚¹ã®URLã‚’æŒ‡å®šã—ã¦ã€typeå±žæ€§ã§MIMEã‚¿ã‚¤ãƒ—ã‚’æŒ‡å®šã—ã¾ã™ã€‚ srcå±žæ€§ã¨typeå±žæ€§ã‚’åŒæ™‚ã«æŒ‡å®šã™ã‚‹
snjx 2019/06/20
html

pdf

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

HTML5
ãƒªãƒ³ã‚¯
æœªçµŒé¨“ã‹ã‚‰7æ—¥é–“ã§ã‚³ãƒ¼ãƒ€ãƒ¼ã¨ã—ã¦ç¾å ´æŠ•å…¥ã•ã›ã‚‹ã¾ã§ã®ã‚«ãƒªã‚ãƒ¥ãƒ©ãƒ ã‚’å¿˜ã‚Œãªã„ã‚ˆã†ã«ãƒ¡ãƒ¢ã£ã¨ã - Qiita
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ä¸è¶³ã¨è¨€ã‚ã‚Œã¦ä¹…ã—ã„ã§ã™ãŒã€ã§ãã‚‹çµŒé¨“è€…ã‚’æŽ¡ç”¨ã™ã‚‹ã®ã¯ã¾ã™ã¾ã™é›£ã—ããªã£ã¦ã„ã¾ã™ãã€‚ ãã‚“ãªãªã‹ã€å¼Šç¤¾ã§ã¯ã²ã‚‡ã‚“ãªç¸ã‹ã‚‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢æœªçµŒé¨“ã®æ–°äººã‚’ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦æŽ¡ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚æœªçµŒé¨“ã¨ã¯ã„ãˆã€å¼±å°ä¼æ¥ã®å¼Šç¤¾ã«ã¯æ‚ é•·ã«è‚²ã¦ã¦ã„ã‚‹ä½™è£•ãŒãªã„ãŸã‚ã€7æ—¥é–“ã§ç¾å ´æŠ•å…¥ã‚’ç›®æŒ‡ã—ã¦ã‚«ãƒªã‚ãƒ¥ãƒ©ãƒ ã‚’çµ„ã¿ã¾ã—ãŸã€‚ ã ã„ãŸã„ã†ã¾ãã„ã£ãŸã®ã§ã€ãƒ¡ãƒ¢ãŒã‚ã‚Šã«æ™’ã—ã¦ãŠãã¾ã™ã€‚ å‰ææ¡ä»¶ èª°ã§ã‚‚7æ—¥é–“ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚Œã‚‹ã¨è¨€ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚ãã¾ã§ä¸€ä¾‹ã¨ã—ã¦æ‰ãˆã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ æ‹…å½“ã—ã¦ã‚‚ã‚‰ã†äºˆå®šã®é ˜åŸŸ HTML/CSS ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° JavaScript ã¯ãã“ãã“ã§ï¼ˆå‹•ãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’ä»•è¾¼ã‚ã‚‹ç¨‹åº¦ï¼‰ concrete5 ãƒ†ãƒ¼ãƒžã®é–‹ç™ºï¼ˆPHPãƒ•ã‚¡ã‚¤ãƒ«ã« foreach ã‚’å…¥ã‚Œã¦ã„ãã‚¤ãƒ¡ãƒ¼ã‚¸ã€WordPress ã¨å¤‰ã‚ã‚‰ãªã„ï¼‰ æµçŸ³ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§7æ—¥é–“ã¯ç„¡ç†
snjx 2019/03/26
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

html

css

ãƒ‡ã‚¶ã‚¤ãƒ³

jquery

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

HTML5

javascript

æŠ€è¡“
ãƒªãƒ³ã‚¯
HTML5Experts.jp
é€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½ž(de:code2018ã‚ˆã‚Š) ç‰©æ±Ÿ ä¿® 2018å¹´5æœˆã«é–‹å‚¬ã•ã‚ŒãŸæ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆde:code 2018ã§ã€Œé€²åŒ–ã™ã‚‹Web ï½žProgressive Web Appsã®å®Ÿè£…ã¨å¿œç”¨ï½žã€ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã§ããªã‹ã£ãŸ...
snjx 2019/02/06
æŠ€è¡“

html

html5

è³‡æ–™

web

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

HTML5

javascript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒœã‚¿ãƒ³ã‚’æœ‰åŠ¹ãƒ»ç„¡åŠ¹ã«ã™ã‚‹
ä»Šå›žã¯ã€jQuery ã§ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒœã‚¿ãƒ³ã‚’æœ‰åŠ¹ãƒ»ç„¡åŠ¹ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã‚ˆã†ã«ã™ã‚‹ã«ã¯ã€button è¦ç´ ãªã©ã«å¯¾ã—ã¦disabled å±žæ€§ã‚’jQuery ã§è¿½åŠ ã™ã‚‹ã“ã¨ã§å®Ÿè£…ã§ãã¾ã™ã€‚ prop()ã€attr() ã§disabled å±žæ€§ã‚’æ“ä½œ jQueryã§è¦ç´ ã®å±žæ€§ã‚’æ“ä½œã™ã‚‹æ™‚ã¯ã€prop() ã‹attr() ã‚’ä½¿ã„ã¾ã™ã€‚ã“ã®ï¼’ã¤ã®ãƒ¡ã‚½ãƒƒãƒ‰ã®é•ã„ã«ã¤ã„ã¦æ°—ã«ãªã‚‹æ–¹ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ å‚ç…§ï¼šprop()ã¨attr()ã®é•ã„ ä»¥ä¸‹ã®ã‚ˆã†ãªbutton è¦ç´ ã‚’ä¾‹ã«èª¬æ˜Žã—ã¾ã™ã€‚
snjx 2018/06/28
jquery

HTML5

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Loading...
snjx 2018/06/22
HTML

HTML5

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
HTML5ã®ãŠå‹‰å¼·ã€€articleã¨sectionã¨ã‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
snjx 2018/06/20
HTML5

html

Webæ§‹é€ åŒ–

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
HTML5ã€ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã€‘1ï½žæ–°è¦ç´ ã‚’ä½¿ã£ãŸæ›¸ãæ–¹ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ - ãƒ—ãƒã‚°ãƒ©ãƒžã‚«ãƒ¬ãƒƒã‚¸
â–²ç›®æ¬¡ã¸æˆ»ã‚‹ ï¼’ï¼ŽHTMLæ–‡æ›¸ãŒã‚·ãƒ³ãƒ—ãƒ«ã« HTML5ã§åŠ ã‚ã£ãŸæ–°è¦ç´ ã®ãŠã‹ã’ã§ã€HTMLæ–‡æ›¸ãŒã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä¸‹ã®ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æƒ³å®šã—ã¦ã¿ã¾ã™ã€‚ ã„ã¾ã¾ã§ã®HTML4ã‚„XHTML1ã§ã¯ã€æ¬¡ã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ divè¦ç´ ã§ãƒ–ãƒãƒƒã‚¯ã‚’åŒºåˆ‡ã‚Šã€ãã‚Œãžã‚Œã«idåã‚’ä»˜ã‘ã€CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæŒ‡å®šã‚’ã™ã‚‹ã¨ã„ã†ã‚„ã‚Šæ–¹ã§ã™ã€‚ ã“ã®æ–¹æ³•ã§ã™ã¨ã€ãƒœãƒƒã‚¯ã‚¹ã®åå‰ã¯ãã‚Œãžã‚Œä»»æ„ã«ä»˜ã‘ã‚‰ã‚Œã¾ã™ã€‚ã¾ãŸã€å„ãƒœãƒƒã‚¯ã‚¹ã®è¨˜è¿°ãŒé•·ã„ã§ã™ã€‚ ä¸€æ–¹ã€HTML5ã§ã¯æ¬¡ã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’ã—ã¾ã™ã€‚ æ–°ã—ã„è¦ç´ ãŒè¿½åŠ ã•ã‚ŒãŸãŸã‚ã€divè¦ç´ ã‚’ä½¿ã‚ãšã«ã€ã“ã‚Œã‚‰ã®æ–°è¦ç´ ã§æ§‹æˆã§ãã¾ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã¯navè¦ç´ ã€ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ã¯articleè¦ç´ ã€ã‚µãƒ–çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ã¯asideè¦ç´ ã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…ã®è¦‹å‡ºã—ã‚’åŒºåˆ‡ã‚‹sectionè¦ç´ ã€ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã€ãƒ•ãƒƒã‚¿éƒ¨åˆ†ã¯ã€headerè¦ç´ ã€foot
snjx 2018/06/11
webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

html

html5

css
ãƒªãƒ³ã‚¯
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€9æœˆ24æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸHTML5 Conference 2017ã«ç™»å£‡ã—ãŸã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã€ãŠè©±ã•ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’ä¸å¿ƒã«èªžã£ã¦ã„ãŸã ã“ã†ã¨ã†ã„ã‚‚ã®ã§ã™ã€‚ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹æ‰‹åŠ©ã‘ã«ãªã‚‹ã ã‘ã§ãªãã€æœ¬è¨˜äº‹å˜ä½“ã§ã‚‚é¢ç™½ãèªã‚“ã§ã„ãŸã ã‘ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã€ŒNintendo Switchã¨Webã€ã¨ã„ã†è¬›æ¼”ã‚’ã•ã‚Œã¦ã„ãŸä»»å¤©å ‚ã•ã‚“ã«ã€Switché–‹ç™ºã«ãŠã‘ã‚‹WebæŠ€è¡“ã®æ´»ç”¨æ–¹æ³•ã‚„ã€é–‹ç™ºç§˜è©±ã‚’ä¼ºã£ã¦ãã¾ã—ãŸã€‚ä»»å¤©å ‚ã®ãŠäºŒäººã¯äº¬éƒ½ã‹ã‚‰ã€ãƒªãƒ¢ãƒ¼ãƒˆã§ã®å–æã«å¿œã˜ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Nintendo Switchã§ã¯WebæŠ€è¡“ãŒå¤§æ´»èºï¼ ç™½çŸ³ ç°¡å˜ã«è‡ªå·±ç´¹ä»‹ã‚’ãŠé¡˜ã„ã§
snjx 2017/11/07
HTML5

Nintendo Switch

React

web

webã‚µãƒ¼ãƒ“ã‚¹

æŠ€è¡“

è€ƒå¯Ÿ

è³‡æ–™

javascript

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
First step CSS - Section 4
ä»Šã¾ã§ã¯ï¼Œ<H1>ï¼ˆè¦‹å‡ºã—ï¼‰ï¼Œ<EM>ï¼ˆå¼·èª¿ï¼‰ã¨ã„ã£ãŸæ–‡æ›¸ä¸ã§ã‚ã‚‹å½¹å‰²ã‚’ã‚‚ã¤è¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ãŸã€‚ã“ã“ã§ã¯â€œã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ç¯„å›²â€ã‚’ç¤ºã—ï¼Œã»ã‹ã®å½¹å‰²ã‚’æŒãŸãªã„ HTML ã®è¦ç´ ã‚’å°Žå…¥ã™ã‚‹ã€‚ <DIV> ã¨ <SPAN> ã¯æ–‡æ›¸ä¸ã§ã®å½¹å‰²ã‚’ã‚‚ãŸãªã„ï¼ŒãŸã â€œç¯„å›²ã‚’æŒ‡å®šã™ã‚‹â€ã ã‘ã®è¦ç´ ã§ã‚ã‚‹ã€‚ã—ãŸãŒã£ã¦ï¼Œã„ãšã‚Œã‚‚â€œã“ã“ã‹ã‚‰ï½žã“ã“ã¾ã§â€ã®å½¢ã§ä½¿ã‚ã‚Œã‚‹ã€‚ ã“ã“ã§â€œæ–‡æ›¸ä¸ã§ã®å½¹å‰²ã‚’ã‚‚ãŸãªã„â€ã¨ã„ã†ã®ã¯ï¼ŒãŸã¨ãˆã° <UL> ã¯ããã£ãŸç¯„å›²ã«â€œç®‡æ¡æ›¸ãã§ã‚ã‚‹â€ã¨ã„ã†â€œå½¹å‰²â€ã‚’ä¸Žãˆã‚‹ãŒï¼Œ<DIV> ã¨ <SPAN> ã¯æ±ºã¾ã£ãŸå½¹å‰²ã‚’ä¸Žãˆãªã„ã€‚ <DIV> ã¨ <SPAN> ã¯ï¼Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç¯„å›²æŒ‡å®šã®ã»ã‹ã«ï¼Œã‚ã‚‹ç¯„å›²ãŒâ€œä½•èªžã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‹â€ã‚’ç¤ºã™ã®ã«ã‚‚ç”¨ã„ã‚‰ã‚Œã‚‹ã€‚
snjx 2017/02/23
HTML5

html

webã‚µãƒ¼ãƒ“ã‚¹

CSS

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

æŠ€è¡“

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã®æ–°è¦ã‚¿ã‚°ã€Œsectionã€articleã€headerã€footerã€ã®ä½¿ã„æ–¹ | ãã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°
ã•ã¦ä»Šå›žã¯ã€HTML5ã§è¿½åŠ ã•ã‚ŒãŸã‚¿ã‚°ã€section/article/header/footerã®ä½¿ã„æ–¹ã‚’æ”¹ã‚ã¦å¾©ç¿’ã—ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ Webåˆ¶ä½œã®ç¾å ´ã§ã‚‚ã€HTML5ãŒã ã„ã¶æ™®åŠã—ã¦ããŸã“ã¨ã«ã‚ˆã£ã¦ã€ä½¿ã†æ©Ÿä¼šãŒå¤šããªã£ã¦ã„ã‚‹å®Ÿæ„ŸãŒã‚ã‚Šã¾ã™ã€‚ ã•ã¦ã€HTML5ã¨ã“ã‚Œã¾ã§ã®XHTMLã®é•ã„ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ã€ŽHTMLæ§‹é€ ãŒã‚ˆã‚Šæ˜Žç¢ºã«åŒºåˆ¥ã•ã‚Œç°¡ç•¥åŒ–ã•ã‚ŒãŸã€ã¨ã„ã†ã“ã¨ã§ã—ã‚‡ã†ã€‚ HTML4ã‚„XHTMLã®ã‚¿ã‚°è¦ç´ ã ã‘ã§ã¯å¯¾å¿œã—ã«ãã„ã“ã¨ã‚’å†å®šç¾©ã—ãŸã‚‚ã®ãŒã€HTML5ã§ã™ã€‚ ã¤ã¾ã‚Šã€ã€ŒHTML5ã¨ã¯ã€ç¾åœ¨ã®Webåˆ¶ä½œè€…ã®æ‚©ã¿ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã‚‚ã®ã€ã¨ã„ã£ã¦ã‚‚ã‚ˆã„ã§ã—ã‚‡ã†ï¼ ãªã®ã§ã€ã¿ã‚“ãªã§ä½¿ã„ã¾ã—ã‚‡ã†â€¦ã£ã¦ã“ã¨ã§ã™ãã€‚ ã•ã¦ã€HTML5ã®ç›®çŽ‰ã®ä¸€ã¤ã§ã‚ã‚‹ã€‚æ–°è¦ã‚¿ã‚°ã§ã™ãŒã€ã€Œã“ã‚Œã©ã†ã„ã†å ´é¢ã§ä½¿ã£ãŸã‚‰ã„ã„ã®ï¼ï¼ï¼ã€ã¨ã‹ã€Œsectionã¨ã‹articleã¨ã‹ã€æ„å‘³ã‚ã‹ã‚“ããƒ¼ã‚ˆï¼ã€ã¨ã‹ã€ãã†ã„ã†å¿ƒã®å«
snjx 2017/02/23
HTML5

html

webã‚µãƒ¼ãƒ“ã‚¹

CSS

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

æŠ€è¡“

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸