[B! development][html] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

developmentã¨htmlã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (76)

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

ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’åˆ¶å¾¡ã™ã‚‹ inputmode
October 26, 2019 created( August 1, 2022 updated ) input[type]ã«ã‚ˆã‚‹ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºåˆ¶å¾¡Googleã®è¨˜äº‹ã€web foundamentals æœ€é©ãªãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã§ã¯ã€typeå±žæ€§ã«ã‚ˆã‚‹å…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®è¡¨ç¤ºã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="em ail"ã‚’æŒ‡å®šã™ã‚‹ã¨ã€ <input type="em ail"> em ailãŒå…¥åŠ›ã—ã‚„ã™ã„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æŒ‡å®šæ–¹æ³•ã«ã¯å‰¯ä½œç”¨ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ ä¾‹ãˆã°ã€type="number" ã‚’æŒ‡å®šã—ãŸå ´åˆã€ <input type="number"> ã“ã®ã‚ˆã†ã«ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰å†…ã«ä½™è¨ˆãªå…¥åŠ›è£œåŠ©è¦ç´ ãŒè¡¨ç¤ºã—ãŸã‚Šã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«hoverã—ãŸçŠ¶æ…‹ã§mouse wheelã‚’å‹•ã‹ã™ã¨ å…¥åŠ›æ¸ˆã¿ã®å€¤ãŒå‹æ‰‹ã«å¢—æ¸› ã—ãŸã‚Šã—ã¾ã™ã€‚ å‰è€…ã¯CSSã§å¾Œè€…ã¯Java
uchiuchiyama 2022/09/17
ux

accessibility

usability

development

html
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ãŒè¦‹è½ã¨ã—ãŒã¡ãªã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚¹ãƒžãƒ›ã«å®Ÿè£…ã™ã‚‹æ™‚ã®æ³¨æ„ã™ã¹ããƒã‚¤ãƒ³ãƒˆ
ã‚¹ãƒžãƒ›ã§Webã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã¨ã€Appleã‚’ã¯ã˜ã‚ã€Disneyã‚„Wikipediaã‚„The New York Timesãªã©å¤šãã®ã‚µã‚¤ãƒˆã§ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒæŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚Webåˆ¶ä½œè€…ãŒè¦‹è½ã¨ã—ãŒã¡ãªãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚¹ãƒžãƒ›ã«å®Ÿè£…ã™ã‚‹æ™‚ã®æ³¨æ„ã™ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç‰¹ã«ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’position:absolute;ã§é…ç½®ã—ã¦ã„ã‚‹å ´åˆã¯æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ The mistake developers make when coding a hamburger menu by Jared Tong ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’iOS Safariã§æ©Ÿèƒ½ã•ã›ã‚‹ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å®Ÿè£…ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹å•é¡Œ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å®Ÿè£…æ–¹æ³• çµ‚ã‚ã‚Šã« ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’iOS S
uchiuchiyama 2019/03/19
html

css

development

ui
ãƒªãƒ³ã‚¯
ãƒ„ã‚¤ãƒ¼ãƒˆã«ãƒšãƒ¼ã‚¸æƒ…å ±ã‚’è¡¨ç¤ºã™ã‚‹ã€ŒTwitterã‚«ãƒ¼ãƒ‰ï¼ˆTwitter Cardsï¼‰ã€ã‚’è¨å®šã—ã¦ã¿ãŸ
å„é …ç›®ã®è§£èª¬ã¨è¨å®šä¾‹ twitter:cardã¯ã€ã€ŒSummaryã‚«ãƒ¼ãƒ‰ã€ãªã‚‰summaryã€ã€Œå¤§ããªç”»åƒä»˜ãã®Summaryã‚«ãƒ¼ãƒ‰ã€ãªã‚‰summary_large_imageã¨æŒ‡å®šã—ã¾ã™ã€‚  <meta name="twitter:card" content="summary">  <meta name="twitter:card" content="summary_large_image"> twitter:site/twitter:creatorã¯ã€è©²å½“ã™ã‚‹ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’æŒã£ã¦ã„ã‚‹å ´åˆã®ã¿ã§OKã€‚  <meta name="twitter:site" content="@granfairs"> <!-- è¨˜è¿°ä¾‹ï¼šã‚³ãƒ³ãƒ†ãƒ³ãƒ„
uchiuchiyama 2019/02/12
twitter

