Claude Codeで始める仕様駆動AI開発(後編)

こんにちは、コバヤシです。 前編では、書籍「実践Claude Code入門」のサンプルをベースに、仕様駆動AI開発のワークフローをチームで構築するまでの過程を紹介しました。 仕組みはできた。でも「本当に回るのか?」が一番の不安でした。ワークフローが複雑す…

Claude Codeで始める仕様駆動AI開発(前編)

こんにちは、コバヤシです。 受託開発の現場でClaude Codeを実務に導入して使っていますが、プロジェクトの規模が大きくなるにつれて仕様のブレや手戻りが増えてきました。案件ごとに技術スタックも業務要件も違う受託では、汎用的なプロンプトだけでは対応…

スクロールイベントをユーザー操作だけに限定したい時のケア

こんにちは、ユアサです。 今回はJSで実装されているaddEventListenerのscrollイベントをユーザーの操作時のみのアクションとして制御する手法について備忘録も兼ねて紹介します。 記事を書くに至った経緯 addEventListenerのscroll、いわゆるスクロールイベ…

「Code to Canvas」- FigmaとClaudeが変えるAI×デザイン×コードの新常識 -

こんにちは、ハヤマです。 今回は、Figmaで新たに実装された機能「Code to Canvas」が興味深かったので、 こちらについて理解を深めていきたいと思います。 (本記事は、普段コーディングを担当しないWebデザイナーの目線から書いています) Code to Canvas…

ウェブサイト上にある画像のコピーやダウンロードを防ぐ方法

こんにちは、ナカムラです。 最近携わった案件に「ウェブサイト上の画像のコピーやダウンロードを防ぎたい」というご要望がありました。 検索すると解説されているページはたくさんあるのですが、備忘録として記しておきたいと思います。 ウェブサイト上の画…

要素の角の角丸や形状を簡単設定!corner-shapeプロパティが便利そう

こんにちは、ユアサです。明けましておめでとうございます。今年もarms inc. Engineers’ Blogをどうぞよろしくお願いします。 今回は要素の角を様々な形に実装できる新しいプロパティcorner-shapeについて紹介していきます。 割と使われている角の作り方 シ…

Kiroで始める仕様駆動AI開発

こんにちは、コバヤシです。 先日JAWS-UG静岡市 AWS勉強会で、AI開発ツール「Kiro」についてLTを行いました。 今回は、その内容を整理してブログとして残しておこうと思います。 JAWS-UG静岡市 AWS勉強会 202511 - connpass Kiroとは? Kiroは、AWSが提供す…

【Figma】ついにここまで...!無料で使えるベクター描画の救世主「Figma Draw」

こんにちは、ハヤマです。 今回は、今年実装されたFigmaの新機能「Figma Draw」について書いていきたいと思います。 Figma Drawとは? 2025年開催の「Figma Config」で発表された新機能で、Figmaで直接高クオリティのベクターイラストが描くことができるとい…

Lottie形式のアニメーションを実装してみた

こんにちは、ナカムラです。 最近サイトを作る中でアニメーションを実装する機会が多かったので、もっと実装に良さそうな手法はないものかと探したところ、Lottieに辿り着きました。 あまり最近の紹介記事が見つからなかったので流行りのものではないかもし…

ちょっとの工夫でできる!CSSの擬似クラスを応用して今よりもう少しスマートに、もう少し表現の幅を広げよう

こんにちは、ユアサです。 今回はCSSの擬似クラスの使い方を少し工夫することによってできる、小ワザのようなアプローチについて作成例を数点交えて紹介したいと思います。 あくまでも作成例なので、「こう作ればいいんだ」というより「やりようはあるんだな…