タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
この記事は、技術書典 11 で頒布中の「Vivliostyle で本を作ろう vol. 5」から抜粋した記事です。ご興味ありましたら、Vivliostyle を使って組版された本誌もぜひお買い求めください！ また、この記事以外の内容もすべて Vivliostyle 公式サイトで無料公開中です。 技術書やドキュメントを執筆する際、あなたはどのような形式で文章を書きますか？ 最近ではもっぱら Markdown で書かれることが多いですが、この Markdown を拡張するポテンシャルを持つお気に入りの OSS プロジェクト「MDX」を紹介します。 MDX = Markdown + JSX MDX の名前の由来は Markdown + JSX なので、MDX を理解するためにはまず JSX について知る必要があります。 JSX とは JavaScript の拡張構文の一つで、元々 React の
ICSカレッジオブアーツ（日本）と提携関係にあるイギリスのミドルセックス大学、台湾の大葉大学。この3カ国のデザインスクールによる合同卒業制作展をご紹介できることを嬉しく思います。 世界的なパンデミックの影響を受け、ICSでは学校外での物理的な展示会がキャンセルされました。代替で企画されたこのオンライン上での「ひと・モノ・空間の調和」展は、それぞれの学校で育まれた新しいデザインの才能を世界に向けて紹介するのに理想的な場所だと確信しています。自由に立ち寄ってデザイン提案の多様性・深さを体感して、お楽しみ頂ければ幸いです。
お客様と一緒にNext.jsのドキュメントの輪読会をやっているのですが、その中で初めて知った機能がMDXというマークダウンでページを作成する機能です。 https://nextjs.org/docs/advanced-features/using-mdx 利用規約とか、プライバシーポリシーのページ、ヘルプページの作成とか、Reactコンポーネントも表示できるので、Storybookがわりのコンポーネントカタログを作るのに便利そうという話になったので、ちょっと試してみました。 設定方法上記のページに全部書いてあるのでそちらを見ると良いのですが、軽く手順だけ書いておきます。説明をするため、というよりも「これだけの手間ならやってもいいかな」と興味をもってもらうための説明なので実際に作業をする場合は公式ドキュメントの最新情報を確認してください。 まずは必要なパッケージを追加し、 /** @type
Note: This is an old blog post. The below is kept as is for historical purposes. Note: Info on how to migrate is available in our Version 2 migration guide. MDX 2Version 2 of MDX was released after years of hard work, and has many improvements. Here are the highlights: 📝 Improved syntax makes it easier to use markdown in JSX🧑💻 JavaScript expressions turn {2 * Math.PI} into 6.283185307179586🔌
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
2.0 のポイント Content Collections: MD と MDX を型安全にするで Hybrid Rendering: SSG にするか SSR にするかをページ毎に選べるようにしたで（Next.js とか SvelteKit にあるやつ） エラーメッセージめっちゃ見やすくしたで HMR 改善したで Vite 4.0 に対応したで 新しいロードマップ公開したで 目玉は Content Collections と Hybrid Rendering 。 今回は Content Collections について書く。 Content Collections API Astro 2.0 は、現代の Web 開発において見落とされがちな問題を取り扱うことを目的としています：Markdown / MDX を扱うことは難しいです。 MD/MDX ってファイル大量になりがちで、管理コスト高い
Filed underGeneraloninApril 20th, 2021.Apr 2021.Last updatedoninJanuary 28th, 2025.Jan 2025. This article refers to the 2021 version of my blog, built using the Next.js Pages router. In 2024, I rebuilt the blog using the App router. You can read all about the current version of my blog here: I’m leaving this post up because it does contain additional detail not found in the new post, so for the mo
This release adds support for TypeScript 4.5's new syntax and MDX v2 comment syntax! If you enjoy Prettier and would like to support our work, consider sponsoring us directly via our OpenCollective or by sponsoring the projects we depend on, including typescript-eslint, remark, and Babel. Highlights TypeScript Avoid extra offset in arrow function body when using long types (#11515 by @kachkaev a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く