[B! ãƒ•ã‚©ãƒ¼ãƒ ] hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hmabu id:hmabu

ãƒ•ã‚©ãƒ¼ãƒ ã«é–¢ã™ã‚‹hmabuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†30 â€“ creamu
98375849/ iStockphoto/ Thinkstock ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ãƒ‘ãƒ¼ãƒ„ã‚’æŽ¢ã—ã¦ã„ã‚‹ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž30 Free Web Design UI Kit Resourcesã€ã€‚ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œæˆã«ä½¿ãˆã‚‹ç´ æé›†ã§ã™ã€‚ ã„ã„æ„Ÿã˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ãã€‚ Free Sketching & Wireframing Kit JANKOã«ã‚ˆã‚‹ã‚¹ã‚±ãƒƒãƒ&ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚ãƒƒãƒˆã€‚ai,svg,pdf,epsãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ Free PSD Kit For Easier Website Wireframing FUELã«ã‚ˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚ãƒƒãƒˆã€‚PSDãƒ•ã‚¡ã‚¤ãƒ«ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ omnigraffle-wireframe-stencils OmniGraffle version 5.x (Mac OS Xç”¨)ã®ç´ æã€‚ãƒœã‚¿ãƒ³ã‚„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã© M
hmabu 2010/06/19
ãƒ•ã‚©ãƒ¼ãƒ

Web

psd

mac os x

ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

ãƒ„ãƒ¼ãƒ«

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

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

UI

ç´ æ
ãƒªãƒ³ã‚¯
HTML5 åŸºç¤ŽçŸ¥è˜ - webæŽ¢æ¤œéšŠ
HTML5ã‚’æ›¸ããŸã‚ã®åŸºç¤ŽçŸ¥è˜ã‚’ãƒ¡ãƒ¢HTML5ã®é››å½¢XHTML5ã§ã¯ãªãã¦HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ html> head> title>HTML5 åŸºç¤ŽçŸ¥è˜title> meta charset="UTF-8"> head> body> body> html> HTML5ã®æ–°è¦ç´ æ–‡ç« æ§‹é€ ã«é–¢ã™ã‚‹ã‚‚ã®sectionæ±Žç”¨çš„ãªã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€‚æ–‡ç« ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’æ§‹æˆã™ã‚‹ã€‚articleã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€Webãƒšãƒ¼ã‚¸ã‹ã‚‰ç‹¬ç«‹ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ã™ã€‚asideã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹è£œè¶³æƒ…å ±ã‚’è¡¨ã™ã€‚navã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ã™ã€‚footerã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒƒã‚¿ãƒ¼ã€‚headerã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ˜ãƒƒãƒ€ãƒ¼ã€‚hgroupè¤‡æ•°ã®è¦‹å‡ºã—(h1-h6)ã‚’ã¾ã¨ã‚ã‚‹ã€‚ å¤–éƒ¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åŸ‹è¾¼ã¿figureã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ä¼´ã†ã‚ˆã†ãªå†…å®¹ã®ã‚‚ã®ã‚’æ–‡ç« ä¸ã«åŸ‹
hmabu 2010/06/06
åŸºç¤Ž > å»ƒæ¢ã¨ãªã‚‹è¦ç´ ã‚‚ã‚ã‚‹ã€‚fontã¨ã‹centerã¨ã‹ã‚‚å»ƒæ¢ã¿ãŸã„ã€‚

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

html5

HTML

webåˆ¶ä½œ

ãƒ•ã‚©ãƒ¼ãƒ

ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³

