Developersの検索結果1 - 2 件 / 2件

• あとで読む

  React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog

  • 221 users
  • user-first.ikyu.co.jp
  • テクノロジー
  • 2024/08/05

  CTO 室の恩田(@takashi_onda)です。 一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / Remix への依存が最小になるように心掛けています。 今日は、そんな一見矛盾するような設計方針について、ご紹介したいと思います。 この記事を読んでいただき Remix に興味をもたれたら、明後日 2024/8/7(水) 19:00〜 のオンラインイベント offers-jp.connpass.com にもご参加いただけると嬉しいです。 この記事でご紹介している疎結合なフロントエンドアーキテクチャを実現する Remix の魅力についてお話します。 なぜ依存を最小にするのか？ R

  • react
  • 設計
  • あとで読む
  • remix
  • frontend
  • js
  • TypeScript
  • システム
  • architecture
  • Developers

  
• あとで読む

  日本語におけるtext-wrapプロパティの運用

  • 132 users
  • yuheiy.com
  • テクノロジー
  • 2024/07/22

  CSSのtext-wrapプロパティを使うと、テキストの行の折り返し方法を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。 CSS text-wrap: balance  |  CSS and UI  |  Chrome for Developers text-wrap: balanceが適用された下の例では、すべての行の長さが均等になるように制御されている。 しかし正確に言えば、すべての行の長さが必ずしもまったく同じになるわけではない。文字の適切な折り返し位置を考慮した上で、おおよそ同じくらいの長さになるように分配される、というのが正しい。その際、一つの英単語の途中で行が分割されるようなことは通常起こらない。これは、英語では単語の区切りに空白文字を挟んで記述されるが（わかち書き）、それが改行位置を決めるためのヒントとなるからである。

  • css
  • あとで読む
  • Web制作
  • 日本語
  • font
  • 資料
  • design