The Best Complex Frontend Architecture: What You Need to Know About Feature-Sliced Design | HackerNoon
Introduction Frontend developers often face a problem related to application architecture. It requires the use of an architecture that can easily scale and provide loose coupling and high cohesion between application modules. This article discusses the Feature-Sliced Design architecture, as, in my opinion, it is the best among the available options. It also explores the idea of FSD and the problem
フロントエンドのパフォーマンスチューニング Javascriptは非同期で読み込むべし
どうもお疲れ様です。MESIです。 フロントエンドのパフォーマンスチューニング手法の一つとしてJavaScriptを非同期で読み込むことを学んだので忘備録として残します。 なぜ非同期で読み込む必要があるのか？ 主な理由としてレンダリング時のブロックを回避するためにJavaScriptを非同期で読み込む必要があります。 レンダリングブロックについて 通常、ブラウザはHTMLを上から下へと解析し、表示していきます。 しかし、JavaScriptファイルが同期的に読み込まれる（<script>タグのデフォルトの挙動）と、ブラウザはそのファイルのダウンロードと実行が完了するまでHTMLの解析を停止します。 これによりページのレンダリングが遅れ、ユーザーがページの内容を見るまでの時間が長くなります。 そこで非同期読み込みの出番です。 非同期でJavaScriptを読み込む（asyncまたはdefer
数年来の技術的負債を改修した話 - 2種類のORM並列状態からの脱却 -
この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint の23週目の記事です！ 1年間連続達成まで 残り 30 週 となりました！ はじめに 勝丸と言います。ログラスのエンジニアが毎週記事を発信するLoglass Tech Blog Sprint 2周目に突入しました。前回は「心穏やかにDBバージョンアップ！ロジカルレプリケーションで安全にバージョンを切り戻せるようにした話」という記事を書きました。こちらもよろしくお願いします。普段はログラスの横串組織で活動しています。 この記事では「数年来の技術的負債を改修した話 - 2種類のORM並列状態からの脱却 -」というタイトルで、年末から年始にかけてやっていた作業について共有します。 この記事で得られること リファクタリングのやり方や考え方 リリースへの持っていき方 投資判断のタイミングや負債解消について 経
Next.js App Router キャッシュの今
先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基本 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基本的にはビルド時にページが事前レンダリングされます。これはRoute Handlersも同様です。仮にビルド後にデータを更新してもリビルドしない限り表示は古いままであり、これは静的にレンダリングされていると言えます。 ただし、developmentとproductionでは挙動が異なります。ローカルではコードに変更を加えるたびにデータが再取得・レンダリングされるので、ローカルとビルド後の挙動に違いがあることを理解しておきましょう。 リクエストするたびに最新のデータを取得し表示
日本企業は社員を「子ども扱い」し、学ばない大人が増える 自発性が低い日本人にとって「リスキリング」が必要な理由 | ログミーBusiness
日本人は“勉強をしていない人”の割合がダントツ澤円氏：そして、あえてここで、「日本」という非常に大きい主語を使いたいと思います。日本が残念な状態になった理由を、今からお話ししていきます。 これは、僕の本にも書かせてもらいましたが、（スライドに出ているグラフは）データとして出ているんですよね。日本は、「社外の学習・自己啓発を『とくに何も行っていない』人の割合」が、ダントツ（1位）です。 グローバル調査をして、こんな数字が出ているんですよね。2位のオーストラリアに、約倍の差をつけて、52.6パーセントですよ。（3位の）スウェーデンの人って、学んでいる印象があるんだけどな。意外。 ということで、日本は52.6パーセントも、「何も行っていない」人がいるんですね。良かったですね。今日、今この瞬間、ここにいる方は、この中に入っていないということですよ。何しろ学んでいらっしゃいますからね。なんとビジネス
iPhoneでの通話を録音する、2つの方法 | ライフハッカー・ジャパン
前提：通話の録音が「合法」かを確認日本では「通話の録音自体は違法性がない（取得方法や会話データの取り扱いによって違法性を問われる可能性がある）」とされています。 しかし、住んでいる国や地域によって、通話を録音する際に相手の許可が必要な場合もあれば、完全に違法である場合もあります。通話を勝手に録音しはじめる前に、まずは通話の録音が合法かどうかを確認しましょう。 たとえば、アメリカの場合は通話の録音が合法かどうかは州によって異なるため、オンラインで調べることができます。 方法1：専用アプリを使用iPhoneでの通話録音をする際に便利な方法の1つは、特化したアプリを利用すること。 なお、サードパーティアプリのほとんどは、通話の録音オプションを快適に使いたい場合、サブスクリプション契約が必要になることが多いです。 ただし、通常は無料で試すことができ、多くのサブスクリプションオプションは、それらの録
開発生産性可視化の意義とPR TIMESの事例 発表資料 | PR TIMES 開発者ブログ
自己紹介 本名：金子達哉 株式会社PR TIMES開発本部長CTO 2021/4入社 達人が教えるWebパフォーマンスチューニング〜ISUCONから学ぶ高速化の実践（技術評論社）（通称：ISUCON本）の著者の1人 6章「リバースプロキシの利用」・7章「キャッシュの活用」・8章「押さえておきたい高速化手法」を担当 catatsuyというIDで各種SNSをやっています かたついと呼ばれることが多いです 数年前のPR TIMES デプロイは1週間に1度あるかどうかという頻度 リリース時のメンテナンスにより、大きな変更をリリース PHPのバージョンが非常に古く、ソースコードにも問題があり機能追加が困難で開発効率が低い フロントエンドもほぼすべて古いjQueryベースで作られており、バグ修正すらできていない ⇒開発速度向上のために、すべて変えたのでざっくり紹介 デプロイ頻度を上げる 小さいPRをど
Inside .git
January 26, 2024 Hello! I posted a comic on Mastodon this week about what’s in the .git directory and someone requested a text version, so here it is. I added some extra notes too. First, here’s the image. It’s a ~15 word explanation of each part of your .git directory. You can git clone https://github.com/jvns/inside-git if you want to run all these examples yourself. Here’s a table of contents:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
１部: 仮想化とは｜実践 Docker - ソフトウェアエンジニアの「Docker よくわからない」を終わりにする本
イベントハンドラの関数名についての雑記 - Qiita
テストコードを負債化させない上手な付き合い方 / Test Code Management