article

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ç¦å²¡ã§é–‹å‚¬ã•ã‚ŒãŸHTML5ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«å‚åŠ ã—ã¦webã®æ–°ã—ã„ä¸–ç•Œã‚’ä½“é¨“ã—ã¦ãã¾ã—ãŸ
Operaã‚„Chromeãªã©ã„ãã¤ã‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯æ—¢ã«ä½¿ç”¨å¯èƒ½ã¨ãªã£ã¦ã„ã‚‹2012å¹´3æœˆé ƒã«æ£å¼å‹§å‘Šäºˆå®šã®HTML5ã€‚ãã®HTML5é–¢é€£æŠ€è¡“ã‚„webæ¨™æº–ã«ã¤ã„ã¦ç¦å²¡ã§é–‹å‚¬ã•ã‚ŒãŸã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒHTML5 Tech Talk @Fukuokaã€ã«æ‹›å¾…ã•ã‚ŒãŸã®ã§å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚HTML5ã«è¿½åŠ ã•ã‚ŒãŸaudioè¦ç´ ã€videoè¦ç´ ã€canvasè¦ç´ ãªã©ã®æ–°ã—ã„æ©Ÿèƒ½ã‚„APIã«ã¤ã„ã¦å¤šç¨®å¤šå½©ãªãƒ‡ãƒ¢ã‚’äº¤ãˆãŸã‚¹ãƒ”ãƒ¼ã‚«ã®æ–¹ã€…ã®è¬›æ¼”ã§HTML5ã®æ–°ã—ã„ä¸–ç•Œã«è§¦ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã€ŒHTML5ã£ã¦ä½•ï¼Ÿã€ã€ã€Œå®Ÿéš›ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ï¼Ÿã€ã€ã€Œå‹•ã„ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã¿ãŸã„ã€ã¨æ„Ÿã˜ã¦ã„ã‚‹äººã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã§ã€è‘—åãªå°‚é–€å®¶ã®æ–¹ã€…ãŒä»Šå›žã®è¬›æ¼”ã§ç”¨ã„ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ãƒ‡ãƒ¢ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ç´°ãƒ¬ãƒãƒ¼ãƒˆã¯ã€ä»¥ä¸‹ã‹ã‚‰ã€‚é–‹å ´å‰ã®æ§˜åã€‚æœºã¨ã„ã™ãŒæ•´ç„¶ã¨ä¸¦ã¹ã‚‰ã‚Œã¦ã„ã‚‹ã ã‘ã§ã‚¬ãƒ©ãƒ³ã¨ã—ã¦ã„ã¾ã™ã€‚ ä¼š
hmabu 2010/05/31
> ãªã‚“ã‹ã™ã”ã„ã“ã¨ãŒã§ããã†ã ãª

ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

ã‚¿ã‚°

ã‚¤ãƒ™ãƒ³ãƒˆ

HTML5

ã‚µãƒ³ãƒ—ãƒ«

ãƒ•ã‚©ãƒ¼ãƒ

ã‚¦ã‚§ãƒ–

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/05/wireframe-resource.html
hmabu 2010/05/08
ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

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

photoshop

design

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

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

ç´ æ
ãƒªãƒ³ã‚¯
PHPã‹ã‚‰Twitterã«æŠ•ç¨¿ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ï¼†ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
Using the Twitter API with PHP and PEAR PHPã‹ã‚‰Twitterã«æŠ•ç¨¿ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ï¼†ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªãŒzend.comã®ã‚¢ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ä»¥å‰ã«ç´¹ä»‹ã—ãŸã€Services_Twitter ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã™ãŒã€éžå¸¸ã«ç°¡å˜ã«å®Ÿæ–½ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ ã‚¢ãƒ—ãƒªã«TwitteræŠ•ç¨¿æ©Ÿèƒ½ã‚’çµ„ã¿è¾¼ã¿ãŸã„å ´åˆã‚‚ã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§ç°¡å˜ã‹ã¤ã‚¹ãƒ”ãƒ¼ãƒ‡ã‚£ã«å®Ÿè£…ã§ãã¾ã™ãã€‚ <?php // include class include_once 'Services/Twitter.php'; try { //Â Services_Twitterã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®åˆæœŸåŒ– //Â ãƒã‚°ã‚¤ãƒ³( ID, PASS ã‚’æ¸¡ã™ ) $service = new Services_Twitter('indigozero', 'guessme'); //Â ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹æ›´æ–° $se
hmabu 2010/04/15
mashup

api

account

Twitter

ãƒ•ã‚©ãƒ¼ãƒ

ã‚¢ãƒ—ãƒª