seo

image

ogp

marketing

html

development
ãƒªãƒ³ã‚¯
[HTML] ä»Šæ›´ã ã‘ã©ã€ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã®è¨å®šæ–¹æ³•ã‚’ç†è§£ã™ã‚‹ã€‚srcsetã¨sizesã‚’ä½¿ã„ã“ãªãã†ã€‚
[HTML] ä»Šæ›´ã ã‘ã©ã€ã¡ã‚ƒã‚“ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç”»åƒã®è¨å®šæ–¹æ³•ã‚’ç†è§£ã™ã‚‹ã€‚srcsetã¨sizesã‚’ä½¿ã„ã“ãªãã†ã€‚HTMLãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–MediaQuery ä¸–é–“ã®Webã‚µã‚¤ãƒˆã‚’ã¿ã¦ã¿ã‚‹ã¨ã€Œæ¨ªå¹…120pxã®ã‚µãƒ ãƒã‚¤ãƒ«ã«ã€1600pxã®ç”»åƒãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã¡ã‚‡ã„ã¡ã‚‡ã„ã‚ã‚Šã¾ã—ã¦ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã—ã¦ã¿ã‚‹ã¨ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒ2000pxã®å ´åˆã®å ´åˆã¯800pxã§è¡¨ç¤ºã—ã¦ã€ã‚¹ãƒžãƒ›ã ã¨120pxã§è¡¨ç¤ºã™ã‚‹ã€‚ ã¾ãŸRetinaå¯¾å¿œã‚’ã—ã¦ã„ã‚‹ã‹ã‚‰ã€è§£åƒåº¦ã®2å€ãŒå¿…è¦ã§ã€800px@2xã ã‹ã‚‰ã€å¤§ãã„æ–¹ã«ã‚ã‚ã›ã¦ã‚‹ ã¨ã„ã†ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’çµæ§‹ã¿ã‹ã‘ã‚‹ã®ã§ã€ã‚ã‚‰ãŸã‚ã¦imgã®å±žæ€§ã§ã‚ã‚‹srcsetã¨sizesã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ å¤§ãã„ç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãã„ ãŠãã‚‰ãã“ã®è¨˜äº‹ã‚’ã”è¦§ã„ãŸã ãæ–¹ã«ã¯ã€Œä½•ã‚’å½“ãŸã‚Šå‰ãªã€ã¨æ€ã‚ã‚Œã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€ã‚‚ã†å°‘ã—ãŠä»˜ãåˆã„ãã ã•ã„ã€‚ çŒ«ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒ
uchiuchiyama 2018/10/07
html

image

development

