[HTML5] æ–°è¦ç´ ã¾ã¨ã‚ã€2014/2/14版勧告候補】 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
![[HTML5] æ–°è¦ç´ ã¾ã¨ã‚ã€2014/2/14版勧告候補】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d49ad6127eb1662ad6a5defc87bc87fd271411f0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg2MCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MzYxMT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1hMWY4MzA2ODI4NzUzMTE2MTlkYmJmNGM5NDZkNThmZA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D768fa929eecac5d0598f1049f33368c2%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSFRNTDUlNUQlMjAlRTYlOTYlQjAlRTglQTYlODElRTclQjQlQTAlRTMlODElQkUlRTMlODElQTglRTMlODIlODElRTMlODAlOTAyMDE0JTJGMiUyRjE0JUU3JTg5JTg4JUU1JThCJUE3JUU1JTkxJThBJUU1JTgwJTk5JUU4JUEzJTlDJUUzJTgwJTkxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGY1NTY3NTBmOTczN2FmNDQwM2NiNDBhYjI1ZTFlNjM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYWNjb3RzYW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0xYTI4OThlYzIzM2ZlZTA4ZjcxYWY2MDk1ZDMyZTEzYg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df437e089877aec9218c5ef7119de26a4)
is.jsã¨ã„ã†ãƒžã‚¤ã‚¯ãƒãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã ã®ã§ãƒ¡ãƒ¢ - axross blog
2015-03-17 is.jsã¨ã„ã†ãƒžã‚¤ã‚¯ãƒãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã ã®ã§ãƒ¡ãƒ¢ JavaScript Node.js npm is.js is.jsã¯ã€å€¤ã®ä¸èº«ã‚„型を様々ãªæ¡ä»¶ã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒžã‚¤ã‚¯ãƒãƒã‚§ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ラリ。 Node.jsã§ã‚‚ブラウザã§ã‚‚動作ã—ã€æœ€è¿‘よã使ã†ã§ã‚ã‚ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ãƒã‚§ãƒƒã‚¯ã ã¨ã‹ã«ã‚‚対応ã—ã¦ã„る。 is.js - micro check library コードをèªã¿ã¤ã¤æ©Ÿèƒ½ã‚’èˆã‚ãŸã®ã§ã€ãã®ãƒ¡ãƒ¢ã€‚ 共通 is.jsã®é–¢æ•°ã«ã¯ã€interfaceã¨ã„ã†æ©Ÿèƒ½ãŒã‚る。 is.string('abc'); // => true // å転 is.not.string('abc'); // => false // ã™ã¹ã¦ãŒ... is.all.string('abc', 123, 'fgh'); // => false // ã„ãšã‚Œã‹ãŒ... is.any
入門 React
FacebookãŒé–‹ç™ºã—ãŸJavaScriptライブラリ「Reactã€ã®è§£èª¬æ›¸ã€‚本書ã§ã¯ã€ã‚µãƒ³ãƒ—ルアプリケーションを用ã„ã¦React.jsã®ã™ã¹ã¦ã®å´é¢ã‚’解説ã—ã¾ã™ã€‚「第I部 基礎ã€ã§Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã¨åˆæˆã‚’å¦ã³ã€Reactã®åŸºæœ¬çš„ãªä½¿ã„方をç†è§£ã—ã¾ã™ã€‚「第II部 応用ã€ã§ã¯ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä½œæˆã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚「第III部 ツールã€ã§ã¯Reactã¨å…±ã«ä½¿ç”¨ã—ã¦å …牢ãªã‚¢ãƒ—リケーションを実装ã™ã‚‹ãŸã‚ã®ãƒ„ールã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚最後ã®ã€Œç¬¬IV部 実践ã€ã§ã¯å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーション開発ã«å¿…è¦ãªçŸ¥è˜ã‚„Web以外ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚èªè€…ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ™ãƒ¼ã‚¹ã®æœ€æ–°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¤ã„ã¦ã®ä½“系的ãªçŸ¥è˜ã¨æŠ€è¡“を身ã«ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚日本語翻訳版ã®æœ¬æ›¸ã§ã¯Reactã®é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰æ‰‹é †ã¨APIリファレンスを巻末付録ã¨ã—ã¦åŽéŒ²ã€‚ 目次 ã¾ãˆãŒã 第I部　基礎
åˆã‚³ãƒ³å¤±æ•—ã—ãŸã‚‰é¢¨ä¿—
女å大生ãŒãŸãã•ã‚“åƒã„ã¦ã„るデリヘルã®ã‚µãƒ¼ãƒ“ス。深夜ã§ã‚‚使ãˆã‚‹é¢¨ä¿—ã¨ã—ã¦ã€è‡ªåˆ†ã®æš®ã‚‰ã—を豊ã‹ã«ã—ã¦ãã‚Œã¦ã„るデリヘルã§ã™ã€‚有å大å¦ã«é€šã†å¥³æ€§ã‚’指åã—ãŸä»Šå›žã¯ã€æ€ã„出ã—ãŸã ã‘ã§ã‚‚興奮ãŒç”¦ã£ã¦ãã‚‹ã»ã©ã€‚ç´ è‚¡ã®æ°—æŒã¡è‰¯ã•ã¯æŒ¿å…¥ã‚’超ãˆã‚‹ãらã„ã®æ„Ÿè¦šã§ã—ãŸã€‚ãã®ç§˜å¯†ã¯æ•æ„Ÿãªã‚¯ãƒªã«ã‚ã‚Šã¾ã™ã€‚ç´ è‚¡ã‚’ã™ã‚‹ã¨ã©ã‚“ã©ã‚“刺激ã•ã‚Œã¦ã‚¯ãƒªãŒå›ºããªã‚Šã€ãã‚ŒãŒäº€é ã«å½“ãŸã£ã¦æ°—æŒã¡è‰¯ã„。相手も擦れã¦æ°—æŒã¡è‰¯ã„ã¨ã„ã†ç›¸ä¹—çš„ãªé…力ã«æµ¸ã‚‹ã®ãŒã€ä»Šã¾ã§ã®é¢¨ä¿—å²ä¸Šæœ€é«˜ã®ä½“験ã«ãªã£ãŸã®ã§ã™ã€‚ç´ è‚¡ã¯ãŽã“ã¡ãªã•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚密ç€åº¦ãŒé«˜ãã¦ã‚¢ã‚½ã‚³ã¸ã®åˆºæ¿€ã¯å分ã™ãŽã‚‹ã»ã©ã€‚途ä¸ã§è€ãˆã‚‹ã“ã¨ã‚’諦ã‚ã¦ã„ã‚Œã°ã€ãã£ã¨ã‚µãƒ¼ãƒ“スã‹ã‚‰åŠåˆ†ã‚‚消化ã—ãªã„ã†ã¡ã«æžœã¦ã¦ã—ã¾ã£ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€åƒ•ã¯é¢¨ä¿—MASTERã§ã™ã€‚ãã‚“ãªã“ã¨ã§ãã¾ã›ã‚“。ã‚スも大好ãらã—ãã€ã‚¯ãƒ³ãƒ‹ã‚’ã—ãŸå¾Œã§ã‚‚何度ã¨ãªã「ãƒãƒ¥ãƒ¼ã—ã¦ã»ã—ã„ã€ã¨ãŠé¡˜ã„ã•ã‚ŒãŸã®ã§ã€èˆŒã‚’絡ã‚ã¦ã˜ã£ã
Retina対応ã«SVGã¯æœ¬å½“ã«ä½¿ãˆã‚‹ã®ã‹ï¼Ÿ
高解åƒåº¦ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å¯¾å¿œã§ãã‚‹ã®ã¯å¬‰ã—ã„ã§ã™ãŒã€æ™®é€šã®è§£åƒåº¦ã—ã‹æŒãŸãªã„端末ã«ã‚‚大ããªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã•ã›ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã¯ã€3G回線ãªã©ã®é…ã„回線ã§ã®è¡¨ç¤ºãƒ‘フォーマンスを考慮ã™ã‚‹ã¨ã€SVGãŒé©ã—ã¦ã„ãªã„ケースもã‚ã‚Šãã†ã§ã™ã€‚ãŸã ã€ã‚µãƒ¼ãƒä¸Šã§GZIP圧縮ã—ãŸå ´åˆã€å¹³å‡30%ã»ã©ã‚µã‚¤ã‚ºã‚’削減ã§ãã‚‹ã“ã¨ã‚’考慮ã™ã‚‹ã¨ã€æ•°åKBã®å·®ãŒã‚ã‚‹å ´åˆã‚’除ã„ã¦ã€è¡¨ç¤ºãƒ‘フォーマンスã¨è¡¨ç¤ºã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒãƒ©ãƒ³ã‚¹ã‚‚ã¨ã‚Œã¦ãã‚‹æ°—ãŒã—ã¦ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€Illustratorã§ã€Œåœ§ç¸®ã€ã‚’é¸æŠžã—ã¦svgzã¨ã—ã¦ä¿å˜ã™ã‚‹ã¨2,395Bã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œãªã‚‰PNG8ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã«ã ã„ã¶è¿‘ãã¦è‰¯ã„æ„Ÿã˜ã§ã™ã。Apacheã®è¨å®šã«SVGZãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚Œã°åœ§ç¸®ç‰ˆã‚’使ãˆã‚‹ã®ã§ã€ã“ã®ã‚µã‚¤ã‚ºã ã£ãŸã‚‰ç¾å®Ÿçš„ãªæ°—ãŒã—ã¦ãã¾ã—ãŸã€‚ãŸã ã€ã‚µãƒ¼ãƒã®è¨å®šãŒã†ã¾ãã„ã‹ãªã„ã®ã‹ã€Illustratorã§ã®æ›¸ã出ã—ãŒæ‚ªã„ã®ã‹ã€SVGZを表
「モーダルã€ã¨ã€Œãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ã€ | Accessible & Usable
公開日 : 2009å¹´10月20æ—¥ (2020å¹´8月30æ—¥ æ›´æ–°) カテゴリー : ユーザビリティ ユーザーインターフェース (UI) デザインã®å°‚門用語ã«ã€Œãƒ¢ãƒ¼ãƒ€ãƒ« (modal)ã€ã¨ã€Œãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ (modeless)ã€ã¨ã„ã†è¨€è‘‰ãŒã‚ã‚Šã¾ã™ã€‚Web サイト㮠UI ã‚’è¨è¨ˆã™ã‚‹ã†ãˆã§ã€ãŠã•ãˆã¦ãŠããŸã„ã‚ーワードã ã¨æ€ã„ã¾ã™ã®ã§ã€ç°¡å˜ã«è§¦ã‚ŒãŸã„ã¨æ€ã„ã¾ã™ã€‚ 「モーダルã€ã€Œãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ã€ã¨ã¯ï¼Ÿ ユーザーインターフェースè¨è¨ˆã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼šç¤¾ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã•ã‚“ã®ç”¨èªžç´¹ä»‹ (ã‚°ãƒãƒƒã‚µãƒªãƒ¼) ã«ã‚ˆã‚‹ã¨ã€ã€Œãƒ¢ãƒ¼ãƒ€ãƒ«ã€ã€Œãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ã€ã¯ãã‚Œãžã‚Œä¸‹è¨˜ã®ã‚ˆã†ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ モードãŒã‚る状態。ã¤ã¾ã‚Šã€ã‚·ã‚¹ãƒ†ãƒ ãŒç‰¹å®šã®æ©Ÿèƒ½ã®ä½¿ç”¨ã«åˆ¶é™ã•ã‚ŒãŸçŠ¶æ…‹ã€‚ユーザーãŒè‡ªç”±ã«æ“作を行ãˆãªããªã‚‹ã“ã¨ã¨ã€ãƒ¢ãƒ¼ãƒ‰åˆ¥ã«æ©Ÿèƒ½ã®æ„味や振る舞ã„ãŒå¤‰åŒ–ã™ã‚‹ã“ã¨ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã€ã§ãã‚‹é™ã‚Šãƒ¢ãƒ¼ãƒ‰ã‚’è¨ã‘ãªã„ã»
ç¾å½¹å¥³å大生ãŒã€Œã‚¦ã‚§ã‚¢ãƒ©ãƒ–ルデãƒã‚¤ã‚¹ã€ã‚’デザインã—ãŸã‚‰ã“ã†ãªã£ãŸï¼ã€€
ç¾å½¹å¥³å大生ãŒã€Œã‚¦ã‚§ã‚¢ãƒ©ãƒ–ルデãƒã‚¤ã‚¹ã€ï¼ˆèº«ã«ç€ã‘られるデジタル端末）ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã„ã€ãã®ãŠæŠ«éœ²ç›®ä¼šãŒ3月17æ—¥ã«æ±äº¬ãƒ»æ¸‹è°·ã§è¡Œã‚ã‚Œã¾ã—ãŸã€‚ã“ã®ä¼ç”»ã¯ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã®ç ”究開発機関「Advanced Technology Labã€ã¨ã®ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚Šå®Ÿç¾ã—ãŸã‚‚ã®ã€‚イベントã«ã¯å®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®é–‹ç™ºã«æºã‚ã£ãŸç¾å½¹å¥³å大生9人ãŒç™»å ´ã—ã€è‡ªåˆ†ãŒæ‹…当ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®æ€ã„ã‚’ãã‚Œãžã‚Œã«èªžã‚Šã¾ã—ãŸã€‚ 始ã‚ã«ç™»å ´ã—ãŸã®ã¯ã€Œã‚¹ãƒ‘イラル型ブレスレットã€ã€‚先端ã«ãƒ”ンクゴールドã¨ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ³ã‚’ã‚ã—らã„ã¾ã—ãŸã€‚ラインストーンã®ã‚µã‚¤ã‚ºã‚‚ã€1ã¤1ã¤é•ã†ã‚µã‚¤ã‚ºã«ã¨ã„ã£ãŸã“ã ã‚りよã†ã§ã™ã€‚ 続ã„ã¦ã¯ã€Œã‚¿ã‚¤ãƒ«åž‹ãƒãƒ³ã‚°ãƒ«ã€ã€‚ã“ã‚Œã¯é…色ã«ç‰¹ã«ã“ã ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€ã“ã®ãƒãƒ³ã‚°ãƒ«ã‚’ç€ã‘ãŸã¾ã¾æµ·ã‚„å±±ã«è¡Œã£ã¦ã‚‚é•å’Œæ„Ÿã®ãªã„色をé¸ã‚“ã ã¨ã®ã“ã¨ã§ã™ã€‚カラーã¯ã‚°ãƒªãƒ¼ãƒ³ãƒ»ãƒ–ルー・オレンジã®3種類。 「ファーブレスレット
10分ã§ã‚ã‹ã‚‹SVG 基礎編
知ã£ã¦å¾—ã™ã‚‹ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック関連技術。HTMLã®ã‚ˆã†ãªæ„Ÿè¦šã§å›³å½¢ãŒæç”»ã§ãる「SVGã€ã‚’ãƒãƒƒã‚¯ã—よㆠSVGドã‚ュメントã®æ›¸ãæ–¹ 本連載ã§ã¯ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック技術を分ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ã„ã¾ã™ã€‚第2回ã¨ãªã‚‹ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯SVGã§ã™ã€‚ ã”å˜ã˜ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€SVGã¯XMLをベースã«ã—ãŸãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®è¨˜è¿°è¨€èªžã§ã™ã€‚PNGã®ã‚ˆã†ãªç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®1ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯XMLを記述ã—ãŸãƒ†ã‚ストファイルã§ã‚ã‚Šã€HTMLã¨åŒæ§˜ã«JavaScript（DOM API）ã«ã‚ˆã‚‹åˆ¶å¾¡ã‚‚è¡Œãˆã¾ã™ã€‚HTMLãŒã‚¿ã‚°ã«ã‚ˆã£ã¦æ–‡æ›¸ã®æ§‹é€ を記述ã™ã‚‹ã®ã¨åŒæ§˜ã«ã€SVGã¯ã‚¿ã‚°ã§å›³å½¢ã‚’記述ã—ã¾ã™ã€‚ ■　XMLã§ãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’記述ã™ã‚‹SVG 実ã¯SVGã®è¦æ ¼è‡ªä½“ã¯ã‹ãªã‚Šä»¥å‰ã‹ã‚‰å˜åœ¨ã—ãŸã®ã§ã™ãŒã€é•·ã‚‰ãInternet Explorer（以é™IE）
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Design & Technology Studio
ORIGAMI PROJECT
{{#tags}}- {{label}}
{{/tags}}