ãƒ‡ãƒ¼ã‚¿

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
PHPã§èª°ã§ã‚‚ç°¡å˜Webã‚µãƒ¼ãƒ“ã‚¹è£½ä½œï¼ã§ãªã‚“ã‹ä½œã£ã¦å…¬é–‹ã—ãŸå¥´ã¡ã‚‡ã£ã¨æ¥ã„ - ç”˜å‘³å¿—å‘ï¼ ã¯ã¦ãª
ã‚¿ã‚¤ãƒˆãƒ«ã¯å‡ºæ¥ã‚Œã°é–¢é€£ã™ã‚‹æ–¹ã«èªã‚“ã§æ¬²ã—ã‹ã£ãŸã®ã§ã€è»½ãé‡£ã‚Šé‡ã«ã—ã¾ã—ãŸã€‚ã™ã¿ã¾ã›ã‚“ã€‚:*) æœ€è¿‘ã¯ã‚„ã‚Šã®ãƒ’ã‚¦ã‚£ãƒƒãƒ’ãƒ’ãƒ¼ï¼ˆTwitterï¼‰ã§ã‚‚ã€ã‚ˆãã€Œâ—‹â—‹ã£ãŸãƒ¼ã€ã¿ãŸã„ãªã‚µãƒ¼ãƒ“ã‚¹ãŒã°ã‚“ã°ã‚“ç™»å ´ã—ã¦ã¾ã™ãï¼ ãŠã‹ã’ã§ã¾ã™ã¾ã™ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ãŒé¢ç™½ã„æ„Ÿã˜ã«ãªã£ã¦ã¦ã€ã„ã„æµã‚Œã§ã™ãï¼ ã§ã‚‚ï½¥ï½¥ï½¥ã¡ã‚‡ã£ã¨æ°—ã«ãªã‚‹ã“ã¨ãŒï½¥ï½¥ï½¥ æœ€è¿‘ã€Œã‚‚ã†ãƒ—ãƒã‚°ãƒ©ãƒžã«ã¯é ¼ã‚‰ãªã„ï¼ç°¡å˜ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ã€ã ã¨ã‹ï½¥ï½¥ï½¥ ã€ŒPHPã§èª°ã§ã‚‚ç°¡å˜Webã‚µãƒ¼ãƒ“ã‚¹ä½œæˆï¼ã€ã ã¨ã‹ï½¥ï½¥ï½¥ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ãƒ›ãƒƒãƒ†ãƒ³ãƒˆãƒªã§è¦‹ã‹ã‘ã¾ã™ã‚ˆãï½¥ï½¥ï½¥ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹äººãŒå¢—ãˆã‚‹ã®ã¯ç´ æ•µã§ã™ï¼ãƒ¬ãƒƒãƒ„ï½¥ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãªã†ï¼ ãªã‚“ã§ã™ã‘ã©ï½¥ï½¥ï½¥ ã¡ã‚ƒã‚“ã¨ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®ã“ã¨è€ƒãˆã¦ã¾ã™ã‹ï½¥ï½¥ï½¥ï¼ï¼Ÿ ã€Žã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¯¾ç–ã¨ã‹é›£ã—ã„ã—é¢å€’ãã›ãƒ¼ã—ã€ä¿ºã®é©å½“ã«ä½œã£ãŸã‚µãƒ¼ãƒ“ã‚¹ã¨ã‹ã©ã†ãªã£ã¦ã‚‚ã‚¤ã‚¤ã—ï½—ï½—ã€ ã„ã„ã‚“ã§ã™ã„ã„ã‚“ã§ã™ï¼ åˆ¥ã«ãã†æ€ã£ã¦ã‚‹ãªã‚‰ã©ã†ã§ã‚‚ã„ã„ã‚“ã§ã™ï¼
hmabu 2010/02/20
åˆå¿ƒè€… > ã‚ã‹ã‚Šã‚„ã™ã„

ãƒ•ã‚©ãƒ¼ãƒ

security

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

ãƒ—ãƒã‚°ãƒ©ãƒ

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚ã¨ã§èªã‚€

php

