タグ

2023年2月20日のブックマーク (3件)

  • AstroでWordPressを爆速Headless化してみる - Qiita

    最近流行りのAstroフレームワークで、WordPressの静的Headless化がかなりお手軽にできたのでまとめてみました。 開発環境 Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン入り) Astroとは? Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 (公式ドキュメントより) LocalでWordPressを構築 まずLocalを使って、ローカル環境にWordPressを構築します。 サイト名 Astro Blog(お好みで) サイトドメイン astro-blog.local WordPressの設定 WP AdminでWordPressのダッシュボードを立ち上げ、いくつかの

    AstroでWordPressを爆速Headless化してみる - Qiita
    puzzeljp
    puzzeljp 2023/02/20
  • Nuxt3 + Tiptap + Y.js でリアルタイム共同編集が可能なエディターを作る | DevelopersIO

    NotionGoogle Docsなど、最近のオンラインドキュメントエディターでは、リアルタイムで複数人による共同編集が可能なサービスをよく見かけます。 便利ですよね、リアルタイムでの共同編集。 自分も日々お世話になっています。 最近、お仕事で上記サービスのような共同編集が可能なエディターを実装する機会があったのですが、そちらで採用した Tiptap というエディターライブラリがかなりいい感じだったので、今回その実装を簡単なサンプルとして紹介してみたいと思います。 なお、今回作成したサンプルのソースコードはGitHubに公開しています。 https://github.com/amotz/nuxt-tiptap-sample 完成イメージ 検証環境 nuxt 3.2.0 tiptap 2.0.0-beta.217 y-prosemirror 1.0.20 y-websocket 1.4.5

    Nuxt3 + Tiptap + Y.js でリアルタイム共同編集が可能なエディターを作る | DevelopersIO
    puzzeljp
    puzzeljp 2023/02/20
  • 【Illustrator】タブ機能を使って目次やメニュー表をつくる方法

    「メニュー表を作りたいけど、価格の位置を揃えるのが難しい。」 「目次のタイトルとページ番号の間に「…」を入れたい。」 こんなときに便利なのが、Illustratorの「タブ機能」です。 今回はIllustrator初心者の方向けに、「タブ機能」を使って目次やメニュー表をつくる方法をご紹介します。 制御文字の表示をオンにする 最初に下準備として[制御文字]の表示をオンにします。 ショートカットは[Alt+Ctrl+I]キー(Macは[Option+Command+I]キー)です。 制御文字の表示をオンにすることで、タブで間をあけた部分が下のように「»」として表示されるため、目視で確認できるようになります。 目次のテキスト入力→タブで間をあける 文字ツールで、目次のタイトルとページ番号を入力します。 このときタイトルとページ番号の間は[Tab]キーを押して間をあけます。 タブパネルを表示させる

    【Illustrator】タブ機能を使って目次やメニュー表をつくる方法
    puzzeljp
    puzzeljp 2023/02/20