ウェブサービスを作ろう！

かとのぼのトップページ

2020.05.14

当サイトについて

当サイトの紹介と使い方の説明です。当サイトの目的と、どのように当サイトを使って学習すれば良いのかを紹介してます。まず最初に読んでください。

プログラミング初心者

プログラミングの学習が初めての人向けの記事です。

プログラミングを知ろう

プログラミングとは何をすることなのか？プログラミングのイメージをつけよう。

事前準備

プログラミング学習を始めるために、ブラウザ「Google Crome」とエディタ「VSCode」の準備しましょう。

Google Chromeのインストール

Google Chromeの導入方法の解説記事です。

エディタのVSCodeを準備する

エディタであるVSCodeを準備しましょう。

ウェブサービスの基本知識

ウェブサービスを作るための基本知識を学ぼう！

HTMLの基礎を学ぶ

HTMLとは？HTMLの概要と、学習方法を解説。HTMLのことを知らない人は読んでください。

CSSの基礎を学ぶ

CSSの基礎。CSSがわからない人は目を通しておきましょう。

JavaScriptの基礎を学ぶ

JavaScriptとは？JavaScriptの概要と基本を解説します。

Vue.jsを覚えよう！

JavaScriptフレームワークであるVue.jsを覚えよう！

Vue.jsの概要と基本設定

Vue.jsの基礎を学ぶ

Vue.jsとは？Vue.jsの概要と基本を理解しましょう。

Vue CLI3 でプロジェクトを作成

Vue.jsの開発ツールであるVue CLI を使ってプロジェクトを作成します。

Vue.jsのサンプルコードを書いてみよう！

Vue.jsを使ったシンプルなサンプルコードを利用して、Vue.jsの書き方を覚えよう！

気になるサンプルコードを選んで自分で書いてみよう！

カウントアップする機能のサンプルコード

ボタンを押すと数字をカウントアップする機能の実装方法とサンプルコードです。

v-modelのサンプルコード

v-modelの実際に使うためにイメージを掴むサンプルコードです。

Twitterシェアボタンのサンプルコード

TwitterでURLをシェアするためのTwitterシェアボタンのサンプルコードです。

クラスバインディングのサンプルコード

クラスバイディングをして、ボタンを押すことで文字の色を変えるサンプルコードです。

算出プロパティ(computed)を使った計算のサンプルコード

算出プロパティ(computed)を使った計算のサンプルコードです。

v-for(forループ)のサンプルコード

v-forの使い方のサンプルコードです。

v-ifのサンプルコード

画面描写の条件分岐のv-ifの使い方を覚えましょう。

Vue.jsのアニメーションのサンプルコード

Vue.jsで作るアニメーションのサンプルコードです。

Vue.jsで作るチャットアプリ風のサンプルコード

Vue.jsのチャットアプリ風の機能を実装するためのサンプルコードです

Vue.jsで作るBMI計算機のサンプルコード

Vue.jsで作る体重、身長を入力して、ボタンを押すとBMI値が計算されるシンプルなサンプルコードです。

Vue.jsで作る文字数カウントアプリのサンプルコード

Vue.jsで作る文字数カウントのサンプルコードです。

Vue.jsで作るじゃんけんアプリのサンプルコード

Vue.jsで作るじゃんけんアプリのサンプルコードです。

Vue.jsで作るおみくじアプリのサンプルコード

ボタンを押すと運勢がランダムで表示されるおみくじアプリのサンプルコードです。

Vue.jsで作るお買い物リストのサンプルコード

Vue.jsで作るお買い物リストアプリのサンプルコードです。

本格的なウェブサービスを作る

Javascriptフレームワークである「Vue.js」とサーバレスサービス「Firebase」を使ってウェブサービスを作ろう！

FirebaseのセッティングとVue.jsプロジェクトに組み込む

Firebaseの設定と、Vue.jsのプロジェクトに組み込むレッスン

タイトルとURLをコピーしました