web

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã‚ªã‚·ãƒ£ãƒ¬ã«ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ©ãƒ¼ã‚’ãƒ’ãƒ³ãƒˆè¡¨ç¤ºã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKetchupã€:phpspoté–‹ç™ºæ—¥èªŒ
Ketchup Plugin ã‚ªã‚·ãƒ£ãƒ¬ã«ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ©ãƒ¼ã‚’ãƒ’ãƒ³ãƒˆè¡¨ç¤ºã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKetchupã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€Submit ã—ãŸæ™‚ç‚¹ã§ã®ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºã‚’å¹ãå‡ºã—ã¤ãã®æž ã‚’ã‚‚ã£ã¦ã‚ã‹ã‚Šã‚„ã™ãè¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚åœ°å‘³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹éƒ¨åˆ†ã‚‚ã„ã„ã§ã™ã€‚ Validateã¨ã„ã†ã¨ã€ã©ã†ã„ã†å€¤ãŒæ£ã—ã„ã‹ã¨ã„ã†æŒ‡å®šãŒå¿…è¦ãªã®ã§ã™ãŒæ¬¡ã®ã‚ˆã†ã« class ã«æŒ‡å®šã™ã‚‹ã“ã¨ã§å®šç¾©ã™ã‚‹ã‚ˆã†ã§ã™ã€‚ class ã«æŒ‡å®šã™ã‚‹ã¨ã„ã†ã“ã¨ã§å¥½ãå«Œã„ãŒåˆ†ã‹ã‚Œãã†ãªæ°—ã‚‚ã—ã¾ã™ãã€‚ã¡ã‚‡ã£ã¨æ”¹é€ ã—ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ã€‚ <input type="text" class="validate(required, username, rangelength(3,20))" /> max, min, range, digits, mail, url ãªã©ã€åŸºæœ¬çš„ãªãƒãƒªãƒ‡ãƒ¼ãƒˆæŒ‡å®šã¯æœ€åˆã‹ã‚‰å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ é–¢é€£
hmabu 2010/02/19
ã‚³ãƒ¡ãƒ³ãƒˆ > ã‚ã¨ã§ä½¿ã„ãŸã„ã‹ã‚‚

ãƒ•ã‚©ãƒ¼ãƒ

validate

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ajax

jquery

javascript

form

plugins

validator
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
hmabu 2009/12/17
ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰

javascript

ãƒ•ã‚©ãƒ¼ãƒ

ãƒœã‚¿ãƒ³

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

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

security

Webã‚µãƒ¼ãƒ“ã‚¹

webservice
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
hmabu 2008/11/21
*jquery

ajax

form

javascript

jquery

plugin

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼

webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºç¤¾é•·æ—¥è¨˜
ã„ã„ãï¼ 11 ãƒ„ã‚¤ãƒ¼ãƒˆ B! ã¯ã¦ãƒ– 734 Pocket 58 ã“ã“2ãƒ»3æ—¥ã€ã²ãŸã™ã‚‰è‰²ã€…ãªã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚³ãƒžãƒ¼ã‚¹ã‚µã‚¤ãƒˆã®è³¼å…¥ãƒ•ãƒãƒ¼ã‚’è¦‹ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦èªžã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦ç ”ç©¶ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã†ã™ã‚Œã°ç™»éŒ²æ•°ãŒåŠ‡çš„ã«ä¸ŠãŒã‚‹ï¼ã¨ã‹ã€å£²ä¸ŠãŒä¸ŠãŒã‚‹ï¼ã¨ã„ã£ãŸæ–¹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã ã‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å®‰å¿ƒæ„Ÿã‚’ä¸ŽãˆãŸã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€è¦‹ã¦ã„ãŸã‚µã‚¤ãƒˆã§ã‚‚ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã¯å…±é€šç‚¹ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ å°‘ã—é‡ãŒå¤šã„ã§ã™ãŒã€è‡ªåˆ†ã§æ„è˜çš„ã«è¡Œã£ã¦ããŸã“ã¨ã€ç™»éŒ²ã—ã‚„ã™ã„ã‚µã‚¤ãƒˆã®å…±é€šç‚¹ã€ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’ã¿ã¦å‚è€ƒã«ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤1ã¤ã¯ã‚ˆãè¨€ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã€å¤§ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã†ã„ã£ãŸå°ã•ãªãƒ‡ã‚£ãƒ†ã‚£ãƒ¼ãƒ«ã«ã“ã ã‚ã£ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã®å´é¢ã‚‚å¼·ã„ã®ã§ã™ãŒã€ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„
hmabu 2008/08/30
*web

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

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

*ã¾ã¨ã‚

design

form

