主要な各AIモデルの価格比較やコスト計算が出来るOSS・「Countless.dev」

開発予定のサービスやアイデアをプロンプトとして入力すると生成AIによって競合サービスをリストにしたりアイデアの評価をするOSS・「Zero to One Validator」

イラストやマンガを魅力的にするアイテムと演出アイデアがたっぷり収録され、読み応えのあるイラスト書 -演出アイテム図鑑

グループ内における割り勘や経費及び請求書の分割、ユーザー間の貸借金の管理などが可能なオープンソースの経費共有アプリ・「Billicious」

2024年、日本語の新作フリーフォントのまとめ！ 今年も新しいフリーフォントがたくさんリリースされました

PANTONEが選ぶ2025年の色「Mocha Mousse」

生成AIを使ったWebアプリ構築のためのテンプレートをオープンソースで複数用意したテンプレートのコレクション・「Metaschool AI Templates」

2025年の色「モカ・ムース」決定！配色のプロが選んだオシャレな万能ブラウン

リアルタイムなプライベート及びグループチャットを実装可能なLivewire Laravel用Chatパッケージ・「Wirechat」

CSSの「interactive-widget」キーワードを使用すると、スマホでキーボードを表示した時でも高さいっぱいに対応できる

タスク管理や進捗の監視、生じた問題の追跡などが可能なチームで使えるオープンソースのプロジェクト管理ツール・「BL Sheet」

2025年のトレンドカラーは温かみのある極上の茶色「モカムース（Mocha Mousse）」、HTMLのコードは「#A47864」

JSONを編集するだけでポートフォリオWebサイトを更新できるOSS・「JWB」

拡張機能もサポートした軽量なオープンソースのテキストエディター・「Biscuit」

解析機能やリダイレクト管理も可能なオープンソースのURL短縮ツール・「Sihai」

ソシム社大感謝祭、Kindle冬の特大セールが緊急開催！ 人気のデザイン書・Web制作の解説書が55％オフで超お買い得です

Tailwindベースの任意のWebページで要素の調査やclassの削除及び追加等が出来るオープンソースのブラウザ拡張・「tifoo」

UI要素をグリッドではなく、サークル・放射状、曲線状にレイアウトできるCSSのフレームワーク -Orbit

2025年版！無料素材とAdobe Stockで特別な年賀状を作る方法

軽量且つクロスプラットフォーム対応のオープンソースのデスクトップ認証アプリ・「clave」

CSSの新しい公式ロゴが誕生しました、メインカラーに採用されたレベッカパープルの知られざる感動秘話

ブラウザのタスクをノーコード/ローコードで自動化できるオープンソースのブラウザ拡張・「Automa」

商用利用OKの無料版と有料版が同時にリリース！ 清らかな水の流れのように美しい日本語フォント「清流かな」

2024年11月に読んだWeb・デザイン関連の本

Webページ内の任意の要素のCSSの調査と編集機能を使いやすいUIで提供するオープンソースのブラウザ拡張・「Inspect CSS」

Amazonのブラックフライデー2024で、見逃しがちなお買い得品を紹介します

簡単に使える軽量且つシンプルなHTMLテンプレートエンジン・「mizu.js」

作業の際のBGM用に開発されたカスタマイズ可能なオープンソースのlofi音楽プレーヤー・「NextBeats」

Loom代替として開発された軽量シンプル且つパワフルなオープンソースのスクリーンリーダーアプリ・「Cap」

iOSとAndroidの両対応、アクセシブルなUI設計を学びたい人にお勧めの解説書 -モバイルアプリアクセシビリティ入門

任意のモデルとのAIチャットによる会話内容をインタラクティブなタイムラインに視覚化するOSS・「Forking Paths」

Amazonでブラックフライデー2024のセールが開催！ 私が購入して本当によかったものを紹介します

shadcn/uiにインスパイアされたArk UIベースのコピペで使えるReactコンポーネント集・「Djamla」

可愛くアニメーションする「beautifully crafted animated icons」

各JavaScriptフレームワークをサポート、人気のアイコンセットの総計20万アイコンから選んでカスタマイズできるオープンソースのアイコンライブラリ・「Monicon」

実は朗報！！ Amazonのアドビセールの新規購入者限定は、ほとんどの人が46%オフのセール価格で購入できます

WordPressからNext.js + microCMS + Vercel に移行＆リデザインしました

無料＆商用OK！ルドゥーテの植物イラスト画655枚を手に入れる方法

レトロにスタイリングされたWebアプリ用のTailwindコンポーネントライブラリ・「Retro UI」

Kindle本のブラックフライデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です

プロンプトからExcel数式を生成するオープンソースの生成AIベースのExcel数式ジェネレーター・「Excel Formula GPT」

Sanity.ioとNext.jsで構築したオープンソースのポートフォリオ管理システム・「Collected」

2025年版｜無料で使える！デザインに個性をプラスするフリーフォント50選

ブラウザでの複雑なタスクを実行できるオープンソースのAIエージェント作成プラットフォーム・「julep」

創作者向けの配色本が面白くて、すごい！ イラストやマンガなどの世界観作りにぴったりな配色本 -物語を感じる配色アイデア

HypefuryやBuffer.comなどの代替となるオープンソースの生成AI活用のSNS運用ツール・「Postiz」

CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です

