モダンJavaScriptå†å…¥é–€ / Re-introduction to Modern JavaScript
FRONTEND CONFERENCE 2019ã®ç™»å£‡è³‡æ–™ã§ã™ã€‚ https://2019.kfug.jp/session/onoueyosuke Webサイト・Webアプリ制作ã¸ã®é«˜ã¾ã‚‹è¦æ±‚ã«è€ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«JavaScriptã¯é€²åŒ–を続ã‘ã¦ãã¾ã—ãŸã€‚特ã«ã“ã®ç´„5å¹´é–“ã§ã€JavaScriptã¯â€¦
JavaScriptã®ã„ã‚ã„ã‚ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
JavaScriptã®æ›¸ãæ–¹ã¯JavaScript自体ãŒã‚る程度自由ãªãŸã‚ã„ã‚ã„ã‚ãªæ›¸ãæ–¹ãŒã§ãã¾ã™ãŒã€ä¸€è²«æ€§ã‚’æŒã£ã¦æ›¸ã„ãŸæ–¹ãŒãƒã‚°ãªã©ã‚‚発生ã—ã«ãããªã‚‹ãŸã‚ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’定ã‚ã¦ãŠãã®ã¯ã‚ˆã„ã“ã¨ã ã¨æ€ã„ã¾ã™(特ã«è¤‡æ•°äººã®é–‹ç™ºã®å ´åˆ) 有åãªä¼æ¥ã‚„ライブラリã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚‚公開ã—ã¦ã„る事ãŒå¤šã„ã®ã§é©å½“ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—㟠JavaScript style guide – MDC Docs Mozilla/Firefoxå‘ã‘ã®ã‚‚ã®ãªã®ã§ã€ä¸€éƒ¨ECMAScriptã®ç¯„囲を超ãˆãŸã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 多ãã®äººãŒè¦‹ã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã€è¦‹ãŸã“ã¨ãªã„人ã¯ä¸€åº¦èªã‚“ã§ã¿ã‚‹ã¨ã„ã„ã§ã™ã€‚ jscsã«ã“ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ—リセットãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
ã€å¸«èµ°ãªã®ã§ã€ç°¡æ½”ã«ã€‘iPhoneã®webアプリを作æˆã™ã‚‹éš›ã«ã§ä½¿ãˆãã†ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ æ—©ã„ã‚‚ã®ã§ã€2010年も残ã™ã¨ã“ã‚ã‚ã¨10日。 アシアルã®å–¶æ¥æ—¥ã¯æ®‹ã™ã¨ã“ã‚ã‚ã¨ï¼’æ—¥ã§ã™ã€‚ ã“ã‚“ãªå¿™ã—ã„ã¨ãã«ãƒ–ãƒã‚°å½“番ãŒå›žã£ã¦ãã¦ã€ç›®ãŒã¾ã‚ã‚Šãã†ãªã®ã§ã™ãŒã€ 弱音をåã„ã¦ã„ã¦ã‚‚仕方ãªã„ã®ã§ã€ã•ãã£ã¨ãƒ–ãƒã‚°æ›¸ã„ã¡ã‚ƒãŠã†ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šæ—¥ã¯iPhoneã®webアプリを作æˆã™ã‚‹éš›ã«ã§ä½¿ãˆãã†ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ã€ 使ã„方を簡å˜ã«ã¾ã¨ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 内容もコードも簡潔ã«ã€‚師走ãªã®ã§ã€‚ 1. ä½ç½®æƒ…å ±ã®å–å¾— iPhoneã®safariã‹ã‚‰ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã¨ãã«ã¯ã€GeoLocationAPIを使用ã—ã¾ã™ã€‚ サンプルコードを以下㫠<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>location sample</title> <script type="text/java
[ASCII.jp]40分ã§è¦šãˆã‚‹ï¼jQuery速習講座
[ASCII.jp]40分ã§è¦šãˆã‚‹ï¼jQuery速習講座 ASCII.jpã§ã€Œ40分ã§è¦šãˆã‚‹ï¼jQuery速習講座ã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ jQueryã£ã¦ã©ã‚“ãªæ„Ÿã˜ï¼Ÿã©ã‚“ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã®ï¼Ÿã¨ã„ã†ã®ã‚’çŸæ™‚é–“ã§ç†è§£ã§ãる構æˆã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ jQueryã«èˆˆå‘³ãŒã‚ã‚‹ã‘ã©ãƒ»ãƒ»ãƒ»ã¨ã„ã†æ–¹ã¯ãœã²ä¸€åº¦ã“ã®è¬›åº§ã‚’ã”らんã«ãªã£ã¦ãã ã•ã„。 ãã—ã¦ã€ã“ã®è¬›åº§ã§jQueryã«èˆˆå‘³ã‚’æŒã£ã¦ã€Web制作ã®ç¾å ´ã§ä½¿ã† jQueryデザイン入門ã§æ§˜ã€…ãªã“ã¨è¡¨ç¾ã§ãるよã†ã«ãªã£ã¦ã„ãŸã ã‘ãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ スãƒãƒ³ã‚µãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ to-Rã«ã¤ã„㦠JavaScriptã‚„CSSã€React/Angularãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™ã€‚ 書ã„ã¦ã‚‹äºº 西畑一馬 (æ ªå¼ä¼šç¤¾ãƒˆã‚¥ãƒ¼ã‚¢ãƒ¼ãƒ«) 代表å–ç· å½¹/フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ æ ªå¼ä¼šç¤¾ãƒˆã‚¥ãƒ¼ã‚¢ãƒ¼ãƒ«ã«ã¤ã„㦠渋谷ã«ã‚るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ç‰¹åŒ–ã—ãŸWeb制作会社ã§ã™ã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³
![[ASCII.jp]40分ã§è¦šãˆã‚‹ï¼jQuery速習講座](https://cdn-ak-scissors.b.st-hatena.com/image/square/c564e5493933f3aaee932ca1e5daf08a2113da62/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F001_590x150.png)
Re: 今ã•ã‚‰èžã‘ãªã„jQuery実行パターンã¾ã¨ã‚ã€å®Ÿè¡Œã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã£ã¦ï¼Ÿã¡ã‚‡ã£ã¨ã—ãŸè£œè¶³ã€‘
今ã•ã‚‰èžã‘ãªã„jQuery実行パターンã¾ã¨ã‚ :: 5509(+1) noriã•ã‚“ã®ãƒ–ãƒã‚°ã§ã¾ã¨ã‚られã¦ã„ãŸã€Œ.ready()ã€ãªã©ã®jQueryã®å®Ÿè¡Œãƒ‘ターンã«ã¤ã„ã¦ã®ã¾ã¨ã‚。jQueryã®æ›¸ã出ã—ã«æ›¸ã‹ã‚Œã‚‹.ready()メソッドや$(function(){～});ãªã©ã‚’「ãŠã¾ã˜ãªã„ã€ã¨ã‹ã€Œæœ€åˆã«æ›¸ã„ã¦ãŠãã‚‚ã®ã€ãªã‚“ã¦è¨€ã‚ã‚ŒãŸã‚Šè¦‹ã¦è¦šãˆã¦ã„ãŸäººãŒå¤šã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã£ã¦æ€ã†ã®ã§ã™ãŒã€ã“ã†ã„ã†ã¾ã¨ã‚ãŒã‚ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ãã¦ã„ã„ã§ã™ã。 å分ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€åƒ•ãªã‚Šã®è£œè¶³ã‚’入れã¦ãŠã“ã†ã‹ãªã¨æ€ã£ãŸã®ã§ç´¹ä»‹ã‚‚å…¼ãã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ 慣習的ã«æ›¸ãç†ç”± ã“ã®ã€Œ$(document).ready(function(){～});>ã€ã‚„「$(function(){～});ã€ã¯jQueryã®ã‚¹ã‚¯ãƒªãƒ—トを書ãã¨ãã®æœ€åˆã«ã€æ…£ç¿’çš„ã«æ›¸ãã‚‚ã®ã§ã€ã€ŒãŠã¾ã˜ãªã„ã€ã¨ã‹ã€Œã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ãŠã‘ï¼ã€ãªã‚“ã¦è¨€ã‚ã‚Œã¦ã€ä½•ã¨ãªã書ãå…¥
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
転é€ä¸
{{#tags}}- {{label}}
{{/tags}}