Site en constructionSite en construction Besoin d'assistance ou d'informations ?
Webアプリケーションã®é–‹ç™ºã«ã€‚é¢ç™½ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIライブラリ·Ninja UI MOONGIFT
Ninja UIã¯HTMLを使ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIコンãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。æ€ã†ã«Webサイトã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã 。ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„サイトãŒä½œã‚Œãªã„。 ボタンやアイコン アイディアãŒã©ã‚Œã ã‘良ãã€æŠ€è¡“力ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„サイトã¯å—ã‘入れられãªã„。もã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãれをå¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã 。 Ninja UIã¯jQuery Webjutsu（Web術？）を掲ã’ã¦ã„るライブラリã§ã€æž 組ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。ボタンやドãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—アッ
HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚R＆D統括本部 制作本部 ウェブデベãƒãƒƒãƒ—メント部ã«æ‰€å±žã—ã¦ãŠã‚Šã¾ã™ã€‚岡部和昌（@kzms2）ã¨ç”³ã—ã¾ã™ã€‚ 最近スマートフォンやタブレットå‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ã¡ã¾ãŸã§å¤§äººæ°—ã®HTML5ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ 若干今更ãªå†…容ã«ã‚‚æ€ãˆã¾ã™ãŒã€ã‚ã¾ã‚ŠHTML5ã«ãªã˜ã¿ãŒãªã„æ–¹ã«ã‚‚ã‚ã‹ã£ã¦ã‚‚らãˆã‚‹ã‚ˆã†ãªå†…容ã«ã—ã¦ã„ã¾ã™ã€‚ HTML5ã®åŸºæœ¬æ¦‚念やæ€æƒ³ãƒ»å®Ÿéš›ã®çµ„ã¿æ–¹ã¨ã„ã†ã‚ˆã‚Šã‚‚〠HTML5ã§çµ„ã‚€ã¨ä»Šã¾ã§ã¨æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãªãœã“ã‚Œã‹ã‚‰HTML5ãªã®ã‹ HTML4ã¨ã®é•ã„ãŒã‚ã‹ã‚‰ãªã„ HTML5を使ã†åˆ©ç‚¹ãŒã‚ã‹ã‚‰ãªã„ ãªã©ç–‘å•ã«æ€ã£ã¦ã„ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã„ãŸ
スマホサイト：Webアプリモードã§æ„外ã¨æ›¸ã‹ã‚Œã¦ã„ãªã„è½ã¨ã—ç©´ - Kaleidoscope
ã¡ã‚‡ã£ã¨ä»Šå›žã¯ã¾ã‚知è˜çš„ãªå†…容ã§ã™ã€‚ 最近ã€ã€ŒiPhoneã§Webアプリを作æˆã€ã¨ã„ã£ãŸè¨˜äº‹ã‚’よã見ã‹ã‘ã¾ã™ã€‚ （jQuery Mobileãªã©ã‚’利用ã—ãŸé–‹ç™ºæ–¹æ³•ã¯ç½®ã„ã¨ã„ã¦ï¼‰ HTML5+CSS3+JavaScriptã§ä¸€ã‹ã‚‰ä½œæˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€æ„外ã¨è‚心ãªæ³¨æ„点ãŒæŠœã‘ã¦ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ã¨ãã«ã€ã‚ˆãmetaタグを使ã£ãŸã€ŒWebアプリモード（フルスクリーンモード）ã€ã«ã™ã‚‹æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã—ã¾ã™ã€‚ <meta name="apple-mobile-web-app-capable" content="yes" /> ã“れをやるã¨ã€URLãƒãƒ¼ã¨ã‹ãŒç„¡ããªã£ã¦ã€ã‚µã‚¤ãƒˆãŒãƒã‚¤ãƒ†ã‚£ãƒ–アプリã£ã½ããªã£ã¦ã‹ã£ã“ã„ã„ã‚“ã§ã™ã‚ˆã。 ã“ã‚Œã§ã€ã‚µã‚¤ãƒˆã‚’アプリã£ã½ã見ã›ã‚‰ã‚Œã‚‹ï¼ã£ã¦ã¡ã‚‡ã£ã¨èˆˆå¥®ã—ã¡ã‚ƒã„ã¾ã™ã‚ˆã。 ãŸã ã€ã“ã‚Œã£ã¦æ„外ãªè½ã¨ã—ç©´ãŒã‚ã‚‹ã‚“ã§ã™(￣▽￣;) 今回ã¯ã€åƒ•ãŒçŸ¥ã£ã¦ã‚‹å¤§ããªï¼’ã¤ã®æ³¨æ„点を
[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary
ã“ã‚Œã¯ã‚‚ã†ä½•å¹´ã‚‚å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã‚‹ã“ã¨ãªã®ã§ã™ãŒã€‚ 何故ã€æ˜”ã‹ã‚‰ãšã£ã¨è¦‹å‡ºã—ç”»åƒãªã©ã®æ–‡å—組ã¿ã‚„æ–‡å—è©°ã‚ã®ç”˜ã„WebサイトãŒå¤šã„ã®ã§ã—ょã†ã‹ã€‚ ç§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦å‰ãã†ã«è¨€ãˆã‚‹ç«‹å ´ã§ãªã„ã®ã¯åˆ†ã‹ã£ã¦ã„ã¾ã™ãŒã€æŠ˜è§’全体的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„背景ã€å†™çœŸã€Flashãªã©ã®å‹•ãã¯ã¨ã¦ã‚‚美ã—ãã€æ–‡ç« 構æˆã®ã—ã£ã‹ã‚Šã—ãŸã‚µã‚¤ãƒˆãªã®ã«ã€ãŸã 一点文å—è©°ã‚ã ã‘ãŒç”˜ã„ã¨ã„ã†ã‚µã‚¤ãƒˆãŒã‚ã¾ã‚Šã«ã‚‚多ãã¦ã€ãã†ã„ã†ã‚µã‚¤ãƒˆãŒæ¸›ã‚‹æ§˜åã‚‚ãªã„ã®ãŒãšã£ã¨æ°—ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç§ã¯ä»¥å‰ã€ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³é›‘誌やビジãƒã‚¹èªŒã®çµ„版（Macã®InDesignã‚„QuarkXPressを使ã£ã¦å°åˆ·ç”¨ã®ãƒ‡ãƒ¼ã‚¿ã‚’作る仕事。DTPã¨ã‚‚言ã†ï¼‰ã®ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€è¦‹å‡ºã—ã¯è¨€ã†ã¾ã§ã‚‚ãªãã€æœ¬æ–‡ã®æ–‡å—è©°ã‚ãŒå°‘ã—甘ã„ã ã‘ã§ã‚‚ã‚‚ã®ã™ã”ã怒られãŸã‚‚ã®ã§ã™ãŒã€Webデザインã®ä¸–ç•Œã§ã¯ãã†ã„ã†ã®ã¯ã‚ã¾ã‚Šæ€’られるã“ã¨ãŒãªã„ã®ã§ã—ょã†ã‹ã€‚ ç§ã¯ã€è¦‹å‡ºã—やタイトル画åƒã«ãŠã‘ã‚‹æ–‡å—組ã¿
![[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
地ç„ã®ãƒŸã‚µãƒ¯ãŒCSS3ã®å‹‰å¼·ã«æœ€é©ã¨è©±é¡Œã«
CSS3ã«èˆˆå‘³ã¯ã‚ã‚‹ã‘ã©ã€ãã£ã‹ã‘ãŒç„¡ã„ãªã‚ã¨æ€ã£ã¦ã„る方㸠ã“ã‚“ã«ã¡ã‚ã€jsdo.it担当ã®ãµã¡ãŒã¿ã§ã™ã€‚ 最近jsdo.itã§åœ°ç„ã®ãƒŸã‚µãƒ¯ã‚’イジりãªãŒã‚‰CSS3ã‚„canvasã€javascriptã‚’å¦ã¶å‹•ããŒæ´»ç™ºãªã‚“ã§ã™ã€‚ 「ãã‚Œ2å¹´ãらã„å‰ã«è¦‹ãŸã‚ーã€ã¨ã„ã†æ–¹ã‚‚続ãã‹ã‚‰ã©ã†ãžï¼ 一瞬ã§ã‚ã‹ã‚‹ã¾ã¨ã‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã¡ãŒåœ°ç„ã®ãƒŸã‚µãƒ¯ã«å¤¢ä¸ - togetter canvasã§æã‹ã‚ŒãŸãƒŸã‚µãƒ¯
一般ã®äººã¯ã‚¦ã‚§ãƒ–サイトãŒWordã®ã‚ˆã†ãªã‚‚ã®ã§ã§ãã¦ã„ã‚‹ã¨æ€ã£ã¦ã„るらã—ã„
昨日ã®ã“ã¨ã€ä¼šç¤¾ã®åŒã˜éƒ¨ç½²ã®ï¼´å§‰ã•ã‚“㌠Webã®éƒ¨ç½²ã˜ã‚ƒãªã„人㫠「ホームページã£ã¦ã©ã‚“ãªé¢¨ã«ä½œã£ã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ çš„åã“ã¨ã‚’èžã‹ã‚ŒãŸã‚‰ã—ã„。 Ｔ姉ã•ã‚“ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨HTMLã¨ã‹ã®è©±ã‚’ã—ã¦ã€ ãã®è³ªå•ã—ãŸäººã«HTMLã®ã‚½ãƒ¼ã‚¹ã‚’見ã›ãŸã‚‰ã—ã„。 ãã—ã¦ãã®ã‚½ãƒ¼ã‚¹ã‚’ã¿ã¦ã‹ãªã‚Šé©šã„ãŸãã†ã 。 「ホームページã£ã¦ã“ã‚“ãªã®ï¼ˆã‚¿ã‚°ã‚„文書）ã§ã§ãã¦ã„ã‚‹ã‚“ã§ã™ã。〠ã©ã†ã‚„らHTMLを知らãªã„人ã«ã¨ã£ã¦ã¯ã€ WebãŒHTMLã¨ã‹CSSã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ãªã‚“ã¦ã“ã¨ãŒã‚ã‹ã‚‰ãªã„ãã†ã 。 ã¤ã¾ã‚Šã€Webã¯Wordã®ã‚ˆã†ãªã®ã§ã€ ç”»åƒã¨æ–‡å—を貼り付ã‘ã¦ã„ã‚‹ã‚‚ã®ã ã¨æ€ã£ã¦ã„るらã—ã„。 ã‚‚ã—ãã¯ä¸€æžšã®ç”»åƒãŒãƒ™ã‚¿ã£ã¦å¼µã‚‰ã‚Œã¦ã„るよã†ãªæ„Ÿè¦šã€‚ ã§ã‚‚ãã‚ŒãŒæ™®é€šãªã‚“ã ã‚ã†ãªã£ã¦æ€ã†ã€‚ å°‚é–€ã˜ã‚ƒãªã„人ã®æ„Ÿè¦š å°‘ã—ã§ã‚‚Webã®çŸ¥è˜ãŒã‚る人ã«ã¨ã£ã¦ã¯ã€ ウェブサイトãŒHTMLã‚„CSSã§ã§ãã¦ã„ã‚‹ã“ã¨ã¯çŸ¥ã£ã¦ã„るよã†ã ãŒã€ 知è˜ã‚‚ãªãã€ãŸã ãƒ
W3C - 『HTML 5 differences from HTML 4ã€æ—¥æœ¬èªžè¨³ - HTML5.JP
一部ã€ç›´è¨³ã§ã¯ãªãæ„訳ã—ãŸéƒ¨åˆ†ãŒã”ã–ã„ã¾ã™ã€‚原文ã¨è¡¨ç¾ãŒç•°ãªã‚‹ã“ã¨ãŒã”ã–ã„ã¾ã™ã®ã§ã€ã”了承ãã ã•ã„。ã“ã®æ—¥æœ¬èªžè¨³ã¯ã€ç§ãŒç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã«ã€è‡ªåˆ†ãªã‚Šã«æ—¥æœ¬èªžåŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚本日本語訳ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å†…容ã«ã¤ã„ã¦ä¸€åˆ‡ä¿è¨¼ã‚’ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。æ£ç¢ºã•ã‚’求ã‚ã‚‹å ´åˆã«ã¯ã€å¿…ãšåŽŸæ–‡ã‚’å‚ç…§ã—ã¦ãã ã•ã„。当方ã¯ã€ã“ã®æ–‡æ›¸ã«ã‚ˆã£ã¦åˆ©ç”¨è€…ãŒè¢«ã‚‹ã„ã‹ãªã‚‹æ害ã®è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“。もã—誤りãªã©ã‚’見ã¤ã‘ãŸã‚‰ã€å½“サイトã®ãŠå•ã„åˆã‚ã›ã‚ˆã‚Šé€£çµ¡ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}