html
ãƒªãƒ³ã‚¯
ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ãŒå°‚é–€çŸ¥è˜ä¸è¦ã§èª°ã§ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹ã€Œã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ ã€
ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³é…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã®æœ€å¤§æ‰‹ã€Œã¾ãã¾ãã€ãŒæ„Ÿæƒ³å—ä»˜ã‚„ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãªã©ã«ä½¿ãˆã‚‹æŠ•ç¨¿ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç„¡æ–™ã§ç°¡å˜ã«ã™ãä½œæˆã§ãã‚‹ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹ã€Œã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚’é–‹å§‹ã—ãŸã¨ã®ã“ã¨ãªã®ã§ã€ã©ã‚Œãã‚‰ã„ç°¡å˜ã«ä½œæˆã§ãã‚‹ã®ã‹å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚è‡ªç”±è¨˜å…¥æ¬„ä»¥å¤–ã«ã‚‚ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ãªã©ã®ä½¿ç”¨ã‚‚å¯èƒ½ã§ã€å„é …ç›®ã¯ã€Œå¿…é ˆã€ã‹ã€Œä»»æ„ã€ã‹ã¨ã„ã†é¸æŠžã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã¨ã®ã“ã¨ã€‚ å®Ÿéš›ã«ä½œã£ã¦ã¿ãŸã‚µãƒ³ãƒ—ãƒ«ãªã©ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ã¾ãã¾ãï¼ã‹ã‚“ãŸã‚“ãƒ•ã‚©ãƒ¼ãƒ - ã¾ãã¾ãï¼ http://form.mag2.com/ ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚‰ã€Œè¦ç´„ã«åŒæ„ã—ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ ä»Šå›žã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã§ä½œæˆã™ã‚‹ã®ã§ä¸€ç•ªå³ç«¯ã‚’ã‚¯ãƒªãƒƒã‚¯ ã“ã‚“ãªæ„Ÿã˜ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ä½œã‚Šæ–¹ã®è©³ç´°èª¬æ˜Žã¯ä¸€å¿œã“ã“ã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§ã€ãã‚Œã‚’å‚è€ƒã«ã—ã¦ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ é …ç›®è¨å®šãŒçµ‚ã‚ã£ãŸã‚‰ã€Œãƒ•ã‚©ãƒ¼ãƒ å†…å®¹ç¢ºèªã€ã‚’ã‚¯ãƒªãƒƒã‚¯ ãã‚Œ
hmabu 2008/08/24
form

gigazine

mail

web

webservice

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

webåˆ¶ä½œ

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

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¡ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ç¬¬11å›žã€€PCã‚µã‚¤ãƒˆã¨ã“ã‚“ãªã«é•ã†ï¼æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆãƒã‚¤ãƒ³ãƒˆã¨ã¯ | ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰
ãã®åŠé¢ã€æºå¸¯ã‚µã‚¤ãƒˆã®è¨è¨ˆã«ã¤ã„ã¦ã¯ã€PCã‚µã‚¤ãƒˆã¨ã¯ç•°ãªã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ç‰¹æ€§ãŒã‚ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšãƒŽã‚¦ãƒã‚¦ã¯å°‘ãªãã€ä¸è¦æ¨¡ä»¥ä¸Šã®ã‚µã‚¤ãƒˆã§ã‚ã£ã¦ã‚‚ã€Œã¨ã‚Šã‚ãˆãšä½œã£ãŸã ã‘ã€ã®ã‚µã‚¤ãƒˆã‚„ã€ã‚„ã¿ãã‚‚ã«è¦‹ãŸç›®ã ã‘ã‚’æ–°ã—ãè£…ã£ãŸã‚µã‚¤ãƒˆãŒå¤šã„ã®ãŒç¾çŠ¶ã§ã‚ã‚‹ã€‚ ä»Šå›žã¯ã€æºå¸¯ã‚µã‚¤ãƒˆã®è¨è¨ˆã€ãã®ä¸ã§ã‚‚ç‰¹ã«ãƒ“ã‚¸ãƒã‚¹æˆæžœã«ç›´çµã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ã¤ã„ã¦ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã€æºå¸¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ç‰¹æœ‰ã®è¡Œå‹•ã«å¯¾ã—ã¦ã„ã‹ã«å¯¾å¿œã™ã¹ãã‹ã‚’è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã†ã€‚ ã•ã¦ã€è¤‡æ•°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ç«‹ã¡ä¸Šã’ã¦ã€ç”»é¢ã‚’åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰æ“ä½œãŒå¯èƒ½ãªPCç’°å¢ƒã¨é•ã„ã€ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ä¸€åº¦ã‚µã‚¤ãƒˆã‹ã‚‰é›¢ã‚Œã‚‹ã¨ã€æˆ»ã£ã¦ãã‚‹ã®ãŒéžå¸¸ã«å¤§å¤‰ã§ã‚ã‚‹ã€‚ãã®ãŸã‚ã€æºå¸¯ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒ ç™»éŒ²ã¯PCä»¥ä¸Šã«ã€Œä¸€ç™ºå‹è² ã€ã§ã‚ã‚‹ã“ã¨ã‚’å¼·ãæ„è˜ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã ã‚ã†ã€‚ ã¾ãšã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å…¥åŠ›è² è·ã‚’æ¸›ã‚‰ã—ã€è‡ªå‹•å…¥åŠ›ãŒå¯èƒ½ãªéƒ¨åˆ†ã¯å¯èƒ½ãªé™ã‚Šå®Ÿè£…ã™ã‚‹ãªã©ã®é…æ…®ã‚’æ¬ ã‹ã•ãªã„ã‚ˆã†ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ã•ã‚‰ã«ã€ã€Œæºå¸¯ç‰¹æœ‰ã®æ©Ÿèƒ½
hmabu 2008/05/29
*mobile

