UiDev logo
  • Blog
  • Zenn
  • 2ヶ月前

    エディタを支える『HTMLを編集するUI』の仕組み

    CMS を開発する上で必ず必要不可欠な UI として、ブラウザ上で「HTMLを編集するUI」が存在します。 contenteditable に始まり、TinyMCE や CKEditor のようなリッチエディタ、Gutenberg のようなブロックエディタ...

  • 2024/12/19

    a-blog cms のカスタムフィールド検索を理解する

    このエントリーは「a-blog cms Advent Calendar」の19日目の記事です。 今年は、a-blog cms の次期バージョンである Ver. 3.2 でエントリー管理画面にカスタムフィールド検索機能を実装した経験から、カスタムフ...

    • #a-blog cms
    • #a-blog cms Advent Calendar
  • 2024/12/07

    Next.js × Tailwind CSS(Flowbite) でダークモード機能を実装する

    Next.js × Tailwind CSS(Flowbite 利用)でダークモード機能を実装したので、実装方法を紹介します。 完成形は、このブログのヘッダーに切り替え用のドロップダウンから確認できます。 前提 利用している技術は...

    • #nextjs
    • #tailwindcss
  • 2024/06/01

    a-blog cms × Next.js で sitemap.xml を実装する

    a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで sitemap.xml を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した sitemap.xml を以下のURLで...

    • #a-blog cms
    • #acms-js-sdk
    • #nextjs
  • 2024/05/06

    a-blog cms × Next.js で RSS Feed を実装する

    a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで RSS Feed を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した RSS Feed を以下のURLで配信し...

    • #a-blog cms
    • #nextjs
    • #RSS
  • 2024/04/21

    a-blog cms の API 機能を扱いやすくする acms-js-sdk を開発しました

    a-blog cms には API 機能というモジュールが出力する変数をJOSNで取得する機能があります。 今回は、a-blog cms の API 機能を扱いやすくするための SDK である acms-js-sdk を開発したので、詳しい利用方法をご...

    • #a-blog cms
    • #JavaScript
    • #nextjs
    • #npm
    • #node
    • #acms-js-sdk
  • 2024/01/06

    Next.js でサーバー・クライアント間で Date オブジェクトを扱うときの注意点

    Next.js で Date オブジェクトに変換した日付のデータをサーバーコンポーネントとクライアントコンポーネントで利用している場合の対応に戸惑ったので、原因と対応方法を備忘録としてブログに残しておきます。 今...

    • #nextjs
  • 2023/12/19

    a-blog cms をヘッドレスCMSとして Next.js でサイト制作するときのポイント

    このエントリーは、 a-blog cms Advent Calendar 2023 19日目 の記事です。 本日、個人ブログを、a-blog cms × Next.js の構成でリニューアルしました。 このエントリーでは、a-blog cmsをヘッドレスCMSとして活...

    • #a-blog cms
    • #ヘッドレスCMS
    • #nextjs
  • 2023/02/24

    Vue3 × TypeScript でミニマルなモーダルを公開した話とライブラリ公開でハマったこと

    Vue3 × TypeScript でミニマルなモーダルコンポーネントをライブラリとして公開してみました。 どんなモーダル? 必要最低限の機能を備えたミニマルなモーダルです。必要最低限といってもアクセシビリティには以...

    • #Vue
    • #npm
  • 2022/12/19

    ShoppingCart 拡張アプリの推しポイントを紹介する記事

    これは a-blog cms Advent Calendar 2022  19日目の記事です。 今回は、現在開発中の ShoppingCart 拡張アプリについて、個人的にここは推しポイントだというところを紹介していきたいと思います。 Shopping...

    • #ShoppingCart
    • #a-blog cms Advent Calendar
    • #a-blog cms
© 2023 blog.uidev.jp. All Rights Reserved.
  • Profile
  • Blog
  • X