プログラミングマガジン

プログラミングを中心にIT技術をできるだけわかりやすくまとめます。

  • ホーム
  • Nuxt.js
 
 
     
  • サーバー言語  
    • Ruby
    • PHP
    • SQL
  •  
  • インフラ  
       
    • AWS
    •  
    • 基本
    • Git
  • Web
       
    • Web開発
    • JavaScript
    • Vue.js
    • React
  •  
  • 設計  
       
    • 実装設計
    • DB設計
  • 問い合わせ
  

カテゴリー:Nuxt.js

  1. 04.11

    【Vue.js】「Vuex」の概要、Nuxt.jsでの活用

    Vuexの役割 アプリケーションの状態管理をしてくれます。アプリケーションを開発していると一つの状態を複数の場所で参照したいという状況が必ず生まれます。もし何も考えずに実装してしまうと同じ種類の状態や状態を更新するロジックをアプリの複数箇…

    • Nuxt.js, Vue.js
    • コメントを書く
  2. 07.15

    【Nuxt.js】「ページコンポーネント」の属性「asyncData」について

    asyncData属性とは? コンポーネントのロード毎に実行されます。Vuexストアのデータを使わずにデータを取得し、レンダリングの前に、非同期処理を行ってくれます。 標準のVue.jsでは非同期処理用の構文はありませんでしたので、…

    • Nuxt.js
    • コメントを書く
  3. 07.15

    【Nuxt.js】基本、インストール(アクセスできない問題、Nuxt.js専用のコンポーネントについて(nuxt-link等)、Buefy)、使用できるコマンドについて

     Nuxt.jsとは? JavaScriptフレームワークで有名な「Vue.js」のさらなるフレームワークとなります。 Nuxt.jsは、「ユニバーサルアプリケーション」を作成できる。 ユニバーサルアプリとは? クライアントとサーバ…

    • Nuxt.js
    • コメントを書く
  4. 07.14

    【Nuxt.js】「ページコンポーネント」(asyncData、fetch、コンテキスト、layout)

    pageディレクトリ .vueファイルは、一つのページを指しており、これを「ページコンポーネント」と呼びます。 追加する属性 Nuxt.jsでは、ユニバーサルアプリケーションを作成するために下記のように.vueファイルに独自の属性を追…

    • Nuxt.js
    • コメントを書く
  5. 07.14

    【Nuxt.js】「レイアウトファイル」の使い方

    デフォルトレイアウトページ(default.vue) [crayon-6482813ba62e4958714754/] <nuxt /> Nuxt.jsで定義されたコンポーネントで、レイアウトファイル内でのみページコンポー…

    • Nuxt.js
    • コメントを書く
  6. 07.14

    【Nuxt.js】作成したページの「ルーティング」をさせてみる。

    ルーティング設定(.nuxt/router.js) nuxt.jsのルーティングの設定ファイルになります。 なお、pagesディレクトリ配下に新しいページを作成すると、routesプロパティの配列にページが追加されます。 [cra…

    • Nuxt.js
    • コメントを書く
  7. 07.14

    【Nuxt.js】ディレクトリ構成(nuxt.config.js、middreware、plugin、page、ルーティングなど)

    ディレクトリ構成一覧 構成要素 説明 .nuxt コマンドでのビルド結果はここに配置されます。  └router.js pagesディレクトリ配下のファイルに対して、ルーティングの設定を行います。 …

    • Nuxt.js
    • コメントを書く

トップページに戻る

RETURN TOP

著者プロフィール

エンジニア歴10年で過去に業務系、Webデザイン、インフラ系なども経験あります。現在はWeb系でフロントエンド開発中心です。

詳細なプロフィールはこちら

スポンサーリンク

カテゴリー

  • Android
  • API
  • AWS
  • C++
  • CSS
  • C言語
  • DDD
  • DevOps
  • Django
  • Docker
  • Git
  • GitLab
  • GraphQL
  • Hasura
  • Java
  • JavaScript
  • Kubernetes
  • Laravel
  • linux
  • MySQL
  • Next.js
  • nginx
  • Node.js
  • NoSQL
  • Nuxt.js
  • Oracle
  • PHP
  • Python
  • React
  • Redux
  • Rspec
  • Ruby
  • Ruby on Rails
  • Sass
  • Spring Framework
  • SQL
  • TypeScript
  • Unity
  • Vue.js
  • WebRTC
  • Webサービス開発
  • Webデザイン
  • Web技術
  • インフラ
  • オブジェクト指向
  • システム開発
  • セキュリティ
  • その他
  • データベース
  • デザインパターン
  • テスト
  • ネットワーク
  • プログラミング全般
  • マイクロサービス
  • マイクロソフト系技術
  • マルチメディア
  • リファクタリング
  • 業務知識
  • 設計
  • 関数型言語
RETURN TOP

Copyright ©  プログラミングマガジン | プライバシーポリシー