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

chanpon0 id:chanpon0

htmlã«é–¢ã™ã‚‹chanpon0ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (40)

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

PHP ã§ HTML ã‹ã‚‰ç°¡å˜ã« PDF ã‚’ä½œã‚Œã‚‹ mPDF | Sun Limited Mt.
å¸³ç¥¨ãªã©ã‚’ HTML ã‚’è¡¨ç¤ºã—ã€ãã‚Œã‚’ PDF ã«ã—ãŸã„ã“ã¨ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚FPDF ãªã©ã‚’ä½¿ãˆã° PHP ã§ PDF ã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€çµæ§‹é¢å€’ã§ã™ã€‚ã—ã‹ã— mPDF ã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã‚Š PHP ã§ç°¡å˜ã« HTML ã‹ã‚‰ PDF ã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« mPDF ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚mPDF ã®ã‚µã‚¤ãƒˆã‚ˆã‚Š zip ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ã—ã¾ã™ã€‚ãã‚Œã‚’ PHP ã‹ã‚‰ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã§ãã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ä»Šå›žã¯ mpdf ã¨ã„ã†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ä½œã‚Šãã®ä¸ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã€‚ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¾Œã€tmp ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¨ graph_cache ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«æ›¸ãè¾¼ã¿æ¨©é™ã‚’ä¸Žãˆã¦ãŠãã¾ã™ã€‚ mPDF ã§ PDF ã‚’ç”Ÿæˆã™ã‚‹ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚HTML ã‚’ä¸Žãˆã¦ã€å‡ºåŠ›ã™ã‚‹ã ã‘ã§ã™ã€‚ä½¿ã„æ–¹ã®ä¾‹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ä¾‹ã¨ã—ã¦ Yahoo!ã‚¸ãƒ£ãƒ‘ãƒ³ã®ãƒˆãƒƒ
chanpon0 2014/04/22
php

pdf

html

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
HTML-ç‰¹æ®Šæ–‡å—
ï¼¨ï¼´ï¼ï¼¬ç‰¹æ®Šæ–‡å—ä¸€è¦§ã¯ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆæ™‚ã«ç‰¹æ®Šãªæ–‡å—ã‚’ä½¿ç”¨ã—ãŸã„ã¨ãã«åˆ©ç”¨ã—ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯é€šå¸¸ã€è¤‡æ•°ç©ºç™½ã‚’è©°ã‚ã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã“ã§ç©ºç™½ãŒã»ã—ã„ã¨ãã«ã¯ã€   ã¨è¨˜è¿°ã™ã‚‹ã¨ç©ºç™½ã‚’æŒ¿å…¥ã—ã¦ãã‚Œã¾ã™ã€‚ã¾ãŸã€ï¼¨ï¼´ï¼ï¼¬ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ã„ããªã‚Š "<" ã‚’æ›¸ãã¨ã‚¿ã‚°ã®é–‹å§‹ã¨ã¿ãªã•ã‚Œã¾ã™ãŒã€æ–‡å—ã¨ã—ã¦ï¼œã‚’æ›¸ããŸã„ã¨ãã«ã¯ &gl; ã¨è¨˜è¿°ã—ã¾ã™ã€‚ ä½¿ç”¨é »åº¦ã®é«˜ã„ã®ã¯ã€ " ã€€ & ã€€ < ã€€ > ã€€   ã€€ © ã§ã™ã€‚
chanpon0 2014/04/21
ã‚¨ãƒ³ãƒ†ã‚£ãƒ†ã‚£

html

ç‰¹æ®Šæ–‡å—

ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—

htmlspecialchars
ãƒªãƒ³ã‚¯
CodePen - Front End Developer Playground & Code Editor in the Browser
Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the worldâ€™s largest community of front end developers and designers.
chanpon0 2013/04/09
Webã‚µãƒ¼ãƒ“ã‚¹

javascript

HTML

css

