デザイン、Web制作、SEO、マーケティングなどに関する最新情報まとめサイト

録画から編集、エクスポートまで行えるオープンソースのスクリーン録画ツール + マルチカメラレコーダー＆エディター・「Threelane」

沢山のコンポーネントとテーマを提供、AI機能もサポートしたshadcn/ui向けデザインシステム・「Better Design」

モダンなWebアプリ開発のためのAI対応Reactコンポーネントライブラリ・「Forge」

AIエージェントとチームが共同作業するのためのオープンソースのマルチプレイヤーワークスペース・「Kanwas」

1Passwordが国内販売もついに値上げされます！ 値上げ前の最後となるセールがソースネクストで5/12まで開催

紅茶とお菓子のペアリングを提案する「Teapair」を開発しました

視覚的なDB設計が可能なビジュアルツールも備えたTauriベースのオープンソース軽量高速PostgreSQL管理ツール・「VeloxDB」

製品の動作デモやモックアップを作れるオープンソースのブラウザベースの動画エディター・「openvid」

15以上のアイコンライブラリから5万点以上のアイコンを用意したMCP対応アイコン検索システム・「Iconstack」

Listmonk代替として開発されたオープンソースのセルフホスト型メールマーケティングプラットフォーム・「SendDock」

学術論文やナレッジベース、プレゼンスライドなども作成出来る、汎用性を追求したオープンソースのMarkdownベース組版システム・「Quarkdown」

【2026最新版】おしゃれな英語フリーフォント147選｜商用可で使いやすい注目書体まとめ

任意のファイルの共有や同期、ドキュメント等の共同編集作業も可能なオープンソースのファイルストレージ・「Sync-in」

Amazonでゴールデンウィークの特大セールが開催！ 私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します

2026年用、日本語のフリーフォント851種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記

Kindle本のゴールデンウィーク特大セールが開催！ UIデザイン、生成AI、イラスト関連の良書が半額で超お買い得です

CSSカスタムハイライトAPI - DOM操作なしでテキストをハイライト

色相、明度、彩度の理解を深め、イラストで質感を表現する光と影の塗り方がよく分かるお勧めの一冊 -色と光マスターガイド

最小限のHTMLとモダンCSSで実装！ コンテンツをボーダーで囲って、ボーダーの上部にタイトルを配置するテクニック

fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理

CSSで実装されたLiquid Glassの美しいUI要素やコンポーネントをコピペで使えるUIキット -Liquid Glass UI Kit

AIO: 無料とは思えないほど充実した機能！ あなたのWebサイトがAI検索や生成AIに対応しているかをチェックできる -Is Your Site Agent-Ready?

UIに幾何学的な美しさ！ 積み木のようにボクセルを構築し、SVGで描画するミニマルなJavaScriptエンジン -heerich.js

これからのデザインの新しい定番書！ デザインのしっかりした知識とテクニックをかなり深く学べる -デザインの最強原則

Speculation Rules APIでウェブサイトのページ遷移を速くする - クリック前にプリレンダリングする実装手法

AIコーディングの絵文字をNoto Emojiで垢抜けデザインへ

ESLintを「入れただけ」で終わらせない — 適切なルールの選び方と実行タイミング

CSSのlinear()でUIが軽快になる! スプリングアニメーション活用術13選

声で数えるWebアプリ「Voice Counter」と紹介動画をAIで爆速開発したよ

CSSのattr()関数が進化！ HTML属性値を参照する新しい使い方

拙著『1冊ですべて身につくWeb ＆ グラフィック デザイン入門講座』の韓国語版が出版されました！

AIコーディングの天敵「秘伝のタレ」を卒業！リファクタリングしてファイルを整理しよう

Mastra入門 - TypeScriptで作るAIエージェント

広告収入に頼らないブログ運営？Buy me a coffeeで見つけた新しい応援のかたち

Web Components × Litが便利! ReactでもVueでも、どこでも使えるコンポーネントを作ろう

角の形を自在に変える！ CSS corner-shapeプロパティ入門

【プレゼント企画】書籍『1冊ですべて身につくPhotoshop入門講座』

PlaywrightではじめるE2Eテスト入門（後編）

自転車レース「富士ヒル」のペース配分表を開発してわかった、人間だからこそ気づけたこと

君はIE11を覚えているか？ 2010年代のHTML制作は何が大変だったか

モーダルやツールチップで役立つ! HTMLのcommandとinterestfor属性を使って、JSを減らすスマートなUI開発

CSSカスタムプロパティをグリグリ動かせる「slideVars」が便利

スクロール連動UIはCSSだけで作れる！ 疑似クラス:target-current/before/afterが便利

Antigravityを使ってコーディング（ほぼ）なしで目標設定アプリ作った

手軽で高速なフォーマッターBiomeの導入手順

CSSでスタッガーアニメーションがつくれる！　sibling-index() / sibling-count()の活用アイデア

これがフロントエンドで話題になった記事！ ICS MEDIAの2025年

PlaywrightではじめるE2Eテスト入門（前編）

CSSアンカーポジショニング入門〜anchor()・anchor-size()の使い方〜

ReactとMotionでつくる! “少し”こだわったマイクロインタラクション集

Three.jsとCurl Noiseで動かす3Dパーティクル表現

Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化

写真が“化ける”無料Photoshopエフェクト27選【2025秋 最新版】

【最新版】「これ無料!?」2025年秋フリーモックアップ37選｜ロゴもパッケージも即完成！

【2025年秋】最新Photoshopテキストエフェクト39選｜無料＆商用OKの新作まとめ

Webデザインの“いま”を感じる。最新サイト30選【2025年10月版】

「Photoshop レタッチ2.0」で広がる、AI時代の新しい表現世界

Photoshopの新AI機能「Nano Banana」がすごい。できること・使い方まとめ

無料＆商用OK！ピクセル（ドット）フリーフォント20選｜レトロなのに新しい魔法の書体

最新Webデザイン47選｜見てるだけでアイデアが湧く最新サイトまとめ

【2024年】SEOに強いおすすめWordPressテーマまとめ

おしゃれなフリー素材サイトのジャンル別まとめ！登録不要で商用利用もOK

【WordPress】クラシックエディタとブロックエディタの違いや切り替え方法を解説！

デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法

2024年4月の、これだけは押さえておきたいWeb関連の動き

【期間限定割引】新JavaScript基礎講座（動画講座）受講生募集中！

【期間限定割引】「Dart SassとBEM講座」を動画で受講できます

Webフォームのスパム対策: ユーザーに優しく、ボットに厳しく、reCAPTCHAを使わない方法

Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント

2024年3月の、これだけは押さえておきたいWeb関連の動き

CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である

なぜコーディングにVSCodeを使うのか。 私がVSCodeを選んだ理由

「ドラッグ＆ドロップではじめるプログラミング入門」という無料講座を開催します

「HTML5再入門講座」というHTMLを学び直すための無料講座をオンライン開催します

2024年2月の、これだけは押さえておきたいWeb関連の動き

XDからFigmaへ移行したい人のためにFigmaの機能を紹介

DeepLを超えるやさしい翻訳アプリとGPTsを作りました

Web制作の基礎から学べる「Webコーディングスクール」をオンラインと渋谷で開催します

2024年1月の、これだけは押さえておきたいWeb関連の動き

2023年12月の、これだけは押さえておきたいWeb関連の動き

WordPressブロックテーマで一新された、ブログデザインと制作フロー

2023年11月の、これだけは押さえておきたいWeb関連の動き

Adobe Fonts、Google Fontsで無料で使える個性豊かなフォントたち