CSSアニメーションを勉強することにした理由(というか原因)

(画像は)ないです

https://saikofall.com/profile/

体調不良で死んでたんですが、偉く暇だったのでポートフォリオサイトの作成に着手しました。
そろそろちゃんと作ろうかなって…。
前に簡単な構成図書いたんですけど、もうアレ全部捨てました。

昨日、東京でpixiv tech fesとかいう完全招待制のイベントがあったみたいで、そこですげーCSSアニメーション作る人が登壇したんですよ。
その人がスライドを流してまして、見たらもう超楽しそうだったんで、ぼくもCSSアニメーションやってみることにしました。

一番上でURL置いたんですが、作り途中です。
基本的にエフェクトとかアニメーションって引き出しの数で勝負が決まると思ってるんですが、ぼくはめちゃくちゃ少ないのでアウトプットもできません。
頑張ってそれっぽいのを作ろうとはしてるんですが、インプットが足りなすぎですね。

そのすげー人はアニメとかの効果をCSSで再現してみたりするらしいので、ぼくもそれに習って面白いのがあれば保存して再現してみようかなって。
わりと面白そうだし。

フロントエンドの流行り廃り

フロントエンドの領域に限った話ではないですが、この業界ってやたら流れが早いじゃないですか。
特に技術的な流行り廃りの。

ただ、ここ最近はちょっと注目されてるのがあって、「自動コーディング」なんですよね。
複雑なのはともかくとして、簡単なやつであればもうそいつ単体で組めちゃうんですよ。

さて、これの何が問題かいえば、ぼくの仕事なくなりますね!!
だってコーダーいらねえんだもん、デザイナーがいればそれをXD風のコンテンツ作成ソフトで組めばいいだけの話なわけだし。

そうなってくると、コーダー…というかぼくみたいな人間が生きていくためにやっていかないといけないことがありますよね。

1.何かしら、暫くは再現できなさそうな技術を使えるようにする

まずはひとつ、というかほぼ答え。
コーディングをやってくれると言っても、色々と制約はあります。
複雑な動きができるわけじゃないし、難しい領域になると再現できないデザインも出てきます。
なので、その辺りができるようになれっていうこと。

具体的にはjsの動きとかになりますかね。
恐らく複雑なスライドの動きとかはできないので、そういうのをやりたければ人間に依頼するしかありません。
いずれはAIとか使ってできるようになるんでしょうけど、まあまだ先の話です。
とりあえず延命はできる。

2.バックエンドの技術を覚える

一口にCMSといっても、WordPressがすべてなわけじゃありません。
ECサイトに使えるようなやつだったり、全部静的ページとして生成するやつだったり、色々あります。
その辺りを覚えれば、まだこの業界で飯を食っていけますね。

ちなみに、AIではないんですが、デザインするとそれをコーディングするやつで「STUDIO」ってのがあります。

https://studio.design/ja

デザインしたらコーディングをしてくれるスグレモノですが、なんとEC関係もやってくれます
本格的にぼくらいらねえな?

3.フロントマンになる

これ最強です。
今フロントマンが圧倒的に少なくなってるらしく、東京のほうでは単金がものっそいことになってるみたいです。

やること…は要は進行管理です。
物事を進めるためには管理する人が必要ですから、それをする人ってことですね。
ぼくなんかはコーディングに比重を置いてますからね、あんまりできない。
とはいえやれないわけではなく、仕事の都合任されてる代理店とかはぼくが進行管理する形にはなってます。
ほとんどお飾りですけど。

別業界行くのが一番なんじゃないかな

身も蓋もない話ですが、いよいよなったら別業界行くのもありです。
別にそれでもいいんですけど、まあギリギリまで生き延びようやってことで。

そういう理由で、手始めにCSSアニメーションをやってみることにしたわけです。
簡単なやつなら仕事でやったこともあるんですけどね、本格的なのは面倒で面倒で。

とはいえ、引き出しは大変少ないので、とりあえず現状でできる範囲でって感じです。
ちょっとねー、そんなエフェクトの勉強なんてしたこともないからねー。
でもできる限りでがんばりますよ、多分。

なんかエフェクトとかの良い教材ありませんかね?
ゲームとかアニメのOPとかなんでもいいんですけど。
なるべく2Dアニメーションなやつ。

これで食っていけるようになれば安泰だな!!!!!!!!!!
俺も頑張る!!!!!!!!!!!!!

関連記事

2020.03.04
ココナラもちゃんと買ってくれる人がいるんやなって

手数料高え 今日18時頃に、ココナラに出品してたメンターサービスが売れてました。2週間2500円で放り投げてたんですけど、買ってくれた人がいたみたいですね。 メンターつってもそうガチガチなわけじゃなくて、なんか聞かれたら答えるだけ。ぼくが知ってることなんて、ドメインの取得方法やらHTMLやらCSSやらWordPressやらぐらい。 多分買ってもらえた理由は、販売実績が付いてたことだと思うんですよ。たまたまメンターの募集に応募したら選ばれちゃって、先月末にやっと実績として付いたんですよ。それ見て「問題なさそうだなー」ってなったような気がしないでもないです。 それにしても、先月末に初売上になったんですがココナラの手数料ってものっそい高いですね。3000円だったんですけど、諸々引かれて2100円になってました。900円どこいったねん。 どうやら、ココナラではおよそ25%もの手数料が最終売上から引かれるらしい。手元に入ってくるのは75%…そう考えると意外ともらえるな?これを書いてる最中ですが、あれだけの場を貸してもらって75%ってなかなかのもんですよ。 ココナラ最高だったわ!これからもよろしくな! もっとメンター業務させてくれ 2週間、プロがメンターをします ウェブ業界で働きたい方、現役プロがお手伝いします!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://coconala.com/js/coconala_widget.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','coconala-wjs'); よろしく頼むわ!!!誰かWEBのこと知りてえやついねえか!!!格安かどうかは知らんけど買ってくれや!!! なんだかんだで実績が大事ってことだったんですよ。これあるだけで相手に安心感与えるよこれ。自分の知識ひけらかすだけでお金がもらえるので、もっと申し込んでほしい。 とりあえず今月分の課金代ぐらいは稼げたので実はもう満足してます。これ以上来ると多分日常が回らなくなるので、追加で来たら少しパニクるかもしれない。

