私はアニメのオープニング・エンディングの演出や表現をWEBサイト上のアニメーションの参考にしています。 今回は最近ハマった「サイバーパンクエッジランナーズ」のオープニングのアニメーション表現の一部を作ってみました。 まずはオープニング映像を見ていただいた方が良いでしょう。 非常にカッコいい映像でしたね！ 流石に全てを表現するのは難しいので今回は映像の0:37〜0:42辺りを切り取ってチャレンジしてみます。 いきなり完成版 最初に完成版をお見せします。 ここからは制作上のポイントについて解説していきます。 背景のパラパラした画像を作る 最終的にこういうアニメーションGIFを用意しました。 素材の用意 アニメーションだけだと味気ないのでまずは背景の画像が欲しいです。 こういったサンプルを作る際につまづくのはそもそも素材がない、ということです。 エンジニアなのでCSSやJSを作るのはお手のもので

EC 市場が年々拡大していく中、最近ではヘッドレスコマースというワードを技術畑以外でも目にしたり、耳にすることが多くなってきました。私の体感的には 2019 年頃から技術者の間でヘッドレスコマースのアーキテクチャが話題となり、2020〜2022 年にかけて技術以外のレイヤーにも徐々に広まってきたように感じています。 この記事では最近ホットなヘッドレスコマースを理解する上で必要な基本知識と今後どのような方向性でヘッドレスコマースが採用されていくのかを解説・予想していきたいと思います。 ヘッドレスコマースとは ヘッドレスコマースとは顧客接点（サイトの構成や見た目など）を司どるフロントエンドと EC のコアシステム（商品、顧客、在庫、決済など）を処理するバックエンドを分離した構築設計を指します。 ただ、フロントエンドとバックエンドを分離すると言われてもいまいちピンとこない方もいるかと思うので、こ