【Flexbox】第1回コーディングあるある | サイドスリーブログ
こんにちは、フロントエンドエンジニアのたいよーです。 突然ですが、日頃コーディングをしていると「うわっ、また同じ現象が起きたわぁ。。」みたいなことがコーダーさんにはよくあるのでないでしょうか。 そんなあるあるを「コーディングあるあるシリーズ」として私たいよーが定期的にお届けしていきたいと思います!!（シリーズがちゃんと続くかは分かりませんが。。笑） 記念すべきシリーズ第1回は、要素の横並びと言ったらこいつだ！でお馴染み「Flexbox」のあるあるをお届けします！ コーディングあるある早く言いたいぃ～♪ 「Flexbox」ってなんどい？美味しいんか？ まずは「Flexbox」ってなんどい？という方の為に簡単におさらいしておきましょう。 記事冒頭でもちらっと出てきましたが「Flexbox」は要素を並列にするcssレイアウトです。 基本的な記述は以下の通りです。 HTML <div class=
Web版WINTICKETのパフォーマンスを改善してきた | CyberAgent Developers Blog
はじめに Web フロントエンドエンジニアとして株式会社 WinTicket で内定者アルバイトをしていた佐々木です。 この記事では1ヶ月の成果を紹介します。 内定者アルバイト期間中は、主にパフォーマンス改善を行いました。パフォーマンスは世の中的に Core Web Vitals の影響で注目が集まっており、ユーザー視点および事業視点でとても重要な要素となっています。 大雑把にパフォーマンス改善というと様々な文脈を持ちますが、今回はリソースの初期読み込みの速度を改善することを目的として、JavaScript のファイルサイズ (バンドルサイズ)を削減しました。 WINTICKET では React と Node.js を用いて Isomophic なアプリケーションを作っています。 しかし、アプリケーションが大きくなるにつれてバンドルサイズが肥大化しており、改善が必要な状況でした。そのため
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
