pixiv のデザインシステム実装『charcoal』を OSS 化します - pixiv inside

2022/03/31 23 users pixiv GitHub npm pixivFACTORY

こんにちは、@f_subal です。普段はおもに pixivFACTORY のフロントエンドを見たり、社内のデザインシステム整備の仕事をやったりしています。 さて、2021年に開催した弊社カンファレンス #pixivdevmeetup にて発表しましたデザインシステムの Web 版実装が先日 OSS 化されました 🎉 1。GitHub と npm から利用できます... 続きを読む

Figma でアイコンを更新したら GitLab に勝手に MR が作られるやつ - pixiv inside

2021/01/22 11 users figma npm GitLab アイコンライブラリ SVG

こんにちは、@f_subal です。普段はおもに pixivFACTORY のフロントエンドを見ています。最近は社内のデザインシステム整備の仕事もやっており、今回はそちらで作っているアイコンライブラリの話をします。 SVG アイコンを社内 npm で配る みなさん、プロダクト内で利用するアイコンをどのように管理していますか？ 大抵... 続きを読む

脱Reduxを試みて失敗した話、その原因と対策について

2020/11/08 26 users redux takepepe READ Tweet 指針

さて、年末が近づいてきましたが今年も 「Redux 使うべき使わないべきか」という話で盛り上がりましたね。 僕もずっと悩める人なのですが、@f_subal さんの Tweet や @takepepe さんの Next.js の状態管理 2020 が示すように Read 要件・Write 要件の多さで使い分けるという指針には深く納得をしました。 Redux の代替に... 続きを読む

ep.58 デザインとフロントエンドの関係を Tailwind CSS から考えよう | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/08/21 10 users Podcast Tailwind.css キャッチ CSS

@spring-raining が @f_subal @potato4d に Tailwind CSS やフロントエンドにおける CSS 設計について話を聞きました。 ゲスト紹介 pixiv フロントエンドエンジニア Tailwind.css + classNames() を型安全に扱う TypeScript Language Service Plugin を書いた Tailwind.cssとは https://tailwindcss.com/ Utility-first... 続きを読む

Rails + Contentful で LP のコーディングをゼロにする - pixiv inside

2020/01/15 11 users Rails pixivFACTORY Contentful

こんにちは、@f_subal です。 pixivFACTORY というサービスで普段はフロントエンドをやっています。 今回は Rails のサービスに Headless CMS の Contentful を導入し、ワークフローを改善した話をします。 ランディングページ、あるいはマスターデータの詳細について pixivFACTORY はグッズおよび同人誌がブラウザ上で... 続きを読む

今日から簡単！Webpacker 完全脱出ガイド - pixiv inside

2018/08/06 260 users Webpack pixiv inside Rails gem

こんにちは、@f_subal です。普段はおもに pixivFACTORY のフロントエンドを見ています。 今回は pixivFACTORY において、フロントエンドのビルドに Webpacker を利用するのをやめた話をします。 Webpacker をやめよう rails/webpacker は Ruby on Rails のプロジェクトに webpack を導入する際に用いられる gem です。... 続きを読む