Beautiflã¯Flash(ActionScript 3.0)ã®ã‚ªãƒ¼ãƒ—ンソースã®ç§€ä½œã‚’集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã€‚Webクリエイターã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを刺激ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªä½œå“をピックアップã—ã¦ã„ã¾ã™ã€‚

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 春ã§ã™ãï¼äººã®é…ç½®ãŒãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã•ã‚Œã€ã‚³ãƒ¼ãƒ‰ã‚‚リファクタリングã®å£ç¯€ã§ã™ã€‚ ã§ã¯åƒ•ãŒã“ã“ã§ãƒ¢ãƒ€ãƒ³ãªJavaScriptã¨ES2015ã®åˆ©ç‚¹ã‚’語る役をやるã®ã§ã€ã¿ãªã•ã‚“ã¯ãƒãƒ¼ãƒ を説得ã™ã‚‹å½¹ã‚’ã‚„ã£ã¦ãã ã•ã„。 JavaScriptã®æ´å² ã¾ãšæœ€åˆã«JavaScriptã®æ´å²ã‚’è¸ã¾ãˆã‚‹ã“ã¨ã§ã€ä»Šå¦ã¶ã¹ãã‚‚ã®ã¨ãã®ç†ç”±ã‚’確èªã—ã¾ã—ょã†ã€‚ ãªãœ2016å¹´ã®è¨˜äº‹ã§ES2016ã§ã¯ãªãã€ES2015ãªã®ã‹ã€ã¨ç–‘å•ã«æ€ã£ãŸæ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ãã‚Œã¯ã€ES2015ãŒãŸã ã®å¹´æ¬¡ã‚¢ãƒƒãƒ—デートã§ã¯ãªãã€ã“ã‚Œã‹ã‚‰å§‹ã¾ã‚‹æ¯Žå¹´ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã®èµ·ç‚¹
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景 僕ãŒæœ¬æ ¼çš„ã«Webã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã£ãŸã®ã¯2014å¹´é ƒã‹ã‚‰ã§ã€æ—©ã„ã‚‚ã®ã§ã‚‚ã†ä¸¸2å¹´ã»ã©çµŒã£ã¦ã—ã¾ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ Webã«è»¢å‘ã—ã¦ã‹ã‚‰ã¯ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å‹¤å‹™ã—ã¦ãã¾ã—ãŸã€‚ よã言ã‚れるã“ã¨ã§ã™ãŒã€æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¶¨å‹¢ã¯æœ¬å½“ã«æ—©ã„ã§ã™ã€‚ 最åˆã¯ã‚ャッãƒã‚¢ãƒƒãƒ—ã«è‹¦åŠ´ã—ãŸã“ã¨ã‚’覚ãˆã¦ã„ã¾ã™ã€‚ ã—ã‹ã—段々ã¨æ–°ã—ã„何ã‹ã‚’覚ãˆã‚‹ã“ã¨ã¯è‹¦ã§ãªããªã‚Šã€ä»Šã¯ã“ã®æµã‚Œã«èº«ã‚’ç½®ãã“ã¨ãŒæ¥½ã—ã„ã¨æ€ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 激動ã®è¶¨å‹¢ã®ä¸ã§ã€Webã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå£ã«ã™ã‚‹ãƒ‘ラダイムã¯æ—¥ã”ã¨ã«å¤‰åŒ–ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹
ECMAScript 2015(ES6)ã®æ¦‚è¦ã¨æ¬¡ä¸–代JavaScriptã®æ–°ãŸãªæ©Ÿèƒ½ æ³‰æ°´ç¿”å¾ ã“ã®è¨˜äº‹ã¯ã€ŒECMAScript2015/ES6特集ã€ã®ç¬¬1回目ã§ã™ã€‚ã“ã®ç‰¹é›†ã§ã¯JavaScriptã®æ¬¡ä¸–代仕様ã§ã‚ã‚‹ECMAScript 2015(ECMAScript 6)をå–り上ã’ã€æ´å²ã‚„経緯ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã‚„文法ã®è©³ç´°ãªã©è¤‡æ•°å›žã«æ¸¡ã£ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ ECMAScriptã¨JavaScript ãã‚‚ãã‚‚ECMAScriptã¨ã¯ãªã‚“ã§ã—ょã†ã‹ï¼ŸJavaScriptã¨ã¯ä¸€ä½“何ãŒé•ã†ã®ã§ã—ょã†ã‹ï¼ŸECMAScriptã¨JavaScriptã®é–¢ä¿‚ã¯ã€JavaScriptãŒç”Ÿã¾ã‚ŒãŸ1995å¹´ã¾ã§é¡ã‚Šã¾ã™ã€‚ JavaScriptã¯1995å¹´ã€å½“時Netscape Communicationsã«ã„ãŸBrendan Eichæ°ãŒWebã§å®Ÿè¡Œã§ãるスクリプト言語ã¨ã—ã¦é–‹ç™ºã—ã¾ã—ãŸã€‚ãã®å¾ŒInte
ç†è€…ãŒè©¦ã—ãŸã¨ã“ã‚ã€é–‹ç™ºç’°å¢ƒã¨ã—ã¦WebStormã‚„VS CodeãŒã¨ãã«å„ªã‚Œã¦ãŠã‚Šã€ãƒ„ールãƒãƒƒãƒ—ã«JSDocコメントã®æƒ…å ±ãŒã™ã¹ã¦è¡¨ç¤ºã•ã‚Œã¾ã—ãŸã€‚ ã¡ãªã¿ã«Reactã‚„Angularãªã©ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãªJSライブラリã«ãŠã„ã¦ã‚‚ã€ãã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ã¯JSDocコメントãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ (例 : Angularã€React)。APIãŒå¤šå²ã«æ¸¡ã‚‹JSライブラリを利用ã™ã‚‹ã¨ãã€ã‚ã–ã‚ã–リファレンスをブラウザã§é–‹ã„ãŸã‚Šè§£èª¬æ›¸ã§èª¿ã¹ã‚‹ã“ã¨ãªãã€ã‚³ãƒ¼ãƒ‰ä¸Šã§é–¢æ•°ã®ä»•æ§˜ã‚’確èªã§ãã¾ã™ã€‚ â–²æ画ライブラリCreateJSã®APIを表示ã—ãŸã‚‚ã® JSDocコメントã®ãƒ¡ãƒªãƒƒãƒˆâ‘¡ APIリファレンスã®ç”Ÿæˆ TypeDocç‰ã®ãƒ„ールを使ã†ã“ã¨ã§ã‚³ãƒ¼ãƒ‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒ‰ã‚ュメントを作æˆã§ãã¾ã™ã€‚ã“ã†ã„ã£ãŸJSライブラリã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã¿ãªã•ã‚“も一度ã¯è¦‹ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ウェブサイト案件ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§AP
※本ページã¯ã€ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆåºƒå‘Šã‚’利用ã—ã¦ã„ã¾ã™ã€‚ Webサイトã®UIをデザインã™ã‚‹ã¨ãã«ã‚‚ã£ã¨ã‚‚使用ã•ã‚Œã¦ã„るツールã¨è¨€ãˆã°ã€ã“ã“2,3å¹´ã§å®Œå…¨ã«ä¸€å¼·ã¨ãªã£ãŸFigmaã§ã™ã€‚ã“ã‚Œã‹ã‚‰ã‚‚Figma AIã‚„UI3ãªã©ã®æ–°æ©Ÿèƒ½ãŒãƒ™ãƒ¼ã‚¿ç‰ˆã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ã•ã‚‰ã«åŠ 速ã™ã‚‹å‹¢ã„ã§ã™ã€‚ ãã‚“ãªFigmaã®ä½¿ã„方を基本ã‹ã‚‰ã—ã£ã‹ã‚Šå¦ã³ãŸã„人ã«ã€Webサイトやスマホアプリã®UIをデザインã™ã‚‹æ‰‹é †ã‚’å¦ã³ãŸã„人ã«ã€å®Ÿå‹™ã«å³ã—ãŸFigmaã®ä½¿ã„方やUIデザインã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¹ã‚‹è§£èª¬æ›¸ã‚’紹介ã—ã¾ã™ã€‚ 解説ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹UIデザインも洗練ã•ã‚Œã¦ãŠã‚Šã€å¿ƒåœ°ã‚ˆã勉強ã§ãã¾ã™ã€‚
※ã„ãšã‚Œã®è¨€èªžã‚‚マルãƒãƒ—ラットフォームã§ã‚ã‚Šã€Windows, Mac OS Xã¨ã‚‚ã«ã©ã¡ã‚‰ã§ã‚‚利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 比較対象ã®ã‚µãƒ³ãƒ—ル サンプルã¨ã—ã¦ã‚·ãƒ³ãƒ—ルãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®Webコンテンツを用æ„ã—ã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã®è¨€èªžã§ã©ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¦å®Ÿè£…ã™ã‚‹ã®ã‹ã€ã¾ãŸç”Ÿæˆã•ã‚ŒãŸJavaScriptãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã§ã‚ã‚‹ã‹ç¢ºèªã—ã¦ã„ãã¾ã—ょã†ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã§ã¯è¨€èªžã®ç‰¹æ€§ã‚’紹介ã™ã‚‹ãŸã‚ã«ã€å®Ÿç”¨çš„ãªè¦ç´ ã¨ã—ã¦ã€Œã‚¯ãƒ©ã‚¹æ§‹é€ ã®åˆ©ç”¨ã€ã€Œæ—¢å˜JSライブラリã®åˆ©ç”¨ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼æ“作ã€ã‚’å«ã‚ã¦ã„ã¾ã™ã€‚ デモを開ã 「Change Photoã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨å†™çœŸãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚CSS3ã®3D Transformsã‚’jQueryを用ã„ã¦åˆ¶å¾¡ã—ã¾ã™ï¼ˆç¢ºèªã®éš›ã«ã¯ã€CSS3ã®3D TransformsãŒåˆ©ç”¨ã§ãるブラウザをã”利用下ã•ã„) æ¦‚è¦ TypeScriptã¯ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé–‹ç™ºã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã®è¨€
Adobeã‹ã‚‰æ–°ãŸã«ç™ºå£²ã•ã‚Œã‚‹æ³¨ç›®ã®é–‹ç™ºç’°å¢ƒã€ŒFlash Builderã€ã€‚本稿ã§ã¯ã€Flash Builderã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¾ã§ã‚’詳細ã«è§£èª¬ã—ã¾ã™ã€‚ã•ã‚‰ã«ã€æœ¬ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ç›®çŽ‰æ©Ÿèƒ½ã®1ã¤ã§ã‚るデータä¸å¿ƒåž‹ã‚¢ãƒ—リケーション開発を体験ã™ã‚‹ãŸã‚ã«ã€ã‚µãƒ³ãƒ—ルã¨ã—ã¦Twitterビューワーを作æˆã—ãªãŒã‚‰ã€ä½¿ã„方を紹介ã—ã¦ã„ãã¾ã™ã€‚ 0. ã¯ã˜ã‚ã« Adobeã‹ã‚‰æ–°ãŸã«ç™ºå£²ã•ã‚Œã‚‹ã€ŒFlash Builder 4ã€ï¼ˆã‚¢ãƒ‰ãƒ“・フラッシュ・ビルダーã€ä»¥ä¸‹Flash Builder)ã¯ã€å¾“æ¥Flashをメインã«ä½¿ç”¨ã—ã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚ã€Ajaxã‚„ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§RIAã®é–‹ç™ºã—ã¦ããŸé–‹ç™ºè€…ã«ã‚‚ã€Flexアプリケーションを簡å˜ã«ä½œæˆã§ãる数多ãã®æ©Ÿèƒ½ãŒç››ã‚Šè¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 本稿ã§ã¯ã€Flash Builderã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¾ã§ã‚’詳細ã«è§£èª¬ã—ã¾ã™ã€‚ã•ã‚‰ã«ã€æœ¬ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ç›®çŽ‰æ©Ÿ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}