【LINE証券 FrontEnd】コンポーネントをカスタムフックで提供してみた
こんにちは。フィナンシャル開発センターの鈴木です。LINE証券のフロントエンドを担当しています。 以前の記事でご紹介した通り、LINE証券ではReactを使用しています。React 16.8で導入されたフックの機能は非常に革新的で、特にカスタムフックの概念によってReactにおけるコンポーネント設計は大きく様変わりしました。我々もフック時代のコンポーネント設計を試行錯誤しており、その結果はLINE証券にも反映されています。 この記事では、その中でも我々が最近ハマっている「カスタムフックを通じてコンポーネントを提供する」という、いわば“render hooks”とも言うべき設計パターンを紹介します。 今回のお題 今回は、「いくつかのチェックボックスがあり、全部チェックを入れると次に進める」という典型的なパターンを題材にしましょう。次の画像では3つのチェックボックスと「次へ」ボタンが並んでおり
2022年1月においてCSRF未対策のサイトはどの条件で被害を受けるか
サマリ2020年2月にGoogle ChromeはCookieのデフォルトの挙動をsamesite=laxに変更しましたが、2022年1月11日にFirefoxも同様の仕様が導入されました。この変更はブラウザ側でCSRF脆弱性を緩和するためのもので、特定の条件下では、ウェブサイト側でCSRF対策をしていなくてもCSRF攻撃を受けなくなります。この記事では、デフォルトsamesite=laxについての基礎的な説明に加え、最近のブラウザの挙動の違いについて説明します。 （2022年1月29日追記） 本日確認したところ、Firefoxにおけるデフォルトsamesite=laxはキャンセルされ、従来の挙動に戻ったようです（Firefox 96.0.3にて確認）。デフォルトsamesite=lax自体は先行してGoogle Chromeにて実装されていましたが、細かい挙動の差異で既存サイトに不具合が
JS のビルドサイズを極限まで絞るための TIPS 集
ビルドサイズ限界まで絞りたい人向け。 あらゆる環境で実践するものではないが、知ってたら簡単に避けることができるのもあるので知っておくと便利なTIPS書いていく。 基本ポリシー 未使用コードはビルド時に全部落とす。 何が未使用コードで、何が定数かわかるようなインターフェースを人間が心がける。 用語 Dead Code Ellimination(DCE) Rollup や Terser で、未使用コードを削除すること
オフィスに出社することは｢時代遅れで非生産的｣…リモートワーク希望者は10倍に増加
人材紹介会社のトップであるジェームズ・リードは、オフィスでミツバチを飼っていて、以前は在宅勤務に懐疑的だった。 しかし、リードによると、採用担当者はリモートワークの方が志願者に会いやすいという。 経済が回復するにつれ、リモートワークは雇用者と従業員間の緊張の種として再び浮上してくるかもしれない。 リードグループ（Reed Group）のジェームズ・リード（James Reed）CEOは養蜂家でもあり、ロンドンの本社の屋上でミツバチを飼育するほど、会社のオフィスで働くことに関して他の誰よりも意欲的だ。 しかし、イギリス最大の人材紹介会社のひとつである同グループを率いる彼は、新型コロナウイルスのパンデミックによって、オフィスにフルタイムで出社する必要性についての考え方が変わったことを認めている。 ｢在宅勤務に懐疑的だった私が、多くの同僚にとって在宅勤務が有効であることを目の当たりにし、さまざま
フリーランス 出版業界労組が報酬10％引き上げ求め初の要望へ | NHKニュース
ことしの春闘にあわせてフリーランスの待遇改善を進めようという動きが出ています。出版業界でフリーランスとして働く人の労働組合が報酬の10％引き上げを求め、業界団体に初めて要望を行うことを決めました。 要望を行うのはフリーランスとして働くライターや編集者など200人余りでつくる労働組合「出版ネッツ」です。 労働組合によりますと、出版業界ではインターネットの記事やコンテンツの作成などの仕事が増えていてフリーランスとして働く人も増加する傾向にあるといいます。 一方でフリーランスは企業などから個人で仕事を受けるケースが多く、経験や技術が上がっても報酬の引き上げを求めることが難しいという声が相次いでいます。 このためことしの春闘にあわせて出版業界でフリーランスとして働く人について報酬の10％引き上げを求め、業界団体に初めて要望を行うことを決めました。 出版業界だけでなく音楽や映像制作などほかの業種で働
iPhoneが追加ハードなしで「タッチ決済端末」に？ Appleが企業買収し開発中か
Appleは、Squareなどの追加ハードウェアを導入せずにiPhoneで直接支払いを受けられる新サービスを小規模事業者向けに計画していると、Bloombergが、事情に詳しい複数の関係者からの情報として伝えている。 Appleは、2020年8月にスマートフォンを決済端末に変えるカナダのスタートアップ企業「Mobeewave」を約1億ドル（約106億円）で買収しており、これらを実現するための開発に取り組んでいるようだ。 Appleが計画している機能では、iPhoneを決済端末とし、フードトラックやヘアスタイリストなどのユーザーが、iPhone背面にクレジットカードや別のiPhoneをタップさせるだけで支払いを受け入れることができるようになるようだ。 今後数カ月以内にソフトウェアアップデートを介して機能の展開を開始する可能性があると関係者は話しているという。Appleは近い将来、iOS 15
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
