昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。 MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオール …続きを読む
2026/1/20 10:09
インターネット上に多数存在するオープンソースのアイコンを、用途や種類に応じて分類してまとめてくれるアイコンライブラリが「Iconify」です。作者はフリーランスの開発者であるVjacheslav Tr …続きを読む
2026/1/20 00:48
データ事業本部の松村です。 皆さんはdraw.io使ってますか？ 私も特にAWS構成図を描くのに非常に愛用していましたが、せっかく作った図がMicrosoft Officeのドキュメント内に綺麗に貼れ …続きを読む
2025/12/7 13:55
クリックジャッキングとは、ウェブページのリンクやボタンといった要素を偽装してユーザーをだまし、意図しない動作を引き起こす攻撃手法です。新たに、情報セキュリティやプログラミングの専門家であるLyra R …続きを読む
2025/12/5 20:18
ウェブサイトのアニメーションにはユーザーの操作に反応するマイクロインタラクションと呼ばれるものがあります。マイクロインタラクションを加えると状態変化を滑らかな動きとしてユーザーへ伝えられ、ユーザビリテ …続きを読む
2025/12/5 09:58
日本人のクリエイターが描いた、海外風のポップでおしゃれなイラスト素材がダウンロードできるサイトを紹介します。 イラスト素材は透過PNGとSVGが揃っており、個人でも商用プロジェクトでも無料で利用できま …続きを読む
2025/12/2 09:43
はじめに こんにちは。CMA制作部スタッフYaatonです。 SVGを使ったアニメーションは細かい設定ができ、こだわった動きができるので実装する機会も多いのではないでしょうか。今回はSVGのパスアニメ …続きを読む
2025/9/26 14:06
#Introduction Apple introduced the Liquid Glass effect during WWDC 2025 in June—a stunning UI effect …続きを読む
2025/9/9 10:56
Filed underSVGoninAugust 18th, 2025.Aug 2025.Last updatedoninOctober 24th, 2025.Oct 2025. Introducti …続きを読む
2025/8/19 08:46
昨日アップデートされたChrome 139に追加された、CSSの新しい機能を紹介します。 今回のアップデートの目玉は、CSSでオリジナルの関数を定義できるカスタム関数、角を自由にスタイルできるcorn …続きを読む
2025/8/7 09:51
8月6日、acko.netが「HTML is Dead, Long Live HTML」と題した記事を公開し、話題を呼んでいる。この記事では、HTMLとDOMの現在の構造的問題点を検証し、現代的なUI …続きを読む
2025/8/7 06:58
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class c …続きを読む
2025/7/22 00:50
はじめに テキストからダイアグラムを生成できるMermaidを使ってAWS構成図を作成する際のテクニックを、いくつかピックアップしてご紹介します。 Mermaidを使えば、構成図内のテキスト検索はもち …続きを読む
2025/6/30 08:04
SVG はテキストベース（XML）なので、LLM の生成と相性が良いのは周知の事実かと思う。ただの自然言語を吐くように、順に XML を吐いていくことでベクター画像が生成できる。 例えば下記は Omn …続きを読む
2025/6/16 00:54
ObsidianはMarkdown形式で作成したメモを管理できるアプリです。このアプリと生成AIを組み合わせると、テキストの生成やタグの付与、リンクの作成など幅広い使い方ができることを解説してきました …続きを読む
2025/6/13 09:55
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルなデザインで洗練されたSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 MingCute Iconのアイコン …続きを読む
2025/6/10 10:06
Chrome 137で追加された、CSSの新しい機能7個を紹介します。 今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。ま …続きを読む
2025/5/29 10:06
WebサイトやスマホアプリのUIデザイン用に長期的な使いやすさを実現するために、シンプルなラインで構成されたSVGアイコンを紹介します。 アイコンは細部までデザインにこだわりがあり、24x24のユニバ …続きを読む
2025/5/26 09:44
This tool will convert an SVG shape created with <path d="..."> into a CSS Shape. Yo …続きを読む
2025/5/12 20:00
@_yuheiyによる当エンジニアブログで実施したアクセシビリティ改善の方法についての解説は全体的に丁寧に説明しているだけに、下記の記述がちょっと気になったという話です。 これがimg要素であればal …続きを読む
2025/5/11 10:39