Posts11-20
Vue の TypeScript 親和性
Vue は TypeScript との相性が非常に良い
Vue 公式も TypeScript の利用を推奨しています。特に Vue 3 の Composition API は、TypeScript と非常に高い親和性を持っています。
... 読むTypeScript で型安全
型安全な開発
JavaScript (JS) は非常に柔軟な言語ですが、その柔軟性ゆえに、特に大規模なアプリ開発では予期せぬエラーやバグ発生のリスクが高くなります。そこで登場するのが、TypeScript (TS、タイプスクリプト) です。
... 読むVue の状態管理
Vue で SPA - ルーティング
現代の Web アプリの多くは SPA (エスピーエー、Single Page Application) と呼ばれる形式で作られています。これは、ページ遷移してもブラウザの再読み込みがなく、スムーズなユーザー体験を提供するアプリのことです。
... 読むVue コンポーネント間 データ受渡し: 子 -> 親
子から親へ:
emitでイベントを通知する子コンポーネントから親コンポーネントへデータを送り返したり、何らかの操作を親に伝えたりするには、 イベントを発行 (emit) します。子コンポーネントから「こういうことがあったよ !」と親に知らせるイメージです。
... 読むVue コンポーネント データ受渡し: 親 -> 子
コンポーネント間のデータの受渡し
コンポーネントは独立しているとはいえ、時には互いに情報をやり取りする必要があります。特に頻繁に行われるのが 親子コンポーネント間でのデータの受け渡し です。
... 読むVue コンポーネント 階層
Web アプリを効率的に開発するには、機能を小さな部品に分割して考えることが大切です。この部品こそが コンポーネント (Components) です。
コンポーネント とは
コンポーネントは、再利用可能な UI の塊です。例えば、EC サイトであれば、商品カード、カートのアイコン、検索バーなど、それぞれを一つのコンポーネントとして作成できます。
... 読むVue ディレクティブ 基本要素
Vue 3 Composition API エッセンス
Vue 3 では、Composition API という新しい API が導入され、より柔軟で再利用しやすいコードを書けるようになりました。それまでの Options API (
... 読むdata,methods,computedなどで区切る形式) に比べて、関連するロジックをまとめて記述できるのが特徴です。Vue とはどのようなものか
いよいよ、 Web アプリの「見た目」と「動き」を作る主役、Vue (ヴュー) について深掘りしていきます。 Vue は、学習コストが低く、直感的に使えるため、初心者にも非常におすすめのフレームワークです。
... 読む