• 【徹底比較】Jamstack vs WordPress｜これからのWebはJamstack！
• Netlify vs Wix
• 【2024年版】おすすめのReactベース静的サイトジェネレーター6選
• 静的サイトジェネレータについて初心者向けに分かりやすく解説
• 【2024年】Webデザインのトレンド・参考サイトまとめ
• JamstackによりWebサイト構築のあり方が一変する可能性

• flex は CSS の display プロパティの値です。
• inline-flex と同じく、要素に適用するとフレックスコンテナーになり、その要素の子要素はそれぞれフレックスアイテムになります。
• アイテムはフレックスレイアウトに参加し、CSS フレックスボックスレイアウトで定義されているすべてのプロパティが適用されます。
• flex プロパティもあり、これはフレックスボックスの flex-grow、flex-shrink、flex-basis の各プロパティの一括指定です。
• このプロパティはフレックスコンテナーにのみ適用されます。

• チートシート

• Get started with Tailwind CSS

Play CDN:

• Recommended way to generate XHTML documents with lxml

from lxml import etree

• PostgreSQL サーバーから自動的に GraphQL サーバーを建てられる, PostgreSQL サーバーがあればすぐに使える
• GraphQL サーバーを実装する手間が省ける
• 他の自前で用意したGraphQLサーバーとHasuraを統合してリクエストをHasura一つにお任せすることも可能
• ページングや集計クエリなども自動で生成される
• 実際に発行される SQL がすぐにわかる
• 認証認可の仕組みがある

• Elegant Python function to convert CamelCase to snake_case?

import re

name = 'CamelCaseName'

Gatsbyのwrapper.jsファイルは、ページ全体をラップするために使用されるファイルです。 このファイルを使用することで、特定のHTML要素やReactプロバイダーでページをラップすることができます。 これにより、ページ全体に共通のレイアウトや機能を簡単に適用できます。

例えば、以下のようにwrapper.jsファイルを作成し、ページを特定のコンポーネントでラップすることができます。

React 18以降では、ReactDOM.renderは非推奨となり、代わりにcreateRootを使用することが推奨されています。以下に新しい方法の例を示します。

まず、react-dom/clientからcreateRootをインポートします。

import React from 'react';

• Figmaで作ったデザインをLocofyで自動生成してみた

• スクリーンショットの仕様