1
0

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 1 year has passed since last update.

初投稿。Vue.js+TypeScriptでポートフォリオを作成してみた。[未経験]

Last updated at Posted at 2022-03-06

概要

VueCLIを使って開発してこなかったのでVueCLIとTypeScriptの学習がてらポートフォリオを作成しようと思いました。

開発経緯

ポートフォリオのテーマを決める際に最初は学習記録アプリやtrelloのようなタスク管理アプリなどよく転職活動に使われているアプリを作成しようかなと思いましたが、僕の中ではありきたりだし独創性に欠けていると思ったのでせっかくだからオリジナルのポートフォリオを作成しようと思いました。
何しようかなと考えた時にコロナ禍で中々海外旅行にいけない人たち向けと僕自身、旅行が好きというのもあってその中でも世界遺産をめぐるようなアプリ開発に至りました。

ポートフォリオ

こちらが以下作成したものになります。
ezgif.com-gif-maker (5).gif
こちらが「世界遺産探検アプリ」です。
ちなみに、コードはこちらになります。

使用技術

  • Vue3
  • TypeScript
  • TailWind CSS
  • Map JavaScriptAPI
    今回は初めてのVueCLIで開発と初めてAPIを導入しました。
    それなりに苦戦しまだ不十分なところもありますが大枠は完成したと思います。
1
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?