SNSで話題のWeb関連情報 2024年 7/13〜7/26

任意のMarkdownファイルの読み取り、編集、公開が可能なオープンソースのMarkdownエディター・「Inkdown」

Next.js製のアプリのパフォーマンスを視覚化できるオープンソースのパフォーマンスメトリクスダッシュボード・「NextLevel」

フォトショップで入れておきたい無料ブラシ素材95個まとめ 2024年版

Figmaの実践的な使い方がこれでよく分かる！ UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集

無駄を省いた軽量でミニマルなオープンソースのオンラインブックマーク・「webtag」

Webサイトを使いやすく改善する、知っておくと便利なCSSのテクニック

ChatGPTでデザインのレビューをしてもらおう

これぞ写真加工！コスパ抜群なデザイン素材集が90%オフの限定セール

セルフホスティング可能なアプリケーションのみをコレクションしているディレクトリサイト・「Self-Hosted Software List」

地味に役立つ！ 手描きでさまざまな形状がいい感じ、200種類以上の矢印・アローのSVG素材 -Handy Arrows

TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」

コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】

ブラウザベースのワークフローをAIで自動化する為のOSS・「Skyvern」

これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animate

これでもう悩まない！2024年ロゴトレンド最新レポート

シームレスでカスタマイズ可能なオープンソースの認証及びユーザー管理システム・「Liquid」

Xのブックマークをインポートしたりノートを書いたり任意のページをブックマークして1か所で確認、AIチャットも可能なOSS・「supermemory」

CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

任意のファイル名をAIが内容に合わせて一括リネームしてくれるCLI・「AI Renamer」

知らないと損！Adobe Fireflyで美しすぎる３D文字を作成する秘密の方法【爆速】

Next.jsベースの様々なテンプレートやboilerplateを無料で配布する・「Next.js Templates」

FigmaのAIによる学習「コンテンツのトレーニング」をオフにする方法、独自性・機密性の高いデザインを扱っている場合は注意が必要です

Google製のSquooshが提供するエンコーダーを使用し、任意の画像を複数まとめて一括圧縮できるオープンソースのWebアプリ・「Squash」

ゴシック体の素晴らしい世界が広がる！ 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース

様々なLLMでAIチャットを試せるシンプルで軽量なOSSチャットツール・「LLM Playground」

Web制作・デザイン・イラスト関連のこんな大規模Kindleセールは初めて！ 本日終了のもあるので、お見逃しないように

【商用可】エモさ全開 レトロ、ヴィンテージ専門デザイン素材集が92％オフ

自身のすべき事に深く取り組む為のオープンソース生産性向上ツール・「shovel」

2024年のAmazonプライムデーで、見逃しがちなお買い得品を紹介します

簡単な操作でOPMLを編集できるオープンソースのオンラインOPMLエディター・「OPML Editor」

WebサイトのスクショやFigma、ワイヤーフレーム画像などを元にTailwindベースで自動コード生成、更にプロンプトで調整も可能なオープンソースのフロントエンド開発向けAI Copilot・「WebCrumbs」

ReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネント・「Page UI」

SNSで話題のWeb関連情報 2024年 6/29〜7/12

シンプルで軽量なオープンソースのデジタルアセット管理システム・「daminik」

国産ヘッドレスCMSとして注目されているmicroCMSとNext.jsを使用したWebサイトのモダンな制作方法を学べる解説書 -モダンWebサイト制作入門

Amazonで、2024年プライムデーの先行セールが開催！ 私が購入して本当によかったものを紹介します

使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選

アカウント登録もメールアドレス等も一切不要で使えるオープンソースのファイル共有アプリ・「DropIT」

CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames

Webデザイナーの求人情報はここをチェックしよう！

各フレームワークもサポートの、生成AIが使えるオープンソースのリッチテキストエディター・「AIEditor」

Affinityを使ってみたかった人に朗報！ Win, Mac, iPadのDesigner、Photo、Publisherが6ヵ月無料で使用できる

Notionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステム・「Nucelo」

ビー・エヌ・エヌ社のKindleセールはかなり貴重！ 1年ぶりとなる夏のセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です

【無料】ずるいけど便利すぎるPhotoshopモックアップ素材50選【2024年版】

任意のアプリに寄せられたアプリストアのレビューをAIに解析して貰い、問題点をまとめてくれるOSS・「Appalyser」

商用無料、新作フリーフォントがリリース！ かわいいデザインにぴったり、女子校生の書き文字風フォント「ninaSchoolgirl」

解析機能の付いたオープンソースのサーバーレスURL短縮アプリ・「Sink」

画像や動画、ドキュメント等、様々な非構造化データを取り込んで解析し、GenAI (LLM) アプリ用に構造化データとして変換するOSS・「OmniParse」

任意のコードをペーストしてシンタックスハイライトで見やすくスタイリングしたHTMLに変換してくれるWebアプリ・「SnippetEase」