study
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
å¹³ç´ ã‚ˆã‚Šã€ŒPHPãƒ—ãƒï¼ã€ã‚’ã”æ„›é¡§ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 2006å¹´ã‚ˆã‚Šé‹å–¶ã—ã¦ã¾ã„ã‚Šã¾ã—ãŸã€ŒPHPãƒ—ãƒï¼ã€ã§ã™ãŒã€ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç”¨çŠ¶æ³ã‚’é‘‘ã¿ã¾ã—ã¦ã€2018å¹´9æœˆ25æ—¥ï¼ˆç«æ›œæ—¥ï¼‰ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã•ã›ã¦ã„ãŸã ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«ä¼´ã„ã¾ã—ã¦ã€2018å¹´8æœˆ28æ—¥ï¼ˆç«æ›œæ—¥ï¼‰ã‚’æŒã¡ã¾ã—ã¦ã€æ–°è¦ä¼šå“¡ç™»éŒ²ãªã‚‰ã³ã«Q&AæŽ²ç¤ºæ¿ã¸ã®æ–°ãŸãªè³ªå•ã€å›žç”ã®æŠ•ç¨¿ã‚’åœæ¢ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãªãŠã€ã”ç™»éŒ²ã„ãŸã ã„ãŸçš†æ§˜ã®å€‹äººæƒ…å ±ã«ã¤ãã¾ã—ã¦ã¯ã€ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†å¾Œã€å¼Šç¤¾ãŒè²¬ä»»ã‚’ã‚‚ã£ã¦æ¶ˆåŽ»ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§å¤šãã®çš†æ§˜ã«ã”åˆ©ç”¨ã‚’ã„ãŸã ãã¾ã—ã¦ã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«ä¼´ã„ã€çš†æ§˜ã«ã¯ã”ä¸ä¾¿ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ã“ã¨ã€å¿ƒã‚ˆã‚ŠãŠè©«ã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹ãŠå•ã„åˆã‚ã›ã¯ã“ã¡ã‚‰ã‚ˆã‚ŠãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
chanpon0 2013/02/04
HTMLã‚¿ã‚°ã‚’ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã€‚htmlentitiesã®æ–¹ãŒã€å¤‰æ›æ–‡å—ãŒå¤šã„ã€‚

html

ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—

php
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
chanpon0 2012/12/10
ã¾ã‚‹ã§é”æ³•ã®ã‚ˆã†ãªâ€¦ï¼

javascript

html
ãƒªãƒ³ã‚¯
é«˜æ©Ÿèƒ½ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€ŒSublime Text 2ã€ã‚’DLã—ã¦ã¿ãŸï¼†å°Žå…¥ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³
å··ã§è©±é¡Œï¾Œï½¯ï¾„ï½°ã—ãã†ã ã‚ˆã‰â€¦ã¨è¨€ã†ã‹è©±é¡Œæ²¸é¨°ã—ã¦ãŠã‚Šã¾ã™ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€ã€ŒSublime Text 2ã€ã€‚ Sublime Text: The text editor youâ€™ll fall in love with ã‚ãŠã‚Šæ–‡å¥ã¯ã€ŒThe text editor youâ€™ll fall in love withã€ã€‚ è‹±æ¤œ2ç´šã®ç§ãŒå…¨åŠ›ã§å’Œè¨³ã—ã¦ã¿ãŸã¨ã“ã‚ã€Œã“ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã¯æ„›æ¬²ãŒå‡„ã„ã€ã¿ãŸã„ãªäº‹ã ã¨æ€ã†ã®ã§ã™ãŒã€ä½•ã¯ã¨ã‚‚ã‚ã‚Œãšã£ã¨æ°—ã«ãªã£ã¦ã„ãŸã®ã§å…ˆæ—¥ã‚ˆã†ã‚„ã£ã¨DLã—ã¦ã¿ã¾ã—ãŸã€‚ å‚è€ƒè¨˜äº‹ DLã«å½“ãŸã£ã¦å‚è€ƒã«ã—ã¾ã—ãŸã®ã¯ä»¥ä¸‹ã®è¨˜äº‹ã€‚ãªã‚“ã ã‹ã¨ã£ã¦ã‚‚ä¾¿åˆ©ãã†ãªã«ã»ã²ã€‚ Sublime Text 2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãã‚¤ã‚¤ã€‚Dreamweaverã‹ã‚‰ä¹—ã‚Šæ›ãˆãŸæ™‚ã®åˆæœŸè¨å®šã¨ã‹ä½¿ã„æ–¹ã¨ã‹ã‚’ãƒ¡ãƒ¢ | Mnemoniqs Web Designer Blog â€æ‹ã«è½ã¡ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿â€ã€ŒSubl
chanpon0 2012/12/07
ã‚¨ãƒ‡ã‚£ã‚¿

