Reactで今までろくにアニメーション関係を扱ってなかったのでちょっと何かライブラリーがないか探してちょっと試すためだけに簡単なサイトをNext.jsで作ってみたという簡単な感想のような記事です。 サイトの趣旨 ただのよくある写真サイトです。東京の各場所の写真を載せたサイトです。スクロールで画像が出てきて写真をクリックするとスライドが出ててくる本当によくある感じのサイトです。 Next.jsで作っているので以下、vercelにあげています。 Tokyo Gallery Site アニメーション 今までアニメーションといったらwebアニメーションを使っていたのですがいまいちReact上だと扱いに
前回の記事でNext + Vercelでサイトを作ったという記事を書きましたがちょっとあまりにも良くなかったので今回大幅に作り直しました。新しいサイトでも主にAdobeScript関係のまとまった情報を載せてゆく予定ですが単発の記事、新しい情報は今まで通りブログとTwitterで更新してゆく予定です。特に目新しいことはやってないのですがどんな風に開発したかの記事です。 ちなみに該当のサイトはこちらになります。 導入した技術 前回同様今回もTypeScript + React + Styled-componentで作成したのですがそれ以外にもコンタクトフォームの作成のためにGoogle reCA
前回の記事で取り上げましたAdobe Creative Libraries APIへのアクセスですが前回はサンプルのコードをそのまま動かしただけでした。サンプルコードではejsでHTMLの生成を行なっていましたがejs自体自分が慣れなてないのとやはりクライアントサイドはReactで構築したいということで試行錯誤してやってみました。自力でサーバーサイドレンダリングの環境を構築とかも考えたのですが色々難しそうなので結局Next.jsを使用。なお今回とりあえずAdobe Creative Libraries APIにアクセスするReactの環境を作ることが目的なのでReactやNext.jsの基本の