【入門】Strapiとは？メリット・デメリット、インストール方法までわかりやすく解説 - カゴヤのサーバー研究室
KAGOYA CLOUD VPSでは、Strapiの環境を簡単かつ迅速に確保できるアプリケーションセットアップを用意しています。 インスタンス作成時に専用メニューを選ぶだけで、手軽にStrapi環境を構築可能です。 ＞月額20円から利用できるStrapiテンプレ付きVPS Strapiとは【カスタマイズ性の高いオープンソースのヘッドレスCMS】 Strapiとはオープンソースで提供されている、Node.jsベースの代表的なヘッドレス CMSです。 Strapiの最も大きな特徴として、カスタマイズ性の高さがあげられます。Strapiは100％Javascriptベースであり、完全なカスタマイズが可能です。APIも素早く設計することができ、開発者ファーストのCMSとして高い支持を得ています。 なおStrapiは当初セルフホスティング※にのみ対応していましたが、2022年9月からはSaaS版の提
【PHP8.3対応済み】Advanced Custom Fields (ACF)でよく使う取得、出力一覧｜テラ合同会社
WordPressサイトの構築で必ずといっていいほど使われるAdvanced Custom Fields (ACF)ですが、PHPのバージョンが7から8に変わったタイミングでエラーを吐き出すようになったというケースがよくみられます。 今回はPHP8.3に対応したAdvanced Custom Fields (ACF)でよく使う取得、出力一覧を紹介します。 テキストフィールドの取得・表示 設定は以下を参照してください。 ループ内の場合 $post_id = get_the_ID(); $text = get_field('text_field_name', $post_id); if ($text) { echo esc_html($text); } 『get_the_ID();』で投稿IDを取得、『get_field(‘フィールド名’, ‘投稿IDが入った変数’);』で値を渡すと出力できま
オープンソースのヘッドレス CMS 「Strapi」をさくらの VPS でセルフホストしてみる
ちなみに、SQLite を使用する場合は、Python のインストールが必要です。 今回、私の環境では、MySQL を使用しています。 Strapi のインストール 冒頭にも書いたとおり、今回使用するサーバ OS は、Ubuntu 20.04 です。また、下記はすでにインストールされている前提で進めます。 node.js npm （yarn など別のパッケージマネージャでもよい） MySQL nginx certbot PM2 Web サーバの準備 今回使用する Web サーバは、nginx です。 まず、Strapi をインストールするためのディレクトリを作ります。strapi.example.com というドメインで運用する前提です。 sudo mkdir -p /var/www/strapi.example.com/html sudo chown -R www-data:www-da
WordPressから乗り換える？他社CMSと移行方法を紹介
2024年10月17日 Webサイト制作, Wordpress, 便利ツール 世界中で大人気のCMS（Contents Management System：コンテンツ マネジメント システム）であるWordPress。日本では約8割のCMSがWordPressだそうですね。とっても使いやすくておしゃれなテーマも多く、カスタマイズ性も抜群！私も長年使っていますが、最近なにやら不穏な空気も。そこで、WordPress以外のCMSについて、簡単に紹介してみます。 ↑私が10年以上利用している会計ソフト！ ちなみに昨今のWordPress界隈のゴタゴタは、こちらの記事が簡潔でわかりやすいかもです： WordPress公式ディレクトリのAdvanced Custom FieldsがSecure Custom Fieldsに変わってしまう – Capital P – WordPressメディア とは言
国産ヘッドレスCMSとして注目されているmicroCMSとNext.jsを使用したWebサイトのモダンな制作方法を学べる解説書 -モダンWebサイト制作入門
※本ページは、アフィリエイト広告を利用しています。 国産ヘッドレスCMSとして注目されている「microCMS」とJavaScriptフレームワーク「Next.js」を使ったモダンWebサイトの制作について初心者でも分かりやすく解説した入門書を紹介します。 当ブログはWordPressですが、ここ数年ヘッドレスCMSに注目が集まってきています。ヘッドレスCMSって何？という人からNext.jsは使ったことがないという人でも本書でしっかりと学ぶことができます。 著者陣は非常に豪華で、microCMSの開発陣です。開発者と聞くと開発側の目線なのでは？と心配になるかもしれませんが、実装者目線のステップバイステップで架空のコーポーレートサイトを実装しながらmicroCMSとNext.jsを用いたWebサイトのモダンな制作方法を学べます。 WordPressは使ったことがあるけどヘッドレスCMSは初
ACF 6.2.7以降でのHTMLエスケープの仕様変更への対応方法まとめ | ストレンジブレイン日報サイト
WordPressを利用している方の中でもかなりの方が利用しているのではないかと思われる有名プラグイン「Advanced Custom Fields」ですが、まだ最新版にアップデートしていない方の管理画面にはこういったアラートが出ているのではないでしょうか？ わたしも長年ACFを利用していますが、こういったアラートはおそらく初めて見たため何事か！？と驚いてしまったのですが、簡単に言うと「the_field()やthe_sub_field()で出力する内容に対してHTMLエスケープかけるようにするね！」という仕様変更に関するお知らせです。 と、書くとなんか大変なことじゃないような気がしてくるのですが、実はこのthe_field()やthe_sub_field()って、ACFで入力した値をお手軽に表示するための関数なので、めちゃくちゃお世話になっている関数だったりします。なので管理画面にアラー
Movable Typeのダッシュボードプラグインの作り方
Movable Typeのダッシュボードプラグインの作り方を紹介します。 １．はじめに ダッシュボードプラグインを作る機会があったので、サンプルを使って作り方をまとめてみました。 ここでは下記のサンプルを紹介します。 ユーザーダッシュボードに「サンプルダッシュボードウィジェット」を表示します。 選択すると、下記のようにログインしたユーザー名を表示します。 ×印をクリックすると、ウィジェットが削除されます。 このサンプルプラグインの構造は次の通りです。 DashboardSample ├ config.yaml ├ lib │ └ DashboardSample │ └ CMS.pm └ tmpl └ sample.tmpl サンプルは下記のURLよりダウンロードできます。 DashboardSample.tar.gz 以下、それぞれのファイルについて解説します。 ２．config.ya
静的サイトジェネレーター「VitePress 1.0」正式リリース。VueとViteを採用し、高速なWebサイトを構築
静的サイトジェネレーター「VitePress 1.0」が正式リリースされた。UIフレームワークのVueと高速なバンドラであるViteを基盤に、MarkdownのコンテンツからSPAなWebサイトを構築できる。 オープンソースとして開発されている静的サイトジェネレーターの「VitePress 1.0」正式版がリリースされました。 VitePressは、Markdownで記述されたコンテンツを静的で美しい外見を持つWebサイトへと高速に変換する機能を備えたフレームワークです。 デフォルトでテクニカルドキュメントに適したテーマが用意されており、すでにVite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、IconifyなどのWebサイトのドキュメント部分に使われているとのことです。 VitePressは、同じく静的サイトジェネレーターである「VuePress」のモダン
あなたの知らない WordPress のデメリットとリスク - コムテブログ
TL;DR 2023/10/20：SNS などで色々とご指摘がありました。記事全体を見直し、公平さと正確性に欠ける部分について、加筆・修正いたしました。 最近、WordPress を中心に扱う Web 制作業者の方々から Next.js + ヘッドレス CMS を使った開発を依頼されることが急激に増えてきました。その際に、WordPress や ヘッドレス CMS について長々と説明することが多くなり、それなら事前に記事にしておけばと思い、本記事を執筆しました。 よく「どのように違うのか？」と聞かれるので執筆しましたが、比較することは困難ですし、どちらが優れているというわけではありません。 WordPress と、ヘッドレス CMS 本来、WordPress はヘッドレス CMS と比較されるべきですが、思うところがあって今回は Jamstack や Vercel など色々絡めて書きました
WordPressのBASIC認証プラグインHTTP Authの使い方【管理画面だけも可能】｜しょーごログ
WordPressサイトにサクッとBASIC認証を実装したいけど、面倒くさいのは嫌だ、かといって変なプラグインも入れたくない。何かおすすめはないかなぁ… こんな疑問を解决します。 結論、「HTTP Auth」を使えばOKなので、使い方を解説します。 何と言っても、.htaccessファイルのためにサーバーを触らなくてもいいのが一番のメリット！！ また、最近はWordPressのログイン画面を見られると、WordPressだとバレてセキュリティリスクが高まるから、BASIC認証もかけて二重ログインにしようという風潮があります。 「HTTP Auth」は管理画面だけにBASIC認証をかけられるので、それにも対応可能です。 設定もとても簡単なので、1分で設定完了します。
WordPressのWebP対応をEWWW Image Optimizerで自動化する設定方法｜しょーごログ
WordPressの画像をWebPにしたいけど、画像も大量にあるし、どうしよう。そもそもブラウザは対応しているのかな？方法もわからないし、中々踏み出せない… こんな疑問を解决します。 実はIEが終わった今、WebPは既にほとんどのブラウザで利用可能であり、もうWebP対応しても問題ありません。 https://caniuse.com/webpまた、今回の「EWWW Image Optimizer」を用いた方法はpicture要素を用いるので、WebPに変換しても、未対応ブラウザでは従来のpng、jpgなどで表示されますので安心です。
WordPressをヘッドレスCMS化する方法とは？メリットやデメリットを解説！ | Web Design Trends
WordPressはこれまでブログやWebサイトの作成や管理のためのCMSとして多くのユーザーに利用されてきましたが、最近ではヘッドレスCMSとしてWordPressを活用する方法が注目されています。 ヘッドレスCMSとは、フロントエンドとバックエンドが分離されているCMSのことで、様々なメリットがあります。 今回は、WordPressをヘッドレスCMSとして利用するメリットや具体的な方法をご紹介したいと思います。 【2024年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends ヘッドレスCMSとは ヘッドレスCMSとは、コンテン
WordPress.comのステージングサイトを使ってみた | ギャップロ
先日、ベータ版になりますがWordPress.comのビジネスプランとコマースプランにステージングサイト機能が追加され、無料で使えるとのことでしたのでギャップロでも試してみることにしました。 作成手順や情報などは下記の公式情報を参照しました https://wordpress.com/ja/support/how-to-create-a-staging-site/ ステージングサイトの作成手順 公式情報にも書かれているのですが、手順としては 1.WordPressの管理画面のメニューから設定>「ホスティングの設定」をクリック 2.ホスティング設定画面の中に「ステージングサイト」の項目があるので、その中の「ステージングサイトを追加」ボタンをクリック するだけです。 ギャップロの場合、「ステージングサイトを追加」ボタンをクリックから20分前後でステージングサイトが作られました。投稿などのデータ
ヘッドレスCMSとは（学習コスト・種類・歴史・実装） - コムテブログ
ヘッドレス CMS とは？ 一言で言うとヘッドレス CMS は、従来の CMS が持つ「ヘッド」部分（フロントエンド、つまりユーザーインターフェース）を切り離したものです。 ここでの「ヘッド」は、Web サイトの見た目を構築する部分を指します。従来の CMS は、フロントエンドとバックエンドが密接に結びついていますが、ヘッドレス CMS ではそれらが完全に別々になります。 従来型の CMS（WordPress など） では、内容（記事や画像など）を投稿すると同時に、その内容がどのようにウェブサイト上で表示されるかも管理します。しかし、ヘッドレス CMS では、コンテンツの作成と保存だけを担当し、その表示方法は別のシステム（この場合は Next.js などのフロントエンドフレームワーク）が管理します。 このヘッドレス CMS の利点は、表示方法を気にせずにコンテンツの管理に集中できること、ま
開発者向けに設計されたオープンソースのヘッドレスCMS・「Vrite」
Vriteは開発者向けに設計されたオープンソースのヘッドレスCMSです。技術系のブログを書いたり、API等のドキュメントを書いたりと、あらゆる種類の技術コンテンツに対応しているそうです。 Markdownサポートからモダンな編集体験、コードエディタまで、開発者好みのライティング体験が可能なコンテンツエディターを搭載、バージョン管理はもちろん、見出しのサイズからインラインフォーマットオプションまで、編集作業全体を好みに設定可能、画像や動画などのアセットをアップロードして、エディターと一緒に管理できるアセットマネージャーなども付いています。 ダッシュボードはカンバン方式で。ワークスペースとカンバンダッシュボードで、すべてのコンテンツを管理、ドラッグ&ドロップで公開する事が出来ます。 また、今後はTrello、Dropbox Paper、Notionなどからのデータインポート機能やコンテンツ、タ
CMSのセキュリティリスクは？対策やセキュリティに強いCMSも紹介
サイトの構築や運営、データ管理などを容易にするCMS。しかしその一方で、CMSにはセキュリティ面でのリスクもあります。CMSの脆弱性を悪用した被害に遭わないためには、あらかじめセキュリティ対策をしておくことが重要です。 この記事では、CMSのセキュリティリスクや起こりうる被害、脆弱性による被害を防ぐための対策などについて解説します。セキュリティに強いCMSも紹介しますので、ぜひご覧ください。 目次 CMSのセキュリティリスクによって起こりうる被害 CMSのタイプによるセキュリティリスクの違い CMSに脆弱性が見つかった場合の対処法 CMSの脆弱性による被害を防ぐためのセキュリティ対策 セキュリティに強いCMS「ferret One」 CMSのセキュリティを強化して安全に運用しよう ▼セキュリティに強いCMSはこちら 圧倒的に使いやすいCMS！見たまま編集のferret One 直感的な操作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ACFのバージョンアップに伴うエラーが表示された件につて - 香川県/坂出市のパソコン教室（スクール）､パソコン検定や資格・ホームページの制作・修理もできるワンズパソコンスクール
BASIC認証下でもOGP確認ができるLocalhost OGP チェッカーの使い方｜しょーごログ
Google Fonts を WordPress で複数読み込む時に正常処理されないときの対処法 ｜https://wp.yat-net.com/name
GitHub - samuelkraft/notion-blog-nextjs: Next.js example blog powered by Notion Public API