HTML
ãƒªãƒ³ã‚¯
1åˆ†ã§ã‚ã‹ã‚‹ã€ŒX-ãƒŠãƒ³ãƒˆã‚«ã€HTTPãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ - è‘‰ã£ã±æ—¥è¨˜
æœ€è¿‘ã®ãƒ¢ãƒ€ãƒ³ãªWebãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã«é–¢é€£ã—ãã†ãª X- ãªHTTPãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãã‚Œä»¥å¤–ã«ã‚‚ã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ã€‚ X-XSS-Protection 0:XSSãƒ•ã‚£ãƒ«ã‚¿ã‚’ç„¡åŠ¹ã«ã™ã‚‹ã€‚ 1:XSSãƒ•ã‚£ãƒ«ã‚¿ã‚’æœ‰åŠ¹ã«ã™ã‚‹ã€‚ XSSãƒ•ã‚£ãƒ«ã‚¿ã‚’æœ‰åŠ¹ã«ã™ã‚‹ã“ã¨ã§ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãŒXSSã®è¢«å®³ã«ã‚ã†å¯èƒ½æ€§ãŒä½Žæ¸›ã™ã‚‹ãŒã€ã¾ã‚Œã«èª¤æ¤œçŸ¥ã™ã‚‹ã“ã¨ã§ç”»é¢ã®è¡¨ç¤ºãŒä¹±ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚IE8+ã€Safariã€Chrome(å¤šåˆ†) ã§æœ‰åŠ¹ã€‚IEã§ã¯ã€ŒX-XSS-Protection: 1; mode=blockã€ã¨ã„ã†æŒ‡å®šã‚‚å¯èƒ½ã€‚ 2008/7/2 - IE8 Security Part IV: The XSS FilterBug 27312 â€“ [XSSAuditor] Add support for header X-XSS-Protection X-Content-Ty
chanpon0 2012/11/28
html

security
ãƒªãƒ³ã‚¯
X-Content-Type-Options: nosniff ã¤ã‹ã‚ãªã„ã‚„ã¤ã¯æ»ãã°ã„ã„ã®ã«! - è‘‰ã£ã±æ—¥è¨˜
2011-01-06: IE8ã¨ã„ã†ã“ã¨ã‚’è¿½è¨˜ & ã¡ã‚‡ã£ã¨é–“é•ã„ã‚’ä¿®æ£ã€‚ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ å¹´æ˜Žã‘æ—©ã€…ã§ã™ãŒã€Internet Explorerã®è©±é¡Œã§ã™ã€‚IEã¯ã”å˜ã˜ã®é€šã‚Šã€Content-Type ã ã‘ã§ãªãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…å®¹ãªã©ã‚‚ sniff ã™ã‚‹ã“ã¨ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã‚’æ±ºå®šã—ã¦ã„ã‚‹ãŸã‚ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTMLã¨åˆ¤å®šã—ã¦ã—ã¾ã„ã€ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ãŒç™ºç”Ÿã™ã‚‹ã“ã¨ãŒæ˜”ã‹ã‚‰ãŸã³ãŸã³å ±å‘Šã•ã‚Œã¦ã„ã¾ã—ãŸ*1ã€‚ç¾åœ¨ã¯å¹¾åˆ†ãƒžã‚·ã«ãªã£ãŸã¨ã¯ã„ãˆã€IEã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã®åˆ¤å®šã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯éžå¸¸ã«é›£è§£ã§ã‚ã‚Šã€ç¾åœ¨ã§ã‚‚çŠ¶æ³ã«ã‚ˆã£ã¦ã¯Webã‚µã‚¤ãƒˆé‹å–¶è€…ã®ã¾ã£ãŸãæ„å›³ã—ã¦ã„ãªã„ã‹ãŸã¡ã§ã®XSSãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ãã†ã„ã†ã‚ã‘ã§ã€IEãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ sniff ã—ã¦HTMLä»¥å¤–ã®ã‚‚ã®ã‚’HTMLæ‰±ã„ã—ã¦ã—ã¾ã†ã“ã¨ã‚’é˜²ããŸã‚ã«ã€å‹•çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç”Ÿæˆã—ã¦ã„ã‚‹å ´åˆã«
chanpon0 2012/11/27
Content-Type-Options: nosniff ã«ã¤ã„ã¦ã€‚ãµã‚€ãƒ¼ã€‚

html

