カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

0-1

Vue.js/Vuexを使ってTrello風アプリを作成しよう!

この教材は、Vue.jsのVuexを実際にTrello風のアプリケーションを作成しながら、体系的に学んでいけるものとなっています。

Trelloとは、仕事や家庭の場でも使われるタスク管理ツールです。タスクを整理して作業の効率化にも役立つので、エンジニアの中でも利用している人は多いでしょう。

=> Trello

まず、この教材を読まれる方に向けて、事前に知っておいてほしいことを記載します。

この教材の目次もこのページの最後に記載しておりますので、ご参照ください。

学習内容

Vuexの概念を知り、実際にVuexを使ってミニアプリケーションを作成します。

受講における必要条件

  • HTML/CSS/javascriptの基礎知識がある
  • Vue.jsの基本的な知識がある
  • Vue.jsに触れたことがある

この教材の対象者

  • Vuexをまだ使ったことがない人or使ってみたい人
  • Vue.jsを学習している人
  • Vue.jsを職場で使っている人

学ばないこと

本教材はVuexの概念と基本的な使い方を習得することを目的としており、HTML/CSS/javascriptの解説は詳しく行いません。

目次

0章 はじめに

  • 0-1 Trello風アプリを作成しよう!
  • 0-2 Trelloアプリ完成版
  • 0-3 ディレクトリ構成
  • 0-4 【環境構築:Mac】Vue CLIのインストール
  • 0-5 【環境構築:Mac】プロジェクトを作成しよう

1章 Vuexとは

  • 1-1 Vue.jsとは
  • 1-2 Vuexの概要

2章 TOPページを作成しよう

  • 2-1 アプリケーションのCSSを設定しよう
  • 2-2 TOPページを作成しよう

3章 Listを作成できるようにしよう

  • 3-1 ListAddコンポーネントを作成しよう
  • 3-2 ユーザビリティなフォームにしよう
  • 3-3 Listコンポーネントを作成しよう
  • 3-4 リストを削除できるようにしよう

4章 Cardを作成できるようにしよう

  • 4-1 CardAddコンポーネントを作成しよう
  • 4-2 Cardコンポーネントを作成しよう
  • 4-3 カードの総数を取得しよう

5章 ドラッグ&ドロップ機能を追加しよう

  • 5-1 vue-draggableを使おう
  • 5-2 Cardのドラッグ&ドロップ機能を実装しよう
  • 5-3 Listのドラッグ&ドロップ機能を実装しよう

6章 終わりに

  • 6-1 Vue.js Devtoolsについて
  • 6-2 Vue.jsでよく出会うエラーについて
現在のパート (0)
全パート (72)
みんなで助け合おう!
現在のパートのディスカッション 全0件