Bartenderの代替に！ macOSのメニューバーのアイコンを常に表示・非表示にできるオープンソースのアプリ -Ice

欧文フォントの王様「Helvetica（ヘルベチカ）」のおすすめ代替フォント20選

Next.jsベースのSaaS開発に必要なものを一式揃えたオープンソースの開発キット・「Next.js SaaS kit」

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

ステップ型のフォームをノーコードで作成出来るオープンソースのフォームビルダーWebアプリ・「HeyForm」

UIデザインに最適！ シンプルなデザインで使いやすく、商用でも無料で利用できるSVGのアイコン素材 -Lucide

Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】

コピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクション・「Animata」

Kindleセールで半額以下！ マンガや小説、同人誌の創作に「感情類語辞典」「場面設定類語辞典」など類語辞典シリーズが超お買い得、書体をマンガで学べる「となりのヘルベチカ」も半額以下

自分で歩いたトレイルのルートをGPSで地図にデータを記録、管理できるセルフホスト可能なOSS・「wanderer」

これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）

CustomTkinterとGeminiでPython GUIアプリをAI生成するOSS・「Proxlight Designer 3」

使いすぎマンネリ素材を新調。できるクリエイター秘密のデザイン集

シンプルで軽量、ショートカットでの編集も可能なオープンソースのMarkdownノートアプリ・「Pastelog」

SNSで話題のWeb関連情報 2024年 6/15〜6/28

水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリ・「Sunorhc.Timeline」

Photoshop 2024対応、基本機能から実務で使えるテクニックまで、生成AIについても一冊でしっかり学べる解説書 -Photoshop しっかり入門

インタラクティブなマップ作成のためのLeaflet用Svelteコンポーネントライブラリ・「Sveaflet」

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

BenQのScreenBar Pro モニターライト 使ってみた

大量のドキュメントや画像を解析してデータを収集し、生成AIチャットで利用できるOSSエンタープライズ向けナレッジツール・「Nesis」

商用利用無料！ 毛筆・筆文字、ペン字、マジック、手書きの日本語フリーフォント 総まとめ

SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」

【商用可＆無料】2024上半期ベスト英語・日本語フリーフォントまとめ

ページ内で任意のスクロール位置を記憶し、メモも取れるOSSのブラウザ拡張・「Mark Scroll Positions」

これ知ってた？ Googleでフォント名を検索すると、そのフォントで検索結果が表示される

メモ帳をベースに設計されたオープンソースのメモ型計算機アプリ・「Numlex」

border-imageプロパティにこんな使い方があったとは！ 背景画像とテキストの間にグラデーションのオーバーレイを適用するテクニック

TodoistのUIクローンとして開発されたAI搭載のオープンソースのTodoアプリ・「TodoVex」

SalesforceやHubSpotの代替となるコミュニティベースのオープンソースCRM・「Twenty」

Figmaのデザイン制作が楽になる時短プラグイン30選

柔軟性と拡張性を重視したクロスプラットフォーム対応のシンプルなオープンソースWYSIWYGエディター・「Quill」

かなりお勧めのデザイン書！ デザインの確かな知識と基礎力を身につけることができる -デザイン入門教室

JSONファイルをAIで翻訳してくれるシンプルなWebアプリ・「i18nlocale」

iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴

ポドモーロタイマーやタイムボクシングもサポートされたオープンソースの個人用Todoアプリ・「Unlistr」

これでもうロゴのSVGを探さないで済む！ SNSやブラウザ、ライブラリ、ソフトウェアなどのロゴをSVGで簡単に利用できる -svgl

これがフォトショップだ。みるみる力がつくデザインテクニックまとめ

様々な団体組織のためのオープンソースのメンバー管理ソフトウェア・「United!」

AIで簡単に実装コードを生成できる！ テキストからCSSアニメーションのコードを生成できるツール -AI CSS Animations

AIも導入したオープンソースのオンライン学習プラットフォーム・「LearnHouse」

おしょう氏の見事な乱筆がフリーフォントになった！ 商用無料の手書きフォント -おしょうのきったねえ字フォント

Flutterライクな構文で書けるオープンソースのデータ視覚化JavaScriptライブラリ・「Flitter」

アイデアがないときの良質Webデザイン見本リスト30選

テキストやPDFなど任意のドキュメントに接続可能な、Notionライクなエディターで使えるオープンソースのAIノートアプリ・「IncarnaMind」

SNSで話題のWeb関連情報 2024年 6/1〜6/14

Laravelアプリ向けに作られたオープンソースの認証パッケージ・「DevDojo Auth」

これがユーザーを欺くためのUIデザインだ！ 最近のWebサイトやスマホアプリで見かけるダークパターンの知識がしっかり身につくデザイン書 -ダークパターン

任意のキーワードを元にAIがGithubから検索してくれるコード検索エンジン・「Code Finder」