CSSが辛い | 長期有給インターン生の日常|株式会社ガーディアン | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー | 株式会社ガーディアン｜141億のデータで中小企業を勝たせるWEB戦略データ・カンパニー

CSSがつらい

ガーディアンサイトの模写について

現在、ガーディアンのコーポレートサイトを模写しています。インターン生の活動日記を模倣しながら、ウィジェットやデザインのレイアウトを学ぶのはとても勉強になりますが、やはりCSSには苦戦しています。細部にこだわることで、実際のプロジェクトでも使えるスキルを身に着ける良い機会だと感じています。特に、レイアウトの柔軟性やレスポンシブ対応を考慮しながらコーディングする部分は、今後のフロントエンドの理解に大きく役立つと思っています。

OWLetの経験

OWLetのレイヤ構造には比較的すぐ慣れることができましたが、ウィジェットを使って部品を作成するプロセスにはまだ苦労しています。。。泣。バックエンドが好きでフロントエンドを避けてきた自分にとっては、この部分はかなりの挑戦です。とはいえ、この経験を通じて、フロントエンドの設計や部品の再利用性についても学びが多いです。今後の開発において、フロントエンドとバックエンドの両方をバランスよく考慮したアプローチができるようになりたいと思っています。

CSSの壁

やはりフロントエンドに戻るとCSSでつまずいてしまう場面が多いです。以前はバックエンドに集中していたため、フロントエンドの細かいデザイン調整は苦手ですが、今回はしっかり向き合っていこうと思っています。どうしてもフロントをしなきゃいけないときはTailWind.cssを使ってなるべく回避していました。しかし、これらを乗り越えることで、フロントエンドにおける一層のスキルアップが期待できるので、継続して取り組んでいきます。

OWLetの助け

一方で、OWLetのDBからデータを取得するコードは非常に可読性が高く、理解しやすいので大いに助かっています。この点に関しては、バックエンドの経験が活きていると感じます。具体的には、データバインディングのシンプルさや、条件分岐処理の記述がわかりやすく、スムーズに実装が進められています。今後は、このプラットフォームを活用しながら、より高度な機能を持つウィジェットを作り、プロジェクトに貢献していきたいです。