Roborazzi + Claude Code でスクリーンショットテストを PR フローに組み込んだ話
zenn.dev
・RoborazziとClaude Codeを活用し、スクリーンショットテストをPRフローに組み込んだ事例を紹介。 ・Androidエンジニアが、過去のCI/CD構築経験を活かしてテスト自動化を進めたプロセスを解説。 ・QAエンジニア、Androidエンジニア、およびテスト自動化に関心のある開発者向けの記事。
dely株式会社 satoyu
Sparkle Designのガイドラインサイトを公開──デザイナーがバイブコーディングに挑戦して得た学び｜Blog｜Goodpatch グッドパッチ
goodpatch.com
・デザインシステムを活用し、AI支援を用いてデザイナーがフロントエンド実装に挑戦した事例を紹介・実装知識を得ることで、Figmaでの設計品質やエンジニアとの連携効率が向上する過程を解説・デザインとコードの接続を強めたいUI/UXデザイナーおよび協業する開発者向けの記事
株式会社グッドパッチ Shohei Nishiyama
GitHub Copilot CLI の公式ハンズオンざっくり和訳 (第5章/7章) skills 編
qiita.com
GitHub Copilot CLIの公式チュートリアル「GitHub Copilot CLI for Beginners」の第5章「skills の作成」について、ハンズオン形式で和訳しながら解説しています。 Copilot CLIのスキル機能に焦点を当て、具体的な使い方を学びたい開発者向けです。 Copilot CLIのスキル作成方法を実践的に理解したいエンジニアにおすすめです。
日本マイクロソフト株式会社 chomado
Webパフォーマンス監視ツールをAIエージェントで作り直した話 ─ Slackだけで完結する運用を目指して
engineerteam.note.jp
Webパフォーマンス監視ツールをAIエージェントで再構築し、Slackだけで完結する運用を目指した事例を紹介。 フロントエンドエンジニア向けの記事。 社内LT大会での発表をもとにしている。
コードとデザインを自由に行き来する ー Figma MCP × AIエージェントがもたらしたSpindle開発フローの変化
developers.cyberagent.co.jp
・Figma MCPやCursor、Claude CodeなどのAIツールの導入により、Spindle開発におけるコードとデザインの連携がスムーズになった。 ・AIエージェントが開発フローのボトルネックを解消し、効率化に貢献した事例を紹介。 ・デザインと開発の境界を越えた、新しい開発手法に関心のあるエンジニアやデザイナー向けの記事。
株式会社サイバーエージェント herablog
WebのWYSIWYGなルビ入力の現在
zenn.dev
WebにおけるWYSIWYG（見たまま）なルビ入力の現状について解説する記事です。 ルビは、漫画や小説などで難読漢字や固有名詞の読みを示すために使われる仕組みで、読者の理解を助ける役割があります。 主にフロントエンド開発者や、Webコンテンツ制作に関わるデザイナー、ディレクター向けの内容となっています。
サイボウズ株式会社 かりんとう（コサキン）
【ソースコードあり】TypeScriptデコレータで実現する安全なリファクタリング
note.com
TypeScriptのデコレータ機能を利用して、安全かつ効率的なリファクタリングを実現する方法を解説しています。 リファクタリングの際に発生しうる問題をデコレータでどう解決するか、具体的なコード例を交えて説明しています。 TypeScriptのデコレータを活用したいフロントエンドエンジニアやバックエンドエンジニア、テスト担当者向けの記事です。
表示速度を飛躍的に向上させるHTML/CSS仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
techblog.lycorp.co.jp
HTML/CSSのcontent-visibility、Lazy loading、containといった仕様をコード例付きで解説しています。 これらの仕様を用いることで、ウェブサイトの表示速度を飛躍的に向上させることが期待できます。 フロントエンドエンジニアやウェブサイトのパフォーマンス改善に関心のある開発者向けの記事です。
Cybozu Frontend Monthly#68
cybozu.connpass.com
サイボウズ社内フロントエンド情報共有会「フロントエンドマンスリー」の社外公開版。 最新のフロントエンドに関する情報共有が行われます。 フロントエンドエンジニアで最新情報をキャッチアップしたい方におすすめです。
デザインシステムを丸ごと Skills にする
zenn.dev
- サイボウズのkintoneでは、社内向けのデザインシステムをAI Agent開発のために「Skills」化しました。 - これにより、デザインシステムの提供側・利用側双方にとって、非常に取り回しやすい形となり、開発効率が向上しました。 - この事例は、デザインシステムをAI活用可能な形にすることで、開発プロセスを改善したいと考えている開発者やプロダクトマネージャー向けです。
サイボウズ株式会社 mugi
Cybozu Tech Meetup #26 - kintoneフロントエンド16年の軌跡 -
cybozu.connpass.com
サイボウズの主力プロダクトであるkintoneのフロントエンドが、16年間の進化の中でどのように変化してきたかを開発者の視点から振り返るイベント. 技術的な工夫や試行錯誤の過程、レガシーコードとの向き合い方などが共有される. 長期間運用されているプロダクトのフロントエンド開発や技術的意思決定の裏側に興味があるフロントエンドエンジニアやプロダクトマネージャーにおすすめ.
マイクロソフト、Webブラウザ上でリアルタイムに3Dレンダリングを実現する「Babylon.js 9.0」正式リリース。照明計算の高速化、パーティクルエディタ搭載など新機能
www.publickey1.jp
マイクロソフトがWebブラウザ上でリアルタイム3Dレンダリングを実現する「Babylon.js 9.0」をリリースしました。 照明計算の高速化やパーティクルエディタ搭載など新機能が追加されています。 本記事は、JavaScriptやフロントエンド開発者、3Dグラフィックスに関心のあるエンジニア向けです。
Publickey jniino
エムスリー エンジニア採用まつり 新規開発編（WHITE JACKチーム）
m3-engineer.connpass.com
・エムスリー株式会社が開催するエンジニア採用イベント「エンジニア採用まつり」の新規開発編について紹介しています。 ・予防医療分野の「WHITE JACK」チームが、少人数で新規プロダクトをゼロから立ち上げる開発プロセスやチーム文化、働き方についてリアルに紹介します。 ・新規開発やスタートアップのような開発、フルスタック開発に興味のあるエンジニア、エムスリーのエンジニア組織に興味のある方におすすめのイベントです。
cmux の組み込みブラウザで mo を開く zsh 関数 moo / moc を作った
qiita.com
zsh関数「moo」または「moc」を作成し、MarkdownファイルをブラウザでプレビューできるCLIツール「mo」を組み込みブラウザで開く方法について解説します。 - MarkdownファイルのプレビューをCLIから簡単に行うためのzsh関数の作成方法。 - ライブリロード、Mermaid、KaTeX、シンタックスハイライトなどの機能を備えた「mo」ツールの活用。 - ドキュメント作成やLLM連携ワークフローにおける効率化を目指す開発者や技術者向け。
Qiita株式会社 atm-snag