自己紹介ã®ä»£ã‚ã‚Šã«è‘—書紹介 「P2P教科書〠「パーフェクトJava〠「実践JS サーãƒã‚µã‚¤ãƒ‰JavaScript入門〠「パーフェクトJavaScriptã€
「苦悩ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã«å¸Œæœ›ã‚’託ã™ã¾ã§ã®é“ã®ã‚Šã€ã¨é¡Œã—ã¦ãƒ—レゼンã—ãŸã®ã§ã€è³‡æ–™ã‚’公開ã—ã¾ã™
自己紹介ã®ä»£ã‚ã‚Šã«è‘—書紹介 「P2P教科書〠「パーフェクトJava〠「実践JS サーãƒã‚µã‚¤ãƒ‰JavaScript入門〠「パーフェクトJavaScriptã€
ニコニコ超会è°2012『超エンジニアミーティングã€ã§å–‹ã£ãŸæ™‚ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã™ - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ニコニコ超会è°2012 『超エンジニアミーティングã€ã§å–‹ã£ãŸæ™‚ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã™ï¼ 『ãµã¤ã†ã®formã‚’ã¤ã‹ã„ãŸã„〠- ã¯ã¾ã¡ã‚„ï¼’ - ニコニコ超会è°2012 難ã—ã„話ã¯è‹¦æ‰‹ãªã®ã§ã€æ™®é€šã®ãŠè©±ã§ã™ã€‚ ã‚ã¨ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯IEã§ã¯å‹•ãã¾ã›ã‚“。他ã®ãƒ–ラウザã§è¦‹ã¦ã。 (追記) IEã§ã‚‚見られるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ãŸã¶ã‚“。 超エンジニアミーティング全体ã®å†…容ã«ã¤ã„ã¦ã¯ã€ 『ニコニコ超会è°ã®ã€Œè¶…エンジニアミーティング〠を全部å–æã—ã¦ã¿ãŸã€ã§ã¾ã¨ã‚ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã¼ãã¯è‡ªåˆ†ãŒå–‹ã£ãŸã‚ã¨ã¯ã€ãšãƒ¼ã£ã¨éš£ã®ã€Žãƒ‹ã‚³ãƒ‹ã‚³å¦ä¼šÎ²ã€ã®ç™ºè¡¨ã‚’見ã¦ã¾ã—ãŸã€‚ ãƒãƒœãƒƒãƒˆä½œã£ãŸã‚Šã¨ã‹ã™ã”ã„ã‹ã£ã“ã„ã„。 (関連記事) ãã®è¨€è‘‰ã¯èª°ã®ãŸã‚ã®ã‚‚ã®ï¼Ÿ [ã“ã®æ—¥è¨˜ã®ãƒ–ックマークコメントを見る/書ã ]
ç«‹å ´ãŒé•ãˆã°ã€è¦‹ãˆã‚‹ã‚‚ã®ãŒé•ã†ã€‚ - シニアç¾å ´ã®éš…ã£ã“。was使ã„ã‚„ã™ã•ã‚’考ãˆã¦ã¿ã‚‹ã€‚(アクティブシニア・シルãƒãƒ¼å±¤ã®ç¾å ´ã‹ã‚‰)
タクシーã«ä¹—ã£ã¦é“案内？をã™ã‚‹ã¨ã€å°‘ãªããªã„ã€ã‚¿ã‚¯ã‚·ãƒ¼ã®é‹è»¢æ‰‹ã•ã‚“ã«è¨€ã‚れる。 「ãŠå§‰ã•ã‚“ã€è»Šä¹—らãªã„ã§ã—ょã†ã€ 実際ã€ãã®é€šã‚Šã§ã‚る。 話をèžãã¨ã€ç§ã®é“案内ã¯æ©è¡Œè€…ã®ç›®ç·šã‚‰ã—ã„。 建物ã€å»ºç‰©ã®ç‰¹å¾´ã€ãŠåº—ã®åå‰ã§é“案内をã™ã‚‹ã€‚ 車をé‹è»¢ã™ã‚‹äººã¯ã€ã§ãã‚Œã°ä¿¡å·å˜ä½ã§æ•™ãˆã¦ã»ã—ã„ã¨ã®ã“ã¨ã€‚ 分ã‹ã£ã¦ã¯ã„ã‚‹ã®ã ãŒã€ã„ã¾ã ã«ã†ã¾ãé“案内ãŒã§ããªã„。 ã„ã‚‹ç«‹å ´ãŒé•ãˆã°ã€è¦‹ãˆã¦ã„ã‚‹ã‚‚ã®ã‚‚ã€æ„Ÿã˜ã¦ã„ã‚‹ã‚‚ã®ã‚‚å…¨ãé•ã†ã€‚ ã ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆãŒå¤§åˆ‡ãªã®ã 。 ユーザーテストã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã•ã‚“ã«å®Ÿéš›ã«æ“作をã—ã¦ã‚‚らã†ã“ã¨ã§ã€è‡ªç¤¾ã‚µã‚¤ãƒˆã®å•é¡Œç‚¹ã§ã‚ã£ãŸã‚Šã€ä½¿ã†äººã«ç‰©è¶³ã‚Šãªã„機能ã€æ°—ã¥ã„ã¦ã„ãªã„機能やサービスを修æ£ã™ã‚‹ãŸã‚ã«è¡Œã†ã€‚ ç«‹å ´ãŒé•ãˆã°è¦‹ã‚‹ã‚‚ã®ãŒé•ã†ã€‚ 慣れãŸäººã¨æ…£ã‚Œã¦ã„ãªã„人ã§ã¯è¦‹ãˆã‚‹ã‚‚ã®ã‚‚ã€æ„Ÿã˜ã‚‹ã“ã¨ã‚‚é•ã†ã€‚ 先日入ã£ãŸï¼«ã•ã‚“（62æ³ç”·æ€§ï¼‰ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’最近始ã‚ãŸã€‚ Ｋã•ã‚“ãŒå…ˆæ—¥è¡Œã£ãŸæ—…館ã®ã‚µã‚¤
ç§ãŒã€ŒIce Cream Sandwichã€ã‚’å«Œã„ãªç†ç”± - Kazzz's diary
GALAXY NexusãŒæ¥ã¦2日間使ã„倒ã—ãŸã€‚ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢è‡ªä½“ã¯è‰¯ã„ãªãã¨æ€ã†ç‚¹ãŒå¤šã€…ã‚ã£ãŸã‚‚ã®ã®ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«é–¢ã—ã¦ã¯è‡ªåˆ†ãŒãれを生æ¥ã«ã—ã¦ã„る点ã§è©•ä¾¡ãŒã©ã†ã—ã¦ã‚‚厳ã—ããªã£ã¦ã—ã¾ã†ã‚ˆã†ã§ã€ä»Šã®æ‰€å«Œã„ãªæ‰€ã°ã‹ã‚ŠãŒç›®ç«‹ã¤çŠ¶æ³ã 。 ç§ã¯å…ƒã€…AndroidãれもGingerbread(2.3)ã¾ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’主ãªã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã—ãŸè£…飾を控ãˆã‚ã«ã—ãŸæ©Ÿèƒ½å„ªå…ˆãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¥½ãã 。ãŒã—ã‹ã—Androidã¨ã—ã¦ã‚¿ãƒ–レットã«å§‹ã‚ã¦å¯¾å¿œã™ã‚‹ã“ã¨ã¨ãªã£ãŸãƒãƒ‹ã‚«ãƒ ã¯æ©Ÿèƒ½çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå½±ã‚’潜ã‚ã€å®Œæˆåº¦ã‚‚ãŠä¸–辞ã«ã¯é«˜ã„ã¨ã¯æ€ãˆãªã„ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨GUIã¯çµå±€å¥½ãã«ãªã‚Œãšã˜ã¾ã„ã ã£ãŸã®ã§ã‚る。 ãã“ã§Android4.0ã 。"Ice Cream Sandwich" (以é™ã¯ICSã¨ç•¥ã™ã‚‹)ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã‚¿ãƒ–レットã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’çµ±åˆã™ã‚‹ã‚‚ã®ã§ã‚ã‚Šãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯åŸºæœ¬çš„ã«ã¯ãƒãƒ‹ã‚«ãƒ ãŒè¸
スマートフォンサイトã«é©ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã¯ï¼Ÿã€ãƒªã‚µãƒ¼ãƒã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
ã‚ã‹ã£ã¡ã‚ƒã£ãŸã‚«ãƒ¢!? iPhoneã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãŒ3.5インãƒãªãƒ¯ã‚±
ã‚ã‹ã£ã¡ã‚ƒã£ãŸã‚«ãƒ¢!? iPhoneã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãŒ3.5インãƒãªãƒ¯ã‚±2011.10.11 15:00 junjun Dustin CurtisãŒæ•™ãˆã¦ãã‚Œã¾ã—ãŸã€‚ iPhoneã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã£ã¦ãªã‚“ã§3.5インãƒãªã‚“ã ã‚？ ãªã‚“ã§å¤§ãç›®ãªã‚¹ãƒžãƒ›ã¯æ‰‹ã«æŒã£ãŸæ™‚ã«æ‰±ã„ã¥ã‚‰ã„ã‚“ã ã‚ã†ï¼Ÿ ã£ã¦ã„ã†ç–‘å•ã«å¯¾ã™ã‚‹ç”ãˆã‚’。 æ©ããªãŒã‚‰4.27インãƒã®Galaxy S II を片手ã§æ“作ã—ã¤ã¤ã€Google Mapsを見ã¦ã„ãŸã‚‰ã€å³ä¸Šã®ã‚³ãƒ¼ãƒŠãƒ¼ã«è§¦ã‚Œã‚‹ã®ãŒé›£ã—ãã¦ã€ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã—ãŸã‚“ã§ã™ã‚ˆã€‚ãã“ã§ã€ã¨ã£ã•ã«iPhone4ã‚’å–り出ã—ã¦ãƒ†ã‚¹ãƒˆã—ã¦ãŸã‚“ã§ã™ã€‚iPhoneã¯å·¦æ‰‹ã§æŒã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€è¦ªæŒ‡ãŒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã©ã®éƒ¨åˆ†ã«ã‚‚ã¨ã©ã„ã¦ã€ã‚¹ãƒ ーズã«æ“作ã™ã‚‹ã“ã¨ãŒã§ããŸã‚“ã§ã™ã€‚ ã ã‹ã‚‰iPhoneã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¯ã„ã£ã¤ã‚‚3.5インãƒã§ãªã‚“ã ãï¼ ã¨ã€ç´å¾—ã™ã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ã‘ã©ã€æ‰‹ã®å¤§ãã•ã¯äººã«ã‚ˆã£ã¦é•ã†ã‹ã‚‰iPhoneãŒå¤§
海外ã¨ã®æ–‡å—入力文化ã®é•ã„｜å°å¦2年生ã§ã€Œæ™®é€šã«æ–‡å—ãŒæ‰“ã¦ã‚‹ã€ã¨ã„ã†äº‹ã®ã™ã”ã•
ゴールデンウィークã ã¨ã„ã†ã®ã«ã¾ãŸå…¥é™¢ã—ã¦ã—ã¾ã„ã€è‰²ã€…ã¨ã”迷惑をãŠã‹ã‘ã—ãŸæ–¹ã‚‚ã„らã£ã—ゃるã‹ã¨æ€ã„ã¾ã™ãŒã€ã™ã¿ã¾ã›ã‚“ã§ã™ã€‚ 今回ã®å…¥é™¢ä¸ã«çŸ¥ã‚Šåˆã£ãŸåã§ã€å°å¦2年生ã®ç”·ã®åãŒãŠã‚Šã¾ã—ã¦ã€ãã®åãŒã¾ãŸã™ã”ã„ã‚“ã§ã™ã‚ˆã€‚ 当ãŸã‚Šå‰ã£ã¦ã„ã†äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‚“ã§ã™ãŒã€æºå¸¯é›»è©±ã§ã½ã¡ã½ã¡ã¨ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’打ã£ã¦ã€ãƒ¡ãƒ¼ãƒ«ã®ã‚„ã‚Šå–ã‚Šãªã‚“ã‹ã‚’ã—ã¡ã‚ƒã£ã¦ã‚‹ã‚“ã§ã™ã‚ˆã。 ç§ã‹ã‚‰ã—ã¦ã¿ã‚‹ã¨ã€Œã™ã’ーã€ã¨æ€ã£ãŸã‚ã‘ã§ã™ãŒã€å…¥é™¢ä¸æš‡ã ã£ãŸã®ã§ã€æºå¸¯ã«ã¤ã„ã¦è‰²ã€…考ãˆã¦ã¿ãŸäº‹ã‚’書ã残ã—ã¾ã™ã€‚ãªãœã«ç§ã¯ã€ã“れをã™ã”ã„ã¨æ€ã£ãŸã®ã‹ã‚’考ãˆã¦ã¿ãŸã‹ã£ãŸã®ã§ã™ã€‚ 日本ã¯æµ·å¤–ã«æ¯”ã¹ã¦ã‚ーボードを使ã†æ•·å±…ãŒé«˜ã„ ã¨ã‚Šã‚ãˆãšæ—¥æœ¬èªžã®ã‚ã®é…列ã«æ…£ã‚Œã‚‹ã¾ã§ã™ã”ã„労力ãŒå¿…è¦ã§ã™ã€‚ ã¾ãŸæ—¥æœ¬äººã¯ 「ã²ã‚‰ãŒãªé…列を覚ãˆã‚‹ã‹ã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã‚’å…¨ã¦è¦šãˆãŸä¸Šã§ã€ãƒãƒ¼ãƒžå—を覚ãˆãªã‘ã‚Œã°æ–‡å—ãŒæ‰“ã¦ãªã„〠ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã†è€ƒãˆã‚‹ã¨ã€å°ã•ã„åã€ç‰¹ã«ãƒãƒ¼
ä¸å°ä¼æ¥ã®ã‚¦ã‚§ãƒ–サイトã§é™¥ã‚Šã‚„ã™ã„5ã¤ã®è½ã¨ã—ç©´ã¨ã‚¢ãƒ‰ãƒã‚¤ã‚¹
Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« 1. å½¹ã«ç«‹ãŸãªã„ナビゲーション 2. ゴールãŒä¸æ˜Žçž 3. カラーã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆ 4. 分ã‹ã‚Šã«ãã„コンテンツ 5. æƒ…å ±ã®è©°ã‚è¾¼ã¿éŽãŽ ã¯ã˜ã‚ã« ã‚‚ã—ã€ã‚ãªãŸãŒä¸å°ä¼æ¥ã®ã‚ªãƒ¼ãƒŠãƒ¼ã§ã‚ã‚‹ãªã‚‰ã€ã‚ãªãŸã®ã‚¦ã‚§ãƒ–サイトã¯ã‚ãªãŸã®ä¼šç¤¾ã®ä¸æž¢ã§ã‚ã‚Šã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¨ãƒ–ランディングã«ãŠã‘る極ã‚ã¦é‡è¦ãªãƒ‘ートã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 見込ã¿ã®ã‚る顧客ãŒã‚µã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を目的ã«ã‚ãªãŸã®ã‚µã‚¤ãƒˆã‚’訪å•ã—ã¾ã™ã€ãã‚Œã¯ã‚ãªãŸã®ä¼šç¤¾ãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã‚’æ„味ã—ã¦ãŠã‚Šã€ã‚µã‚¤ãƒˆã®ã‚¢ãƒ”アランスã¨ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¯æˆåŠŸã¸ã®é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã¨ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é–“é•ã£ãŸã‚‚ã®ã«ã—ã¦ã—ã¾ã†ã¨ã€ã‚ãªãŸã®ãƒ“ジãƒã‚¹ã«æ‚ªå½±éŸ¿ã‚’与ãˆã¦ã—ã¾ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ã“ã“ã«ã‚
ページ内リンクをスマートã«ã™ã‚‹smoothScroll.js[to-R]
ページ内リンクをスマートã«ã™ã‚‹smoothScroll.js ページ内リンクをスムーズã«è¡Œã†jsライブラリã€smoothScroll.jsを作æˆã—ãŸã®ã§å…¬é–‹ã—ã¾ã™ã€‚ ã©ã†ã„ã£ãŸã‚‚ã®ã‹ã¯ã‚µãƒ³ãƒ—ルã§ç¢ºèªã—ã¦ãã ã•ã„。 <a href="#header">ページã®å…ˆé ã«æˆ»ã‚‹</a> ãªã©ã®ãƒšãƒ¼ã‚¸å†…リンクをスムーズãªç§»å‹•ã«å¤‰æ›´ã—ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ãŒé·ç§»ã—ãŸã¨ã„ã†éŒ¯è¦šã«ãŠã¡ã„ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。 è¨ç½®æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ smoothScroll.jsをダウンãƒãƒ¼ãƒ‰ã—ã¦ã€è¨ç½®ã—ãŸã„ページã§å–ã‚Šã“ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./smoothScroll.js"></script> 特定ã®ãƒªãƒ³ã‚¯ã¯ã‚¹ãƒ ーズã•ã›ãªã„ smoothScroll.jsã¯#（ãƒãƒƒã‚·ãƒ¥ï¼‰ä»˜ãã®ãƒªãƒ³ã‚¯ã‚’å…¨ã¦ã‚¹ãƒ ーズスクリプトã«å¤‰æ›ã—ã¾ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ラリãªã©ã§#
![ページ内リンクをスマートã«ã™ã‚‹smoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ — ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx 㮠「Windows ユーザー エクスペリエンス ガイドライン〠「ガイドライン〠主ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ 以下ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—㟠Web UIã«å¿œç”¨å¯èƒ½ 実用的ã‹ã¤å…·ä½“çš„ 自明ã§ã¯ãªã„ プライマリUIを目立ãŸã›ã‚‹ プライマリ UI è¦ç´ を強調ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - プライマリ UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - タスクを開始ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - コミット ボタンã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - 残りã®ãƒ—ライマリ UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - コマンド ボタンã€ã‚³ãƒžãƒ³ãƒ‰ リンクã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„を引ã付ã‘るコントãƒãƒ¼ãƒ«ã‚’使用ã—ã¾ã™ã€‚ - 大ããªãƒ†ã‚ストや太å—ã®ãƒ†ã‚ストãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ストを使用ã—ã¾ã™ã€‚ ユ
ウェブデザインã§å¯èªæ€§ã‚’考慮ã—ãŸèƒŒæ™¯ã¨æ–‡å—ã®è‰²ã®çµ„ã¿åˆã‚ã›æ–¹
ホワイトã®èƒŒæ™¯ã«ãƒ–ラックã®æ–‡å—ã€ãƒ–ラックã®èƒŒæ™¯ã«ãƒ›ãƒ¯ã‚¤ãƒˆã®æ–‡å—ã®çµ„ã¿åˆã‚ã›ãŒãƒ™ã‚¹ãƒˆã§ã—ょã†ã‹ï¼Ÿ ウェブデザインã«ãŠã„ã¦ã€èƒŒæ™¯ã¨æ–‡å—ã®è‰²ã®çµ„ã¿åˆã‚ã›æ–¹ã§å¯èªæ€§ã‚’考慮ã™ã‚‹ãã£ã‘ã‹ã«ãªã‚‹ã‚¹ã‚¿ãƒ‡ã‚£ã‚’Devloungeã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ホワイトã¨ãƒ–ラックを使用ã—ãŸã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®ã‚¹ã‚¿ãƒ‡ã‚£ã§ã™ã€‚ 上段ã®1ã¨3ã¯ãƒ›ãƒ¯ã‚¤ãƒˆã«#ffffffã€ãƒ–ラックã«#000000を使用ã—ã¦ãŠã‚Šã€æœ€ã‚‚高ã„コントラストをもã£ã¦ã„ã¾ã™ã€‚ 下段ã®2ã¨4ã¯ãれより若干低ã„コントラストã«ãªã£ã¦ã„ã¾ã™ã€‚ 上記をモニター越ã—ã«è¦‹ã‚‹ã¨ã€ä¸‹æ®µã®æ–¹ãŒã‚ˆã‚Šèªã¿ã‚„ã™ãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãƒ›ãƒ¯ã‚¤ãƒˆã®èƒŒæ™¯ã®å ´åˆã«æ–‡å—ã®è‰²ã‚’#000000ã§ã¯ãªãã€#333333を使用ã—ãŸããªã‚‹ã®ã‚‚é ·ã‘ã¾ã™ã€‚ カラフルã®èƒŒæ™¯è‰²ã¨æ–‡å—色ã®ã‚¹ã‚¿ãƒ‡ã‚£ ※訳者注：オレンジã®ç®‡æ‰€ã®ãƒ†ã‚ストãŒé–“é•ã£ã¦ã¾ã™ãŒã€ãã®ã¾ã¾æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ å·¦ã¨å³ã‚’比ã¹ãŸå ´åˆã€å·¦ã®ãƒœãƒƒã‚¯ã‚¹ã®æ–¹ã«ç›®ã‚’奪ã‚れるã¨æ€ã„
ブラウザãŒè½ã¡ã¦ã‚‚フォーム内容ãŒæ¶ˆãˆãªã„よã†ã«ã™ã‚‹jQueryプラグイン「jQuery autosaveã€:phpspot開発日誌
ブラウザãŒè½ã¡ã¦ã‚‚フォーム内容ãŒæ¶ˆãˆãªã„よã†ã«ã™ã‚‹jQueryプラグイン「jQuery autosave〠2010å¹´01月19æ—¥- rikrikrik.com - jQuery autosave plug-in ブラウザãŒè½ã¡ã¦ã‚‚フォーム内容ãŒæ¶ˆãˆãªã„よã†ã«ã™ã‚‹jQueryプラグイン「jQuery autosaveã€ã€‚ データを編集ä¸ã«ãƒ•ã‚©ãƒ¼ãƒ ã«æ›¸ã込んã§ã„ã¦ã€ãƒ–ãƒã‚°è¨˜äº‹ãªã©ãŒæ¶ˆãˆãŸã‚Šã™ã‚‹ã¨ã¦ã‚‚悲ã—ã„æ°—æŒã¡ã«ãªã‚Šã¾ã™ãŒã€ã“ã®ãƒ—ラグインを使ãˆã°ãƒ‡ãƒ¼ã‚¿ã‚’ブラウザã®ã‚¯ãƒƒã‚ーã«ä¿å˜ã—ã¦ãã‚Œã¦ã€æ¬¡ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸæ™‚ã«ãƒªã‚¹ãƒˆã‚¢ã§ãã‚‹ã¨ã„ã†ç´ 晴らã—ã„プラグインã§ã™ã€‚ クッã‚ーä¿å˜ã®ãŸã‚ã€ã‚µãƒ¼ãƒã«ä¿å˜ã™ã‚‹å¿…è¦ã¯ãªã„ã§ã™ã—ã€æ‰‹è»½ã«ä½¿ã†ã“ã¨ãŒã§ããã†ã§ã™ï¼ˆãƒ–ラウザã”ã¨ã«ã‚¯ãƒƒã‚ーã«ä¾å˜ã—ãŸæ–‡å—数制é™ãªã©ã¯å˜åœ¨ã™ã‚‹ã¨æ€ã„ã¾ã™ï¼‰ ã“ã†ã„ã†ã“ã¨ã‚’１ã‹ã‚‰ã‚„ã‚ã†ã¨ã™ã‚‹ã¨çµæ§‹å¤§å¤‰ã§ã™ãŒã€æ¯Žåº¦ã®ã“ã¨ãªãŒã‚‰ã€jQueryプラグ
ユーザを混乱ã•ã›ãªã„表組ã¿ã®ã‚³ãƒ„ (ユーザビリティ実践メモ)
ウェブサイト制作ã«ãŠã„ã¦ã€å¤šãã®æƒ…å ±ã‚’ã„ã‹ã«æ•´ç†ã—ã¦ãƒ¦ãƒ¼ã‚¶ã«ä¼ãˆã‚‹ã‹ã¯é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã®1ã¤ã§ã™ã€‚よã使ã‚れる方法ã¨ã—ã¦è¡¨çµ„ã¿ãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯å®Ÿéš›ã®äº‹ä¾‹ã‚’ã‚‚ã¨ã«ã—ãŸã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã‚’通ã˜ã¦ã€ãƒ¦ãƒ¼ã‚¶ã‚’æ··ä¹±ã•ã›ãªã„表組ã¿ã®ã‚³ãƒ„ã‚’ã”紹介ã—ã¾ã™ã€‚ 表１ã¯ã‚ˆã見ã‹ã‘る表組ã¿ã®ä¾‹ã§ã™ãŒã€å®Ÿéš›ã«ãƒ¦ãƒ¼ã‚¶ã®ç«‹å ´ã«ç«‹ã£ã¦ã“ã®è¡¨ã‚’使用ã—ã¦ã¿ã‚‹ã¨ã€ã„ãã¤ã‹ã®å•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ åŒç¨®ã®æƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ã¯åŒºåˆ¥ã§ããªã„ 表1ã®å•é¡Œç‚¹ã¨ã—ã¦ã€ 日付ã¨ã„ã†åŒç¨®ã®æƒ…å ±ã‚’å¤šã掲載ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ã«ã¯å„æƒ…å ±ãŒä½•ã®æ—¥ä»˜ã‚’æ„味ã—ã¦ã„ã‚‹ã®ã‹åŒºåˆ¥ã§ããšã€åˆ†ã‹ã‚Šã«ãã„列数ãŒå¤šã„ãŸã‚ã«ã€ã‚»ãƒ«å†…ã«æŠ˜ã‚Šè¿”ã—ãŒç™ºç”Ÿã—ã€èªã¿ã«ãã„ ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ 特ã«ã€1ã¤ç›®ã®å•é¡Œç‚¹ã¯ã€è¡¨ãŒç¸¦ã«é•·ã„å ´åˆã«ãƒ¦ãƒ¼ã‚¶ã‚’æ··ä¹±ã•ã›ã‚‹è¦å› ã®ä¸€ã¤ã«ãªã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€ç”»é¢ã‚µã‚¤ã‚ºã«åŽã¾ã‚Šãらãªã„ã»ã©è¡¨ãŒç¸¦ã«é•·ã„å ´åˆã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãã¨ã€Œé–‹å‚¬æ—¥ã€ãªã©ã®é …ç›®åãŒç”»é¢ã‹ã‚‰æ¶ˆ
UIã¯æ£è¦åŒ–ã—ãªã„æ–¹ãŒã„ã„ã¨æ€ã† - å…ã®æ—¥è¨˜ã¯ã“ã£ã¡ã«ãªã£ãŸãž
æ›°ãã€ã€Œãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’ã“ã‚Œã“ã‚Œã“ã†ã™ã‚Œã°å…±é€šåŒ–ã§ãã‚‹ã§ã—ょ。ãã†ã™ã‚‹ã¨ã€ã“ã®ç”»é¢ã¨ã“ã®ç”»é¢ã¨ã“ã®ç”»é¢ã¨ãƒ»ãƒ»ãƒ»ã¯åŒã˜ãƒ‡ãƒ¼ã‚¿ã‚’見る事ã«ãªã‚‹ã‚“ã ã‹ã‚‰ã€åˆ†ã‘ã‚‹æ„味ãŒåˆ¤ã‚‰ãªã„ã€æ„味ãŒãªã„ã§ã—ょ。ã ã‹ã‚‰ç”»é¢ã‚’ã²ã¨ã¤ã«ã—ã‚ã£ã¦è©±ã§blur blur blur〠ã„やーã€ãれ分ã‘ãŸæ–¹ãŒã„ã„ã¨æ€ã„ã¾ã™ã€‚ 「ãˆãƒ¼ï¼Ÿã˜ã‚ƒã‚ã€ã“ã®ç”»é¢ã¨ã“ã®ç”»é¢ã¨ã“ã®ç”»é¢ãƒ»ãƒ»ãƒ»ãƒ»ã¨ã€ä½•ãŒé•ã†ï¼Ÿã€ アクターãŒé•ã†ã€ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒé•ã†ã€ã‚µãƒ–システムã‹ã‚‰ã—ã¦é•ã†ã€ä»–色々考ãˆã‚‹ã¨ã‚れもã“れもé•ã£ã¦ãã‚‹ã¨æ€ã†ã€‚ã¨ã„ã†ã‹ã€å”¯ä¸€é•ã‚ãªã„ã®ãŒãƒ‡ãƒ¼ã‚¿æ§‹é€ ã€ãŸã ãã‚Œã ã‘。 ãりゃ「出æ¥ã‚‹é™ã‚Šã¯ã€æ£è¦åŒ–ã¨ã„ã†ã‹å…±é€šåŒ–ã—ãŸæ–¹ãŒã„ã„ã¨æ€ã†ã‘ã©ã€ãƒ‡ãƒ¼ã‚¿ãŒæ£è¦åŒ–出æ¥ã‚‹ã¨ã„ã†äº‹å®Ÿã€Œã ã‘ã€ã‚’æ ¹æ‹ ã«UIã®æ£è¦åŒ–ã‚’æ£å½“化ã™ã‚‹ã®ã¯ãŠã‹ã—ã„。 稼åƒã—始ã‚ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã•ã‚“ã‹ã‚‰ã©ã†ã›ã€Œãƒ•ã‚©ãƒ¼ã‚«ã‚¹é †ã¯ã“ã†ã—ãŸæ–¹ãŒã€ã€Œå…¥åŠ›æ¬„ã®ä¸¦ã³é †ãŒã€ã€Œã“ã®å ´åˆã“ã‚ŒãŒå¿…é ˆãªã®ã§ã€ã¨ã‹ã€ã‚¢ã‚¯ã‚¿ãƒ¼ã‚„
ナビゲーションã®å®Ÿè·µçš„ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°
本連載ã§ã¯ã€ã€Œã‚¯ãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚’テーマã«ã€ä¿å®ˆæ€§ã‚„互æ›æ€§ã«å„ªã‚ŒãŸXHTML+CSSã®æ›¸ã方を紹介ã—ã¦ã„ã¾ã™ã€‚今回ã¯å‰å›žã«å¼•ã続ãã€ã‚ˆã‚Šå®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦ã€ã€ŒãƒŠãƒ“ゲーションã€ã‚’例ã«ã‚¯ãƒã‚¹ãƒ–ラウザãªè¡¨ç¤ºã‚’æ„è˜ã—ãŸã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°æ–¹æ³•ã‚’紹介ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠本連載ã§ã¯ã€ã€Œã‚¯ãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã‚’テーマã«ã€ä¿å®ˆæ€§ã‚„互æ›æ€§ã«å„ªã‚ŒãŸXHTML+CSSã®æ›¸ã方を紹介ã—ã¦ã„ãã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ã¯ã€ãƒŠãƒ“ゲーションã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ä½¿ã‚れる代表的ãªè¦ç´ ã¨ã—ã¦ã€aè¦ç´ やリスト関連ã®è¦ç´ （ulè¦ç´ ã€olè¦ç´ ãªã©ï¼‰ã‚’ä¸å¿ƒã«å–り上ã’ã€ã“れらè¦ç´ ã®ãƒ—レゼンテーションをコントãƒãƒ¼ãƒ«ã™ã‚‹åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã—ãŸã€‚今回ã¯ã€ã“れらã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’組ã¿åˆã‚ã›ã€ã€Œã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションã€ã‚„「パンããšãƒªã‚¹ãƒˆã€ãªã©ã®ãƒŠãƒ“ゲーションパーツをスタイリングã™ã‚‹æ–¹æ³•
ã‚‚ã†Webデザインã—ãªã„ãªã‚“ã¦ã„ã‚ãªã„よã€çµ¶å¯¾ï¼ˆ3） - ï¼ IT
ã‚‚ã†Webデザインã—ãªã„ãªã‚“ã¦ã„ã‚ãªã„よã€çµ¶å¯¾ï¼ˆ3） デザイナã®ãŸã‚ã®UIè¨è¨ˆæ®µéšŽã®ãƒ‡ãƒ¢åˆ¶ä½œ6ã‚«æ¡ ãƒ¯ãƒ³ãƒ‘ã‚¯ã€€å®®åŸŽç§€é›„ã€å‰æ£®å¤§ä»‹ã€é‡Žæ‘政行 2009/10/2 新人デザイナーãŒã€æ³£ãåã‚‚ã•ã‚‰ã«æ³£ãクライアントã«è‡ªä¿¡ã‚’粉々ã«ã•ã‚ŒãŸçµŒé¨“ã‹ã‚‰å°Žãã€UIè¨è¨ˆæ®µéšŽã®ãƒ‡ãƒ¢åˆ¶ä½œ6ã‚«æ¡ ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ 新人デザイナーãŒã€Webデザイナーã¨ã—ã¦æˆé•·ã™ã‚‹é€£è¼‰ã‚‚第3回ã«ãªã£ãŸã€‚「入社1å¹´ç›®ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„デザイナãªã‚“ã¦!?ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯æ¶ˆè²»ã•ã‚Œã‚‹ã‚‚ã‚“ã ãžã€ã§ã€ä¸å®‰ã¨æˆ¦ã„ã¤ã¤ã€ã‚¹ã‚ルã®ç›¸ä¹—効果ãŒç”Ÿã¾ã‚Œã€ä»•äº‹ãŒæ¥½ã—ããªã‚‹ã¾ã§ã‚’ãŠä¼ãˆã—ãŸã€‚今回ã¯ã„よã„よクライアントã¨ã®ã‚„ã‚Šã¨ã‚Šã®å…·ä½“çš„ãªã‚³ãƒ„ã‚’ä¼æŽˆã—ãŸã„。泣ãåã‚‚ã•ã‚‰ã«æ³£ã猛者é”ã‚’ç›®ã®å‰ã«ã—ã€è‡ªä¿¡ã‚’粉々ã«ã•ã‚ŒãŸè‹¦ã„経験ã‹ã‚‰å°Žã出ã—ãŸã€UIè¨è¨ˆæ®µéšŽã®ãƒ‡ãƒ¢åˆ¶ä½œ6ã‚«æ¡ã 。 ã©ã‚“よりã¨æ›‡ã£ãŸæ¸‹è°·ã«åƒ•ã¯é™ã‚Šç«‹ã£ãŸã€‚僕ã¯æœˆã«1度水曜日ã«ã“ã“ã¸ã‚„ã£ã¦æ¥ã‚‹ã€‚ ã«ãŽã‚„ã‹ãªãƒãƒå…¬å‰
ユーザーãƒãƒ¼ã‚«ãƒ«ã€Webページ内ã®è¡Œå‹•ã‚’分æžã™ã‚‹ç„¡æ–™ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ール「ユーザーヒートã€ã‚’公開 | gihyo.jp
ユーザーãƒãƒ¼ã‚«ãƒ«ã€Webページ内ã®è¡Œå‹•ã‚’分æžã™ã‚‹ç„¡æ–™ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ール「ユーザーヒートã€ã‚’公開 9月30æ—¥ã€ï¼ˆâ æ ªï¼‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒãƒ¼ã‚«ãƒ«ã¯ã€WebページãŒã©ã®ã‚ˆã†ã«èªã¾ã‚Œã¦ã„ã‚‹ã‹ã‚’「マウスã®è»Œè·¡ã€ã€Œâ クリックãŒå¤šã„å ´æ‰€ã€ã€Œâ 熟èªã‚¨ãƒªã‚¢ã€ã®3パターンã®ç”»åƒã§å¯è¦–化ã™ã‚‹ã€ãƒ’ートマップ※対応ã®ç„¡æ–™ã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ール「ユーザーヒートã€ã‚’リリースã—ãŸã€‚ ã“ã‚Œã¾ã§ã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ールã¯ã€ã©ã®WebページãŒèªã¾ã‚Œã¦ã„ã‚‹ã‹ã¯åˆ†æžã§ãã¦ã‚‚ã€Webページ内ã®ã€Œã©ã®æ®µè½ãŒã‚ˆãèªã¾ã‚Œã¦ã„ã‚‹ã‹ã€ã¾ã§ã¯èª¿æŸ»ã§ããªã‹ã£ãŸã€‚ユーザーヒートã§ã¯ã€èª¿æŸ»å¯¾è±¡ã¨ãªã‚‹Webページã®ä¸ã‚’ã€ã‚µã‚¤ãƒˆè¨ªå•è€…ãŒã©ã®ã‚ˆã†ã«å‹•ã„ãŸã®ã‹ã‚’分æžã™ã‚‹ã“ã¨ãŒã§ãる。 ※ ヒートマップã¨ã¯ã€æ¸©åº¦æ¸¬å®šãƒ‡ãƒ¼ã‚¿ã‚’デジタルã«ã‚ˆã£ã¦å¯è¦–化ã™ã‚‹æŠ€è¡“ã®ã“ã¨ã€‚サーモグラフィã¨ã‚‚呼ã°ã‚Œã‚‹ã€‚ åŒã‚µãƒ¼ãƒ“スã®ä¸»ãªè§£æžæ©Ÿèƒ½ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ 図1　左ã‹ã‚‰ã€Œãƒžã‚¦ã‚¹ãƒˆãƒ©ãƒƒã‚¯åˆ†æžã€ã€Œâ クリ
ãƒãƒƒãƒˆã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å•é¡Œè§£æ±ºãƒ„ールã€ã‚«ã‚®ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験シナリオ
今回ã®ã‚³ãƒ©ãƒ （リレー連載）ã§ã¯ã€å®Ÿéš›ã«ã‚¦ã‚§ãƒ–サイト構築ã«ãŠã‘るサービス・イノベーションã¸ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„。 ãã‚‚ãもウェブサイト構築ã«å¿…è¦ãªã“㨠ウェブサイトã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæº€è¶³ä½“験をã—ã€ã€Œã‚ã‚ŠãŒã¨ã†ã€ã¨è¨€ã£ã¦ãれるã€ã¤ã¾ã‚Šãƒ•ã‚¡ãƒ³ã«ãªã£ã¦ãã‚Œã‚‹ç´ æ™´ã‚‰ã—ã„メディアã 。ãªãœãã‚ŒãŒå¯èƒ½ãªã®ã‹ï¼Ÿã€€ãã‚Œã¯ã€ã‚¦ã‚§ãƒ–サイトã«è¨ªã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ä½•ã‚‰ã‹ã®ç›®çš„ã‚’æŒã¡ã€ãã‚Œã¯ã»ã¨ã‚“ã©ã®å ´åˆã«ä½•ã‚‰ã‹ã®å•é¡Œã‚’抱ãˆã¦ã„ã‚‹ã‹ã‚‰ã 。 ã¤ã¾ã‚Šã‚¦ã‚§ãƒ–サイトã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å•é¡Œè§£æ±ºãƒ„ールã§ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚ãã—ã¦ã€ã»ã¨ã‚“ã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‚’スタートページã¨ã—ã¦é¸æŠžã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã€å¿˜ã‚Œã¦ã¯ãªã‚‰ãªã„事実ã 。 書ç±ã§ã‚ã‚Œã€ãƒ†ãƒ¬ãƒ“ã§ã‚ã‚Œã€æ—¢å˜ã®ã™ã¹ã¦ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã¯ã€ã»ã¨ã‚“ã©ãŒæä¾›ã™ã‚‹å´ã«ã€æƒ…å ±ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã™ã‚‹é †ç•ªã¯ã€ä»»ã•ã‚Œã¦ã„ãŸã€‚ã—ã‹ã—ã€ã‚¦ã‚§ãƒ–サイトã§ã¯ã€ä¼æ¥ãŒãƒˆãƒƒãƒ—ã ã¨ä¸»å¼µã—ã¦ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€æ¤œç´¢
整然ã¨ãƒ©ã‚¤ãƒ³ä¸Šã§è¡¨ç¤ºã•ã‚Œã‚‹CSSフレームワーク·Baseline MOONGIFT
大å¦ãƒŽãƒ¼ãƒˆã«ã¯æ¨ªç·šãŒå¼•ã‹ã‚Œã¦ã„る。ã“れを使ã£ã¦æ–‡å—を書ã‘ã°ã€æ–œã‚ã«ãªã£ãŸã‚Šä¸€éƒ¨ã ã‘æ–‡å—ã®å¤§ãã•ãŒå¤‰ã‚ã£ã¦èªã¿ã¥ã‚‰ããªã£ãŸã‚Šã—ãªã„。整然ã¨ä¸¦ã‚“ã§æ›¸ã‹ã‚Œã¦ã„ã‚Œã°å¾Œã§èªã¿è¿”ã™æ™‚ã«ã‚‚ãã£ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã¯ãšã 。ã‚る一定ã®åŸºæº–ã«æ²¿ã£ã¦ã„ã‚‹ã¨å®‰å¿ƒæ„ŸãŒã‚ã‚Šã€æƒ…å ±ã‚’å—ã‘入れやã™ããªã‚‹ã®ã 。 グリッド コンテンツをé‡è¦–ã—ãŸWebサイトã§ã¯ãã®ã‚ˆã†ãªèªã¿ã‚„ã™ã•ã®è¦³ç‚¹ã‚‚考ãˆã‚‹å¿…è¦ãŒã‚る。ãã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒBaselineã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Baselineã€ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ãŸCSSフレームワークã 。 Baselineã¯ã¾ã‚‹ã§å¤§å¦ãƒŽãƒ¼ãƒˆã€ã¨æ€ã‚ã›ã‚‹ã‚ˆã†ãªæ¨ªç·šãŒå¼•ã‹ã‚ŒãŸèƒŒæ™¯ç”»åƒã«ã´ã£ãŸã‚Šã¨åˆã‚ã›ã¦æ–‡å—ãŒæ›¸ã‹ã‚Œã¦ã„る。カラムも1〜4カラムã§èª¿æ•´ã§ãã€å¹…ã‚‚3カラム分使ã£ãŸã‚Šã€2カラムãšã¤ã§ç‰åˆ†ã™ã‚‹ã“ã¨ã‚‚ã§ãる。統一ã•ã‚ŒãŸã€å‡è³ªçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒçµ„ã‚ã‚‹ã®ãŒç‰¹å¾´ã 。 フォームテã‚ストã®è¡¨ç¤ºã®ä»–
AnythingSlider
Other Information Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet accumsan eros, et iaculis massa fringilla auctor. Proin a mi ante, ut lobortis risus. Sed fringilla augue sed enim faucibus eget aliquam tellus ultricies. Morbi a magna eu ligula scelerisque lobortis vel non nisi. Aliquam condimentum libero eget elit ultrices sit amet ullamcorper felis gravida. Queenie's Kille
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}