2019.06.30
「追憶の鍵」を使えるようになるのは何時なの…

「過去の特殊作戦のシナリオ解禁に使う」 魔女兵器の良い所は普通にシナリオが面白いってことです。今回のイベントである「創傷反射」も、短いながらもレンちゃんがかっこかわいくて面白かったです。メイドレンちゃん可愛いんだぁ…。 で、そうなると過去に行われたイベントがあるのでそれも見たくなるわけで。「深潜症」のときなんですけど、行われたのは先々月とかですかね?そのイベントの話も見たいんだ!!! というわけでおそらく使えるであろうアイテムが、これ。 「特殊作戦」というのは、今回の「創傷反射」のようなイベントのことを指していると思います(思いきし特殊作戦って書いてあるし)。なので当然、 CAPHがレベル3になったし買っちゃうわけだ!そしてこれを、使うのを想像してウキウキしながら「深潜症」のページに行くわけだ! ??? なんで使えないねん!!!どうやって過去のイベント見ればええねん!!!いいから見せろや!!! とかいう状況になってるわけですね。困った。 「追憶の鍵」について このアイテムは「ショップ」>「雑貨」にて1日1回買うことができます。CAPHのレベルが3になってないと購入できませんが、2週間デイリーをこなすと到達できるので無課金でも入手可なわけですね。 ちなみにコイツ、バッグの中身にも存在しません。つまり、雑貨コーナーでしか自分がいくつ持っているか判断できないという。運営はどういう扱いにしたいんでしょうか。 ネットで情報を探しても、ドッカンバトルしか出てこないので本当に現状使い道がないのかもしれません。明らかにイベントシナリオを解禁するためのアイテムな感じなんだけどなぁ…。一定数集めないと使えないとかそういうことかな??? 情報求ム。 というわけで追憶の鍵についてなにか知ってる人は教えてください。中国wikiとか見てみるとなにかわかるかもしれないですね。 創傷反射は今週の火曜で終わりと迎えます。ちなみに、今の所中国版と同じ進行でイベントを行っている?みたいですね。そうなってくると次のイベントは「 启示录 」になりますかね(日本語名称だとヨハネの黙示録?)。 wikiを見た感じ、主人公レベル25以上じゃないと参加できなかったみたいすね。まあ回復分のスタミナを全部使ってれば1週間で到達できるレベルです。新キャラとして敵ユニットしか実装されてないぽい執行人と新キャラが実装?執行人ってセレサって名前なんですね…物理特攻枠みたいだしほしいなぁ。 まあもしかしたら日本限定イベとか実装されるかもしれないし?(ライター一人しかいないみたいだから多分ない) そもそも中国版のイベントが今年の2月以降ないっぽいし、色々大丈夫なんでしょうか…?シナリオはかなり面白がってるのでこのまま続けてほしくはあります。 残り二日間、ファビオラはスキンは無理でもせめてアイテムは取るゾ。 それでは今日はここらでサヨウナラー

デフォルト画像
2018.05.09
DANCERUSHマンは今日も元気にフラワー

フルコンが取れねえんだ 今日も元気にダンスラッシュ! 君も一緒にダンスラッシュ! 誰か一緒にButterfly!!! フルコン埋めしたいなあ、とかぼんやり考えながらプレイしてます。 まあ簡単なやつしかできないんですけど。 結構頑張ってプレイしてますけど、体の動かし方がわかりません。 ぼくのTステップとかクソ汚くて酷いです。 重心位置が悪いせいか、基本的にフラフラしてるんですよね。 体幹トレーニングとかすればいいんですかね。 そこまでやる? ちなみに、一番苦手な動きはなんか横にシュッシュってやるやつです。 名前知りません。 ぼくの動きは大体汚いです。 FLOWERはここにも現れる つい先日、もう来ましたね、FLOWER。 解禁条件がクッソ面倒という仕様。 PASERI使ってEXステージまで進んで~ EXステージでImpressクリアして~ Impress通常解禁できるようになるから星でアンロックして~ 通常楽曲としてImpressクリアして~ EXステージにFLOWER出るからそれクリアで解禁可能に!!!! なぜかFLOWERは☆が300個も必要で、EXクリアしないと50%されないという鬼仕様。 まあどうせ慣れるまでに☆なんて大量に手に入るからどうでもいいんですけど。 現状200まで溜まってて溢れてますし。 そんなぼくはもう毎日のようにFLOWERをプレイしています。 初めてEXクリアできたときです。 97とかいうスコア。 詰めたらこうなりました。 惜しい…惜しくない? コンボ数を見てわかる通り、ラストで緊張して足が動かなくなりました。 その一瞬でフルコンが消えましたとさ。 ちなみに懲りずに今日もプレイしたらもうちょいスコア伸びました。 アホなので途中の変な所で詰まりました。 アレさえなければフルコンだったのにね。 明日もやるからな? 当面の目標としてはFLOWERフルコンを取ることです。 それが終わったら暫くは休憩ですかね! 誰か一緒にFLOWERの2Pやろうよ…。 次の楽曲が追加される前に終わらせたい。 それでは今日はここらでサヨウナラー