おはようございます。Shotaです。 今回の記事では、Nuxt✕Vuetifyの環境構築を簡潔に解説します。 必要なもの ソフトウェアのインストール Nuxtのインストール 詳細設定 プロジェクト名 使用言語 使用パッケージ CSSフレームワーク Module選択 Linting Tool選…

おはようございます。Shotaです。 今回の記事では、私がフロントエンド開発にVuejsを活用する理由について詳細に解説します。 「フロントエンド開発にVueを使ってみようかな...」 「フロントエンドでVueを使う目的って何だろう？」 「ReactかVueかどっちを使…

おはようございます。Shotaです。 今回はNuxtjsを使って簡単なメモアプリを作る方法を解説します。 インストール 入力フォームの作成 Bootstrapのインストール メモを追加する機能の作成 まとめ インストール まずは、以下のコマンドを入力してください。 np…

おはようございます。Shotaです。 今回の記事では、VueのフレームワークNuxtjsを使って簡単なログインアプリを実装します。 「Nuxtについてイマイチわからない...」 このように考えている方は以下の記事にアクセスしてください。 ▼おすすめの記事 shotanukum…

おはようございます。Shotaです。 今回の記事では、Vueを使って非常に簡単なTodoアプリを開発するための方法を徹底解説していきます。 要件定義 基本設定 Form作成 タスク作成の実装 タスクの一覧を表示する・削除する 完成形 まとめ 要件定義 投稿内容を作…

おはようございます。Shotaです。 今回は前回に引き続き、VuejsでaxiosのAPI操作について詳細に解説していきます。 今回の記事では、基本的な操作よりもaxios通信を効率化させる方法に注力して解説を進めていきます。 それでは早速、本題に入りましょう。 リ…

おはようございます。Shotaです。 今回の記事では、Vue.jsを活用してaxiosでAPIからのデータを抽出する方法を徹底解説します。 使用するAPIはJSONPlaceholderです。これは無料でAPIの動作確認を行える無償のサイトです。このサイトを利用するだけで、axiosの…

おはようございます。Shotaです。 Vuejsを勉強している中で、 「routerがいまいちよく理解できない....」 「Vueのルーティングってどのように機能するの...？」 このように考えている方も少なくないでしょう。 そこで、今回の記事ではVuejsのルーティングの…

おはようございます。Shotaです。本記事を読んでいる人の中には、 「Vuejsでのディレクティブが少しわからない....」 「Vuejsのディレクティブに関する説明記事があれば....」 このように考えている方も少なくないでしょう。 今回の記事では、Vuejsのディレ…

おはようございます。Shotaです。 今回の記事では、Vuejsを活用する上で重要な開発環境を構築するための説明をしていきます。WEB制作あるいはWEB開発を経験している方にとっては馴染み深いかも知れませんが、本書を読み進めていく上でバージョンにより挙動が…

おはようございます。Shotaです。 「Vue CLIをインストールしてVueのアプリを作ってみたい」 「Vue CLIをインストールしてみたけど、どうすればいいのか見当つかない...」 本記事にたどり着いた人の中には、このようなことを考えている人も少なくないと思い…

おはようございます。Shotaです。 「Nuxtjsは聞いたことあるけど使い方がわからない....」 「Nuxtjsって何？」 本記事にたどり着いた人の中には、このようば疑問を持つ人も少なくないでしょう。そこで、今回の記事ではNuxtjsについてメリットや利用シーンを…

おはようございます。Shotaです。 本記事を読んでいるあなたは、 ❓「Vue.jsとは？」 ❓「Vue.jsと他のフレームワークは何が違うの？」 ❓「Vue.jsのメリット・デメリットは？」 このように考えているかと思います。 JavaScriptを使って効率的にWeb開発を行うの…

(引用元：jp.vuejs.org) おはようございます。Shotaです。今日はJavaScriptのフレームワークの一つである「Vue.js」について徹底解説します。実際に、多くの企業でJavaScriptのフレームワークが導入されています。 しかし、JavaScriptフレームワークの導入の…