ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
HTML5--押ã•ãˆã¦ãŠãã¹ã10ã®ã‚¿ã‚°
HTML5ã§ã¯ã€ã‚¦ã‚§ãƒ–開発時ã«å¼·åŠ›ãªãƒ‘ワーや効率性ã€æŸ”軟性を発æ®ã™ã‚‹ã‚¿ã‚°ã¨å±žæ€§ãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã¦ã„る。本記事ã§ã¯ã€ãã†ã„ã£ãŸã‚¿ã‚°ã‚’10個é¸ã‚“ã§ç´¹ä»‹ã™ã‚‹ã€‚ HTML5ã§ã¯ã€ä»–ã®ã‚·ã‚¹ãƒ†ãƒ （特ã«æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ï¼‰ãŒãƒ‰ã‚ュメントをより容易ã«è§£æžã§ãるよã†ã«ã—ãŸã‚Šã€ä»Šã¾ã§ã«ãªã„データ表示をå¯èƒ½ã«ã—ãŸã‚Šã€è¤‡é›‘ãªJavaScriptã€ã‚ã‚‹ã„ã¯ã€ŒAdobe Flashã€ã‚„「Microsoft Silverlightã€ã¨ã„ã£ãŸãƒ–ラウザã®ãƒ—ラグインを必è¦ã¨ã—ã¦ã„ãŸæ©Ÿèƒ½ã«å–ã£ã¦ä»£ã‚るよã†ãªæ•°ã€…ã®æ–°ãŸãªè¦ç´ や属性ãŒè¿½åŠ ã•ã‚Œã¦ã„る。以下ã§ã¯ã€HTML5を用ã„ã¦ã‚ãªãŸã®ã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹éš›ã«å½¹ç«‹ã¤10個ã®æ–°ãŸãªã‚¿ã‚°ã‚’紹介ã™ã‚‹ã€‚ ＃1：<video>ã‚¿ã‚°ã¨<audio>ã‚¿ã‚° Flashã‚„Silverlightã¨ã„ã£ãŸãƒ†ã‚¯ãƒŽãƒã‚¸ã‚’用ã„る最大ã®ç†ç”±ã¯ã€ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†ç”Ÿã«ã‚ã‚‹ã¨è¨€ã£ã¦ã‚‚よã„ã ã‚ã†ã€‚HTML5ã§
javascript - ã‚ã‚“ã©ã†ãªä½œæ¥ãŒã‚ãšã‹1クリックã«!新人プãƒã‚°ãƒ©ãƒžãƒ¼ãŒçŸ¥ã‚‰ãªã„ã¨ä¸€ç”Ÿå¾Œæ‚”ã™ã‚‹ãƒ–ラウザーを使ã£ãŸHTMLç”Ÿæˆ : 404 Blog Not Found
2011å¹´12月14æ—¥15:34 カテゴリTipsLightweight Languages javascript - ã‚ã‚“ã©ã†ãªä½œæ¥ãŒã‚ãšã‹1クリックã«!新人プãƒã‚°ãƒ©ãƒžãƒ¼ãŒçŸ¥ã‚‰ãªã„ã¨ä¸€ç”Ÿå¾Œæ‚”ã™ã‚‹ãƒ–ラウザーを使ã£ãŸHTMLç”Ÿæˆ ã„ã„ãˆã€ä½¿ã„ã¾ã›ã‚“。 ã‚ã‚“ã©ã†ãªä½œæ¥ãŒã‚ãšã‹æ•°ç§’ã«ï¼æ–°äººãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒ 知らãªã„ã¨ä¸€ç”Ÿå¾Œæ‚”ã™ã‚‹Excelを使ã£ãŸHTMLç”Ÿæˆ | Webãƒã‚±ãƒƒãƒ„マガジン 僕ãŸã¡ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ç”Ÿæˆã«ã€Excelを使ã„ã¾ã™ï¼ 僕ãŸã¡ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸHTML生æˆã«DHTMLを使ã„ã¾ã™ã€‚ DEMO TSV JSON JSON to HTML function (json){ var tbody = $('<tbody>'); $.map(json, function(row){ var tr = $('<tr>'); $.map(row, function(c
HTML5ã‚„css3を使ã†éš›ã«è¦‹ã¦ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚µã‚¤ãƒˆã¨ã‹ã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„ツールã¨ã‹ - ã‹ã¡ã³ã¨.net
ã‚ã¾ã‚Šã«æƒ…å ±é‡ãŒå¤šãã¦æ··ä¹±ã—ã¦ããŸã®ã§ 自分用ã«ã¾ã¨ã‚。リファレンスã¨ã‹ã€ã¡ã‚ƒã‚“㨠実践ã§ä½¿ãˆã‚‹ãƒ„ールを自分ãªã‚Šã«åŽ³é¸ã—㦠ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ã©ã†ã‚‚ã€ã‚ã£ã¡ã“ã£ã¡ã§ ã‚ã‚ŒãŒä¾¿åˆ©ã¨ã‹ã“ã‚ŒãŒä¾¿åˆ©ã ã¨ã‹è¨€ã‚れる ã¨è¨³ãŒåˆ†ã‹ã‚‰ãªããªã‚‹ã®ã§ãã‚ãã‚絞らãªã„ ã¨ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ãŠéŠã³ã§ã¯ãªã実践ã«å½¹ç«‹ã£ã¦ã‚‹åŸºæœ¬çš„ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹åŠ©ã‘ã¦ãれるツールã®ãƒ¡ãƒ¢ãªã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“。完全ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã€‚個人的ã«ã¯åŸºç¤Žç”¨ã®ã‚µã‚¤ãƒˆã¨ã€å®Ÿè·µå‘ã‘ã®ãƒ„ールやライブラリã ã‘ã‚ã‚Œã°ã„ã„ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ å°šã€css3/html5ã«é–¢ã™ã‚‹æƒ…å ±ã ã‘を求ã‚ã¦ã„ã‚‹&特ã«æƒ…å ±å–å¾—ã«æ€¥ã„ã§ãªã„ãªã‚‰dotHTML5ã¨ã„ã†ã‚µã‚¤ãƒˆ1ã¤ã§äº‹è¶³ã‚Šã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ※W3Cã¯å‰²æ„›ã§ã„ã„ã§ã™ã‚ˆã ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¨ã‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã ã‘ã§åŸºæœ¬çš„ã«ã¯ã„ã„æ„Ÿã˜ã§ã™ã‹ã・・ HTML5 タグリファレンス マークアップもã¾ã¾ãªã‚‰ãªã„ã»ã©æ…£ã‚Œã¦ãª
jQuery/サンプルコード/プルダウンを動的ã«å¤‰æ›´ã™ã‚‹ - ã‚ã‚Šã‚“ã tech-wiki
JavaScript?（jQuery）部 †jQueryã‚’èªã¿è¾¼ã¿ã€ var team ã§ãƒãƒƒã‚·ãƒ¥ã®ã‚ªãƒ–ジェクトを作æˆã—ã€ãã®ä¸ã«åå‰ã®é…列を作æˆã—ã¾ã™ã€‚ ãƒãƒƒã‚·ãƒ¥ã‚„é…列ã®é …目を列挙ã—ãŸæœ€å¾Œã®å€¤ã«ã¯ã€Œ,（コンマ）ã€ã¯ä»˜ã‘ã¾ã›ã‚“。 ※IEã§ã¯ã€ãƒãƒƒã‚·ãƒ¥ã‚„é…列ã®æœ€å¾Œã«ã€Œ,（コンマ）ã€ãŒå˜åœ¨ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã¨ãªã‚Šå‹•ä½œã—ã¾ã›ã‚“。ã”注æ„ãã ã•ã„。 <script src="/tools/js/jquery-1.3.2.min.js"></script> <script> var team = { "hawks": [ "æ‰å†…", "å·å´Ž", "å°ä¹…ä¿", "æ¾ä¸" ], "fighters" : [ "ダルビッシュ", "森本", "稲葉", "二岡" ], "eagles" : [ "ã¾ãƒ¼ãã‚“", "山崎æ¦", "ä¸æ‘ç´€", "セギノール" ] }; radioボタンをクリックã—ãŸéš›ã«å‘¼ã³å‡ºã™ï¼ˆã‚³ãƒ¼
HTML5ã§ã¤ã¾ãšãã‚„ã™ã„asideã¨sectionã®ä½¿ã„æ–¹
HTML5分ã‹ã‚Šã«ãã„ã§ã™ã‚ˆã。 åˆã‚ã¾ã—ã¦ã€‚11月ã‹ã‚‰ME課ã§åƒã„ã¦ã„ã‚‹ä¹…ä¿ç”°(@ta2_o2p)ã§ã™ã€‚よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ 自分ã®ä»•äº‹ã¨ã—ã¦ã¯ã€æºå¸¯ã‚µã‚¤ãƒˆä¸å¿ƒã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€BMKidsã®ç¸èµ·ç‰©ã¨ç¬‘ã„袋ã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ãŸã‚Šã€ä»–ã«ã‚‚色々ã¨PCサイトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€å®Ÿã¯ã‚«ãƒ¤ãƒƒã‚¯ã§åƒã始ã‚ã¦HTML5ã‚’æœ¬æ ¼çš„ã«è§¦ã£ãŸã®ã§ã™ãŒã€è§¦ã‚Œã¦ã„ãã†ã¡ã«ã€ŒHTML5ã¯ã‚„ã‚„ã“ã—ã„所ãŒã‚ã‚‹ãªãƒ¼ã€ã¨æ€ã„ã€ã“ã®è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ ãã†ã„ã†è¨³ã§ã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«å½“ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦ã€æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšãã®å‰ã« 本題ã¨ã¯åã‚Œã¾ã™ãŒã€HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æŠ¼ã•ãˆã¦ãŠããŸã„ãƒã‚¤ãƒ³ãƒˆã‚’2ã¤æ›¸ãã¾ã™ã€‚ æ–‡å—コードã®æŒ‡å®šã¯metaè¦ç´ ã®charset属性㧠今ã¾ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«metaè¦ç´ ã®ä¸ã«é•·ã€…ã¨å±žæ€§ã‚’
RhoHub，Apparat.io - ãƒã‚¤ãƒ†ã‚£ãƒ–モãƒã‚¤ãƒ« Web アプリ構築ã«ãŠã‘る煩雑㪠SDK 管ç†ã‹ã‚‰ã®è§£æ”¾
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
ã¾ãšã¯åŸºæœ¬ã‹ã‚‰ãƒ»HTML5ã®Canvasã«ã¤ã„ã¦å‚考ã«ãªã£ãŸã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
よã†ã‚„ãHTML5ã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¾ã—ãŸã€‚ サンプルを以å‰è¨˜äº‹ã«ã—ã¦ã€å‡„ã„ãªãƒ¼ã¨ æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãªã‹ãªã‹æ™‚é–“ãŒãªã〠先延ã°ã—ã«ã€‚ã§ã€ã‚ˆã†ã‚„ãé ã«å…¥ã‚Œå§‹ã‚ã¾ ã—ãŸã€‚ãªã«ã™ã‚‹ã«ã‚‚行動ãŒé…ãã¦å›°ã‚Šã¾ã™ã€‚ HTML5ã§ã‚‚話題ã«ãªã£ã¦ã„ã‚‹Canvasを勉強ã—始ã‚ã¾ã—ãŸã€‚ãã‚“ãªä¸ã§ã€å‹‰å¼·ã®å‚考ã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ブクマã—ãŸã®ã§ã“ã‚Œã‹ã‚‰å¦ã¼ã†ã€ã¨ãŠè€ƒãˆã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€åŸºæœ¬çš„ãªæƒ…å ±ãŒã»ã¨ã‚“ã©ã§ã™ã€‚大é‡ã®æƒ…å ±ã‚’è¦‹ã¦ã‚‚æ··ä¹±ã™ã‚‹ã®ã§ã‚る程度絞ã£ã¦ã„ã¾ã™ã€‚ html5.jp リファレンスサイトã§ã™ã€‚リンク先ã¯canvasカテゴリã«ã€‚ã“ã“ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã€ã¨ã„ã†ã‹æœ€å¾Œã¾ã§ãŸã¶ã‚“ãŠä¸–話ã«ãªã‚Šãã†ã€‚ html5.jp ～HTML 5ã§å°Žå…¥ã•ã‚Œã‚‹canvasè¦ç´ ã®ä½¿ã„方～ åŒã˜ã教科書的ãªã‚µã‚¤ãƒˆã€‚ã‚ã‚ŠãŒãŸã„。ã¾ã ã€ã–ã£ã¨èªã‚“ã ã ã‘ã§ã™ãŒã€ã™ã”ã分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ～HTML 5
Canvas - HTML5.JP
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€JavaScriptã‹ã‚‰å›³ã‚’æãã“ã¨ãŒã§ãã‚‹Canvasã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Canvasã¨ã¯ Canvasã¨ã¯ä½•ã‹ã€ãã—ã¦Canvasã§ä½•ãŒã§ãã‚‹ã®ã‹ã‚’事例をè¸ã¾ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ã解説ã—ã¾ã™ã€‚ Canvasã®ä½¿ã„æ–¹ 実際ã«ã€Canvasã‚’ã©ã†ã‚„ã£ã¦ä½¿ã„ã“ãªã™ã®ã‹ã‚’ã€ã‚µãƒ³ãƒ—ルを通ã—ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ã„ã‚ã„ã‚ãªå›³å½¢ã‚’æã Canvasã§ã¯ç·šã‚’引ãã ã‘ã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå›³å½¢ã‚’æããŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’用æ„ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯Canvasã§åˆ©ç”¨ã§ãる図形æç”»ã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 色を指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã図形ã«è‰²ã‚’指定ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ã¾ãŸCanvasã§ã¯æŒ‡å®šã—ãŸè‰²ã«é€æ˜Žåº¦ã‚’与ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€ãã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ãã¾ã™ã€‚ 線形グラデーションを指定ã™ã‚‹ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Canvasã§æã„ãŸå›³å½¢ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹æ–¹æ³•
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
web上ã§ä½¿ãˆã‚‹htmlエディタ｜htmlã®çŸ¥è˜ãŒãªãã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“
{{#tags}}- {{label}}
{{/tags}}