Vue.js ã‚’ vue-cli を使ã£ã¦ã‚·ãƒ³ãƒ—ルã«ã¯ã˜ã‚ã¦ã¿ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ã‚„ã‚らã‹Vue.js
ã‚„ã‚らã‹Vue.jsã«ã¤ã„㦠/ è¿·ã‚ãªã„Vueã®å¦ã³æ–¹ / ã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ± / フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’気楽ã«æ©ã“ㆠ/ çŒ«æœ¬ä»¥å‰ / æ›¸ç± / ã€æ¼«ç”»ã§è§£èª¬ã€‘Vue.jsã§æ¥½ã‚’ã—よã†ï¼ / レイアウトã©ã†ã™ã‚Œã°ã„ã„？ / å‚考ã«ãªã‚‹ãƒšãƒ¼ã‚¸ / webpackã®å‹•ä½œã‚’見ã¦ã¿ã‚ˆã† / vue-routerã¨ã‹vuexã£ã¦ä½¿ã£ãŸã»ã†ãŒã„ã„ã®ï¼Ÿ / Vueã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«å…¥ã‚ŠãŸã„ï¼ / flaskã‚„railsã¨
jQueryã‚’å’æ¥ã—ãŸã‹ã£ãŸåƒ•ãŒReact Staticã§Reactをイãƒã‹ã‚‰å¦ã‚“ã§Webサイトを作ã£ãŸè©± | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
Typetalk ãƒãƒ¼ãƒ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å²¡è—¤ï¼ˆ@johnykei）ã§ã™ã€‚先日 Typetalk Webサイトリニューアルã«ä¼´ã„ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“ã‚’ jQuery ã‹ã‚‰Â React + styled-components ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚本記事ã§ã¯ã€React を用ã„㟠Web サイト制作ã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ã¯ã˜ã‚㫠タイトルã«ã‚‚ã‚るよã†ã«ã€åƒ•ã¯ä»Šã¾ã§ JavaScript を書ãå¿…è¦ãŒã‚る時ã¯ä½¿ã„慣れãŸÂ jQuery を使ã£ã¦ã„ã¾ã—ãŸã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è‚©æ›¸ãã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è·ç¨®ã¯å¹…広ãã€åƒ•ã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ãƒšãƒ¼ã‚¸ã‚„UIã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãŒä¸»ãªæ¥å‹™ã§ã€æ™®æ®µ JavaScript を書ãé »åº¦ã‚‚ãã‚“ãªã«é«˜ãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ 最近海外ã§ã¯ãã®ã‚ˆã†ãªæ¥ç¨®ã®äººã‚’フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã¶å‹•ãも出ã¦ãã¦ã„ã¾ã™ãŒã€jQuery ã—ã‹ä½¿ã£ã¦ã„
Vue.jsã‚’æ•™ãˆã‚‹ã¾ã§ã®é“ã®ã‚Š - sushitecture
querySelectorã‚’æ•™ãˆã‚‹ã¹ãã‹getElementByIdã¨ã‹ã§ã‚„ã‚‹ã¹ãã‹ä¸€çž¬è¿·ã†ï¼ˆçµå±€querySelectorã«ã™ã‚‹ï¼‰
Vue.js ㌠data ã«æ¸¡ã—ãŸå€¤ã‚’æ¿€ã—ã書ãæ›ãˆã‚‹ä»¶ã«ã¤ã„ã¦
最近ã€JavaScript ã® MV* フレームワークã®ä¸ã§ Vue.js ãŒå°‘ã—ãšã¤æ³¨ç›®ã‚’æµ´ã³ã¦ãã¦ã„るよã†ã§ã‚ã‚Šã¾ã™ã€‚ 5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”± | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒƒãƒˆãƒ«ãƒ¼ãƒ—技術ブãƒã‚° Vue.jsã‹ã‚‰æ‰‹è»½ã«å§‹ã‚ã‚‹JavaScriptフレームワーク - Qiita 軽é‡ã§ãƒ‘ワフルãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°MVVM, vue.jsã§éŠã‚“ã§ã¿ãŸ - mizchi's blog ãã‚“ãªã‚ã‘ã§ã€è‡ªåˆ†ã‚‚ Vue.js (v0.10.5) を触ã£ã¦ã¿ãŸã®ã§ã™ãŒã€data ã§æ¸¡ã—ãŸå€¤ã‚’æ¿€ã—ã書ãæ›ãˆã‚‹ã¨ã“ã‚ã«é¢é£Ÿã‚‰ã£ãŸã®ã§è¨˜äº‹ã«ã—ã¦ãŠãã¾ã™ã€‚ 自作クラスã®ã‚ªãƒ–ジェクトを Vue.js ã«æ¸¡ã™ã¨å£Šã•ã‚Œã‚‹ 何らã‹ã®ãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã‚’æŒã£ãŸãƒ¢ãƒ‡ãƒ«ã‚’作ã£ã¦ã€ãれを Vue.js ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã§ HTML ã«åæ˜ ã—よã†ã™ã‚‹ã¨ç ´ç¶»ã—ã¾ã™ã€‚ ç°¡å˜ãªä¾‹ã¨ã—ã¦ã€ã‚ˆãã‚
5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ï½œæŠ€è¡“ブãƒã‚°ï½œåŒ—æµ·é“æœå¹Œå¸‚・宮城県仙å°å¸‚ã®VR・ゲーム・システム開発 インフィニットループ
5分ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”± 先日ã®ã€ŒOpenIL vol.2ã€ã«ã¦ã€Œ5分ã§ã‚ã‹ã‚‹Vue.jsã€ã¨ã„ã†LTを発表ã—ã¾ã—ãŸã€‚ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘インフィニットループ公開勉強会「OpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å‰ç·¨ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘インフィニットループ公開勉強会「OpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å¾Œç·¨ ã“ã®è¨˜äº‹ã¯ã€ãã®æ™‚ã®LTã®è³‡æ–™ã‚’å…ƒã«ãƒ–ãƒã‚°åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ jQueryã¯é ‘張れã°é ‘張るã»ã©è¾›ããªã‚‹ jQueryã€ç°¡å˜ã«å‹•ãã®ã‚るサイトを作れã¦ã¨ã¦ã‚‚便利ã§ã™ã‚ˆã。 // 何ã‹ç”»é¢ã«åæ˜ ã™ã‚‹ $(".hoge").html("変更ã—ãŸã„内容"); // 変更時ã«ä½•ã‹å‡¦ç†ã—ã¦å¤‰æ›´ã™ã‚‹ $(".foo").on("change", function() { $(".bar").html("変更ã—ãŸã„内容"); }); イベントをå—ã‘å–ã£ã¦ã€è‰²ã€…ã¨å‡¦ç†ã‚’ã—
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}