私の所属するエイチームグループ横断でハッカソンを開催することになり、そこで開発したのが今回の「KIKKAKE（キッカケ）」というプロダクトです。
ホスティングサービスを Netlify から Vercel へ変更
あわせてプラグインの整理。
制作物の概要の表示を更新。
担当領域や使用技術などが一緒くただったのを分離。
未来史を更新。
「綿貫佳祐について」のページの中にある未来史を更新。1 年経った分の内容を見直すなど。
サムネイルを更新。
「メディアエンジン株式会社 記事制作ディレクションシステム」と「Ateam DESI-ENGINEER LT Fes 2020 夏」と「DASADA WEB STORE」と「綿貫佳祐について」のサムネイルを更新
これまではトップページの下部にリリースノートを配置していたものの、履歴が長くなったので別のページを設置。
ユーザーインタビューから UI モックアップ作成までを担当したプロジェクト。
自分達で企画した LT 大会にて作成したロゴの記事。
使用しているライブラリのアップデート。
- axios を削除
- Gatsby を 2.29.3 にバージョンアップ
- React を 17.0.1 にバージョンアップ
- Emotion を 11 系にアップデート
- @emotion/core を@emotion/react(11.1.4)へ
- @emotion/styled を 11.0.0 へ
React Helmet を使用していたことによる componentWillMount の warning を解消。
gatsby-plugin-react-helmet を gatsby-plugin-react-helmet-async に置き換え。
Figma とコードの差分を解消。
Figma でのデータと実際のコードの差分が大きくなっていたため解消。
Figma を基準にしてコード内のデザイントークンの値などを調整。
Figma Activity の contribution 数が間違っていたのと、時間によって日付と contribution 記録がズレてしまうのを修正。
Figma Activity のパフォーマンス向上とスタイルを変更。
各ページの「いつ頃リリースしたか」の記載を「いつからいつのプロジェクトか」に変更。
各ページの内容を一部更新。
記事ページ内に「前の記事」「次の記事」へのリンクを追加。
Figma のアクセストークンを環境変数に設定。
favicon をダークテーマにも対応。
トップページに Figma Activity を設置。
グラフィックの変更。各種パッケージのアップデート。その他軽微な修正。
サイト内で未使用の画像を削除。
各ページを mdx 化。
各ページを markdown 化。細かなスタイルの調整。
読み込み高速化のためにフォントの設定を変更。スタイリングで使う定数名の変更。
「ポートフォリオについて」のページに Netlify についての記述を追加。
定数の種類や名前を更新。コンポーネント間のスタイルの受け渡しを emotion の公式なやり方へ変更。
リリースノートを追加。過去に遡ってリリース内容を全て表示。
「Breath.M」のページを追加。コンポーネントやファイル名の命名規則変更。
パッケージの更新。
404 ページを作成。
siteUrl を更新。www 始まりにすることで Netlify の性能を発揮できるように変更。
Image コンポーネントの書き方をスピード重視に変更。
title タグの編集。
Global なスタイルを定義したコンポーネントの編集。
文章の編集。画像に alt が無いものがあったため追加。
サイトマップ作成。
リダイレクトの設定。フッターのコンポーネント化。
パッケージの更新。
全体的な文章や写真の追加・編集。レイアウト崩れ対応。
OGP 設定。
サブタイトルの文言変更。
トップページのスタイリングを修正。アニメーション含む。
レスポンシブデザイン化（タブレット、スマホの表示へ対応）。
共通して使用している UI をコンポーネントに切り分け。
「ポートフォリオについて」のページの文章を修正。キービジュアルも変更。
CSS in JS のライブラリをを emotion へ変更
各種 npm のパッケージをアップデート。
文字だけのトップから画像を表示。
トップのアニメーションを変更。イージングなど。
Web フォントを使用できるように変更。
初めてのリリース。トップページのアニメーションのみ実装。