xss
ãƒªãƒ³ã‚¯
DOM APIã¨innerHTMLã¯ç‰ä¾¡ã§ã¯ãªã„
æœ€è¿‘ã€å¾³ä¸¸æœ¬ã‚’ã˜ã‚ã˜ã‚èªã‚“ã§ã„ã‚‹ã®ã§ã™ãŒã€DOM based XSSã®è©±ãŒæ›¸ã„ã¦ã‚ã£ãŸã®ã§ã€å°‘ã—è¨€åŠã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å¾³ä¸¸æœ¬ã‹ã‚‰å¼•ç”¨ DOM based XSSã¨å‘¼ã°ã‚Œã‚‹XSSãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€JavaScriptã«ã‚ˆã‚Šã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§è¡¨ç¤ºå‡¦ç†ã™ã‚‹ç®‡æ‰€ãŒã‚ã‚Šã€ãã“ã«è„†å¼±æ€§ãŒã‚ã‚‹å ´åˆã®XSSã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ <script> document.write(unescape(location.href)); </script> ã“ã„ã¤ã‚’é©å½“ãªãƒ•ã‚¡ã‚¤ãƒ«åã§ä¿å˜ã—ã¦ã€domxss.html#<script>alert("hello")<script>ãªã©ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨alertãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¯ãšã§ã™ã€‚ä»»æ„ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œå¯èƒ½ãªçŠ¶æ…‹ã£ã¦ã“ã¨ã§ã™ãã€‚ä»»æ„ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œå¯èƒ½ã£ã¦ã“ã¨ã¯ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¯ãƒƒã‚ãƒ¼ç›—ã¿æ”¾é¡Œã§ã€ä»–äººã«æˆã‚Šæ¸ˆã¾ã—ã¦è²·ã„ç‰©ã§ãã¡ã‚ƒã£ãŸã‚Šã™ã‚‹ãƒ¬ãƒ™ãƒ«ã§ã™
chanpon0 2012/11/26
innerHTMLã®è„†å¼±æ€§ã€‚ã“ã‚Œã¯æ°—ã‚’ã¤ã‘ãã°ã€‚

innerhtml

HTML
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ—ãƒ¬ã‚¹ãƒ–ãƒƒã‚¯ã‚¹ - æœ¬ã€é›‘èªŒã¨é–¢é€£Webã‚µãƒ¼ãƒ“ã‚¹
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã‹ã‚‰å®Ÿè£…ã¾ã§å¦ã¹ã‚‹ï¼ ç™ºå£²æ—¥ï¼š 2024/7/23 å¥½è©•ç™ºå£²ä¸ Webä½œæˆãƒ»ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚° è©³ç´°ã‚’è¦‹ã‚‹
chanpon0 2012/08/21
html
ãƒªãƒ³ã‚¯
PHPã§HTMLã‚’è§£æž - åƒ•ã®ã‚¹ã‚¹ãƒ¡ã€‚
ãšã£ã¨ã‚„ã‚ã†ã¨æ€ã£ã¦ãŸHTMLè§£æžã‚’ã‚„ã£ã¦ã¿ãŸã€‚ HTMLè§£æžã¯ã€DOMDocument->loadHTML()é–¢æ•°ã‚’ä½¿ç”¨ã—ã¦å‡ºæ¥ã‚‹ã“ã¨ã¯ã§ãã‚‹ã€‚ <?php $doc = DOMDocument::loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); $doc = new DOMDocument(); $doc->loadHTML("<html><body>Test<br></body></html>"); echo $doc->saveHTML(); ?> ã“ã‚Œã ã¨ç°¡å˜ã«å‹•ã‹ã›ãªã„ã€‚ã£ã¨ã„ã†ã“ã¨ã§ã€googleå…ˆç”Ÿã«èžã„ã¦çµæžœå¼•ã£ã‹ã‹ã£ãŸã®ãŒä»¥ä¸‹ã®æ–¹æ³•ã€‚ PHPã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã™ã€‚ ç‰¹å®šã®HTMLãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ã‚ã‚‹â€¦ - äººåŠ›æ¤œç´¢ã¯ã¦ãª ã“ã‚Œã®å›žç”[5]ãŒéžå¸¸ã«å‚è€ƒã«ãªã‚‹ã€‚å›žç”[5]ã«è¨˜è¼‰ã—
chanpon0 2012/08/10
ãƒªãƒ³ã‚¯å…ˆãƒ‘ãƒ¼ãƒˆ2ã®file_get_htmlé–¢æ•°ãŒæ°—ã«ãªã‚‹ã€‚ã€‚

