React 化した共通ヘッダーを kintone の全ページに適用しました！ - Cybozu Inside Out | サイボウズエンジニアのブログ

2023/08/30 5 users フロリア React kintone サイボウズエンジニア

こんにちは！kintone フロントエンドリアーキテクチャプロジェクト (フロリア) で、エンジニアとして活動している @nissy_dev です。 以前投稿したチーム紹介記事の中で、コンポーネント単位での共通ヘッダー部分の React 化に取り組んでいることを紹介しました。それから約半年の期間を経て、React 化した共通ヘッダー... 続きを読む

CSSの実装はコンテナクエリで大きく変わる！ コンテナクエリをデベロッパーツールで検証およびデバッグする方法

2022/07/15 26 users コンテクスト レスポンシブ デベロッパーツール デベロッパー

Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。Googleのデベロッパーによるコンテナクエリを... 続きを読む

コンポーネント/単体テスト単位でのvisual regressionテストを行うためのツールを作った話し - Qiita

2016/12/23 28 users bokuweb WACUL Qiita キャプチャー ツール

この記事は 「WACUL Advent Calendar 2016」 の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている @bokuweb と申します。 今回はコンポーネント単位での visual regressionテスト について書いてみたいと思います。 概要 単体テスト時にコンポーネントのキャプチャーを取り、差分を取る visual regression テスト... 続きを読む

browserify + debowerify + vueifyを使ったvue.js component開発 - Qiita

2014/12/16 35 users Qiita browserify コンポーネント CSS 日本

この記事はVue.js Advent Calendar 2014 16日目の記事です。 みなさんはvueifyというツールをご存知でしょうか？ vueifyはvue.jsのコンポーネントをHTML/CSS/JSをコンポーネント単位で一つのファイルに記述して、モジュール管理できるbrowserifyを利用したビルドタスクです。 まだ日本ではあまり記事がなく普及していないかもしれませんが、試しに使って... 続きを読む