日経の新媒体における、既存資産を活かすフロントエンド技術選定 — HACK The Nikkei
こんにちは、Web チームの井手です。 この度 NIKKEI Professional Media（通称 Promedia） という新媒体をリリースしました。各トピックに特化したメディアで、現在は 日経モビリティ、日経GX、日経テックフォーサイトが展開されています。 これまで日経 Web チームでは特定のFWを利用せず、長年JSXをテンプレートエンジンとした独自FWを開発して、モノレポとして運用していました。これはチューニングの余地を自分で確保することや、自分たちのチームにあった規約を作りやすくするための選択です。しかし Promedia の開発は電子版本体のリリースサイクルと外れるためにモノレポの中に入れたくないことや、長年の開発の負債を引き継ぎたくないこと、なによりNextJSエコシステムの発達によって僕たちの要求をカバーできつつあることから、試験的にNextJSを採用して開発してみま
マルチブランドの実装としてのペパボのデザインシステム「Inhouse」
SUZURI、minne、ロリポップ！レンタルサーバーなど、GMOペパボは多くのブランドを抱えた老舗の事業会社です。そんなペパボが開発・活用している、マルチブランドで利用できる共通基盤デザインシステム「Inhouse」を通して、デザインシステムがブランドの確立へどのように役立つのか、それを実現する実装について、詳しくご紹介します。 この資料はイベント《【セブンデックス｜GMOペパボ】ブランドを確立するための視覚戦略とデザインシステム》で発表したものです。 https://pepabo.connpass.com/event/254708/ # 資料のなかで紹介したURL デジタル庁のnote「デザインシステム勉強会を開催しまし た」 https://digital-gov.note.jp/n/n78f6a2f82e48 Design Systems Sprint 0: The Silver
これまでとは異なるCSSフレームワークが登場！ 一貫性のあるUIコンポーネントを簡単に実装できる -Open Props
これまでとは異なるCSSフレームワークが登場しました！ Tailwind CSSのようにユーティリティファーストで、すべての値がCSS変数（カスタムプロパティ）で記述されています。レスポンシブ対応で一貫性のあるUIコンポーネントを簡単に、素早く実装できます。 単独でも他のフレームワークとの併用も可能で、カラーのみグラデーションのみシャドウのみタイポグラフィのみメディアクエリのみといった使い方もできます。 Open Props Open Props -GitHub Open Propsとは Open Propの使い方 Open Propsのデモ Open Propsとは Open PropsはこれまでのCSSフレームワークとは一味も二味も異なる、CSS変数（カスタムプロパティ）ベースのCSSフレームワークです。巧妙に設計されたWebデザイントークンは、一貫性のあるUIコンポーネントを素早く実
imgタグのwidthとheightを省略したらダメ！ 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法
レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。 このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登場した2つの優れた解決方法を紹介します。 Avoiding <img> layout shifts by Jake Archibald (@jaffathecake) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レイアウトシフトとは aspect-ratioプロパティによるレイアウトシフトの回避方法 widthとheightによるレイアウトシフトの回避方法 どちらの方法を使用すべきか レイアウトシフトとは デフォルトでは、<im
【緑茶・ほうじ茶】本当におすすめできる水出し茶を買った！ | オモコロブロス！
暑い日が続く8月 冷たいモノを求める季節 冷たい緑茶が飲みたくなったり… 冷たいほうじ茶も飲みたくなる……！ 本格的なお茶の旨みが簡単に味わえるティーバッグがあったら嬉しいな〜！ そんな事を思っていたら、すでに理想の商品が販売しているという噂を耳にしました。 今回はそのお茶を入手して、本当においしいのか検証してみたいと思います。 おいしい水出し茶を飲む 購入したのは、新緑園の『失敗しない深蒸し茶水出しティーバッグ』と『失敗しないほうじ茶茶水出しティーバッグ』。 宮崎県の新富町にある新緑園は、農林水産大臣賞4度受賞、ANAの国際線ファーストクラスで緑茶が採用されるなど、香りと味と色の3拍子揃った高品質なお茶が特徴。 大きな文字で「失敗しない」と書かれている理由は、茶葉の量・湯の温度・抽出時間という、お茶を淹れる時の失敗三大要素がない商品のため。 パッケージには、茶師九段 黒木信吾作と大きく表
「中年に惑ったら、髪型を変えろ、車を変えろ」 - シロクマの屑籠
times.abema.tv 先日8月3日、ABEMA Prime さんにて「中高年のうつ病」という特集があってゲストとしてお邪魔させてもらった。思っていた以上に中高年のうつ病についての話が真面目かつ広く取り扱われて、限られた放送時間のなかでいろいろな話題が出て良かったんじゃないかと思う。そこで、中年危機について良さそうなアイデアが語られていたので、これは書き残したほうがいいと思ったので書いておく。 パックン「中年危機になったら髪型変えればいいんですよ」 そのアイデアは、番組のなかで中年危機の話になっていた時にぽろっと出てきた。隣の席のパックンさんがこうおっしゃったのだ。「アメリカでは中年危機って言葉はすごくポピュラー。中年危機になったらね、髪型変えればいいんです」。 おお、さすが中年危機がカジュアルに語られる国だけのことはある。そう出るか！ 中年危機は英語でmidlife crisis
マスクを着けている人が多い日本の新型コロナ感染者数が、世界最多なのはなぜ？（忽那賢志） - エキスパート - Yahoo!ニュース
日本は2週連続で世界最多の新型コロナ新規感染者数を記録しています。 これだけマスクを着けている日本で感染者数が増えていることに関連して、マスクの効果に疑問を抱いている方もいるようです。 今、日本で新規感染者数が世界で最も多いのは、マスクの効果がないためでしょうか？ 日本の新規感染者数は世界最多日本国内における新型コロナ新規感染者数および死亡者数の推移（Yahoo!JAPANより） 現在、日本国内では1日20万人を超えるペースで新規感染者数が報告されています。 日本、2週連続で世界最多 コロナ新規感染者数、全体の2割占める 世界各国の新型コロナ新規感染者数の推移（Our World In Dataより） 確かに7月以降、日本の新型コロナ新規感染者数は急激に増加しており、欧米や東アジア諸国と比べても多くなっています。 これまで新規感染者数・死亡者数を低く抑えてきた日本でここまで新型コロナが拡大
自分の価値観をシェアするとチームは少し変わるかもしれない｜Wevox（ウィボックス）【組織づくり応援チャンネル】
wevox values card が発売されて1ヶ月がたちました。 色んな方々が使っていただきおかげさまで、かなりの反響をいただいました。価値観シェアするという些細なことの価値がチーム作りにとても重要だという発見もありました。 wevox values cardを作った経緯はこちら👇 このカードゲームを通じて価値観のシェアが起こることがチームを1歩前に進める重要な要素なのかもしれません。 ❶ 世の中には色んな価値観がある。チームの中にも色んな価値観がある。 wevox values cardは89枚の価値観が書かれたカードで構成されています。 ■自分の価値観を導くツール 「wevox values card」を購入🙌 89枚の価値観が書かれたカードで、ワークを通じて自分の価値観に気付けたり、周りの人の価値観を理解できるツールです。 ヒアリングやブランディングに使っていきます☺️使って
SMBCデザインチームをつくることへの挑戦｜SMBC DESIGN
初めまして。4月に入行した森川です。 入行して3ヶ月、デザインチーム内外の皆さんと積極的に話したり、食事に行ったりして少しずつ距離が縮まってきて楽しく過ごしています。様々な案件にも参加させてもらい日々忙しく過ごしている中で、少し時間は経ってしまったのですが遅い自己紹介も兼ねて、入行の経緯とデザインチームに対する想いを書いていきます。 まずは、今までの経歴について、簡単に紹介させてください。 経歴 2014 - 2018年：多摩美術大学 情報デザイン学科 情報デザインコース 2016 - 2018年：デザイン制作会社 アルバイト 2018 - 2022年：IT系企業でWeb・UIデザイナーとして働く 2022年：三井住友銀行入行 主なデザイン経験 小規模LP／大規模ECサイトのデザイン・コーデイング、Web開発 スマホ／特殊デバイス用のアプリケーションUI開発 デザインシステム作成 エディト
フロントエンド技術負債解消WG「除雪部」を立ち上げた話 - STORES Product Blog
はじめに hey のネットショップ開設サービス「STORES」 の開発フロントエンド組織で EMをしています、 daitasu と申します。 2022年の上半期、私たちのフロントエンドチームで「除雪部」という技術負債解消ワーキンググループ(以下、WGとします)を立ち上げました。 この記事では、「除雪部」とは何なのか、なぜ設立したのか、何をしているのか、半年間の振り返りをご紹介します。 「除雪部」とは 除雪部は、フロントエンド内で、通常のプロジェクト(以下、PJTとします) と並行して、有志数名で集まり、技術負債の解消をハンドリングするWGです。 フロントエンド関連で負債に感じている課題を集約し、優先度付け、必要な各所への連携やタスクの分解をして、「負債を各メンバーが対応可能な状態まで落とし込むこと」、「負債の解消を一歩でも前に進めること」を役割として動いています。 なぜ設立したのか STO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ESM移行は無理だけどおれもSindreのライブラリが使いたい！