php

html
ãƒªãƒ³ã‚¯
æ–°å’Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã‚Šã‚ãˆãšèªã¾ã›ã¦ãŠããŸã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸç†åŽŸå‰‡ãŒå¦ã¹ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼
ã€Œç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤... / ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å‹‰å¼·ã—ãŸã“ã¨ãŒãªã„äººã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹... / éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®...ä»–...å…¨10ä»¶
chanpon0 2012/03/30
HTML

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ãƒ‘ãƒ³ã‚¯ã‚ºè¶…é‡è¦ã€‘Googleã«èªè˜ã•ã‚Œã‚‹ãƒ‘ãƒ³ã‚¯ã‚ºã¨ã•ã‚Œãªã„ãƒ‘ãƒ³ã‚¯ã‚º
Googleã«èªè˜ã•ã‚Œã‚‹ãƒ‘ãƒ³ã‚¯ã‚ºã¨ã•ã‚Œãªã„ãƒ‘ãƒ³ã‚¯ã‚º ä¹…ã€…ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ä»•äº‹ã‚’æœ¬æ ¼çš„ã«ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ‘ãƒ³ã‚¯ã‚ºã®é‡è¦æ€§ãŒæ°—ã«ãªã‚‹ä»Šæ—¥ã“ã®ã”ã‚ã€‚ Googleã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒãƒœãƒƒãƒˆã«ãƒ‘ãƒ³ã‚¯ã‚ºã¨ã—ã¦èªè˜ã•ã‚Œã‚‹ãƒ‘ãƒ³ã‚¯ã‚ºã¨ã€ãã†ã§ãªã„ãƒ‘ãƒ³ã‚¯ã‚ºãŒã‚ã‚‹ã“ã¨ã‚’å‰²ã¨ã•ã£ãçŸ¥ã‚Šã¾ã—ãŸã€‚ Googleã®ãƒãƒœãƒƒãƒˆã«èªè˜ã•ã‚Œãªã„ãƒ‘ãƒ³ã‚¯ã‚º <ul> <li><a href="/">ITã‹ã‚ã•ã‚“</a></li> <li><a href="/archives/category/html5ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¡“">HTML5ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¡“</a></li> <li>HTML5Ã—CSS3ãƒ™ãƒ¼ã‚¹ã®PCç‰ˆã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆå…±é€šãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ </li> </ul> Googleã®ãƒãƒœãƒƒãƒˆã«èªè˜ã•ã‚Œã‚‹ãƒ‘ãƒ³ã‚¯ã‚º ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆ â€“ ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ ãƒ„ãƒ¼ãƒ« ãƒ˜ãƒ«ãƒ— <a href="http://www.example.com/dress
chanpon0 2012/02/28
HTML

javascript
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
chanpon0 2012/02/16
webåˆ¶ä½œ

framework

webdesign

HTML

css
ãƒªãƒ³ã‚¯
ã¾ã¡ã‚…ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - ã€Œhref="#" onclickã€ã«ã¤ã„ã¦
chanpon0 2012/02/06
html

ã‚ã¨ã§è¦‹ã‚‹
ãƒªãƒ³ã‚¯
JavaScriptã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»»æ„ã®åå‰ã§ä¿å˜ã™ã‚‹(ãŸã ã—Chromeã«é™ã‚‹) - å”¯ç‰©æ˜¯çœŸ @Scaled_Wurm
Chromeã§ã¯aè¦ç´ ã«downloadå±žæ€§ã¨ã„ã†ã‚‚ã®ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼Ž ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã¨hrefå±žæ€§ã§æŒ‡å®šã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’downloadå±žæ€§ã§æŒ‡å®šã—ãŸåå‰ã§ä¿å˜ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼Ž <a href="http://k.yimg.jp/images/top/sp/ylogo_n.gif" download="TEST">TEST<a> ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ç”Ÿæˆã—ãŸhref, downloadå±žæ€§ã‚’æŒ‡å®šã—ãŸaè¦ç´ ã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç”Ÿã•ã›ã‚‹ã“ã¨ã§ï¼Œç°¡å˜ã«JavaScriptã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ï¼Ž
chanpon0 2011/12/21
ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚Chromeã§ã¯downloadå±žæ€§ãŒå¿…è¦ã€‚

