https://creative-tweet.net/blog/2018/04/beginning-vuejs.html
実ã¯ã‚¹ã‚´ã‚¤ã€ŒCodePenã€ã®éš ã‚ŒãŸå¿…殺機能ã®ä½¿ã„方をã¾ã¨ã‚ã¦ã¿ãŸï¼ : ã†ãˆã¶ã¯ã£ã
ブラウザ上ã§ã€æ‰‹è»½ã«Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’書ã„ã¦å®Ÿè¡Œã§ãるコードエディタ「CodePenã€ã‚’ã”å˜çŸ¥ã®æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ 使ãˆã°ä½¿ã†ã»ã©ã€ã“ã®ã‚µãƒ¼ãƒ“スãŒå¤šæ©Ÿèƒ½ã§ã‚ã‚‹ã“ã¨ã«æ°—付ãã‚ã‘ã§ã™ãŒã€ç‰¹ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ã‚‹ã¡ã‚‡ã£ã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªä½¿ã„æ–¹ã ã‘をピックアップã—ã¦ã¿ã¾ã—ãŸã€‚ 一応ã€å…¬å¼ã®ãƒ‰ã‚ュメントã«ã¯æ›¸ã„ã¦ã‚ã‚‹ã®ã§ã™ãŒã€ã€Œç¿»è¨³ãŒé¢å€’ãªäººã€ã‚„「ãã‚‚ãも知らãªã„ã€â€¦ã¨ã„ã†äººã«å‘ã‘ã¦ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ 「ソースコードã€ã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°æ©Ÿèƒ½ï¼ 「CodePenã€ã§ã¯ã€ç°¡å˜ã«ã€ŒHTML/CSS/JavaScriptã€ã‚’書ã„ã¦ã€Œå®Ÿè¡Œï¼†ä¿å˜ã€ã§ãã¾ã™ãŒã€æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¯ã©ã“ã‹ã‚‰ã§ã‚‚å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€ä½•ã‹ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ä¿å˜ã™ã‚‹ã¨å°‚用ã®ã€Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆURLã€ãŒè‡ªå‹•çš„ã«ç™ºè¡Œã•ã‚Œã¾ã™ã€‚ ã“ã®URLã®æœ«å°¾ã«ã€ã€Œ.jsã€ã€Œ.cssã€ã€Œ.htmlã€ã¨è¿½è¨˜ã™ã‚‹ã ã‘ã§å‚ç…§ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ JavaScriptフ
モダンãªWeb開発環境ã¨ã—ã¦ã®CodePen
CodePen 普段ã¯æ„šç›´ã«HTMLã‚„CSSã€Javascriptを書ã„ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€ã§ãã‚‹ã“ã¨ãªã‚‰ã‚‚ã£ã¨ãƒ¢ãƒ€ãƒ³ãªé–‹ç™ºç’°å¢ƒã«æ…£ã‚ŒãŸã„ã¨æ€ã£ã¦ã¾ã™ã€‚ ã—ã‹ã—ã€ç¿’得コストã¨ã„ã†ã‚‚ã®ã¯ã‚ã‚‹ã‚ã‘ã§â€¦â€¦ã‚‚ã£ã¨ã€æ°—軽ã«æ‰‹ã‚’出ã›ãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸã¨ã“ã‚ã€Web上ã§HTML+CSS+Javascript使ã£ã¦ä½œå“を作æˆã§ãã‚‹CodePenã§CoffeeScriptãªã©ãŒä½¿ãˆã‚‹ã“ã¨çŸ¥ã‚Šã¾ã—ãŸï¼ˆé…ã„） Githubã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã§åˆ©ç”¨ã§ãã‚‹ã®ã§ã€èˆˆå‘³ã‚ã‚‹ã‹ãŸã¯å¦ç¿’用ã«ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ CodePenã‚¨ãƒ‡ã‚£ã‚¿ç”»é¢ HTML編集タブ HTML以外ã®ã€Haml,Markdown,Slimãªã©ã®ãƒ†ãƒ³ãƒ—レート言語使ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’記述ã§ãã¾ã™ã€‚ CSS編集タブ LESS,SCSS,Sassãªã©ã®CSSメタ言語を利用ã§ãã¾ã™ã€‚ Javascript編集タブ CoffeeScriptãŒä½¿ãˆã¾ã™ã€‚ä»–ã€è‘—åãªãƒ©
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}