2026年用、日本語のフリーフォント849種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
Post on:2026年4月28日
個人でも商用でも無料利用できる、日本語のフリーフォント849種類を紹介します。
Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！
前年の767からフリーフォントが90-8種類増えています！
※サイト閉鎖などでいくつかのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。
Kindle本のゴールデンウィーク特大セールが開催！ UIデザイン、生成AI、イラスト関連の良書が半額で超お買い得です
Post on:2026年4月27日
※本ページは、アフィリエイト広告を利用しています。
Kindle本の春直前の特大セールが開催されています。Webや紙のデザイン、UIデザイン、Copilotなど生成AI関連、画像生成AI、創作用辞典、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！
セール期間は、5/7まで。
しかも今回のセールでは、ビー・エヌ・エヌ社のKindle本も初めて半額です！
※これまでのセールでは30％オフでした。
スクロールバーを見ると分かると思いますが、かなりの数がセール対象になっています。対象のKindle本は最安値（当方調べ）、セール初登場もあり、貴重なこの機会をお見逃しないように。
色相、明度、彩度の理解を深め、イラストで質感を表現する光と影の塗り方がよく分かるお勧めの一冊 -色と光マスターガイド
Post on:2026年4月24日
※本ページは、アフィリエイト広告を利用しています。
イラストでどうすれば望み通りの色にできるのか、質感を表現する光と影の使い方、色塗りの表現の幅を広げたい、そんな人にお勧めの一冊を紹介します。
色と光の仕組みを深く掘り下げた本格的な理論書ですが、豊富なイラストと詳しい解説で、イラストに興味がある人はきっと、ワクワクしながら学べると思います。
最小限のHTMLとモダンCSSで実装！ コンテンツをボーダーで囲って、ボーダーの上部にタイトルを配置するテクニック
Post on:2026年4月23日
テキストや画像をボーダーで囲って、ボーダーの上部にタイトルを配置したいと思ったことはありませんか？
以前はこれをCSSで実装しようとしてもかなりトリッキーな実装でした。またfieldsetとlegendでも実装できますが、そもそもフォームではない上に、CSSによる装飾も貧弱です。
fieldsetのコンポーネントを最小限のHTMLとモダンCSSで実現したテクニックを紹介します。レスポンシブに完全対応で、方向directionにも対応しています。
CSSで実装されたLiquid Glassの美しいUI要素やコンポーネントをコピペで使えるUIキット -Liquid Glass UI Kit
Post on:2026年4月22日
iOSにLiquid Glassが採用されてから早半年が過ぎました。
慣れない当初は使いにくさを感じていましたが、Liquid Glassを採用しているアプリが増え、最近では逆にLiquid Glassを採用していないアプリのUIを見るとちょっと古くさい感じがしたりします。
WebサイトやスマホアプリのUIで使われるカード、ボタン、ナビゲーション、タブ、アコーディオン、モーダル、フォーム、テーブルなどのUI要素やコンポーネントをLiquid Glassの美しいデザインにしたUI Kitを紹介します。
AIO: 無料とは思えないほど充実した機能！ あなたのWebサイトがAI検索や生成AIに対応しているかをチェックできる -Is Your Site Agent-Ready?
Post on:2026年4月21日
去年くらいからAIOというワードを目にするようになったと思います。AIOとはAI最適化（AI Optimization）のことで、簡単に説明すると、AI検索や生成AIに信頼されるコンテンツを設計することを意味します。
信頼されるコンテンツとして設計されているか、回答エンジン最適化（AEO）、生成エンジン最適化（GEO）、大規模言語モデル最適化（LLMO）など、WebサイトがAIエージェントに対応しているかどうかを多角的にチェックできる無料のオンラインツールを紹介します。
各項目についての解説や、NGになった項目の改善策なども提示され、無料とは思えないほど充実した機能を備えています。
UIに幾何学的な美しさ！ 積み木のようにボクセルを構築し、SVGで描画するミニマルなJavaScriptエンジン -heerich.js
Post on:2026年4月20日
ボクセル（volumeとpixelを組み合わせた用語）を積み木のように組み合わせて3Dの空間配置を2Dの平面に構築し、SVGに変換して描画する超軽量のJavaScriptエンジンを紹介します。
ボクセルの組み合わせの自由度はかなり高く、さまざまな形状を作り出せます。さらにスケーリングは無限、個々の面にスタイルを設定したり、アニメーションで動かすこともサポートしています。
これからのデザインの新しい定番書！ デザインのしっかりした知識とテクニックをかなり深く学べる -デザインの最強原則
Post on:2026年4月17日
※本ページは、アフィリエイト広告を利用しています。
気に入ったデザインを参考にしたけど、うまくいかなかった。なぜこのデザインなのか聞かれても、説明できなかった。そんな経験をしたことはありませんか？
WebやUIデザイン、グラフィックデザイン、紙のデザインで特に重要なのが、レイアウト・タイポグラフィ・配色といったデザインの基礎理論です。デザインするときに役立つ知識とテクニックを最強原則として体系化したデザイン書を紹介します。
整列・近接・反復・対比、さらにはジャンプ率、余白とバランスの整え方といったレイアウトの手法をはじめ、和文書体・欧文書体、和欧混植、数字記号文字など文字要素の扱い方、色の組み合わせ方、色相・明度・彩度による調整、トーン、グラデーションなどの配色テクニックまで、デザインに役立つ知識が身につきます。