æºå¸¯ã‚µã‚¤ãƒˆä½œæˆ

*webåˆ¶ä½œ

design

form

mobile

usability

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

ãƒ•ã‚©ãƒ¼ãƒ

æºå¸¯ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
ç„¡æ–™ãƒˆãƒ©ã‚¤ã‚¢ãƒ«ï¼ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ ãµã‰ãƒ¼ã‚€ã¾ã‚“ã€Formmanã€‘
ãµã‰ãƒ¼ã‚€ã¾ã‚“ã®ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã¯ SSLå¯¾å¿œã§åºƒå‘Šè¡¨ç¤ºãªã—ï¼ ã”ç™»éŒ²å¾Œ7æ—¥é–“ã¯ç„¡æ–™ã§ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ ãµã‰ãƒ¼ã‚€ã¾ã‚“ã¯ã€ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚„ã€æ³¨æ–‡ãƒ•ã‚©ãƒ¼ãƒ ã€äºˆç´„ãƒ•ã‚©ãƒ¼ãƒ ã€ ç”³ã—è¾¼ã¿ãƒ•ã‚©ãƒ¼ãƒ ã¯ã‚‚ã¡ã‚ã‚“ã€æ—¥å ±ã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚„å•†å“åœ¨åº«ã®ç¢ºèªç”¨ã® å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ãªã©ç¤¾å†…ã§ã®äº‹å‹™çš„ãªç”¨é€”ã§é‡è¦ãªã€Œå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã€ã¨ã—ã¦ã‚‚ã”åˆ©ç”¨ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ è¨ç½®ã—ãŸãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã«æ›¸ãè¾¼ã¿é€ä¿¡ã—ãŸãŠå®¢æ§˜ã«è‡ªå‹•çš„ã«è¿”ä¿¡ãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚‹è‡ªå‹•è¿”ä¿¡ãƒ¡ãƒ¼ãƒ«æ©Ÿèƒ½ã¯æ¨™æº–æ©Ÿèƒ½ã¨ã—ã¦ãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ã€‚ æœ‰æ–™ç‰ˆã§ã¯ã‚¢ã‚¯ã‚»ã‚¹è§£æžã®ãŸã‚ã®Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã®åˆ©ç”¨ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã¯ãƒ¡ãƒ¼ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã¨ã—ã¦æ©Ÿèƒ½ã™ã‚‹ã¨åŒæ™‚ã«ã€é›†ã¾ã£ãŸæƒ…å ±ã‚’ CSVãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚¨ã‚¯ã‚»ãƒ«ã‚„Googleã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰ã‚·ãƒ¼ãƒˆã§ é›†è¨ˆã™ã‚‹ã“ã¨ãŒå¯èƒ½ãªã®ã§ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãªã©ã«ã‚‚ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ â€»ã‚¨ã‚¯ã‚»ãƒ«ã€Excelã¯MicrosoftÂ®
hmabu 2008/05/28
ãƒ¡ãƒ¼ãƒ« mail form

