この記事は、CYBOZU SUMMER BLOG FES '25 の記事です。 はじめに サイボウズのkintoneというプロダクトでは、2021 年からフロントエンド刷新を進めています。 このフロントエンド刷新では「フロントエンドに Autonomy をもたらす」ことを目指して、次のような取組も行なっています。 モノリスな構成からの脱却 アーキテクチャとチーム（組織）体制をセットで考える チーム単位の Monorepo によりオーナーシップを明確に フロントエンド刷新によって kintone の領域ごとにフロントエンドは分割され、現状だと次の図のように、frontendディレクトリ配下には各チームが独立した Monorepo 構成のディレクトリを持っています。 上記のような構成で運用を続けていくことで、各チームがオーナーシップを持ってフロントエンドの開発を進められるようになりました。一方
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
React Conf is around the corner and it's been almost 10 years since Prettier was released. I figured it would be a good time to recount the journey from its early days to now. This is the story of how the "Space vs Tabs Holy War" ended, not through one side winning over the other but instead a technological invention making it the underlying source of tensions no longer being a thing. Back Story S
10月4日のbuilderscon 2025の開催に向けて準備を進めていましたが、2025年9月12日、中止を決定しました。 ご支援いただきましたスポンサー、個人スポンサーの皆様、登壇者の皆様、プロポーザルを出していただいた皆様、そして参加者の皆様のご期待に沿えず、大変申し訳ありません。 大きな原因として主催者の一身上の都合がありました。予定通りに活動をできなかった結果として、企画、告知、チケットの販売、スポンサーへの連絡を含むすべての対応が大きく遅れました。 開催中止となるとスポンサーや登壇者、参加者の皆さんにも大きなご迷惑をおかけすることとなるため、開催を前提にスタッフと議論および調整を進めましたが、開催を決行した場合に大きなマイナス収支が見込まれること、見込み参加者数がスポンサーや登壇者を募集した際の資料に記載した参加者数に対して大きく未達となることなどから総合的に検討し、最終的に開
フロントエンドカンファレンス東京 2025 (2025/09/21) での発表資料 https://fec-tokyo.connpass.com/event/352581/
どのような問題点があったか 日本語入力環境では「全角数字（１２３４…）」を入力するケースが多く存在します。ところが、 <input type="number"> は仕様上「半角数字のみ」を受け付ける設計となっており、主要ブラウザの実装でも全角数字は「非数値」と判断され、入力が拒否されてしまいます。
![input[type="number"]における全角入力対応をChromium/WebKitへ提案と実装をした話](https://cdn-ak-scissors.b.st-hatena.com/image/square/55ecc0e848ab90d979de1992913f8c379dc838f4/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fwww.fourier.jp%2Fstorage%2Fblog%2Fpost-outline%2F72p4chSEDv2ghmnU9xADoSgwBWvhGumO.jpg)
Published: September 16, 2025 Browserslist is a utility that tells build toolchains how to modify source code for a specified set of browsers. Browserslist relies on a query syntax that specifies exact versions of browsers, relative queries such as last 2 years, and even usage-based queries like > 0.5%. It's used by other popular tools such as Babel and PostCSS. Chances are, if you use any kind of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