chrome

html
ãƒªãƒ³ã‚¯
HTML5ã«è¸ã¿å‡ºã›ãªã„äººã«æ§ã’ã‚‹ã€HTML5ã‚’ä½¿ã†10ã®ç†ç”±
HTML5ã€ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã“ã®ã‚µã‚¤ãƒˆã‚‚æœªãªã®ã§ã™ãŒã€ã“ã‚Œã‹ã‚‰HTML5ã‚’ä½¿ã„å§‹ã‚ã‚‹ãžã£ã¨ãªã‚‹10ã®ç†ç”±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 10. ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ 9. ãƒ“ãƒ‡ã‚ªã¨ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã®ã‚µãƒãƒ¼ãƒˆ 8. Doctype 7. ã‚ˆã‚Šã‚¯ãƒªã‚¢ãªã‚³ãƒ¼ãƒ‰ 6. ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ 5. ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ 4. ã‚²ãƒ¼ãƒ ã®é–‹ç™º 3. å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼ãƒˆ 2. ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¸ã®å¯¾å¿œ 1. ã“ã‚Œã‹ã‚‰ã¯HTML5 10. ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ HTML5ã¯ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã€ã€ŒARIAã€ã®2ã¤ã®ç†ç”±ã§ã‚µã‚¤ãƒˆã‚’ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ã«ã—ã¾ã™ã€‚header, footer, nav, section, adiseãªã©ã®ã‚ˆã†ãªè¦ç´ ã¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã«ã‚‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å®¹æ˜“ã«ã‚¢ã‚¯ã‚»ã‚¹å¯èƒ½ãªã‚ˆã†ã«ã—ã¾ã™ã€‚ã¾ãŸè¦ç´ ã«role
chanpon0 2011/12/05
ä¸èº«ã¯ãªã„ãŒã€‚ã€‚

html5

html
ãƒªãƒ³ã‚¯
æ‹¡å¼µåã¨MIMEã‚¿ã‚¤ãƒ— - ã¨ã»ã»ã®WWWå…¥é–€
ãƒ•ã‚¡ã‚¤ãƒ«åã®æœ€å¾Œã®ãƒ‰ãƒƒãƒˆï¼ˆ.ï¼‰ã‹ã‚‰å¾Œã‚ã®éƒ¨åˆ†ã‚’ã€Žæ‹¡å¼µåã€ã¨å‘¼ã³ã¾ã™ã€‚index.html ã®æ‹¡å¼µåã¯ .html ã§ã€title.gif ã®æ‹¡å¼µåã¯ .gif ã§ã™ã€‚æ‹¡å¼µåã¯ãã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒä½•ã§ã‚ã‚‹ã‹ã‚’ç¤ºã—ã¾ã™ã€‚ä¾‹ãˆã°ã€.html ã¯HTMLæ–‡æ›¸ã€.txt ã¯ãƒ†ã‚ã‚¹ãƒˆæ–‡æ›¸ã€.gif ã¯ GIFç”»åƒã€.jpg ã¯ JPEGç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã—ã¦ã„ã¾ã™ã€‚ Windows ã§ã¯ã€æ¨™æº–ã®è¨å®šã§ã¯æ‹¡å¼µåã¯è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚[ã‚¹ã‚¿ãƒ¼ãƒˆ]-[ï¼ˆã™ã¹ã¦ã®ï¼‰ãƒ—ãƒã‚°ãƒ©ãƒ ]-[ã‚¢ã‚¯ã‚»ã‚µãƒª]-[ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©] ã‚’èµ·å‹•ã—ã€[ãƒ„ãƒ¼ãƒ«]ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã® [ãƒ•ã‚©ãƒ«ãƒ€ã‚ªãƒ—ã‚·ãƒ§ãƒ³]-[è¡¨ç¤º] ã§ã€[ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹æ‹¡å¼µåã¯è¡¨ç¤ºã—ãªã„] ã®ãƒã‚§ãƒƒã‚¯ã‚’ã‚ªãƒ•ã«ã—ã¦ãã ã•ã„ã€‚ ã¾ãŸã€Windows ã§ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ™‚ã®å‹•ä½œã¯ã“ã®æ‹¡å¼µåã«ã‚ˆã£ã¦æ±ºã¾ã‚Šã¾ã™ã€‚ä¾‹ãˆã° .txt ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ [ãƒ¡ãƒ¢å¸³]
chanpon0 2011/11/24
MIME typeã€€MIMEã‚¿ã‚¤ãƒ—

