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

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

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

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

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

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

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

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

こんにちは、コバヤシです。 先日はJetBrainsのAI「Junie」を試してみましたが、今度は今話題のAnthropicの「Claude Code」を試してみました。 tech.arms-soft.co.jp Claude Codeとは Claude Codeは、Anthropicが開発する大規模言語モデル「Claude」をベース…

こんにちは、ハヤマです。 今回は、Figmaを使った資料作成について考えてみたいと思います。 例えば、よくあるのがCMSを組み込んだサイトをクライアントが円滑に運用できるように準備する操作マニュアルなど。 制作ツールはGoogle スライドやPowerPoint、は…