HTML First
HTML First is a style of writing web software that favours using the native capabilities and languages of the browser and reducing layers of abstraction (languages and toolchains) on top of them. Introduction Modern web development has changed a lot in the last decade. Before libraries like React came along, the common approach was to write your interfaces with html and use something like jQuery t
知ã£ã¦ãŠãã¨ä¾¿åˆ©ãªHTML5ã®æ©Ÿèƒ½ã€è¦ç´ や属性ã®ã¾ã¨ã‚
今ã¾ã§ã‚ã¾ã‚Šä½¿ç”¨ã•ã‚Œã¦ã„ãªã‹ã£ãŸã‘ã©ã€ç¾åœ¨ã®ç’°å¢ƒã§ã¯æœ‰ç”¨ã§ã‚ã‚‹HTML5ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã€è¦ç´ や属性を紹介ã—ã¾ã™ã€‚ 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« detailsè¦ç´ contenteditable属性 mapè¦ç´ markè¦ç´ data属性 outputè¦ç´ datalistè¦ç´ 値range meterè¦ç´ inputè¦ç´ 次ã«å¦ã¶ã¹ãã“㨠ã¯ã˜ã‚ã« HTML5ã¯ã€æ–°ã—ã„ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã™ã§ã«ã‚ãŸã—é”ã¯æœ€åˆã®ãƒªãƒªãƒ¼ã‚¹ï¼ˆ2008å¹´1月）ã‹ã‚‰ã„ãã¤ã‹ã®æ©Ÿèƒ½ã‚’使用ã—ã¦ãã¾ã—ãŸã€‚#100DaysOfCodeã®å–り組ã¿ã®ä¸€ç’°ã¨ã—ã¦ã€HTML5ã®æ©Ÿèƒ½ãƒªã‚¹ãƒˆã‚’詳ã—ã調ã¹ã¾ã—ãŸã€‚ç§ãŒè¦‹ã¤
「(HTML) + CSSã€ã®ã¿ã‚’使ã£ã¦ã€ä»Šã€Œãƒªã‚¢ãƒ«ãªé›»å“ã€ã‚’作ã£ã¦ã¿ãŸ - Qiita
続編を書ãã¾ã—ãŸã€‚CSSも大幅改善ã—ã¦ã‚‹ã®ã§ã€ä¸€åº¦è¦‹ã¦ã¿ã¦ãã ã•ã„。 ã€å°æ•°ç‚¹å®Ÿè£…】「(HTML +) CSSã€ã®ã¿ã‚’使ã£ã¦ã€ä»Šã€Œã‚‚ã£ã¨ãƒªã‚¢ãƒ«ãªé›»å“ã€ã‚’作ã£ã¦ã¿ãŸ - Qiita 完æˆå“ ã¾ãšã¯ã€CodePenã§å®Œæˆå“を紹介ã—ã¾ã™ã€‚ボタンを押ã—ã¦è¨ˆç®—を試ã—ã¦ã¿ã¦ãã ã•ã„。 ※ スマホã ã¨åå¿œãŒæ‚ªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ See the Pen qiita_calc_last by j5c8k6m8 (@j5c8k6m8) on CodePen. ã¯ã˜ã‚ã« ã¯ã˜ã‚ã¦ã€CSS カウンター ã®å˜åœ¨ã‚’ã¯ã˜ã‚ã¦çŸ¥ã£ãŸã¨ãã¯é©šãã¾ã—ãŸã€‚ テーブルã®è¡Œç•ªå·ã¯ (å¿…è¦ã§ã‚ã‚Œã°JavaScriptã§å‹•çš„ã«) HTMLã«è¨˜è¼‰ã™ã‚‹ã—ã‹æ–¹æ³•ãŒãªã„ ã¨æ€ã£ã¦ã„ãŸã‹ã‚‰ã§ã™ã€‚ Qiitaã«ã‚‚ã€CSSカウンターã®ã‚µãƒ³ãƒ—ルを載ã›ãŸè‰¯è¨˜äº‹ãŒã‚ã‚Šã¾ã™ã€‚ CSS ã§ãƒ†ãƒ¼ãƒ–ルã«è¡Œç•ªå·ã‚’振る - Qiita CSSã§è¦‹å‡ºã—ã‚¿ã‚°ã«é€£ç•ªã‚’ã¤ã‘
HTMLã§Web APIã‚’ã¤ãã‚‹ - Qiita
シングルページアプリケーションやモãƒã‚¤ãƒ«ã‚¢ãƒ—リãªã©ã®æ™®åŠã«ã‚ˆã‚Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã¯JSONを出力ã™ã‚‹Web APIã®å¿…è¦æ€§ãŒé«˜ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ã¿ãªã•ã‚“ã¯ã©ã®ã‚ˆã†ã«Web APIを作ã£ã¦ã„ã‚‹ã§ã—ょã†ã‹ã€‚ JSONã¯ãƒ“ュー Railsã§JSON APIを定義ã™ã‚‹æ™‚ã€ç´ ã®ã¾ã¾ã§ã‚„ã‚ã†ã¨ã™ã‚‹ã¨ コントーラã§to_jsonを呼んã ã‚Šã€ãƒ¢ãƒ‡ãƒ«ã«as_jsonを定義ã—ãŸã‚Šã™ã‚‹ã“ã¨ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ モデルã«æ›¸ãã¨APIã«ã‚ˆã£ã¦å‡ºåŠ›å†…容を変ãˆãŸã„å ´åˆã«ã¨ã¦ã‚‚苦労ã—ã¾ã™ã€‚ APIæ•°ãŒå¢—ãˆã‚Œã°å¢—ãˆã‚‹ã»ã©ãƒ¢ãƒ‡ãƒ«ãŒè¤‡é›‘ã«ãªã£ã¦ã„ãã¾ã™ã€‚ APIレスãƒãƒ³ã‚¹ã¨ã—ã¦ã®JSONã¯ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‚„モデルã«æ›¸ãã¹ãã§ã—ょã†ã‹ï¼Ÿ ビューã«æ›¸ã„ãŸæ–¹ãŒè‡ªç„¶ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã“ã‚Œã¯Railsã§ã®è©±ã§ã™ãŒã€Railsã«é™ã‚‰ãšã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークを使ã£ã¦Web APIを作るã¨ãã«ä¸€èˆ¬çš„ã«ã‚ã¦ã¯ã¾ã‚‹ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ 変化ã«å¼·ã„ã€å†åˆ©ç”¨
ã‚ャãƒç”·ã‚³ãƒ¼ãƒ‰ãƒ¬ã‚·ãƒ”
首都åœã®ã‚ャãƒã‚¯ãƒ©ã¯åœ°åŸŸã«ã‚ˆã£ã¦è‰²ãŒå…¨ç„¶é•ã† ã“ã‚“ã«ã¡ã¯ï¼ 皆ã•ã‚“ã€ã‚ャãƒã‚¯ãƒ©ã£ã¦è¡Œã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿw 俺ã¯ã—ょã£ã¡ã‚…ã†è¡Œã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã„や〜ã€ã“ã‚ŒãŒæ²¼ã§é€šã„出ã—ãŸã‚‰æ¢ã¾ã‚‰ãªã„ww ã ã‹ã‚‰ãŠé‡‘ãŒã§ãã‚‹ãŸã³ã«é¦–都åœã®ã‚ャãƒã‚¯ãƒ©ã‚’回ã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã‚ˆã調ã¹ã¦ã¿ã‚‹ã¨ã€ã‚ャãƒã‚¯ãƒ©ã£ã¦åœ°åŸŸã«ã‚ˆã£ã¦å…¨ç„¶æ¯›è‰²ãŒé•ã†ã‚“ã§ã™ã‚ˆï¼ ãã“ã«é€šã†äººã®ãƒ‹ãƒ¼ã‚ºã ã£ãŸã‚Šã€å¥½ã¿ã ã£ãŸã‚ŠãŒãŠåº—ã«åæ˜ ã•ã‚Œã¦ã‚“ã®ã‹ãªï¼Ÿw ã ã‹ã‚‰ã‚ャãƒã‚¯ãƒ©ã«ãƒãƒžã‚‹äººã£ã¦ã€åˆã‚ã¦è¡Œã£ãŸåº—ã®é›°å›²æ°—ã¨ã‹ã‚ャãƒå¬¢ã®è¦‹ãŸç›®ã¨ã‹ã§ã©ãƒãƒžã‚Šã™ã‚‹äººã¨ã€ãã‚“ãªã«ãƒãƒžã‚‰ãªã„人ãŒã„ã‚‹ã‚“ã§ã™ã‚ˆã。 俺ã¯ãã®å‰è€…wã©ãƒãƒžã‚Šã—ã¦ä»Šã§ã¯æŠœã‘出ã›ãªã„ã¨ã“ã‚ã«æ¥ã¦ã‚‹ã£ã™ww ã˜ã‚ƒã‚ã€é¦–都åœã€ç‰¹ã«æ±äº¬ã®ã‚ャãƒã‚¯ãƒ©ã«ã¯åœ°åŸŸã«ã‚ˆã£ã¦ã©ã‚“ãªç‰¹å¾´ãŒã‚ã‚‹ã®ã‹ã€ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ 新宿æŒèˆžä¼Žç”ºã®ã‚ャãƒã‚¯ãƒ©ã®ç‰¹å¾´ã¨å¿…è¦ãªäºˆç®— ã‚ャãƒã‚¯ãƒ©ã£ã¦è¨€ã£ãŸã‚‰ã¾ãšæ–°å®¿æŒèˆžä¼Žç”ºã‚’æ€ã„æµ®ã‹ã¹
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³•:phpspot開発日誌
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³• 2006å¹´08月17æ—¥- Mouse wheel programming in JavaScript Web applications are becoming more and more like “normal†desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. JavaScriptã§
モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’年代別ã«ã”紹介ã—ã¾ã™ã€‚モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ã解説ã—ã¦ã„ãã¾ã™ã€‚
モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ 物凄ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚巨大化ã—ã€ä»Šæ—¥ã®æ™‚点ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ゲームã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaアプリã¨3Dゲームã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–・3D化競争 Javaæ載æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ã僅ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—リã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—始ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ウスã€ã‚„『スペースãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ソコンã§ä¸–界的è¦æ¨¡ã®ãƒ’ットを飛ã°ã—ãŸã‚²ãƒ¼ãƒ を主力商å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 モãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– メモリã®åˆ¶é™ãŒåŽ³ã—ã„Java仮想マシン上ã§ã¯ãªãã€OS
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæš‡ãªã¨ãã«ã‚„ã‚‹ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œãªã„ã“㨠- Qiita
{{#tags}}- {{label}}
{{/tags}}