AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番å·â†’ä½æ‰€è‡ªå‹•å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ （CGIä¸è¦ç‰ˆï¼‰ AjaxZip2ã¯ã€æ˜¨å¹´å…¬é–‹ã—㟠『ajaxãªä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ 〠ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ã€‚ 郵便番å·ã‚’入力ã™ã‚‹ã¨ã€è©²å½“ã™ã‚‹éƒ½é“府県å・ä½æ‰€ãŒè‡ªå‹•çš„ã«å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ Ajax㨠JSON フォーマットを利用ã™ã‚‹JavaScriptライブラリã¨ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ JavaScript ã®ã¿ã§ç¨¼å‹•ã™ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ç¨¼å‹•ã™ã‚‹CGIプãƒã‚°ãƒ©ãƒ ã¯ä¸è¦ã§ã™ã€‚ 郵便番å·â†’ä½æ‰€å¤‰æ›å‡¦ç†ã¯å…¨ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã§è¡Œã„ã¾ã™ã€‚ æ—¢å˜ HTML ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ãŸã£ãŸ3行書ãæ›ãˆã‚‹ã ã‘ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãŸã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã«è©³ã—ããªã„æ–¹ã§ã‚‚å°Žå…¥ã—ã¦ã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 以下ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã€7æ¡ã®éƒµä¾¿ç•ªå·ã‚’入力ã—ã¦ã¿ã¦ãã ã•ã„。 ã€2007/12/09 追記】 jQ
スタイリッシュãªãƒ•ã‚©ãƒ¼ãƒ を作るã¨ãã«è¦‹ã‚‹ã¹ãエントリã¾ã¨ã‚
Form Design フォームデザイン ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã 関心ã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’『フォームã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIを勉強ã—ã¦ã¿ãŸã„。 æµã‚Œçš„ã«ã¯ インスピレーションデザイン集CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ デザインã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ インスピレーション ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ 。 ã“れらã¯ã€webデザイン全体ãŒãƒ•ã‚©ãƒ¼ãƒ デザインã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é アンケート用紙ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„。 ãã—ゃãã—ゃã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„る。 ã“ã¡ã‚‰ã‚‚メモã«åå‰ã‚’書ãã‹ã®ã”ã¨ã。 深海ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ シンプルイズベストãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„る。 １，２，３，
ã‚ãªãŸã®ã‚µã‚¤ãƒˆã¯å¤§ä¸ˆå¤«ï¼Ÿ--ECサイト3ã¤ã®ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆ
å¤ã®ãƒœãƒ¼ãƒŠã‚¹ã‚·ãƒ¼ã‚ºãƒ³ãŒã‚„ã£ã¦ãã¾ã—ãŸã€‚ã“ã‚“ãªæ™¯æ°—ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒœãƒ¼ãƒŠã‚¹ã€ã‚¨ã‚³ãƒã‚¤ãƒ³ãƒˆã€å®šé¡çµ¦ä»˜é‡‘ã¨ã€ECサイトã§ã¯æ§˜ã€…ãªå•†æˆ¦ãŒç¹°ã‚Šåºƒã’られã¦ã„ã¾ã™ã€‚ ユーザーã®è³¼è²·æ„欲ãŒã‹ãç«‹ã¦ã‚‰ã‚Œã‚‹ã“ã®æ™‚期ã«ã¡ãªã‚“ã§ã€ä»Šæœˆã¯ECサイトを検証ã—ã¾ã—ãŸã€‚特ã«ä»Šå›žã¯ECサイトã®æ¤œç´¢æ©Ÿèƒ½ã«ç„¦ç‚¹ã‚’当ã¦ã¾ã™ã€‚被験者ã¯ç”·å¥³æ··åˆ5åã€ã€ŒAmazon.comã¨Yahoo!ショッピングã«ã¦ã€é£Ÿå™¨æ´—ã„洗浄機を買ã†ã€ã¨ã„ã†ã‚¿ã‚¹ã‚¯ã‚’課ã—ã¾ã—ãŸã€‚ã¯ãŸã—ã¦è¢«é¨“者ãŸã¡ã¯æº€è¶³ã®ã„ãè²·ã„物ãŒã§ãã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ ストレス1：「商å“ãŒè¦‹ã¤ã‹ã‚‰ãªã„ï¼ï¼ã€ 被験者D（20代男性）ã¯ã€Yahoo!ショッピングã«ã¦ã€Œé£Ÿæ´—æ©Ÿã€ã¨æ¤œç´¢çª“ã«æ‰“ã¡è¾¼ã¿ã¾ã—ãŸã€‚ãã®çµæžœãŒä¸‹è¨˜ã®å›³ã§ã™ã€‚ 視線ã¯ã€Œä¸¦ã³æ›¿ãˆï¼çµžã‚Šè¾¼ã¿ã€æ©Ÿèƒ½ã«é›†ä¸ã—ã¦ãŠã‚Šã€æ¤œç´¢çµæžœã®å•†å“ã¯ã»ã¼è¦‹ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“。検索çµæžœã‚’よã見ã¦ã¿ã‚‹ã¨ã€æŽ¢ã—ã¦ã„ãŸé£Ÿå™¨æ´—ã„乾燥機ã®æœ¬ä½“ã¨å…±ã«ã€ã€Œå¯¾å¿œé£Ÿå™¨ã€ã€Œå¯¾å¿œæ´—剤ã€
ケータイ公å¼ã‚µã‚¤ãƒˆ&ダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ6ã¤ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬4回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚㯠| Web担当者Forum
ã€æ¥ç•Œåˆ¥ã€‘27å’就活生ã®ã€Œäººæ°—ä¼æ¥ãƒ©ãƒ³ã‚ングã€ç™ºè¡¨ï¼ ITç³»ã§ã¯ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒæ€¥æµ®ä¸Šã€å¦æƒ…調ã¹ã€‘ 12月15æ—¥ 6:00
優れãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ユーザーã«ã¨ã£ã¦æœ‰ç›Šãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Usability Postã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 8 Characteristics Of Successful User Interfaces 以下ã€ãã®æ„訳ã§ã™ã€‚ ユーザインターフェイスã®è¨è¨ˆæ™‚ã«ã€è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€æœ€ã‚‚é‡é‡ãªè¦ç´ ã§ã™ã€‚ ユーザインターフェイスデザインã®ç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„味ã¨æ©Ÿèƒ½ã‚’ä¼ãˆã€åˆ©ç”¨ã™ã‚‹ã‚¢ãƒ—リケーションã¨ç›¸äº’ã«ã¤ãã‚ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ã‚¢ãƒ—リケーションãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€ã©ã“ã«é€²ã‚€ã¹ãã‹ç†è§£ã™ã‚‹ã“ã¨ãŒã§ããªã„時ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å›°æƒ‘ã—ãŒ
建築分野ã«å¦ã¶Webサイトè¨è¨ˆâ€•â€•â€œå¤‰åŒ–ã™ã‚‹Webサイトâ€ã‚’ã©ã†æ‰ãˆã©ã†ç™ºå±•ã•ã›ã‚‹ã‹ | [コラム]IA視点ã®Webプãƒã‚¸ã‚§ã‚¯ãƒˆ | Web担当者Forum
ã€2026年版】関æ±ã®ã€Œä½ã¿ãŸã„è¡—ã€ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ 2年連続ã®é¦–都åœãƒˆãƒƒãƒ—ã¯ï¼Ÿã€ãƒ‹ãƒ•ãƒ†ã‚£ãƒ©ã‚¤ãƒ•ã‚¹ã‚¿ã‚¤ãƒ«èª¿ã¹ã€‘ 2月9æ—¥ 6:00
![建築分野ã«å¦ã¶Webサイトè¨è¨ˆâ€•â€•â€œå¤‰åŒ–ã™ã‚‹Webサイトâ€ã‚’ã©ã†æ‰ãˆã©ã†ç™ºå±•ã•ã›ã‚‹ã‹ | [コラム]IA視点ã®Webプãƒã‚¸ã‚§ã‚¯ãƒˆ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f60c1ddacb5dff485bfe7c848a89249143ae306/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg){kind=icon}
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚㯠| Web担当者Forum
å°±è·ã—ãŸã„ä¼æ¥ãƒ»æ¥ç¨®ãƒ©ãƒ³ã‚ングã€ãƒˆãƒƒãƒ—20ã¯å›½å†…ä¼æ¥ãŒç‹¬å ã€ãƒªã‚¹ã‚¯ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼èª¿ã¹ã€‘ 4月13æ—¥ 6:30
å°ç²‹ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’ã²ãŸã™ã‚‰é›†ã‚ãŸã€ŽPRETTY LOADED〠| 100SHIKI
ã“ã‚Œã¯ã¨ã£ã¦ã‚‚ç´ æ•µã€‚ PRETTY LOADEDã¯ã€Œãƒãƒ¼ãƒ‰ä¸ã€ã®ç”»é¢ã‚’ã²ãŸã™ã‚‰é›†ã‚ãŸã‚µã‚¤ãƒˆã 。 ã¾ã æ•°ã¯å°‘ãªã„ãŒã€ãªã‹ãªã‹ç´ 敵ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã°ã‹ã‚Šã§ã€è¦‹ã¦ã„ã‚‹ã ã‘ã§ã‚‚楽ã—ã‚る。ã©ã‚Œã‚‚大手ä¼æ¥ãŒæ‰‹ãŒã‘ãŸã°ã‹ã‚Šã‚‚ã®ãªã®ã§äºˆç®—ãŒã‹ã‹ã£ã¦ã„ã‚‹ã¨è¨€ã†ã‹ã€ãªã‚“ã¨ã„ã†ã‹ã€‚ 充実ã—ãŸFLASHã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作ã‚ã†ã¨ã™ã‚‹ã¨ã©ã†ã—ã¦ã‚‚ãƒãƒ¼ãƒ‰ç”»é¢ãŒå¿…è¦ã«ãªã‚‹ã€‚ãã†ã—ãŸã¨ãã«ã“ã®ã‚µã‚¤ãƒˆã‚’å‚考ã«ã—ã¦ã¿ã‚‹ã®ã¯ã„ã‹ãŒã§ã™ã‹ã。
返信ã—ã‚„ã™ã„メールã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’考ãˆã‚‹ (ユーザビリティ実践メモ)
メールを使ã£ãŸBtoCコミュニケーションã¨ã—ã¦ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ã«å¯¾ã—ã¦èªçŸ¥ãƒ»é›†å®¢ã‚’目的ã¨ã™ã‚‹ãƒ¡ãƒ¼ãƒ«ãƒžã‚¬ã‚¸ãƒ³ãŒä¸€èˆ¬çš„ã«æŒ™ã’られã¾ã™ã€‚ 一方ã€æ¯”較的ã€å¯¾è±¡äººæ•°ãŒå°‘ãªã„セミナー・説明会ã®å¿œå‹Ÿå—付やé¢æŽ¥ãªã©1対1ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å ´åˆã€ä¼æ¥å´ã‹ã‚‰é€ä»˜ã—ãŸãƒ¡ãƒ¼ãƒ«ã«å¯¾ã—ã¦ãƒ¦ãƒ¼ã‚¶ã«ã€Œãƒ¡ãƒ¼ãƒ«ã§è¿”信を求ã‚ã‚‹ã€å½¢ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ 今回ã¯ã€å¼Šç¤¾ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティテスト（ユーザ行動観察）ã‹ã‚‰å¾—られãŸçŸ¥è¦‹ã‹ã‚‰ã€ã€Œã‚ˆã‚Šè¿”ä¿¡ã—ã‚„ã™ã„メールã€ã®ä½œã‚Šæ–¹ã‚’考ãˆã¦ã¿ã¾ã—ょã†ã€‚ ã‚ã‚‹ä¼æ¥ã§ã¯ã€è‡ªç¤¾ã‚µã‚¤ãƒˆã‹ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸæŽ¡ç”¨å¸Œæœ›è€…ã«å¯¾ã—ã€å€‹åˆ¥ã«ãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚Šã€ï¼‘次é¢æŽ¥ã®ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«èª¿æ•´ã‚’è¡Œã£ã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ã€ãã‚Œã«è¿‘ã„状æ³ã‚’テストã™ã‚‹ãŸã‚ã€è¤‡æ•°ã®ãƒ‘ターンã®ãƒ¡ãƒ¼ãƒ«ã‚’用æ„ã—ã€å°±è·æ´»å‹•ã®ä¸ã§ãƒ¦ãƒ¼ã‚¶ãŒãれらã®ãƒ¡ãƒ¼ãƒ«ã‚’å—ã‘å–ã£ãŸã¨ã„ã†æƒ³å®šã§è¡Œå‹•è¦³å¯Ÿã‚’è¡Œã„ã¾ã—ãŸã€‚ ã¾ãšã€ã€Œãƒ¡ãƒ¼ãƒ«ã‚’é–‹å°ã™ã‚‹ã‹ã©ã†ã‹ã€ã¨ã„ã†å ´é¢ã§ã¯ã€æœ¬é€£è¼‰ã§ã‚‚以å‰ã”紹介ã—ãŸ
フォームã®å…¥åŠ›ã‚’より分ã‹ã‚Šã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Context highlighting | コリス
Janko at warp speedã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ã€ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›ç®‡æ‰€ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ã€ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Building a better web forms: Context highlighting using jQuery デモ デモã§ã¯æ®‹å¿µãªãŒã‚‰ã€labelã¯ä½¿ç”¨ã•ã‚Œã¦ãŠã‚‰ãšã€classå「rowã€ã®divã§å›²ã¾ã‚ŒãŸç¯„囲ã«ãƒã‚¤ãƒ©ã‚¤ãƒˆãŒé©ç”¨ã™ã‚‹ä»•æ§˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ç®‡æ‰€ã¯ã€ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›ç®‡æ‰€ã®ã»ã‹ã«ã‚‚ã€ãã®ã‚°ãƒ«ãƒ¼ãƒ—全体をãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ Context highlightingã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ ã¾ãŸã€ä¸Šè¨˜ã¨åŒã˜ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒåˆ¥ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IDEA*IDEA 〜 ã¨ã‚るサービスé‹å–¶è€…ãŒå¦ã‚“ã ã“ã¨ã‚’ã¾ã¨ã‚るブãƒã‚°
moto-mono.net
ECサイトã§æ„Ÿã˜ãŸä¸æº€ãƒˆãƒƒãƒ—11 | カスタマーエクスペリエンスã§é“ã¯é–‹ã‘る～フォレスター・リサーãƒã®Webサイト方法論 | Web担当者Forum
Site Under Maintenance
{{#tags}}- {{label}}
{{/tags}}