こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇%アップ、CVR〇%アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン
現場で使えるFlexboxレイアウト12選Update2023.05.12Release2021.06.24CodingHatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する 現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり見かけなかったので、本記事にて詳しく紹介していきます。 flexboxに慣れていない方だけではなくコードを短縮化させたい方も対象の内容となっております。ぜひご一読ください。 flexboxを使った横並び1行レイアウトflexboxを使った横並び1行レイアウトカードUIでよくある横並び1行レイアウトのFlexbox実装。同じ横幅のカードを等間隔で配置するもので、間の余白ももちろん等間隔。これを使う機会は多いので確実
Python 3.6.6 (v3.6.6:4cf1f54eb7, Jun 26 2018, 19:50:54)
Webページがうまく表示できないことがあります。 Redditで拡散されて、アクセスが殺到して表示されないのかもしれません。GDPR(EU一般データ保護規則)のような法律によって、日本からのアクセスはブロックされているのかもしれません。 それとも単に、最近削除されてしまったのかもしれません。 普通は、GoogleがWebページのコピーを保存しています。その保存しているページを取得する一番簡単な方法は、アドレスバーに「cache:」と入力することです。 「cache:」と入力してEnterキーScreenshot:LIfehacker USアドレスバーをクリックするだけで、カーソルは一番左まで移動するので、そこで「cache:」と入力してEnterキーを押しましょう。Googleは、そのページのキャッシュしたコピーを表示します。大抵、かなり普通のページのように見えます。 この裏技は、Go
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く