2014年から先端テクノロジーの研究を論文単位で記事にして紹介しているWebメディアのSeamless（シームレス）を運営し、執筆しています。 この1週間の気になる生成AI技術・研究をいくつかピックア …続きを読む
2025/4/18 17:05
#SVG More about SVG. Note that the example code is written in JSX (or React), not ordinary HTML. #An …続きを読む
2025/4/12 13:27
You signed in with another tab or window. Reload to refresh your session. You signed out in another …続きを読む
2025/3/23 23:42
HackerNoonのレトロなデザインにインスパイアされた、24ピクセルのグリッドで設計されたピクセルアイコンを紹介します。 アイコンは1,440個以上あり、一貫性が確保されたかわいいデザインです。W …続きを読む
2025/3/17 10:07
描画ダウンロード 描画のダウンロードでは「PNG・SVG・PDF」の項目から選択することができます。 透過PNGとSVGが選択することができるので素晴らしいです。 スタイルの選択 描画画面の右上の「S …続きを読む
2025/3/16 00:13
Claude 3.7 Sonnetのデザインセンスは極めて高く、イケてる図解やスライドをポン出しで生成することができます。以下のような投稿を見て感動し、Claudeに課金して、ワクワクしながら試してみ …続きを読む
2025/3/13 19:02
最近グラフィックやWebデザインでよく見かけるようになり、注目を集めているテクニックがあります。 それが 「メッシュグラデーション」 です。 メッシュグラデーションは、通常のグラデーションとは異なり、 …続きを読む
2025/2/26 09:57
アイコンの主な特徴は、 使いやすい 初心でも簡単にアイコンを使用できるよう設計されています。 カスタマイズも簡単 アイコンのカラーやサイズなどをカスタマイズして使用できます。 シンプルで一貫性のあるデ …続きを読む
2025/2/5 10:07
Riveってなに？ Riveはリアルタイムでインタラクティブなアニメーションを作成できるツール ReactやFlutterといったフレームワーク向けライブラリを提供 作成したアニメーションを簡単にアプ …続きを読む
2025/1/28 18:55
コピペで簡単に使用できる、ローディング用のアニメーションにぴったりなSVGベースのスピナーを紹介します。 さまざまなデザインのスピナーが揃っており、画像は一切使用されていません。アニメーションも快適で …続きを読む
2025/1/27 09:59
現時点の AI コーディングの実力を測るために、自分はプロンプトのみ、直接コードを書くのは禁止で Roo Code による VS Code によるエディタ操作のみでコードを書かせた。その感想 (急いで …続きを読む
2025/1/22 23:36
HTMLなどのコードを、ブラウザ上で確認ができ、公開や共有もできる開発サービスCodepen（コードペン）。 この記事では、2024年に特に人気の高かったHTMLスニペットをランキング形式でまとめた …続きを読む
2025/1/15 05:53
ウェブサイトに欠かせない画像コンテンツ。Adobe Photoshopなどで加工し書き出すことも多いですが、SVGフィルターを使用すると同じように複雑な効果を表現できます。 本記事では、SVGフィルタ …続きを読む
2024/11/29 18:32
WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。 ハンバーガー用の×に変化するアニメーション、＠を一筆書きで描くアニメーション、時計の針がくる …続きを読む
2024/11/11 09:41
美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーの …続きを読む
2024/10/29 10:07
当ブログでもこれまでにSVGのアイコン素材はたくさん紹介してきましたが、アイソメトリックのアイコン素材は初めてです。 アイソメトリックのイラストは見かけますが、アイコンはほんと珍しいですね！ 商用利用 …続きを読む
2024/10/22 09:51
要約一行 Draw.ioみたいな作図ツールがもっと欲しいから作っている。 モチベーションという名のポエム 世の中にはいい感じのカジュアルな作図ツールが少ない。ここでいうカジュアルとは、CADのような精 …続きを読む
2024/10/16 14:49
「Simple Icons」は多数のブランドのアイコンをSVG形式でダウンロード可能なサイトとのことなので、どんなサイトなのか実際に確かめてみました。 Simple Icons https://sim …続きを読む
2024/9/22 23:34
最近のWebサイトやスマホアプリで見かける、ウェーブやポリゴンやブロブなどの抽象的で美しいSVGの背景デザインを簡単に作成、カスタマイズできる無料ツールを紹介します。 カスタマイズはかなり柔軟性があり …続きを読む
2024/9/12 10:01
