【AfterEffects】花びらを舞わせるアニメーションを作る

今回はこれを作ります。画像内に花びらを舞わせるアニメーションです。 まずは、花びらを舞わせたい画像を配置しましょう。 画像を配置したら、次は花びらを舞わせる用のコンポジションを作ります。 ここで作る花びらのコンポジションをさっき用意した画像の…

【AfterEffects】バチバチなテキストアニメーションを作る

今回はこれを作ります。 saberというプラグインを使うので、持っていない人はこれを機に使ってみるといいんじゃないでしょうか。プラグインを使うだけで簡単にかっこいいアニメーションを作ることができます。インストールは下記から。 flashbackj.com まず…

【AfterEffects】水のようなテキストアニメーションを作る

作るもの 今回作るものはこれ。水のようなテキストアニメーションを作っていこうと思う。 まずは、表示させたいテキストを作っていきましょう。テキストレイヤーを新たに追加して、適当にTEXTにしておきます。 次に背景!白っぽいものにしたいので、真っ白の…

gqlgenチュートリアルを試す

今更な感じもあるけど、改めてgqlgenのチュートリアルをやってみる。ドキュメント通りにやればサクッと試せます。 チュートリアル https://gqlgen.com/getting-started/ チュートリアル見ればできるので、端折って書く。ここではコメント的なことを書いてお…

webpackで本番ビルド時にfirebaseの環境変数を設定する

reactのアプリケーションを確認していたら、webpackの環境変数設定でおかしなことになっていたからメモ。 このアプリケーションはfirebaseで運用しているんだけど、firebaseで設定した環境変数をうまく取得できていなかった。やりたいこととしてはfirebase(…

vueのサンプルテストを書いてみる

vueとgoでポートフォリオ作ったんだけど、vueのテストってどうやって書くんだろう・・・ということでちょっと見てみる。 vue-test-utilsを使ってみる 以下のvue公式のサンプルを試してみよう。 vue-test-utils.vuejs.org vue-test-utils は Vue コンポーネン…

gitlabのCIで起きたエラーをメモしておく

gitlabのCIで起きたエラーをメモしておく。

gomailを使ってローカルではmailhog・本番(Heroku)ではsendgridでメール送信する

メール送信機能をgoのアプリケーションにつけようと思ったけど、どうやってやろうかなー、と。で、ローカルではdockerでメールサーバー用意して、本番ではsendgridで行うようにした。 メール送信のパッケージにはgomailというものを使ってやるかな。

elmでハローワールド

elmでハローワールドしよ。 elmインストール 下記のページから自分のパソコンにあったバイナリを入れる。 guide.elm-lang.org elmプロジェクト作成 $ elm init これでelmのプロジェクトが作成される。 . ├── elm.json └── src ローカルサーバー起動 $ elm re…

ワードプレスの速度改善をしたかった- GTmetrixとLightHouseで改善する -

ワードプレスで運営しているサイトのSEOが気になったので、久しぶりに色々みてみる。

Herokuエラー等メモ

Herokuのエラーなり、メモとして残しておきたいものを書いておく。

depエラーメモ

depを使って出たエラーをメモとして残しておく。

go・gin・gormとdockerで作ったAPIをHerokuで動かす

個人的にAPIを作ったけど、やっぱり作ったらどこかにデプロイしたい。 当初は、 GKE + CloudSQLの構成でやろうと思ったけど、結構料金かかるみたいだから断念。Kubernetes試してみたかったんだけどな。そもそも、CloudSQLが割と料金かかる。 RDBは無料で使え…

LaravelからGCPのCloudSQLに接続できるようにする

AppEngineにlaravelアプリケーションをデプロイしても、DB接続とか面倒なのでメモ。

GoでMysqlに接続してselect・update・deleteしようか

Goでmysqlに接続してみよう。