30分ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作ã£ã¦é…布ã™ã‚‹ã¾ã§ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
JavaScriptã§è¦šãˆã¦ãŠãã¨ã‚ˆã„ãƒ‡ãƒ¼ã‚¿æ§‹é€ - é…列・オブジェクト - ã„ã‚ã„ã‚解æžæ—¥è¨˜
JavaScriptã§å¿…è¦ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã®è¦šæ›¸ã§ã™ã€‚ 目次 é…列 é…列を生æˆã™ã‚‹ã€‚ é…列ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¿½åŠ ã™ã‚‹ã€‚ é…列ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹ã€‚ é…列ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã€‚ é…列ä¸ã®ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ã«åŒã˜å‡¦ç†ã‚’ã™ã‚‹ã€‚ オブジェクト オブジェクトを生æˆã™ã‚‹ã€‚ オブジェクトã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹ã€‚ オブジェクトã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã€‚ オブジェクトä¸ã®ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ã«åŒã˜å‡¦ç†ã‚’ã™ã‚‹ã€‚ 関連記事 é…列 é…列ã¯è¤‡æ•°ä»¶ã®ãƒ‡ãƒ¼ã‚¿ã‚’扱ã†ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã§ã™ã€‚ â– é…列を生æˆã™ã‚‹ã€‚ é…列ã®ç”Ÿæˆã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¡Œã„ã¾ã™ã€‚ var é…列ã®åå‰ = []; var é…列ã®åå‰ = [ データ, データ, … ]; é…列ã®ç”Ÿæˆã§ã¯ã€é…列ã®åå‰ã‚’指定ã—ã¾ã™ã€‚ ã‚‚ã—ã€ç”Ÿæˆæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹å ´åˆã«ã€[]内ã«ãƒ‡ãƒ¼ã‚¿ã‚’指定ã—ã¾ã™ã€‚ ãªãŠã€JavaScriptã§ã¯é…列ã®ç”Ÿæˆæ™‚ã«ã‚µã‚¤ã‚ºã‚’指定ã—ã¾ã›ã‚“。 例ãˆã°ã€ç©ºã®é…列array1を生æˆã™ã‚‹ã«ã¯ã€ä»¥
JavaScriptã‚’ä¸å¿ƒã¨ã—ãŸWebアプリ開発ã®æ „枯盛衰ã¾ã¨ã‚――LiveScriptã‹ã‚‰AngularJSï¼React.jsã¾ã§
JavaScriptã‚’ä¸å¿ƒã¨ã—ãŸWebアプリ開発ã®æ „枯盛衰ã¾ã¨ã‚――LiveScriptã‹ã‚‰AngularJSï¼React.jsã¾ã§ï¼š15周年記念特別ä¼ç”» ï¼ ITãŒèª•ç”Ÿã—ãŸ2000å¹´é ƒã¯JavaScriptãŒä¸é‡ã ã£ãŸæ™‚代。ãã“ã‹ã‚‰ç¾åœ¨ã®ã‚ˆã†ãªäººæ°—ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãªã‚‹ã¾ã§ã«ã¯ã€ã©ã®ã‚ˆã†ãªæ´å²ãŒã‚ã£ãŸã®ã‹ã€‚15周年を迎ãˆãŸï¼ ITã®è±Šå¯ŒãªWeb開発関連記事ã¨ã¨ã‚‚ã«æŒ¯ã‚Šè¿”る。 2015å¹´6月17æ—¥ã«ã€JavaScriptã®æœ€æ–°æ¨™æº–仕様ã¨ãªã‚‹ã€ECMAScript 6（ES6ã€ECMAScript 2015）ãŒæ£å¼ã«æ‰¿èªã•ã‚Œã¾ã—ãŸï¼ˆå‚考）。1997å¹´ã«ECMAScriptã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰6度目ã®ã‚¢ãƒƒãƒ—デートã¨ãªã‚Šã€ã“ã‚Œã¾ã§ã®ä¸ã§ä¸€ç•ªå¤§ããªå¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 本稿ã§ã¯ã€ECMAScript 6ãŒæ£å¼ã«æ‰¿èªã•ã‚ŒãŸã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€2000å¹´é ƒã®ç¬¬ä¸€æ¬¡ãƒ–ラウザー戦争
マークアップ効率化 - zen-codingã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å€é€Ÿã«
HTMLã®è¨˜æ³•ã«ã¤ã„㦠基本的ã«ã¯ã€Œdivã€ã®æ§˜ã«è¦ç´ ã‚’çœç•¥ã›ãšã«è¨˜è¿°ã—ã¦ã€ãれを展開ã™ã‚‹ã¨ã€Œ<div></div>ã€ã¨ã„ã†å½¢ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ ã“ã®ã¨ãã«å±•é–‹ã§ãã‚‹è¦ç´ ã¯ä»¥ä¸‹ã®å…¬å¼ãƒ‰ã‚ュメントã«æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’見るã¨ã‚ˆã„ã§ã™ã€‚ Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的ãªè¨˜æ³• ã²ã¨ã¤ãšã¤é †ç•ªã«è¨˜è¿°ã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ã—ã°ã‚‰ãåˆæ©çš„ãªèª¬æ˜Žã«ãªã‚‹ã®ã§ã‚る程度知ã£ã¦ã„ã‚‹æ–¹ã¯é£›ã°ã—ã¦ã„ãŸã ã„ã¦è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã‚‚ã®ã™ã”ã基本的ãªè¨˜æ³•ã§ã‚ã‚‹ã€å˜ç‹¬ã‚¿ã‚°ã®è¨˜æ³•ã«ã¤ã„ã¦èª¬æ˜Žã‚’è¡Œã„ã¾ã™ã€‚ cssã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’イメージã—ãªãŒã‚‰è¦‹ã¦ã„ãã¨ç´å¾—ã—ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¿ã‚°ã ã‘å¤‰æ› å¤‰æ›å‰ div 変æ›å¾Œ <div></div> デモ 文末ã§tabを押ã—ã¦ãã ã•ã„ div 変æ›å¾Œã€divè¦ç´ ã®é–“ã«ã‚«ãƒ¼ã‚½ãƒ«ãŒç§»å‹•ã™ã‚‹ã®ã§ã€ã™ãã«ãƒ†ã‚
シンプルã§ã‹ã¤æœ€é«˜ã®JavaScriptプãƒãƒ•ã‚¡ã‚¤ãƒ© sjsp を作りã¾ã—ãŸï¼ ― WebアプリケーションãŒè¤‡é›‘化ã™ã‚‹ä¸ã§ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã«æ±‚ã‚られるもã®ã¨ã¯ä½•ã‹ - プãƒã‚°ãƒ©ãƒ モグモグ
ã‚らã™ã˜ Web技術ãŒè¤‡é›‘ã«ãªã‚‹ä¸ã§ã€JavaScriptã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’ã¨ã‚‹æ–¹æ³•ã¨ã¯ã€‚ プãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’å–ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚’手ã§æ›¸ã„ã¦ã¿ã¾ã—ょã†ã€‚ ã¨ã¦ã‚‚シンプルã§ã€ã‹ã¤æœ€é«˜ã®JavaScriptプãƒãƒ•ã‚¡ã‚¤ãƒ© sjsp を作りã¾ã—ãŸã€‚ 本当ã«ã‚ã£ãŸæ€–ã„話 ä¸Šå¸ ã€Œã¨ã«ã‹ãJavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’速ãã—ã¦ãã‚Œã€ ç§ ã€Œåˆ†ã‹ã‚Šã¾ã—ãŸã€é€Ÿãã—ã¾ã™ã€ (次ã®æ—¥) ç§ ã€Œã„ã„プãƒãƒ•ã‚¡ã‚¤ãƒ©ãŒãªã„ãªã‚‰ä½œã‚Œã°ã„ã„ã˜ã‚ƒãªã„〠åŒã˜ãƒãƒ¼ãƒ ã®äºº 「ãˆã£ï¼Ÿã€ ç§ ã€Œæœ€é«˜ã®JavaScriptプãƒãƒ•ã‚¡ã‚¤ãƒ©ä½œã£ãŸã‚ˆã€ åŒã˜ãƒãƒ¼ãƒ ã®äºº 「「ãˆã£ãˆã£ï¼Ÿï¼Ÿï¼Ÿã€ã€ ç§ ã€Œæ—©é€Ÿä½¿ã£ã¦ã¿ãŸã‚‰ã“ã“ã¨ã“ã“ãŒé…ã„ã£ã¦åˆ†ã‹ã£ãŸã‚ˆã€ åŒã˜ãƒãƒ¼ãƒ ã®äºº 「「「ã“ã®åã¯ä¸€ä½“…ã€ã€ã€ JavaScriptã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã®é›£ã—ã• è¿‘å¹´ã€Webブラウザーã®å‡¦ç†é€Ÿåº¦ã¯è‘—ã—ãå‘上ã—ã€ãã®å¯ç”¨æ€§ã®é«˜ã•ã‹ã‚‰ã€ã‚¢ãƒ—リケーションã®ãƒ—ラットフォーãƒ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}