Nuxt 2 - The Intuitive Vue Framework ドã‚ュメントThe Intuitive Vue Framework Nuxt を使ã£ã¦ä¿¡é ¼ã‚る次世代㮠Vue.js アプリケーションを構築ã™ã‚‹ Web 開発をシンプルã«ã‹ã¤ãƒ‘ワフルã«ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースフレームワーク
TypeScript + Vue.js ã®å§‹ã‚æ–¹
ã¨èžã‹ã‚Œã¾ã™ã€‚ 後ã§è§£èª¬ã™ã‚‹ã‚¯ãƒ©ã‚¹è¨˜æ³•ã‚’使用ã™ã‚‹ã‹ã©ã†ã‹ã®è³ªå•ãªã®ã§ã™ãŒã€ã¨ã‚Šã‚ãˆãšYã«ã—ã¾ã™ã€‚ （class-style component syntaxを使用ã™ã‚‹å ´åˆã€vue-class-componentモジュールãŒè¿½åŠ ã§å¿…è¦ã«ãªã‚Šã¾ã™ã€‚Yã‚’é¸æŠžã™ã‚‹ã¨ã€ãƒ—リセットã®ç”Ÿæˆæ™‚ã«è‡ªå‹•ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚） 残りã®è³ªå•ã‚‚全部Yã«ã—ã¦ãŠãã¾ã—ょã†ã€‚ ã“ã‚Œã§TypeScriptã§Vueを書ã準備ã¯å®Œäº†ã§ã™ï¼ðŸ‘ðŸ‘👠. ├── README.md ├── babel.config.js ├── node_modules ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── src ├── tsconfig.json └── tslint.json
Reactã¨Vueã£ã¦ã©ã†é•ã†ï¼Ÿå…¨ãåŒã˜ã‚¢ãƒ—リをReactã¨Vueã§ä½œæˆã—ã¦ã¿ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹
日常的ã«Vueを使用ã—ã¦ã„る開発者ãŒã€Reactã¯ã©ã†ãªã®ã ã‚ã†ã¨æ€ã„ã€Reactã¨Vueã§å…¨ãåŒã˜ã‚¢ãƒ—リを作æˆã—ãŸæ™‚ã®ãã‚Œãžã‚Œã®å·¥ç¨‹ã‚’比較ã—ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹ã‚’紹介ã—ã¾ã™ã€‚ I created the exact same app in React and Vue. Here are the differences. 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 隣ã®å®¶ã®èŠç”Ÿã¯é’ã見ãˆã‚‹ Vueã¨Reactã§ä½œæˆã—ãŸã‚¢ãƒ—リã®è¦‹ãŸç›®ã‚’比較 Vueã¨Reactã¯ãƒ‡ãƒ¼ã‚¿ã‚’ã©ã®ã‚ˆã†ã«å¤‰æ›´ã•ã›ã‚‹ã‹ アイテムã®æ–°è¦ä½œæˆ アイテムã®å‰Šé™¤ イベントリスナーを渡㙠åコンãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’渡㙠親コンãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’戻㙠終ã‚り㫠隣ã®å®¶ã®èŠç”Ÿã¯é’ã見ãˆã‚‹ ç§ã¯ç¾åœ¨ã®è·å ´ã§Vueを使用ã—ã¦ãŠã‚Šã€VueãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ã‹ãªã‚Šç†è§£ã—ã¦ã„
Vue.js ã§ã¯ã˜ã‚るシングルページアプリケーションã®é–‹ç™º - HDE BLOG
Vue.js 㯠JavaScript フレームワークã§ã™ã€‚ ウェブアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹é–‹ç™ºã‚’支æ´ã™ã‚‹æ§˜ã€…ãªä»•çµ„ã¿ã‚’æä¾›ã—ã¾ã™ã€‚ 管ç†ç”»é¢ã¯ã‚‚ã¡ã‚ã‚“ã€HTMLエディタã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã«å¯¾ã—ã¦å³å¿œæ€§ãŒå¿…è¦ãªã‚¢ãƒ—リケーションを簡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 例ãˆã°ã€ãƒ†ã‚ストエリアã«æ–‡å—を入力ã™ã‚‹ã¨ã€ デザインã—ãŸãƒšãƒ¼ã‚¸ã®ç‰¹å®šã®DIVè¦ç´ ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã•ã‚Œã‚‹ã¨ã„ã£ãŸãƒ‡ãƒ¼ã‚¿åæ˜ ã®ä»•çµ„ã¿ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ ã¾ãŸã€JavaScript ã§å¤§è¦æ¨¡ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®é–‹ç™ºã‚’è¡Œã†å ´åˆã€HTMLファイルã®ãƒ†ãƒ³ãƒ—レート化〠JSファイルã®ä¾å˜é–¢ä¿‚ã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°æ±šæŸ“ãªã©æ§˜ã€…ãªèª²é¡Œã«ç›´é¢ã—ã¾ã™ã€‚ Vue.js ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†ä»•çµ„ã¿ã¨ Webpack ã¨ã„ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ãƒ„ールã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ ã“れらã®èª²é¡Œã«ã†ã¾ã対処ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 今ã¾ã§ jQuery
ä¸ã€œå¤§è¦æ¨¡ãªSPAを開発ã™ã‚‹æ™‚ã«æŠ‘ãˆã¦ãŠããŸã„10ã®ãƒã‚¤ãƒ³ãƒˆ - KAYAC Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚カヤックã®SPAãŠã˜ã•ã‚“ã“ã¨å³¶æ´¥ã§ã™ã€‚ 今年ã¯Reactã¨Vueを使ã£ãŸSPA開発プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã„ãã¤ã‹æ‹…当ã—ã¦ããŸã®ã§ã€ãã“ã§å¾—ãŸçŸ¥è¦‹ã®ç·ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ※ ã“ã“ã§ã®SPAã¨ã¯ã™ã¹ã¦ã®Viewã‚’JavaScriptã§æ›¸ãWebアプリã®ã“ã¨ã‚’指ã—ã¾ã™ã€‚サーãƒãƒ¼ã‚µã‚¤ãƒ‰MVCを主軸ã«Viewã®ä¸€éƒ¨ã‚’Reactã‚„Vueã§æ›¸ãã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚±ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 1. フレームワーク æ•°å¹´å‰ã¨ã¯äº‹æƒ…ãŒå¤‰ã‚り〠フレームワークを使ã‚ãªã„ã¨ã„ã†é¸æŠžè‚¢ã¯æ˜¨ä»Šã ã¨ã‚‚ã†ç„¡ã„ã§ã—ょã†ã€‚丸腰ã®JSã§DOMを弄ã£ã¦ã„ãŸæ™‚代ã«æ¯”ã¹ã‚‹ã¨ã€ã‹ãªã‚Šå®‰å®šã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 人気フレームワークã®å°é ã«ãªã£ã¦ã„ã‚‹ React + Redux Vue + Vuex ã‚’ã“ã®1年使ã£ã¦ãã¾ã—ãŸãŒã€æ›¸ãæ–¹ã¯é•ãˆã©Fluxアーã‚テクãƒãƒ£ãƒ»ä»®æƒ³DOM・コンãƒãƒ¼ãƒãƒ³ãƒˆå¿—å‘
グリグリ動ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathing
ã“れ㯠Vue.js #3 Advent Calendar 2017 – Qiita 4日目ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚SVGã§è‰²ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚最近ã®ä½œå“ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作りãŸã„ï¼ï¼ã¨ã„ã†ä¸€å¿ƒã§ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã“れらã¯ã»ã¨ã‚“ã©SVGã¨Vueã®çµ„ã¿åˆã‚ã›ã®ã¿ã§ä½œã£ã¦ã„ã¾ã™ã€‚ä¾å˜ãŒå°‘ãªã„ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã€ãƒ©ã‚¤ãƒ–ラリ間ã®ç›¸æ€§ã§ãƒãƒžã£ãŸã‚Šã€ã„ã‚ã‚“ãªãƒ‰ã‚ュメント間を往復ã™ã‚‹ã“ã¨ãŒãªããªã‚Šã¾ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIを作るã®ã¯åŸºæœ¬çš„ã«ã‚ã‚“ã©ãã•ã„ã§ã™ã€‚jQuery pluginを駆使ã—ã¦ä½œã‚‹ã®ã‚‚é—‡ãŒå¤šã„ã§ã™ã—ã€divã‚„canvasをゴリゴリã™ã‚‹ã®ã‚‚çµæ§‹æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã§ã™ãŒã€æœ€è¿‘ã¯SVGã§é«˜åº¦ãªUI実装ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸæ°—ãŒã—ã¾ã™ã€‚特ã«è‡ªåˆ†ãŒè¡æ’ƒã‚’å—ã‘ãŸã®ã¯ã€CacooãŒFlashã‹ã‚‰SVGã«ã‚¹ã‚¤ãƒƒãƒã—ãŸã“ã¨ã§ã™ã€‚ nulab-i
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework Web ユーザーインターフェース構築ã®ãŸã‚ã®ã€è¦ªã—ã¿ã‚„ã™ãã€ãƒ‘フォーマンスã¨æ±Žç”¨æ€§ã®é«˜ã„フレームワーク。 Vue を使ã†ç†ç”± ã¯ã˜ã‚ã‚‹ インストール Vue 2 ã®ã‚»ã‚ュリティー・アップデート Special Sponsor slot is now vacant - Inquire now 親ã—ã¿ã‚„ã™ã„ 直感的㪠API ã¨ãƒ¯ãƒ¼ãƒ«ãƒ‰ã‚¯ãƒ©ã‚¹ã®ãƒ‰ã‚ュメントを使用ã—ã¦ã€æ¨™æº–的㪠HTMLã€CSSã€JavaScript ã‚’ã‚‚ã¨ã«æ§‹ç¯‰ã—ã¾ã™ã€‚
JavaScript界隈ã®æµè¡Œã®å¤‰é·ã‚’調査ã™ã‚‹æ™‚ã¯ã€Œnpm trendsã€ãŒã‚ªã‚¹ã‚¹ãƒ¡ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近ã¯æ¯”較的ゆã£ãŸã‚Šã—ã¦ã„ã¾ã™ã®ã§ã€ä»¥å‰ã»ã©é »ç¹ã«ã¿ã‚‹ã“ã¨ã‚‚ãªããªã‚Šã¾ã—ãŸãŒã€JS界隈ã®æœ€æ–°ã®çŠ¶æ³ã¯æ°—ã«ãªã‚‹ã‚‚ã®ã€‚ ãã†ã„ã£ãŸæ™‚ã®å®Ÿéš›ã®ãƒˆãƒ¬ãƒ³ãƒ‰èª¿æŸ»ã«ã¯ã€Googleトレンド ã§ã¯ãªã ã€npm trendsã®åˆ©ç”¨ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ npm trendsã¨ã¯ï¼Ÿ npm trendsã¯ã€npm上ã«ç™»éŒ²ã•ã‚Œã¦ã„るパッケージã®DLæ•°ã®å¤‰é·ã‚’グラフã¨ã—ã¦å¯è¦–化ã—ã€æ¯”較ã¾ã§ãŒã§ãã‚‹Webサイトã§ã™ã€‚ ã“ã‚Œã¾ã§ã‚‚ã€Googleトレンドãªã©ã§èª¿æŸ»ã¯å¯èƒ½ã§ã—ãŸãŒã€ã“れらã¯ã‚ãã¾ã§ã‚‚「検索ボリュームã€ã®è©±ã§ã—ãŸã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®npm trendsを利
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
最新版ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼Vue.jsã®ã‚ˆã使用ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚„構文ãŒã¾ã¨ã‚られãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆ¶ä½œè€…用ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
{{#tags}}- {{label}}
{{/tags}}