web

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¬ãƒ³ã‚¿ãƒ«
ãƒªãƒ³ã‚¯
ä¼šå“¡ç™»éŒ²ã®æ•·å±…ã‚’ä¸‹ã’ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹(PCç·¨) - ã‚ãƒ£ã‚ºãƒ ã‚’è¶…ãˆã‚ï¼
æœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€20ã€œ40ä»£ã®PCã‚’ã‚ã‚‹ç¨‹åº¦ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®è¨è¨ˆã«ã¤ã„ã¦è¿°ã¹ãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã¯å«ã¾ãªã„ã—ã€ã‚·ãƒ‹ã‚¢ã‚‚å¯¾è±¡ã¨ã—ã¦ã„ãªã„ã€‚ã‚·ãƒ‹ã‚¢å‘ã‘UIã«ã¤ã„ã¦ã¯(å¤ã„ã‚¨ãƒ³ãƒˆãƒªã ãŒ)ã“ã¡ã‚‰ "ãƒ¦ãƒ¼ã‚¶ãƒ¼ID"ã¨"ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹" æ¸›ã£ã¦ã¯ããŸã‚‚ã®ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã¨ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ä¸¡æ–¹ã‚’å–ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ãŒã„ã¾ã ã«çµæ§‹ã‚ã‚‹(ex. Rem ember the milk)ã€‚ã¯ã¦ãªã‚„YahooAuctionã®ã‚ˆã†ã«ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼IDãŒãƒ‹ãƒƒã‚¯ãƒãƒ¼ãƒ ã«ç›¸å½“ã™ã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚µã‚¤ãƒˆã€ã¯é™¤ãã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã‚’ä¸€èˆ¬å®¢ã«å…¬é–‹ã—ãªã„ã«ã‚‚é–¢ã‚ã‚‰ãšIDã¨ãƒ¡ãƒ«ã‚¢ãƒ‰ã®ä¸¡æ–¹ã‚’å–ã‚‹æ„å›³ãŒã‚ã‹ã‚‰ãªã„ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã¨ã—ã¦ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã¯ ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å¿…é ˆç®‡æ‰€ãŒ1å€‹æ¸›ã‚‹ å¥½ã¿ã®IDãŒå–ã‚Œãªã„äº‹ä»¶ãŒé˜²ã’ã‚‹ "IDå¿˜ã‚Œ"ã«ã‚ˆã‚‹æ©Ÿä¼šæå¤±/å¹½éœŠä¼šå“¡ãŒæ¸›ã‚‹ æµçŸ³ã«è‡ªåˆ†ã®ãƒ¡ã‚¢ãƒ‰ã¯å¿˜ã‚Œ
hmabu 2008/04/22
*web

*webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

*ã‚ã¨ã§èªã‚€

design

form

tips

ui
ãƒªãƒ³ã‚¯
JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å€¤ãƒã‚§ãƒƒã‚¯ã‚’ç°¡å˜ã«è¡Œãˆã‚‹ã€ŒLiveValidationã€:phpspoté–‹ç™ºæ—¥èªŒ
LiveValidation - Validation as you type Lets face it, forms are boring, validation is a pain. Itâ€™s time to inject some life into them, make them fun again... JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å€¤ãƒã‚§ãƒƒã‚¯ã‚’ç°¡å˜ã«è¡Œãˆã‚‹ã€ŒLiveValidationã€ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã§ãã‚‹ã“ã¨ã¯ã€examples ã«ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ æ•°å—ã€é•·ã•ã€ãƒ¡ãƒ¼ãƒ«ã‹ã©ã†ã‹ãªã©ã€å€¤ãƒã‚§ãƒƒã‚¯ã«å¿…è¦ãªã‚‚ã®ã¯æ®†ã©ãã‚ã£ã¦ã„ã‚‹ã®ã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã§éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã€‚ var sayHello = new LiveValidation( "sayHello", { validMessage: "Hey there!" } );
hmabu 2007/09/07
ã€€ãƒ„ãƒ¼ãƒ«ã€€å…¥åŠ›ãƒã‚§ãƒƒã‚¯

