Otoha🍒

Otoha🍒

  • Git入門

  • 子供の頃からの夢と挫折。そしてコーダーになった話

  • Vue.js入門

    Vueで学んだ事の忘備録

【Nuxt.js/Vue.js】コンポーネント化する方法

コンポーネント化とは直書きしたコードをコンテンツごとに部品として分けてファイルを作成する事をコンポーネント化という。 何のためにコンポーネント化するのか 直書きしたコードが1つのファイルに並んでいると、可読性下がり、そうなると運用効率も下がるので、コンテンツごとにコンポーネント化して、コードの可読性や運用効率を高める コンポーネント化の利点①可読性が高くなる →ベースになるファイルに、コンポーネント化したファイルを読み込んで呼び出すだけでなので、ファイルの見た目がスッキリ

Otoha🍒

    • 初めてのGitの学び方（Git入門）

      2020/11/24　更新しました！ こんな人向けの記事ですGit教材で学習しても、実践的なイメージが沸かない人 いまいちピンとこない人 教材を進めやすくするお役に立てれば幸いです・・ ※詳しい操作方法はここでは解説していません。 Gitって何？Gitは分散型のバージョン管理システム。 単に、ファイルなどを更新した時に、その履歴を残すってこと。 細かくバックアップを残せる 分散型とは、各個人のローカル環境の中にそれぞれのgit環境が作られる。 例）AAA Cafeという

      Otoha🍒

      • コンポーネントを読み込む/呼び出す/表示する【Vue.js】

        ★コンポーネントとは？機能ごとにHTML/JavaScript/CSSをセットしたパーツが入った箱の様なモノ 例）ナビゲーション・ユーザー情報などを「それぞれ1つのファイル(部品)」にして「独立したコンポーネント」とする事ができる 詳しくはこちら　https://note.com/mg_rry/n/nbc872528cc1d 作業工程（やることは4つ）①コンポーネントを作成 (Footerを作る場合) →例）componentフォルダ内にFooter.vueという名前のファ

        Otoha🍒

        • 【Nuxt.js/Vue.js】layoutsとは

          Nuxt.jsのlayoutsとは Nuxt.jsでは、layoutsフォルダの中に「default.vue」ファイルを作成して、共通のレイアウトを作る事ができる。 公式はこちら　https://ja.nuxtjs.org/guide/views/ 利点共通して表示したい部分に変更があった場合、「default.vue」の中だけを変更すれば、全てのページに変更が適用される。運用効率が高い。 どんなん時にどうやってlayoutsを使うか①例）ヘッダーとフッターを共通パーツに

          Otoha🍒

        【Nuxt.js/Vue.js】コンポーネント化する方法

        Otoha🍒

        マガジン

        • Git入門
          1本
        • 子供の頃からの夢と挫折。そしてコーダーになった話
          3本
        • Vue.js入門
          5本

        記事

          【Nuxt.js/Vue.js】ルーティングとは

          忘備録メモ(作成中) ルーティングとはURLで表示するコンポーネントを制御するnuxt.js(vue-router)の機能。 nuxt.jsは、vue.jsのフレームワーク nuxt.jsでは、Pages配下がルーティングになる。 Pages＞index.vue ページのURLと連動しているファイルで、この中身がページに表示される。 ナビのHOME(TOP)になる部分 例）http://localhost:8000/ Pages＞about.vue ここにファイルを作ると

          Otoha🍒

          【Nuxt.js/Vue.js】ルーティングとは

          Otoha🍒

          コンポーネント指向【Vue.js】

          忘備録メモ(作成中) コンポーネントとは 機能ごとにHTML/JavaScript/CSSをセットしたパーツが入った箱の様なモノ 例）ナビゲーション・ユーザー情報などを「それぞれ1つのファイル(部品)」にして「独立したコンポーネント」とする事ができる コンポーネント指向とは 複数のコンポーネントを作って、それを組み合わせることで一つのアプリケーション(ページ)を作るという考え方 使い方も簡単で、運用効率も良い 利点①設計・開発・テストがコンポーネント単位で行える →チー

          Otoha🍒

          コンポーネント指向【Vue.js】

          Otoha🍒