TCW Ver.2.0
Concept
自身のインプットした知識を、アウトプットとして活用すべく制作した技術ブログとなっております。
デザイン、コーディング、システムを全て自身で行い、テーマとして1から自作しました。
これにより、コードをストックして業務の効率化を進めるだけでなく、選考の際の実力を知ってもらうための指標にしていただけたら幸いです。
Dsign
XDを用いてデザインから作成しました。
このサイトの前進である旧サイトのコンセプトである、「モダン×テクノロジーを表現する」を引き継いだサイトデザインとなっております。
現在のトレンドでもある追従型の目次の導入やCODDPENなどうも導入し、よりユーザーにとってインタラクティブで直感的なUIを提供いたしました。
Plan
一般的なSEO対策も行っており、解析ツールの導入なども行いました。
これにより自身のアウトプットがどこで誰に有効活用されているのかを可視化と同時に、今後伸ばすべき技術のヒントとしても活用していく予定です。
Coding
サイト高速化の実験も兼ねて、Webpackを導入してほぼ全てのCSS,JSを一つのファイルにビルドして制作しました。
また、テーマ自体を1からPHPで構築したため、自分好みの入れたい機能を全て盛り込んで、自由なカスタマイズ性を実現しました。
またPWAを導入したことにより、Android端末でほサイトアプリ化を実現しております。
Point
-
Technique
Webpackを用いた全CSS、JSのビルドによるサイト高速化。
-
Design
自身のアウトプット、メモとしのコードストック。
-
- Release Date
- 2023.06.01