ajax

javascript

library

validation

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆ:phpspoté–‹ç™ºæ—¥èªŒ
HOWTO: spruce up your search box with CSS and a background image dâ€™bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã€‚ æ¬¡ã®ã‚ˆã†ãªæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç”»åƒã¯ï¼‘æžšã ã‘ã§ã€æ§‹æˆã¯çµæ§‹ã‚·ãƒ³ãƒ—ãƒ«ãªã¤ãã‚Šã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã“ã ã‚ã‚‹ãªã‚‰ã€ã“ã†ã„ã£ãŸéƒ¨åˆ†ã‚‚ã¡ã‚ƒã‚“ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã§ã™ãã€‚ å…·ä½“ã‚µãƒ³ãƒ—ãƒ«ã®ãƒšãƒ¼ã‚¸
hmabu 2007/08/18
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webè£½ä½œ

design

web

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

ãƒ•ã‚©ãƒ¼ãƒ

æ¤œç´¢

css

tips

ui
ãƒªãƒ³ã‚¯
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ Unoh Labs: buttonã‚¿ã‚°ã§ã‚µãƒ–ãƒŸãƒƒãƒˆã™ã‚‹ã‚ã‚Œã“ã‚Œ
CSSã§ã„ã¤ã‚‚æ‚©ã¾ã•ã‚Œã‚‹ã®ã¯ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ã‘ã©ã€ãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ç‰¹ã«é¢å€’ãã•ã„è¦ç´ ãŒå±±ç››ã‚Šã§ã™ã‚ˆãã€‚ãƒœã‚¿ãƒ³ã®æ–‡è¨€ã‚’å‹•çš„ã«å¤‰ãˆãŸã„ã‹ã‚‰ç”»åƒã¯ãªã‚‹ã¹ãä½¿ã„ãŸããªã„ã‘ã©ã€ã ã‹ã‚‰ã¨ã„ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒœã‚¿ãƒ³ã¨ã‹ã€å‘³æ°—ãªã„ã§ã™ã‚‚ã®ãã€‚ ä»Šæ—¥ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã«ã¤ãã‚‚ã®ã®ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ ç§ãŸã¡ãŒãƒœã‚¿ãƒ³ã«æ±‚ã‚ã‚‹ãƒ¢ãƒŽã£ã¦ã€ä½•ã§ã—ã‚‡ã†ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ï¼ˆsubmitï¼‰ã™ã‚‹ ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åŒã˜ã‚ˆã†ã«è¦‹ãˆã‚‹ ä½¿ã„å›žã—ãŒèžã ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦ã„ã‚‹æ–‡è¨€ãŒã©ã‚“ãªã«é•·ããªã£ã¦ã‚‚ã€æ°´å¹³æ–¹å‘ã®é•·ã•ãŒãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ« ä¸Šè¨˜ã®ã‚ˆã†ã«ã‚µã‚¤ã‚ºçš„ã«ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ã‚ã£ã¦ã‚‚ã€è¦‹ãŸç›®ã®ç¾Žã—ã•ã‚’é˜»å®³ã—ãªã„ ãƒœã‚¿ãƒ³ã®å¤§ãã•ï¼ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚¨ãƒªã‚¢ã®å¤§ãã• ç”»åƒãŒdiableã•ã‚Œã¦ã„ã¦ã‚‚ä½¿ç”¨å¯ CSSãŒdisableã•ã‚Œã¦ã„ã¦ã‚‚ä½¿ç”¨å¯ ãƒœã‚¿ãƒ³ã®ã‚ˆã†ã«è¦‹ãˆã¦å®Ÿã¯ãŸã ã®ãƒªãƒ³ã‚¯ã®æ™‚ã®ã‚‚ã‚ã‚‹ ã“ã‚Œã‚‰ã®è¦æ±‚ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹æ–¹æ³•ãŒè¤‡æ•°å‡º
hmabu 2007/08/07
*tips

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

*webdesign

*webåˆ¶ä½œ

xhtml

webåˆ¶ä½œ

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

button

css

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
1