yui540 / cowardly-witch

『臆病な魔女は、Webサイトに魔法をかけた。』

臆病な魔女

yui540.portfolio.version7

数々のリニューアルを経て、僕は新しい試みのプロジェクトに取り掛かりました。

-------それが、Cowardly Witch Projectです。

🎉 yui540.graphics 🎉

このプロジェクトで重要なのが、Webサイトやアプリケーションを「魔法の世界」や「おとぎ話」のような世界観で表現することです。

それには、アニメーションやデザインの感性を重要視する必要があり、まず最初にそれを活かしたWebサイトを制作する必要がありました。

そこで完成したのが、このサイト「臆病な魔女」です。

• デザイン・モーション・コーディング
  • yui540
  • Twitter - @yui540

臆病な魔女とは

このサイトのテーマである「臆病な魔女」とは、魔女になりたいという気持ちと、僕自身の臆病な性格が混ざり合って出来た僕自身の属性です。

なので、「yui540=臆病な魔女」です。

そんな臆病な魔女がWebサイトに感情を持たせたいという思いから、このサイトに魔法をかけました。

「臆病な魔女は、Webサイトに魔法をかけた。」

オープニングアニメーションの構成

このサイトのオープニングアニメーションは、

• Prologue
• Version_1
• Version_2
• Version_3
• Version_4
• Version_5
• Version_6
• LastChapter

というパート構成になっています。

Prologueは、「魔女にとっての検索サイトってどんなのだろう？」ということをイメージして、自分なりに魔女風の検索を表現しました。

過去バージョンは、「作ったものページ」にありますのでよかったらご覧ください。

※Version_1 ~ Version_4は現在、非公開のため動画での公開になっています。

各ページ

各ページのデザインやアニメーションは、とにかく僕が思う「可愛い」を目一杯�表現しました。

全体的にカラフルな色合いに仕上がったと思います。

さいごに

これからも、このサイトのような「魔法の世界」や「おとぎ話」のような世界観のWebサイトやアプリケーションを作っていきます。

ぜひお楽しみ。

cowardly-witch's Issues

A minor question

Can you introduce a front-end course in English?
I admire your front end skill level. How can you learn from it?

npm install faild?

I reinstalled many times......the terminal alert error still......
I really hope it will run on my machine normally

6666666666666666666

666666666666666666666666

Such a beautiful site! I am learning vue and I want to make a site by vue ,but I will imitate your design,so I hope I can get your permission。

かわいい

とてもかわいい

Awesome design

明明大家都是死宅为啥差距就是这么大呢！Awesome design！

Could you tell me the design style?

I encountered this style sometimes,but I don't know it's name--I like it!

`magical-girl.site` が失効している？

旧バージョンのポートフォリオサイトやプロダクトにアクセスできません。
流し見た感触だと、ドメイン magical-girl.site が失効している可能性が考えられます。

意図した動作かは別にして、このままですとリンクの不整合や、意図しない危険コンテンツへの踏み台になる懸念も考えられます。

つきましては、速やかにサイト内リンクの更新ないし削除を始めとする処置を行うべきかと具申します。

よろしくご一考ください。

敬白

How to make an svg based on the outline of anime characters

like: https://github.com/yui540/Cowardly-Witch/blob/master/src/images/version_5/eriri-1.svg
How to extract the outline of anime characters and what tools are used?
Can you tell me?

Website Down

Hi!

Huge fan, the website is down!

---

こんにちは！

大ファンですが、ウェブサイトがダウンしています！

牛逼！！

牛逼！！