Astro+WP APIでPageSpeedInsightsで簡単に100点取る
前書き WordPressで稼働しているリニューアル案件で、Astroを使って実装を行った。 ライブラリにサイトが完全に依存するデメリットもあるものの、 Astroを使用した理由としては、コンポーネント指向による保守性拡張性の観点からと、サイトの最適化の観点から採用した。 結果普通のレンタルサーバーでPageSpeedInsightsでほぼ100点満点。 SPの点数 PCの点数 使用感と感想 正直これまでのタスクランナーやモジュールバンドラーなどを使ったHTML開発は若干レガシー化している感があった。 そんな中、まさに現時点でのWeb開発ベストプラクティスを詰め込み、ほぼ何も考えずに最適化されたサイトを実装できる非常にすぐれたライブラリだと感じる。 また、これまでPageSpeedInsigthsの点数を上げようと思ったら、構築後、PageSpeedInsightsの助言に一つ一つ従いなが
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
ウェブメディアの開発に最高かもしれない WACK Stack の紹介
WACK Stack というウェブメディア向けの開発スタックを考えてみました。まだ本番運用はできていませんが、PoC としてプロトタイプを作ってみたところ「いやこれ、マジでかなりいけるんじゃないか？」という感触を得たので紹介したいと思います。 WACK Stack とは、 WordPress Astro CDN Kysely のそれぞれの頭文字をとったもので、これらから構成されるスタックに名前を付けたものです。WordPress を CMS として使いながら、パフォーマンスとスケーラビリティに優れ、モダンなスタイルで高速に開発とリリースがしやすいウェブメディアのための構成として考えました。 前置き 弊社 KODANSHAtech の主な業務の1つにウェブメディアの開発があるのですが、そのときにWordPress を使うことが多いです。 WordPress を採用しておけば、すぐにほぼ完全に
WordPressのREST APIで全記事を取得したい - Qiita
ポートフォリオを引き続きアップデートしており 今はWordPressのREST APIを使用してブログ機能を追加しています。 TL;DR WordPressのREST APIだと最大でも100件までしか記事が取得できなかったから functions.phpに全記事を書き出すJSONを追加してみた。 WordPressのREST APIの取得について まずドキュメントへのリンクを。 WordPressの公開URL末尾に「/wp-json/wp/v2/」することで取得可能で ここにパラメーターなどを渡して、カテゴリー一覧などを取得します。 公式サイトのURLだとこんなイメージ https://wordpress.org/wp-json/wp/v2/ デフォルトで最大件数で取得する場合のパラメーターでよくあるのはこれみたいです（検索調べ） /wp-json/wp/v2/posts?per_pag
AstroとWordPressでブログを作ってみるよ
はじめに 簡単にブログを始める場合、第一候補としてWordPressが挙げられます。WordPressはCMSとして高いシェア率を誇り、様々なテンプレートが存在し、豊富なプラグインも揃っています。 今回はそんなWordPressをHeadless化して、最近話題のAstroフレームワークを使用してブログ構築していきます。 AstroとWordPressを選定した理由 静的サイトとしてファイルを生成するだけならばNext.jsやNuxt.jsでもできるわけです。しかし、それらはアプリケーションに最適化されたフレームワークであり、サイトを作成するといった目的には少しオーバースペックな印象です。ステート管理やルーティングなどの機能はさほど必要ないでしょう。そこで、Astroを選定しました。 Astroには以下の特徴があります。これだけでもサイト制作として最適なフレームワークであることがわかります
例外パスを設けたWordPress用のBasic認証を.htaccessで設定してみた | DevelopersIO
EC2上で稼働するWordPress環境のBasic認証を.htaccessで設定する機会がありましたので紹介させていただきます。 環境 OS $ cat /etc/system-release Amazon Linux release 2 (Karoo) httpd $ rpm -q httpd httpd-tools httpd-2.4.53-1.amzn2.aarch64 httpd-tools-2.4.53-1.amzn2.aarch64 設定 .htpasswd 「htpasswd」コマンドを利用して.htpasswd ファイルの生成を行いました。 htpasswd -c /var/www/html/.htpasswd <user> WordPressのインストールパスに存在する.htaccess の前に Basic認証用の設定を追記しました。 ELBのヘルスチェックで利用する「
WordPressで投稿内容の任意の項目を必須化する - Qiita
ワードプレスのテーマtwentytwentyを基盤に、投稿内容の任意の項目を必須にする実装をしたので、備忘録的にこの記事を残す。 環境情報 PHP：version 7.3.12 WordPress：version 5.5.3 WPテーマ：twentytwenty 作業 プラグインを使えば簡単にできることかもしれないが、練習がてらどうにかプラグイン無しで実装できないものかと思い見つけたやり方です。 ※ポストタイプ名が blog の場合 // 投稿時の必須項目の設定 function post_edit_required() { ?> <script type="text/javascript"> jQuery(function($) { if( 'blog' == $('#post_type').val() ) { $('#post').submit(function(e) { // タイト
【初期設定まで解説】LocalbyFlyWheelでWordPressローカル環境構築 | RalaCode
「WordPressを学習したい。無料で安全にWordPressを触る環境を作る方法ないかな...」という方向けの記事です。 本来、WordPressでサイトを作るためには主に以下の2つが必要です。 サーバー ドメイン 上記の2つを用意するにはお金がかかります。 それに、サイトが一般に公開されてしまいます。 初学者には、なかなかハードルが高いです。 そこでおすすめなのが「自分のパソコンの中にWordPress環境を作る」という方法です。 この方法なら、一般公開されることもなく、失敗しようが何しようが好き勝手にWordPressを触ることができ、学習に役立ちます。 上記の方法を「WordPressのローカル環境を構築する」と表現します。 「WordPressのローカル環境を構築する」ために、おすすめなのが「LocalbyFlyWheel（ローカルバイフライホイール）」というツールです。 この
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のダッシュボードを立ち上げ、いくつかの
普段実務で請負ってるWordPressサイトを、microCMSに変えられるのか考えてみた - Qiita
今回自分がmicroCMSを数ヶ月（有料プラン）使ってみて思った、WordPressとの比較・感想を書いてみたいと思います。 実務で請負ってるWordPressサイトをmicroCMSへ変えられるのか これまで実務で請負ってきたWordPressを使ってつくってきたコーポレートサイトやオウンドメディアをmicroCMSなどのヘッドレスCMSに変更できるのかについて見ていきます。 そもそもmicroCMSとWordPressを比較するのもどうかとは思いますが、実務でいままでのWordPressサイトをmicroCMS（ヘッドレスCMS）へ変更できるかどうかを考えている人もいるのではないかと思いました。 参考 ヘッドレスCMSって何？WordPressとの違いや特徴を解説 | microCMSブログ こちらの記事を引用する形で個人的な見解を話していきたいと思います。 WordPressの懸念点
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WPとGithub Actionsで自動デプロイ WordPressに設定編 | 株式会社Paak – 世の中にポジティブな変化を起こすテックカンパニー
Next and Previous Post