こんにちは、ユアサです。明けましておめでとうございます。今年も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、は…

こんにちは、ナカムラです。 先日とてもカラフルなサイトを作った際に便利だったCSS変数の使い方をご紹介しようと思います。 汎用パーツの色ちがいを作る サイト内で共通で使うボタンなどのパーツは形は同じでもコンテンツ別に色を変えたい、ということはよ…

こんにちは、コバヤシです。 JetBrainsから新しいAI「Junie」がPhpStormで使えるようになったので試してみました。 今回はその使い勝手やできることを簡単に紹介していきます。 Junieとは？ Junie（ジュニー）は、JetBrainsが開発したAIベースのコーディング…

こんにちは、ユアサです。 以前業務内で活用してかなり便利だったので、今回はCSSセレクタの中でも便利なnth-childのof <selector>を使って工夫したストライプテーブルを作成してみたいと思います。 of <selector>の使い方 nth-child(○番目 of 特定のセレクタ)と記述でき、特定の</selector></selector>…