1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Vue.js のプログラミングを外部サービスでできるようにする方法

Last updated at Posted at 2020-01-12
vuejslogo.png

はじめに

現在、Vue.js で簡単なプロダクトを作成しようと Vue.js について学習しており、外部公開できるようなサービスがないか探したところ、Glitch で実現できるようなので備忘のため投稿しました。

プロジェクトの作り方

以下の通りです。

1. [Glitch の Web サイト] (https://glitch.com/) にアクセスします。

2. 画面右上の検索バーで vue.js をキーワードに検索します。
1.png

3. 「Gal Pasternak」という方の「vue-js」をクリックします。
2.png

Vue.js のテンプレートプロジェクトを公開されている方は他にもいますので、適宜お選びください。

4. 「Remix Your Own」をクリックして、自分のプロジェクトとしてコピーします。
3.png

そして、コピー後に、以下のようにしてプロジェクト名を変更します。
(Glitch 全体を通して同じプロジェクト名をつけることはできませんので、ご注意ください。)
4.png

次の画面キャプチャの「legedary-kilogram」の部分を任意のプロジェクト名に変更します。
5.png

5. Vue.js のコードを書きます。

6. ページを表示します。
「Show」をクリックして、「In a New Window」または「Next to The Code」のどちらかを選択して、結果のページを表示します。
6.png

最後に

Vue.js の基本学習とプロダクト作成を進めていきたいと思います。

なお、Node.js のプロジェクトも作成できるようなので、ご興味がある方はやってみてはいかがでしょうか。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?