VueJS Course @ Vue School - Stay sharp in modern web developmentLearn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials and video courses.
TypeScript ã®ã‚µãƒãƒ¼ãƒˆ — Vue.js
ガイド 基本的ãªä½¿ã„æ–¹ インストール ã¯ã˜ã‚ã« Vue インスタンス テンプレート構文 算出プãƒãƒ‘ティã¨ã‚¦ã‚©ãƒƒãƒãƒ£ クラスã¨ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° æ¡ä»¶ä»˜ãレンダリング リストレンダリング イベントãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° フォーム入力ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° コンãƒãƒ¼ãƒãƒ³ãƒˆã®åŸºæœ¬ コンãƒãƒ¼ãƒãƒ³ãƒˆã®è©³ç´° コンãƒãƒ¼ãƒãƒ³ãƒˆã®ç™»éŒ² プãƒãƒ‘ティ カスタムイベント スãƒãƒƒãƒˆ å‹•çš„ & éžåŒæœŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ 特別ãªå•é¡Œã«å¯¾å‡¦ã™ã‚‹ トランジションã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ Enter/Leave ã¨ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ä¸€è¦§ 状態ã®ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ å†åˆ©ç”¨ã¨æ§‹æˆ ミックスイン カスタムディレクティブ æ画関数ã¨JSX プラグイン フィルター ツール å˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ テスト TypeScript ã®ã‚µãƒãƒ¼ãƒˆ プãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ç’°å¢ƒã¸ã®é…ä¿¡ スケールアップ ルーティング çŠ¶æ…‹ç®¡ç† ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ã‚»ã‚ュリティ 内部 リアクティブ
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 ã‚’ã‚‚ã¨ã«æ§‹ç¯‰ã—ã¾ã™ã€‚
Webアプリ無料é‹å–¶ã®ã‚¹ã‚¹ãƒ¡ï¼šFirebaseã¨Nuxt(Vue)ãªã‚‰æœ€å¼·ï¼ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¾ã サーãƒãƒ¼ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼ŸFirebase（サーãƒãƒ¼ãƒ¬ã‚¹ï¼‰ã¨Nuxt.js（Vue系）ãªã‚‰Webアプリé‹å–¶ã¯æœ€å¼·ã§ã—ょï¼ï¼Ÿ ã“ã®è¨˜äº‹ã¯ã€ サーãƒãƒ¼è²»ç”¨ã‚’ãªã‚‹ã¹ãã‹ã‘ãŸããªã„ã‘ã©ã‚·ãƒ§ãƒœã„ã®ã¯NO Firebaseã®æ´»ç”¨æ³•ã‚’ã‚ã¾ã‚Šç†è§£ã—ã¦ã„ãªã„ Nuxt/Vueを使ã£ã¦ã‚¢ãƒ—リ作ã£ã¦ã¿ãŸã„（Next/Reactã¨æ‚©ã‚“ã§ãŸã‚Šï¼‰ アプリ構想ã¯ã‚ã‚‹ã‘ã©ã‚¢ã‚¤ãƒ‡ã‚¢ã®è½ã¨ã—è¾¼ã¿ã‚¹ãƒ”ードãŒé…ãã¦æ¯Žå›žæŒ«æŠ˜ã™ã‚‹ ã¨ã„ã†äººå‘ã‘ã«ã€ã€Œã“ã‚“ãªæ„Ÿã˜ã§æ§‹ç¯‰ã™ã‚Œã°åŠ¹çŽ‡è‰¯ã開発ã§ããã†ã‚ˆã€ã¨ã„ã†ã®ã‚’ã€å‹‰å¼·ã«ãªã£ãŸè¨˜äº‹ã‚„技術的トピック・躓ã„ãŸç‚¹ãªã©ã‚‚åˆã‚ã›ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã
Vue.jsã®å‹‰å¼·ã«ã‚‚ã„ã„ï¼UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„インタラクションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã¾ã¨ã‚られ㟠-Vue.js Examples | コリス
Vue.jsã§ã•ã¾ã–ã¾ãªUIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„インタラクションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„リソースãŒã¾ã¨ã‚られãŸVue.js Examplesを紹介ã—ã¾ã™ã€‚ ページやアプリã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¯ã˜ã‚ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚«ãƒ¼ãƒ‰åž‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒ•ã‚©ãƒ¼ãƒ や検索ã€ãƒŠãƒ“ゲーションやページãƒãƒ¼ã‚·ãƒ§ãƒ³ã€Lazy Loadãªã©ã€æœ€è¿‘見ã‹ã‘ã‚‹ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚
基礎ã‹ã‚‰å¦ã¶ Vue.js
ã©ã‚“ãªæœ¬ï¼Ÿ 機能ã”ã¨ã«è§£èª¬ã—ã¦ã„ã‚‹ Vue.js 入門書ã§ã™ã€‚ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹æ–¹ã«ã‚‚ã€ã™ã§ã« Vue.js ã‚’ãŠä½¿ã„ã®æ–¹ã«ã‚‚ã€æ¥½ã—ã‚“ã§ã„ãŸã ã‘る内容ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã—ã£ã‹ã‚Šå¦ç¿’ã§ãã‚‹ï¼ Vue.js ã¯ç›´æ„Ÿçš„ã«ä½¿ãˆã‚‹æ©Ÿèƒ½ãŒå¤šãã€é›°å›²æ°—ã§ä½¿ã£ã¦ã—ã¾ã„ãŒã¡ã§ã™ã€‚ã©ã‚“ãªãƒ¡ãƒªãƒƒãƒˆï¼†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã‹ã‚‚解説ã—ã¦ã„ã‚‹ãŸã‚ã€ã—ã£ã‹ã‚Šã¨å¦ç¿’ã§ãã¾ã™ã€‚ 「Vue.js ãŒæ¥½ã—ã„ï¼ã€ã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ã“ã®è¨€è‘‰ã‚’耳ã«ã™ã‚‹ã“ã¨ãŒå¢—ãˆã¾ã—ãŸã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å–ã‚Šå·»ã技術ã®é€²åŒ–ã«ã‚ˆã£ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å½¹å‰²ã¯å¢—ãˆã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークもより身近ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®æœ¬ã§ã¯ã€ŒVue.js ã£ã¦ãªã«ï¼Ÿã€ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ワークã£ã¦ãªã«ï¼Ÿã€ã¨ã„ã†åŸºç¤Žæ¦‚念ã¨å°Žå…¥ã‹ã‚‰ãƒ—ãƒãƒ€ã‚¯ãƒˆã«å½¹ç«‹ã¤æƒ…å ±ã¾ã§ã‚’体系的ã«è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ JavaScript ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを始ã‚ã‚‹æ–¹ã«ã¯ã‚‚ã¡ã‚ã‚“ã€ã™ã§ã« Vue.js ã‚’ãŠä½¿ã„ã®
Vuex ã¨ã¯ä½•ã‹ï¼Ÿ | Vuex
æ³¨æ„ ã“ã‚Œã¯ã€Vue 3 ã§å‹•ä½œã™ã‚‹ Vuex 4 ã®ãŸã‚ã®ãƒ‰ã‚ュメントã§ã™ã€‚Vue 2 ã§å‹•ä½œã™ã‚‹ Vuex 3 ã®ãƒ‰ã‚ュメントをãŠæŽ¢ã—ã®æ–¹ã¯ã€ã“ã¡ã‚‰ã‚’ã”覧ãã ã•ã„。 Vuex 㯠Vue.js アプリケーションã®ãŸã‚㮠状態管ç†ãƒ‘ターン + ライブラリã§ã™ã€‚ ã“ã‚Œã¯äºˆæ¸¬å¯èƒ½ãªæ–¹æ³•ã«ã‚ˆã£ã¦ã®ã¿çŠ¶æ…‹ã®å¤‰ç•°ã‚’è¡Œã†ã¨ã„ã†ãƒ«ãƒ¼ãƒ«ã‚’ä¿è¨¼ã—ã€ã‚¢ãƒ—リケーション内ã®å…¨ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãŸã‚ã®é›†ä¸åž‹ã®ã‚¹ãƒˆã‚¢ã¨ã—ã¦æ©Ÿèƒ½ã—ã¾ã™ã€‚ "状態管ç†ãƒ‘ターン"ã¨ã¯ãªã‚“ã§ã™ã‹ï¼Ÿ #å˜ç´”㪠Vue ã§ä½œã‚‰ã‚ŒãŸã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚¢ãƒ—リをã¿ã¦ã¿ã¾ã—ょã†: const Counter = { // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment ()
Vuex ã§ã‚·ãƒ§ãƒƒãƒ”ングカートを実装ã§ãる無料コース「Vuex for Everyoneã€ã‚’å—講ã—㟠- kakakakakku blog
Vue School ã®ç„¡æ–™ã‚³ãƒ¼ã‚¹ã€ŒVuex for Everyoneã€ã‚’å—講ã—ãŸï¼ŽVue.js åˆå¿ƒè€…ã§ã‚‚å—講ã§ãるレベルã«ãªã£ã¦ã„ã‚‹ã—，今ã¾ã§ Vue.js を書ã„ãŸã“ã¨ã¯ã‚ã‚‹ã‘ã©ï¼ŒVuex ã¯ã¾ã 使ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†äººã«ã‚‚オススメã§ãる．進ã‚æ–¹ã«ã‚‚よるã‘ã©ï¼Œå†™çµŒã™ã‚‹ã¨ã—ã¦ã‚‚2,3時間ã‚ã‚Œã°çµ‚ã‚る． Vuex for Everyone 今回å—講ã—ãŸã€ŒVuex for Everyoneã€ã®é¡Œæã¯ã€Œshopping-cartã€ã§ï¼Œã‚¹ãƒ†ãƒƒãƒ—ãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—ã«å®Ÿè£…を進ã‚ã¦ã„ã．動作確èªã‚’ã—ãªãŒã‚‰ï¼Œæ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã‚Šï¼Œãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ãŸã‚Šã™ã‚‹ï¼Ž vueschool.io 動画を見るã¨ã‚ã‹ã‚‹ã‘ã©ï¼Œã¨ã«ã‹ã実装スピードãŒæ—©ã„ã®ã§ï¼Œå†™çµŒã™ã‚‹å ´åˆã¯ä½•åº¦ã‚‚戻ã—ã¦è¦‹ç›´ã™å¿…è¦ãŒã‚る．ãŸã å›°ã£ãŸã¨ã㯠Vue School ã® GitHub ã«ã‚»ãƒƒã‚·ãƒ§ãƒ³ã”ã¨ã«ã‚³ãƒŸãƒƒãƒˆã•ã‚Œã¦ã„ã‚‹ã®ã§ï¼Œãれを活用ã™ã‚Œã°ã‚ªãƒƒã‚±ãƒ¼ï¼Ž
Vue.js製フレームワークNuxt.jsã§ã¯ã˜ã‚ã‚‹Universalアプリケーション開発
Vue.js製フレームワークNuxt.jsã§ã¯ã˜ã‚ã‚‹Universalアプリケーション開発 花谷拓磨 Vue.jsã§UniversalãªSPAを開発ã§ãるフレームワークã§ã‚ã‚‹Nuxt.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 1.0ã®ãƒªãƒªãƒ¼ã‚¹ãŒã„よã„よ近ã¥ã„ã¦ãã¾ã—ãŸã€‚ 本稿ã§ã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーション（以下 SPA）開発ã«ã‚ˆã£ã¦ç”Ÿã˜ãŸå•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ç”Ÿã¾ã‚ŒãŸã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° （以下 SSR）をä¸å¿ƒã«ã€Vue.jsã§ã®é–‹ç™ºã‚’強力ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹Nuxtã«ã¤ã„ã¦ã€ãã®é…力ã¨åŸºæœ¬çš„ãªä½¿ã„方をã”紹介ã„ãŸã—ã¾ã™ã€‚ Nuxt.jsã¨ã¯ï¼Ÿ Nuxt.js（ナクストã¨èªã¿ã¾ã™ï¼‰ã¯React.jsベースã®SSR用フレームワークã§ã‚ã‚‹Next.jsã«è§¦ç™ºã•ã‚Œã¦ä½œæˆã•ã‚ŒãŸã€Vue.jsベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ 特ã«UIã®æ画サãƒãƒ¼ãƒˆ ã«ä¸»çœ¼ã‚’ãŠãã€SSRã‚’ã¯ã˜ã‚ã¨ã—ãŸæ§˜ã€…ãªã‚µãƒãƒ¼ãƒˆã‚’è¡Œã£ã¦ãれるもã®ã¨ãªã‚Šã¾ã™
「Vue.js + Go言語 + PAY.JP ã€ã§ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆã§ãã‚‹WEBアプリケーション実装ãƒãƒ³ã‚ºã‚ªãƒ³ - Qiita
ãã‚ãã‚カード決済ã®å®Ÿè£…経験ã—ã¨ãã‹ã¨æ€ã„ã€PAY.JPを眺ã‚ãŸã‚‰ã‹ãªã‚Šãƒ‰ã‚ュメントãŒå……実ã—ã¦ãŸã®ã§ä½¿ã„ã‚„ã™ã‹ã£ãŸã€‚今後ã€ã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆã™ã‚‹ã‚µãƒ¼ãƒ“スを作るã®ã‚’見越ã—ã¦æ±ºæ¸ˆã‚µãƒ¼ãƒ“スをgRPCã§ãƒžã‚¤ã‚¯ãƒã‚µãƒ¼ãƒ“ス化ã—ã¦ã¿ãŸã€‚ãã®ã¾ã¾ Vue.js 㨠Go言語を使ã„ã€ã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆã§ãã‚‹WEBサービスã®ã‚µãƒ³ãƒ—ルを試ã—ã«ä½œã£ã¦ã¿ãŸã€‚ãã®å®Ÿè£…を簡略化ã—ã¦ãƒãƒ³ã‚ºã‚ªãƒ³å½¢å¼ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 全コード㯠GitHub ã«ã‚ã’ã¦ã¾ã™ã€‚ (ã“ã¡ã‚‰ã®ç”»åƒã¯åƒ•ãŒVue.js+Goã§ä½œã£ãŸã‚µãƒ¼ãƒ“スã§é‹ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚https://ghlinkcard.com/) 得られるも㮠Vue.js + Go言語ã§ç°¡æ˜“çš„ãªSPAã‚’ã¤ãる経験 gRPC ã§ç°¡å˜ãªãƒžã‚¤ã‚¯ãƒã‚µãƒ¼ãƒ“スをã¤ãる経験 PAY.JP を使ã£ãŸã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆã®æµã‚Œã®ç†è§£ 今回使ã†æŠ€è¡“スタック フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ Vue.js。サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ Go言語ã§å®Ÿè£…ã—ã¾ã™ã€‚ãれ以外
ã€è²©å£²çµ‚了】åˆã‚ã¦ã®ã‚·ãƒ³ã‚¯ã‚™ãƒ«ãƒ˜ã‚šãƒ¼ã‚·ã‚™ã‚¢ãƒ•ã‚šãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ Vue.jsã¨Firebaseã¦ã‚™ä½œã‚‹ãƒŸãƒ‹ Web サービス - @nabettu - BOOTH
※内容ãŒå¤ããªã£ã¦ã—ã¾ã£ãŸãŸã‚ã€è²©å£²ã‚’終了ã—ã¾ã™ã€‚ 購入済ã®æ–¹ã¸ã®æ›¸ç±å†…容ã®ã‚µãƒãƒ¼ãƒˆã¯è¡Œã„ã¾ã™ã®ã§ã€åˆ¥é€”ã”連絡ãã ã•ã„。 ã€ç´¯è¨ˆ800部をçªç ´ã€‘ 技術書典4新刊。 冊å版ã¯å½“日完売ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ˆã¨åˆã‚ã›ã¦è²©å£²æ•°800部を超ãˆã¾ã—ãŸï¼ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 本書ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹ã‚’ターゲットã¨ã—ã¦åŸ·ç†ã—ã¦ã„ã¾ã™ã€‚主ã«ç°¡å˜ãªWebサイトを作ã£ãŸäº‹ãŒã‚ã‚‹Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆå¿ƒè€…ã®æ–¹ãŒã€æœ¬æ›¸ã‚’通ã˜ã¦SPAã®åŸºæœ¬ã‚’掴ã¿ã€ç°¡å˜ãªWebサービスãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã“ã¨ã‚’目的ã¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ãã—ã¦ãれらを抑ãˆãŸä¸Šã§ã•ã‚‰ã«æ¬¡ã®æ®µéšŽã¸ã‚¹ãƒ†ãƒƒãƒ—アップã™ã‚‹ãŸã‚ã®è¶³ãŒã‹ã‚Šã«ãªã‚‹ã‚ˆã†ãªè¦ç´ ã‚’å„所ã«å…¥ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ ・HTML,CSS,Javascriptを利用ã—ã¦ã€ç°¡å˜ãªWebサイトを作ã£ãŸã“ã¨ãŒã‚る人 ・複数ã®ãƒšãƒ¼ã‚¸ã‚„状態管ç†ã‚’Javascript使ã£ã¦è‡ªåŠ›ã§è¡Œã„ã€ã”ã¡ã‚ƒã¤ã„ã¦ã—ã¾ã„消耗ã—ã¦ã„る人 ・普段デザイナー
Vue.js 1.0.0 Released — Vue.js
You’re browsing the documentation for v2.x and earlier. Click here for v3.x documentation. Oct 26, 2015 Hi HN! If you are not familiar with Vue.js, you might want to read this blog post for a higher level overview. After 300+ commits, 8 alphas, 4 betas and 2 release candidates, today I am very proud to announce the release of Vue.js 1.0.0 Evangelion! Many thanks to all those who participated in th
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}