HTML

mime

.htaccess
ãƒªãƒ³ã‚¯
è¦ç´ ã®è¿½åŠ (append) insertBefore
<script type="text/javascript">  </script> æ—¢å˜ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆï¼ˆè¦ç´ ï¼‰ã«åˆ¥ã®è¦ç´ ã‚’è¿½åŠ ã™ã‚‹å ´åˆã¯ createElement() ã‚’ä½¿ç”¨
chanpon0 2011/10/20
createElementã§è¦ç´ ã‚’ä½œã£ã¦æ—¢å˜ã®è¦ç´ ã«appendã€‚ã‚ˆã‚Šã¯ã€å¾Œã‚ã«htmlã®ãƒ†ã‚ã‚¹ãƒˆã‚’ãã£ã¤ã‘ã‚‹ã»ã†ãŒé€Ÿã„ã—ã‚«ãƒ³ã‚¿ãƒ³ã¨ãªã€‚

javascript

html
ãƒªãƒ³ã‚¯
JavaScriptã§HTMLã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«æ›¸ãæ›ãˆã‚‹ã€€å‰ç·¨
ã‚ã‚‹è¦ç´ ã®ç›´å‰ã«è¿½åŠ ã™ã‚‹ï¼ˆinsertBeforeï¼‰ ã“ã‚Œã¾ã§ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€è¦ç´ ã‚’è¿½åŠ ã™ã‚‹ã¨ã“ã‚ã«ã€ãã‚Œã‚’åŽå®¹ã™ã‚‹è¦ç´ ãŒäº‹å‰ã«æº–å‚™ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€ã‚ã‚‹ã‚¿ã‚°è¦ç´ ã‚’è¿½åŠ ã—ãŸã„ã¨ãã«ã€ãã®è¿½åŠ ã—ãŸã„ã‚¿ã‚°ã‚’åŽå®¹ã™ã‚‹è¦ç´ ãŒã™ã§ã«å˜åœ¨ã—ã¦ã„ã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“ã€‚ãã®ã‚ˆã†ãªå ´åˆã«å½¹ã«ç«‹ã¤ã®ãŒinsertBeforeãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯åå‰ã®é€šã‚Šã€ã‚ã‚‹ã‚¿ã‚°è¦ç´ ã®å‰ã«ã€æ–°ãŸãªè¦ç´ ã‚’è¿½åŠ ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚æ£ç¢ºã«è¨€ã†ã¨ã€è¦ªã¨ãªã‚‹ã‚¿ã‚°è¦ç´ ãŒã‚ã‚Šã€ãã®ç›´ä¸‹ã®åè¦ç´ ã®ã„ãšã‚Œã‹ã‚’æŒ‡å®šã—ã€ãã®ç›´å‰ã«æ–°ãŸãªè¦ç´ ã‚’è¿½åŠ ã—ã¾ã™ã€‚ insertBeforeãƒ¡ã‚½ãƒƒãƒ‰ã«ã¯2ã¤ã®å¼•æ•°ã‚’ä¸Žãˆã¦ä½¿ã„ã¾ã™ã€‚1ã¤ç›®ã¯ã€æ–°ãŸã«è¿½åŠ ã—ãŸã„è¦ç´ ãƒŽãƒ¼ãƒ‰ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚2ã¤ç›®ã¯ã€è¿½åŠ ã—ãŸã„è¦ç´ ã®å ´æ‰€ã‚’è¡¨ã™ãŸã‚ã«ä½¿ã†ã€ç›´å‰ã®åè¦ç´ ã®ãƒŽãƒ¼ãƒ‰ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ æ¬¡ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã€å…·ä½“çš„ãªä½¿ã„æ–¹ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ insertBefore.
chanpon0 2011/10/20
createElementã§è¦ç´ ã‚’ä½œã£ã¦æ—¢å˜ã®è¦ç´ ã«appendã€‚ã‚ˆã‚Šã¯ã€å¾Œã‚ã«htmlã®ãƒ†ã‚ã‚¹ãƒˆã‚’ãã£ã¤ã‘ã‚‹ã»ã†ãŒé€Ÿã„ã—ã‚«ãƒ³ã‚¿ãƒ³ã¨ãªã€‚

javascript

html
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