css
ãƒªãƒ³ã‚¯
JavaScriptã§HTMLã‚¨ã‚¹ã‚±ãƒ¼ãƒ—å‡¦ç† - Qiita
JavaScriptã§HTMLã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ä¸€èˆ¬çš„ãªWebã‚¢ãƒ—ãƒªã®å ´åˆã€åŸºæœ¬çš„ã«ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã®HTMLã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ãŒå‡ºæ¥ã¦ã‚Œã°å•é¡Œç„¡ã„ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã€‚ ãŸã ã€ä¾‹ãˆã°DOMã‹ã‚‰ãƒ†ã‚ã‚¹ãƒˆã‚’å–å¾—ã—ã¦å†åº¦DOMã«çªã£è¾¼ã‚€ã€ã¿ãŸã„ãªå‡¦ç†ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚„ã‚ã†ã¨ã—ãŸå ´åˆã¯ã€JavaScriptã§æ”¹ã‚ã¦HTMLã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ã®ã§ã€JavaScriptã§æœ€ä½Žé™ã®HTMLã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ä½œã£ãŸã€‚ function escape_html (string) { if(typeof string !== 'string') { return string; } return string.replace(/[&'`"<>]/g, function(match) { return { '&': '&', "'": ''', '`': '&#x60
uchiuchiyama 2017/07/13
html

javascript

security

development
ãƒªãƒ³ã‚¯
SEOå¯¾ç–ãƒ»meta-tagsã®ãƒžã‚¤ãƒ™ã‚¹ãƒˆè¨å®š - Qiita
doctype html html head = render partial: 'layouts/meta_tags' = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true = javascript_include_tag 'application', 'data-turbolinks-track' => true = csrf_meta_tags meta charset='UTF-8' -# ãƒ‡ã‚¹ã‚¯ãƒªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä¸ç”¨æ„ã«å¤‰æ›´ã•ã‚Œãªã„ã‚ˆã†ã«ã™ã‚‹ meta content='NOYDIR' name='ROBOTS' meta content='NOODP' name='ROBOTS' -# ãƒ¢ãƒã‚¤ãƒ«è¨å®š link media='handheld' rel='alternate'
uchiuchiyama 2017/02/02
rails

meta

html

development
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ãƒ–ãƒ©ã‚¦ã‚¶ã§JavaScriptã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•ã¨ãã®ç†ç”±
ã‚‚ã—ã‚ãªãŸãŒWebé–‹ç™ºè€…ãªã‚‰ã€<span>ã©ã†ã‚„ã£ã¦<code><noscript></code>ã®ã‚³ãƒ¼ãƒ‰ã‚’Webãƒšãƒ¼ã‚¸ã«å°Žå…¥ã™ã‚‹ã‹ã®<a href="#developer" id="devinfo">èª¬æ˜Žã‚’å‚ç…§ã—ã¦ãã ã•ã„</a>ã€‚</span> Google Chrome Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰"Customize and control Google Chrome"ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€"Settings"ã‚’é¸æŠžã—ã¦ä¸‹ã•ã„ã€‚ "Settings"ã¨ã„ã†ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚ã‚‹"Show advanced settings..."ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ "Privacy"å†…ã®"Content settings..."ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒé–‹ã„ãŸãªã‚‰"JavaScript"ã¨ã„ã†ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŽ¢ã—ã€"Allow all sites to run JavaScript
uchiuchiyama 2016/05/26
development

javascript

html

webservice

reference
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã®å®Ÿè£…ã‚„å‹‰å¼·ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ã‚ã‚Œä½•ã ã£ã‘ï¼Ÿ ã¨ã„ã†æ™‚ã«ã•ã£ã¨åˆ†ã‹ã‚‹Webåˆ¶ä½œã®å®Ÿè£…ã‚„å‹‰å¼·ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãŒã‚ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ Bootstrapã®ã•ã¾ã–ã¾ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£…ã€Flexboxã§UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®Ÿè£…ã€CSSã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ã€Gitã®ã‚³ãƒžãƒ³ãƒ‰ã€React.jsã‚„Angular.jsãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã®ã¯å…¨éƒ¨ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ»ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã§ã™ãã€‚
uchiuchiyama 2016/04/25
introduction

summary

links

development

html

javascript

css

github

bootstrap

reference
ãƒªãƒ³ã‚¯
jQueryã§è¦ç´ ã‚’ä¸Šä¸‹ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³•ï¼ˆIE8å¯¾å¿œï¼‰ | ãã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°
divã®é«˜ã•ãŒæ±ºã¾ã£ã¦ã„ã‚‹æ™‚ã¯ã€â€œmargin-topâ€ã«é«˜ã•ã®åŠåˆ†ã®ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’æŒ‡å®šã™ã‚Œã°ä¸Šä¸‹ä¸å¤®ã«ãªã‚Šã¾ã™ã€‚ï¼ˆä¾‹ï¼šdivã®é«˜ã•ãŒ100pxãªã‚‰ã€â€œmargin-top:-50pxâ€ï¼‰ é«˜ã•ãŒæ±ºã¾ã£ã¦ã„ãªã„æ™‚ã§ã‚‚ã€ä¸‹è¨˜ã®ã‚ˆã†ã«jQueryã§è¦ç´ ã®é«˜ã•ã‚’å–å¾—ã—ã¦ã€cssã«ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä»£å…¥ã™ã‚Œã°ä¸Šä¸‹ä¸å¤®ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ javascript $(function(){ var wH = $(window).innerHeight(); //ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã‚’å–å¾— var divH = $("div").innerHeight(); //divã®é«˜ã•ã‚’å–å¾— $("body").css("height", wH + "px"); //bodyã«ãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ã‚’ä»£å…¥ $("div").css("margin-top", "-" + divH / 2 + "px"); //div
uchiuchiyama 2016/02/03
css

html

design

development

jquery
ãƒªãƒ³ã‚¯
Pelletkachels | DÃ© Expert voor jou duurzame Pelletkachel in huis
Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren â€™80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transf ormatie tot moderne en
uchiuchiyama 2015/08/26
development

html

facebook

google

search

twitter

ogp

seo

marketing
ãƒªãƒ³ã‚¯
HTML Dual Viewer - Google Play ã®ã‚¢ãƒ—ãƒª
â—†Googleæ¤œç´¢ã«å¯¾å¿œã—ãŸã€2ç”»é¢HTML Viewerã§ã™ã€‚ â—†Syntax Highlighteræ©Ÿèƒ½(Î²)ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ â€»Syntax Highlighteræ©Ÿèƒ½ã¯éžå¸¸ã«é‡ãŸã„ã§ã™ã€‚ãƒ•ãƒªãƒ¼ã‚ºãªã©èµ·ã“ã™å ´åˆã¯èƒŒæ™¯è‰²ã‚’é’(æ©Ÿèƒ½ã‚ªãƒ•)ã«ã—ã¦ãã ã•ã„ã€‚ ã€ä½¿ã„æ–¹ã€‘ å·¦ã«ãƒ–ãƒ©ã‚¦ã‚¶ç”»é¢ã€å³ç”»é¢ã«HTMLã‚½ãƒ¼ã‚¹ã‚’åŒæ™‚ã«è¡¨ç¤ºã—ã¾ã™ã€‚ ãã‚Œãžã‚Œã®ç”»é¢ã®å¹…èª¿æ•´ã‚‚ç°¡å˜ã«è¡Œãˆã¾ã™ã€‚ å·¦å³è¦‹æ¯”ã¹ã¦HTMLã‚½ãƒ¼ã‚¹ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ Googleæ¤œç´¢ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€URLã‚’ç›´æŽ¥æ‰“ã¤å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ æ–°ã—ã„ãƒšãƒ¼ã‚¸ã‚’é–‹ãã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ã‚½ãƒ¼ã‚¹ã‚‚æ›´æ–°ã•ã‚Œã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®å…±æœ‰ã«ã‚‚å¯¾å¿œã—ã¾ã—ãŸã€‚ ã‚‚ã—ãƒãƒ¼ã‚«ãƒ«ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãéš›ã¯, 1. ãƒ•ã‚¡ã‚¤ãƒ«ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ã‚¢ãƒ—ãƒªã®å…±æœ‰ã‹ã‚‰ã€ã“ã®ã‚¢ãƒ—ãƒªã‚’é¸æŠžã—ã¦ãã ã•ã„ã€‚ 2. URLæ¤œç´¢ã« "file:///path/path/path.html" ã®ã‚ˆã†
uchiuchiyama 2015/05/20
development

android

apps

html
ãƒªãƒ³ã‚¯
Responsive web design tool, CMS, and hosting platform | Webflow
Connect your site to apps like HubSpot, Adobe Express, and more
uchiuchiyama 2015/01/22
development

design

html

webservice

css
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã«å¿…è¦ãªfaviconãŒ21å€‹ã«ãªã£ã¦ã„ãŸ - ITæŽ¢æ¤œã®è¿½æ†¶
ä¹…ã—ã¶ã‚Šã«Webã‚µã‚¤ãƒˆã®faviconã‚’å¤‰ãˆã‚ˆã†ã¨æ€ã„ã€èª¿ã¹ã¦ã¿ã‚‹ã¨ã€å¿…è¦ãªfaviconãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ ãã®æ•°ã€ä½•ã¨21å€‹ï¼ ãã‚“ãªã«å¢—ãˆã¦ã„ãŸã¨ã¯ã€‚ ä¸€å¿œã€ä»¥ä¸‹ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã™ã€‚ faviconã®ãƒªã‚¹ãƒˆ favicon.ico: IEç”¨ favicon-16x16.png: ã‚¿ãƒ–è¡¨ç¤ºç”¨ favicon-32x32.png: Macç‰ˆSafariç”¨ favicon-96x96.png: Google TVç”¨ favicon-160x160.png: Opera 12 ã¾ã§ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ãƒ»ãƒ€ã‚¤ã‚¢ãƒ«ç”¨ favicon-196x196.png: Androidç‰ˆChromeç”¨ mstile-70x70.png: Windows 8 ç”¨ mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
uchiuchiyama 2015/01/08
ios

favicon

icon

webservice

introduction

development

html
ãƒªãƒ³ã‚¯
ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ 3.0+
Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ 3.0+Wordpressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚æ…£ã‚Œã‚‹ã¨ç°¡å˜ãªã®ã§ã™ãŒã€åˆå¿ƒè€…ã«ã¯å°‘ã—é›£ã—ã„Wordpressã®ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚Wordpressã®ãƒ†ãƒ¼ãƒžãŒã©ã®ã‚ˆã†ã«å‹•ãã®ã‹ã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã®HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ã©ã†ã‚„ã£ã¦Wordpressã®æ©Ÿèƒ½ã‚’ã¤ã‘ã‚‹ã®ã‹ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚PHPã®çŸ¥è˜ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ãŒï¼ˆã‚‚ã¡ã‚ã‚“ã‚ã£ãŸæ–¹ãŒæ¥½ã§ã™ãŒï¼‰ã€è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®Photoshopã¨CSSã®çŸ¥è˜ã¯å¿…è¦ã§ã™ã€‚ Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ 3.0+Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžä½œæˆ å®Œç’§ã‚¬ã‚¤ãƒ‰Wordpress ã‚’ãƒãƒ¼ã‚«ãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ â† ä»Šã“ã“Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹1. Wordpress ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å…¥ã‚‹
uchiuchiyama 2014/10/04
wordpress

html

css

tutorial

development
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦WordPressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã¨ãã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸï¼ˆã‚µãƒ³ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼‰
åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã£ãŸã¨ãã€çœŸã£å…ˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒå…¬å¼ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨ã„ã‚ã„ã‚ãªæ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã„ã¦è¤‡é›‘ãªæ§‹é€ ã‚’ã—ã¦ã„ã¾ã™...ã€‚ä»Šå›žã¯åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ŠãŸã„ï¼ã£ã¦ã„ã†äººå‘ã‘ã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ¼ãƒžã‚’ã‚‚ã¨ã«åˆ¶ä½œãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã”æ´»ç”¨ãã ã•ã„ã€‚ WordPress ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’é‡ãã¦ã€æœ€è¿‘ã§ã¯ 3.5 ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚Œã«ä¼´ã£ã¦ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ†ãƒ¼ãƒžã‚‚ã€æ–°ã—ã„ TwentyTwelve ã«ãªã‚Šã¾ã—ãŸï¼ˆ2013å¹´ 1æœˆç¾åœ¨ï¼‰ã€‚WordPress ã§åˆã‚ã¦è‡ªåˆ†ã ã‘ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã†ã¨ã€ã¾ãšæœ€åˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒž â€¦ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨é›£ã—ã„æ§‹é€ ã«ãªã£ã¦ã‚‹ â€¦ ã¨æ€ã£ãŸã‚Šã—ã¾ã›ã‚“ã‹ï¼Ÿ ç§ãŒ
uchiuchiyama 2014/10/04
wordpress

html

css

tutorial

development
ãƒªãƒ³ã‚¯
WordPressãƒ†ãƒ¼ãƒžã‚’ä½œæˆã™ã‚‹ã®ã«å½¹ç«‹ã¤ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã¾ã¨ã‚
ãƒ†ãƒ¼ãƒžãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ The Web Template Verification Service WordPressãƒ†ãƒ¼ãƒžçš„ã«ãŠã‹ã—ãªã¨ã“ã‚ãŒãªã„ã‹ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ™‚ã«ä½¿ç”¨ã€‚ Theme Check WordPress â€º Theme Check Â« WordPress Plugins WordPressç®¡ç†ç”»é¢ã‹ã‚‰ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ãƒ†ãƒ¼ãƒžã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã™ã¹ã¦ã‚’ä¿®æ£ã™ã‚‹ã®ã¯é›£ã—ã„ã‘ã©è¦å‘Šéƒ¨åˆ†ãã‚‰ã„ã¯ç›´ã—ãŸã„ã€‚ AntiVirus WordPress â€º AntiVirus Â« WordPress Plugins ãƒ†ãƒ¼ãƒžã®ã‚¦ã‚¤ãƒ«ã‚¹ãƒã‚§ãƒƒã‚¯ã€‚ä¸€å¿œãƒã‚§ãƒƒã‚¯ã€‚ noindexã€nofollowã®ãƒã‚§ãƒƒã‚¯ NoFollow noindexã€nofollowã€nofollowãƒªãƒ³ã‚¯ãªã©ã‚’ãƒã‚§ãƒƒã‚¯ã§ãã‚‹Chromeæ‹¡å¼µã€‚Firefoxã ã¨Seerobotsã‚¢ãƒ‰ã‚ªãƒ³ãŒä¾¿åˆ©ã€‚ ã‚µã‚¤ãƒˆã®noi
uchiuchiyama 2014/10/04
wordpress

development

html

css

design

webservice

introduction

links
ãƒªãƒ³ã‚¯
runstant
Aboutrunstant ã¨ã¯, ãƒã‚°ã‚¤ãƒ³ä¸è¦, ã‚µãƒ¼ãƒãƒ¼é€šä¿¡ä¸è¦ã§ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°, å®Ÿè¡Œ, ä¿å˜ãŒã§ãã‚‹ä¸–ç•Œä¸€ç°¡å˜ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å§‹ã‚ã‚‰ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™. å˜˜ã§ã™. ã„ã‚„ä¸–ç•Œä¸€ä»¥å¤–ã¯ãƒ›ãƒ³ãƒˆã§ã™. çµæ§‹ä¾¿åˆ©ã§ã™â™ª Usageå³å´ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã`save` ãƒœã‚¿ãƒ³(Command+S) ã‚’æŠ¼ã™å·¦å´ã«å®Ÿè¡Œç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™URL ã«ã‚³ãƒ¼ãƒ‰æƒ…å ±ãŒä¿å˜ã•ã‚Œã¾ã™Otherå³ä¸Šã® html/style/script ã§ãã‚Œãžã‚Œç·¨é›†ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™å³ä¸Šã® setting ã§ã‚¿ã‚¤ãƒˆãƒ«ã‚„è©³ç´°ã®è¨å®šãŒã§ãã¾ã™å³ä¸Šã® share ã§çŸç¸®URLã‚’ã‚³ãƒ”ãƒ¼ã—ãŸã‚Š, twitter ã‚„ facebook ã§ã‚·ã‚§ã‚¢ã—ãŸã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™.è¦æœ›ã‚„ä¸æº€, ãŠæ°—ä»˜ãã®ç‚¹ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã“ã¡ã‚‰ @phi_jp ã®æ–¹ã¾ã§ã”é€£çµ¡ãã ã•ã„. ã‚ã£ã‚ã¨ä¸€å¿œ tmlib.js å…¬å¼ã‚¨ãƒ‡ã‚£ã‚¿ãªã®ã§ tmlib.js ã®ã“ã¨ã‚‚
uchiuchiyama 2014/09/26
javascript

development

editor

html

css

webservice
ãƒªãƒ³ã‚¯
http://plus.appgiga.jp/masatolan/2014/09/25/53797/
uchiuchiyama 2014/09/26
introduction

webservice

links

development

programming

education

javascript

css

html
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS ã€œ ã€ŒãŠãƒ»ã‚‚ãƒ»ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ ã€œ TAKEHARU IGARI Front-end Engineer / Evangelist ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„ <html5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬â¼€å›žå‹‰å¼·ä¼š /> 2. ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ« â€¢ TAKEHARU IGARI çŒªç‹© ä¸ˆæ²» - æ‰€å±ž â€¢ æ ªå¼ä¼šç¤¾ Lei HauÊ¼oli ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ è¡¨â½°é€Ÿåº¦ã€ä¿å®ˆæ€§ã€ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€SEOã‚’è€ƒæ…®ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—ã€ ç¾åœ¨ã€å„ãƒŠã‚·ãƒ§ãƒŠãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆ ã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚‚â¾ã†ã€‚ - åŸ·ç† â€¢ æŠ€è¡“è©•è«–ç¤¾ã€ŒWEB+DB PRESSã€ â€¢ Vol.66 ã€œæˆ‘æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 ã€œã€ŒWebã‚µã‚¤ãƒˆè¶…â¾¼é€ŸåŒ–å®Ÿæ³ä¸ç¶™ â”€â”€
uchiuchiyama 2014/06/18
development

html

css

javascript

presentation

performance
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³å‹• è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã§æœ€å„ªç§€è³žã‚‚ã‚‰ã„ã¾ã—ãŸ
ãƒ‹ã‚³ãƒ‹ã‚³è¶…ä¼šè°ã§é–‹å‚¬ã•ã‚ŒãŸã€Œè¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã‚Šã€ã«æ‹äººã§ã‚ã‚‹æ¦è—¤ã‚¹ãƒŠã‚¤ãƒ‘ãƒ¼ã‚«ã‚¹ã‚¿ãƒ ã‹ã‚‰ãŠèª˜ã„ã•ã‚Œã¦å‚åŠ ã—ã¾ã—ãŸã€‚ æŠ•ç¥¨ã—ã¦ãã ã•ã£ãŸæ–¹ã€…ã®ãŠã‹ã’ã§æœ€å„ªç§€è³žï¼ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ ãƒ‹ã‚³å‹•ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®html,css,jsã‚’è»½é‡åŒ–ã™ã‚‹ãŠç¥ã‚Šã§ã—ã¦ã€ã«ãŽã‚„ã‹ãªä¼šå ´ã€ç‹ã„ãƒ–ãƒ¼ã‚¹ã®ä¸ã§è©°ã‚è¾¼ã¾ã‚Œã¦ãŠã‚‚ã—ã‚ã‹ã£ãŸã§ã™ã€‚ ãƒãƒ¼ãƒ ï¼šã‚¦ãƒ«ãƒ•ã‚®ãƒ£ãƒ³ã‚°ã®ç´¹ä»‹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒãƒ©ãƒ³ã‚¹ãƒãƒ¼ãƒ ã€‚ æ¦è—¤ã•ã‚“ãŒç‹¼ãŒå¥½ããªã®ã§ãã‚Œã£ã½ã„åå‰ã«ã—ã¾ã—ãŸã€‚ã‚®ãƒ£ãƒ³ã‚°ã‚‰ã—ããµãŸã‚Šã¨ã‚‚é©ã‚¸ãƒ£ãƒ³è£…å‚™ã€‚ æ¦è—¤ã‚¹ãƒŠã‚¤ãƒ‘ãƒ¼ã‚«ã‚¹ã‚¿ãƒ Twitter : tai2 ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨Pythonã‚’ã“ã‚ˆãªãæ„›ã™ãƒžãƒƒãƒæ£’ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚ ã‚¤ã‚·ã‚¸ãƒžãƒŸã‚ Twitter : woopsdez å†™çœŸã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã³ã«ãŠãŠã¤ãã•ã‚“ã«ã€Œå¤ªã£ãŸï¼Ÿã€ã¨è¨€ã‚ã‚Œã‚‹ç•ªä»˜ä¸Šæ˜‡ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ä»–ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãµãŸã‚Šã€å€‹äººã§ã®å‚åŠ ãªã©ãŒ
uchiuchiyama 2014/04/28
css

html

development

javascript

performance
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