この記事では、「もっと早く知りたかった」と思ってしまう、Web制作が加速する便利な最新オンラインツールをまとめてご紹介します。 面倒な設定をコピペで利用できるCSSツールや配色ツール、人工知能を使った便利ツールなどが数多く公開されており、ますますクリエイティブな表現が広がりそうなものばかり。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレスの少ない快適な作業フローを実現してみてはいかがでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. 配色ツール 3. デザインツール 4. プロトタイプ・アイコンツール 5. フォント・書体ツール 6. クリエイティブ・面白ツール 2021年のベストツールも一緒にどうぞ。 Web制作を変える！2021年の便利オンライ
GitHub - modelcontextprotocol/servers: Model Context Protocol Servers
Official integrations are maintained by companies building production ready MCP servers for their platforms. 21st.dev Magic - Create crafted UI components inspired by the best 21st.dev design engineers. 2slides - An MCP server that provides tools to convert content into slides/PPT/presentation or generate slides/PPT/presentation with user intention. ActionKit by Paragon - Connect to 130+ SaaS inte
技術的負債解消に向けたWordPressの一元管理とShifter移行で実現した運用最適化 - Findy Tech Blog
はじめに 皆さんこんにちは。ファインディに転職してまもなく1年を迎える、CTO室/SREチームの安達（@adachin0817）です。今回は複数のWordPressサイトをShifterへ移行しましたので、その取り組みについてご紹介します。 Shifterとは ja.getshifter.io Shifterは、WordPressサイトを静的に変換・ホスティングできるマネージドサービスです。動的に動作するWordPressをShifterがビルドし、生成されたHTML/CSS/JavaScriptの静的ファイルをCDN経由で配信する構成となっています。主なメリットは次のとおりです。 セキュリティ強化：PHP実行環境を持たないため、WordPress本体やプラグインの脆弱性リスクが激減。 運用負荷の軽減：インフラやWordPressのバージョンアップ管理が不要。 表示速度の高速化：静的ファイ
WordPress 6.5の新機能（フォントライブラリ、データビュー、Block Bindings API、Interactivity APIなど）
WordPress 6.5の新機能（フォントライブラリ、データビュー、Block Bindings API、Interactivity APIなど） WordPress 6.5「レジーナ」が4月2日に正式リリースされました。この記事では、その新機能と改善点の数々をご紹介します。 特に強力なAPIが導入されていることで、WordPressの開発体験が大幅に改善されそうです。また、サイト構築やコンテンツ作成に関する嬉しい変更点も多数組み込まれています。 そして、新登場のフォントライブラリにより、コアブロックのコンテンツにカスタムフィールドの値を注入したり、サイトエディターから直接Google Fontsをダウンロードしてインストールしたりすることも可能に。新たなデザインツールとUIの強化により、全体的な編集体験もさらに向上します。 この記事でWordPress 6.5のすべてを網羅することはで
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson Detailed thoughts on how React has been developed over time, and explanations for common community confusion and concerns Introduction 🔗︎ Today, the state of React and its ecosystem is complicated and fractured, with a mixture of successes, skepticism, and contention. On the positive side: React is the most wide
WordPress is the most successful content management system (CMS), powering 65.2% of CMS-based websites and 43.2% of all websites (on the internet) in 2022—and continues to grow. But building on WordPress comes with some challenges. You can either modify an available theme based off old technologies (e.g. jQuery) or spend time setting up WordPress’s REST API (“headless” mode) with a modern web fram
Adopting Wide Event-style instrumentation has been one of the highest-leverage changes I've made in my engineering career. The feedback loop on all my changes tightened and debugging systems became so much easier. Systems that were scary to work on suddenly seemed a lot more manageable. Lately there have been a lot of good blog posts on what "Wide Events" mean and why they are important. Here are
Getting Started With CSS Cascade Layers — Smashing Magazine
We all have run into CSS collisions and sudden regressions in our codebases when new styles are written or 3rd-party styles are added. This is because of the interdependence of styles due to source order, specificity, and inheritance. Some ways to control the cascade have included methodologies like ITCSS and BEM and other newer native features. Cascade layers will be the ultimate native solution
Welcome! The WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute: Found a bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are cons
awesome-selfhosted
Awesome-Selfhosted# Self-hosting is the practice of hosting and managing applications on your own server(s) instead of consuming from SaaSS providers. This is a list of Free Software network services and web applications which can be hosted on your own server(s). Non-Free software is listed on the Non-Free page. HTML version (recommended), Markdown version (legacy). See Contributing. Software# Thi
マークダウンで簡単にサイト作成 - Docusaurusの使い方 | ウェブ制作 | 雑多制作 - Web/動画/紙媒体などの制作所
はじめに マークダウンファイルからサイトを生成する静的サイトジェネレータのDocusaurusの基本的な使い方をご紹介します。 Docusaurusは、情報量の多いマニュアルサイトの作成する際に重宝するツールです。 Docusaurusとは 概要 Docusaurus（ドキュザラス）は、Facebookが開発しているドキュメントサイト作成ツールで、Facebook社のオープンソースソフトウェアのプロジェクトのためのツールとして開発されました。 そのため、現在もDocusaurusはオープンソースプロジェクトのサイトを構築、維持するためのツールとして開発されています。 Docusaurusは、v1とv2があります。 v2はまだβ版ですが、新たにDocusaurusを使う方はv2の利用が推奨されています。 本記事でもv2の使い方を説明します。 なお、既にv1を利用している方向けには移行ガイドも
WordPress 5.9の新機能─フルサイト編集、グローバルスタイル、ブロック、パターン、API、UI強化など WordPress 5.9は当初2021年12月14日にリリースされる予定でした。未解決の問題がいくつか残っているため、最終リリース日程は遅れており、現在のリリース予定は2022年1月25日となっています。 WordPress 5.9は「何が違うのか」を一言で言うと、フルサイト編集（FSE）です。 そして、WordPress 5.9の機能の大半はフルサイト編集に対応したテーマでないと利用できません。その一例が、最新のデフォルトテーマである「Twenty Twenty-Two」です。 新しいWordPressデフォルトテーマ「Twenty Twenty-Two」のプレビュー（画像引用元: WordPress.org) WordPress 5.9では、Gutenbergのロードマッ
WordPress6.1 RC1 が 公開され、いよいよ WordPress6.1 のリリース（2022年11月1日予定）が近づいてきました。 WordPress 6.1 をチェックしています WordPress6.1では新しいデフォルトテーマ「Twenty Twenty-Three」が搭載される予定です。 ※「Twenty Twenty-Three」は WordPress6.1以降で使えます。 TT3 default theme: Announcing style variation selections 【参考】New Twenty Twenty-Three Default Theme Now in Development https://wptavern.com/new-twenty-twenty-three-default-theme-now-in-development 2022
awesome-selfhosted
Awesome-Selfhosted# Self-hosting is the practice of hosting and managing applications on your own server(s) instead of consuming from SaaSS providers. This is a list of Free Software network services and web applications which can be hosted on your own server(s). Non-Free software is listed on the Non-Free page. HTML version (recommended), Markdown version (legacy). See Contributing. Software# Thi
How AI-assisted coding will change software engineering: hard truths
Hi, this is Gergely with a bonus issue of the Pragmatic Engineer Newsletter. In every issue, we cover topics related to Big Tech and startups through the lens of software engineers and engineering leaders. To get articles like this in your inbox, every week, subscribe: Subscribe now Happy New Year! As we look toward the innovations that 2025 might bring, it is a sure bet that GenAI will continue t
WordPress6.4 を チェックしています
WordPress6.4 RC1 が 公開されました。 WordPress6.4 は 2023年11月07日に リリースされる予定なので いろいろチェックをしています。 その中の WordPress6.4 で気がついたところを取り上げていきます。 これから追加・変更があるかもですので、説明や画像等がリリース時と違う場合もありますが随時チェックしていく予定です。 ※この記事はブロックテーマ「Twenty Twenty-Four」でテストしています。クラシックテーマでは使えない機能もありますのでご了承ください。 リリースまでのスケジュールは WordPress 6.4 Development Cycle に載っています。 【2023/11/08】WordPress6.4 “Shirley”リリースされました。 https://wordpress.org/news/2023/11/shirley
説明 WordPress 用カスタムブロックプラグイン ★★★★★ WordPress カスタムブロックを作る、開発者のための魔法のステッキ。 WordPress プラグイン「Lazy Blocks」は、すべての開発者がアクセスできる、WordPress ブロックエディター (通称 Gutenberg) をベースにしたサイトを素早く立ち上げるための強力なツールです。 公式サイト | ドキュメント | GitHub 視覚的にカスタムブロックを作成し、ドラッグ & ドロップでブロックにコントロールを追加したり、HTML や PHP コードでブロックの出力を書くことが可能です。特定の投稿タイプのカスタムブロックやカスタムメタフィールドを作成することができます。さらに、任意の投稿タイプ用に定義したブロックを持つ投稿テンプレートを作成することも可能です。 🚀 Easy To Start WordP
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知らなきゃ損！Web制作を爆速にする最新オンラインツール40個まとめ | PhotoshopVIP
The State of React and the Community in 2025
Introducing Fresh WordPress Themes | Deno
A Practitioner's Guide to Wide Events | Jeremy Morrell
Client-side WebAssembly WordPress with no server
WordPress 5.9の新機能─フルサイト編集、グローバルスタイル、ブロック、パターン、API、UI強化など
WordPress6.1 新デフォルトテーマ Twenty Twenty-Three をチェックしています
Custom Block Builder – Lazy Blocks