Pol.isを活用した議論の場を提供できるオープンソースの公開ディスカッションプラットフォーム・「Society Speaks」

シンプルなWebアプリのためのミニマルで軽量なオープンソースのPHPフレームワーク・「PHPSSP」

商用利用OKの無料版と有料版が同時リリース！ お蕎麦みたいな線でデザインされた面白いフォント「そばとうどん」

広告スペースの管理と複数広告のランダム表示が可能なオープンソースの広告管理ツール・「Random Ads Manager」

アドビのブラックフライデーが開催！ AmazonでCreative Cloud コンプリートプランが驚きの46％オフ、ただし新規購入者に限る

Reactアプリのパフォーマンスに問題のありそうな箇所を検出するライブラリ・「React Scan」

JSONファイルをノードを使ったフローチャートにビジュアライズできるVS Code拡張・「JSON Flow」

SNSで話題のWeb関連情報 2024年 11/2〜11/15

TailwindベースのWebページで任意の要素などにclassを追加する等のリアルタイム編集を簡単に行えるブラウザ拡張・「Toolwind」

Webサイトのデザインをより良くするにはどうすればよいのか！ 洗練されていく工程が詳しく解説された良書 -WebデザインプロセスBook

理想通りの画像がワンクリックで完成！Adobe Stockの最新AI機能がすごい

アンケートや投票フォームなどをドラッグ&ドロップで簡単に生成できるOSS・「Surveyr」

Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能

配色カラーパレットの基本とFigmaでの使い方徹底ガイド

React、Shadcn/ui、Tailwindを使用したオープンソースのランディングページコンポーネント・「Launch UI」

商用利用も無料、ポテ字フォントがリリース！ ほくほくのフライドポテトのようなかわいいフリーフォント -ポテジフェイス

色は1つで十分！プロが教える、UIデザインを引き立てる色彩テクニック

プレーンテキストを元にインタラクティブなフローチャートを生成できるOSS・「Text2Chart」

CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります

一歩先行くデザインのヒント！最新技術が光るWebサイト30選

開発者にとってのワンストップツールとなるよう様々なミニアプリを集約した開発者向けツールのコレクション・「kilotools」

UI用のアニメーションがかわいくて楽しい！ 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

「ITエンジニア本大賞2025」の特別ゲストに選ばれました！

「ITエンジニア本大賞2025」の特別ゲストに選ばれました！

MERNスタックで構築されたオープンソースのシンプルなWebメールアプリ・「MERNMail」

SaaSの製品分析や監視、A/Bテストなどが可能、パワフルで高速且つスケーラブルなオープンソースのリアルタイム分析ツール・「Trench」

AIワークフローをフローチャートでビジュアライズ及びテストできるオープンソースのノーコードアプリ・「LLM Flow」

どういったデザイン思考で作ったらいいか「伝えるためのデザイン」に着目してデザインのテクニックを学べる良書

コピぺするだけ！すぐに使える魅力的なWebテキストエフェクト40選

多様なコンテンツ形式をサポートしたオープンソースの汎用的なSNSアプリ・「Fresns」

2024年、CSSの最新トレンドにおける現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証環境など

組織内の階層をビジュアライズする組織図を生成できるJavaScript ライブラリ・「TreeSpider」

CSSだけでスタイルクエリのサポートを確認する方法、Safari 18のバグを回避する方法も

ゴッホから浮世絵まで！メトロポリタン美術館の49万点の無料アート画像を手に入れる方法

書籍執筆しました！『1冊ですべて身につくWeb ＆ グラフィック デザイン入門講座』

好みのAIモデルを選択可能なプライバシー重視のVS Code向け生成AIコーディングアシスタント・「Flexpilot」

2024年最新版、Adobe PhotoshopやIllustratorの新機能をまとめたPDFを無料でダウンロードできます

書籍執筆しました！『1冊ですべて身につくWeb ＆ グラフィック デザイン入門講座』

Notionで作成したコンテンツをReactベースのWebサイトでレンダリングするためのOSS・「Notionpresso」

SNSで話題のWeb関連情報 2024年 10/19〜11/1

モダンでレスポンシブなディレクトリ型Webサイトを構築するためのボイラープレート・「Directory Boilerplate Kit」

オフライン重視で設計されたオープンソースのパスワード管理デスクトップアプリ・「Secret Scribble」

Reactアプリ用に開発されたオープンソースのローカルファーストなビジュアルエディター・「Onlook」

スキルを磨きたい人にお勧め！ Adobe Illustratorをすでに使用している中級者に最適な解説書 -10倍ラクするIllustrator仕事術【改訂第3版】

商用利用OK！無料で手に入る2025年の最新フリーテクスチャ124選

任意のキーワードを入力するとWikipedia風の情報をAIで生成してくれる・「Knowpedia」

ついにCSSだけでwidth: auto;やheight: auto;へのアニメーションができるようになります

2024年10月に読んだWeb・デザイン関連の本

任意のファイルのアップロード、表示、ダウンロード、削除等の管理機能を使いやすいUIで提供するファイルマネージャー用React.jsパッケージ・「React File Manager」

【無料】すぐ使える！トレンドを押さえたPSDテキストエフェクト24選

セキュアにプライベートなメモやノートを送信できるオープンソースのWebアプリ・「Enclosed」

グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

デザイン作業の無駄を削減！今すぐ使える注目の時短Figmaプラグイン20選