![無償でローカル「WordPress」環境を構築する最速の方法、「Studio」がWindowsに対応/わずか数クリック、開発の成果を最大5つまでデモサイトとして無償公開する機能も](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3997e31ed8c727b235b280292b8940ada983a2d/height=288;version=1;width=512/https%3A%2F%2Fforest.watch.impress.co.jp%2Fimg%2Fwf%2Flist%2F1595%2F874%2Fwordpress.jpg)
先日、料理研究家でYouTuberのリュウジ氏は、運営しているWebサイトのURLを投稿したところ、そのページが何らかの不正なアクセスでリダイレクトされたと報告しました。ランディングページには著名なCMS「WordPress」を使用していたそうで、これを機に別のCMSへと移行するという対策を講じたようです。 こちら原因がわかりまして、LPに使用していたWordPressに外部からハックされ、違法なサイトに飛ぶようになっていたようです 対策として今後はWordPressは使用せずにセキュリティの高いbaseのページを使用します。 (リュウジ氏のTweetより) 筆者はこのツイートを見て、リュウジ氏の対応を理解できるとともに、WordPressについてある種の誤解が広まっていると感じました。 現在、大企業はもちろん、中堅・中小企業も自社のWebサイトを持っていますし、ECサイトがビジネスの中心
PHPやSQLiteなどのサーバサイドを含むWordPressのバックエンドをWebAssembly化し、WordPressのフルスタックをWebブラウザ上で実行する「In-Browser WordPress」が、「WordPress Playground」で公開されています。 これは昨年(2022年)9月にWordPressのコア開発チームが開発中であることを明らかにし、今年1月頃にWordPress Playgroundで公開が始まった、サーバサイドを含むWordPressの試験的なフルスタック実装です。 参考:WordPressのコア開発チーム、WordPressをWebブラウザで実行する「Client-side WebAssembly WordPress」を開発中 「WordPress Playground」でアクセスすると、Webブラウザ上で「In-Browser WordPre
最近流行りの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のダッシュボードを立ち上げ、いくつかの
VMwareのWasm Labsは、Webブラウザ上でWordPressを実行可能にしたデモを公開しました。 デモページをWebブラウザで開くと、実際にWebブラウザ上でWordPressが実行されます。 WordPressはオープンソースで開発されている代表的なCMSです。PHPで開発されています。バックエンドデータベースとしてMySQLが使われることが一般的ですが、今回のデモではSQLiteが使われています。 今回のデモを公開したVMwareのWasm Labsは、C言語をWebAssemblyバイナリにコンパイルできるEmScriptenコンパイラを用いて、PHPとSQLiteのコンパイルを行っています。 さらにメモリ上にファイルシステムを構築し、Service Workerをプロキシとするなど追加でWordPressを実行可能な環境を作り上げ、デモを作成したとのことです。 WebA
Amazon Lightsailとは AWSが提供するVPSです。 タイトルでも触れているWordPress以外にもLAMP,Node.js,GitLab,Redmine等 事前に設定されたアプリケーションまたは開発スタックをクリックして起動できます。 メリット 早く簡単にできる LightsailはおそらくAWSでwordpress環境を立ち上げるのに一番簡単なサービスです。 料金の見通しが立てやすい 料金体系は月額固定で非常にシンプルです。 データ転送枠を超えた場合はさらに課金されますが、超過分に関してもEC2等とほぼ同等の料金となっています。 ドキュメントが易しい Lightsailのドキュメントはこちらに ありますが、他のAWSのサービスよりも初心者向けでわかりやすい印象を受けます。 デメリット スケールしづらい 例えば、EC2のように$3.5のインスタンスで始めて、 後で$5のイ
GoogleがWordPressプラグインNative Lazyloadプラグインをリリースした。このプラグインはその名前の通り、Lazy Loading(画像などの遅延読み込み)を実現するもの。画像読み込みでロックされるレンダリングを早くしようというものだ。このサイトCaptal Pでも導入してみたので、気になる方はチェックしてみてほしい。もっとも、そんなに画像をたくさん使うサイトではないので、効果は限定的だろうが……。 さて、こうしたLazy Loading系のプラグインはいままでもたくさんあったのだが、Googleがリリースしたこのプラグインの特徴はブラウザ実装の機能を使うという点。既存のLazy LoadingはJavaScriptなどを利用して画像を一時的にプレイスホルダーに置き換え、スクロールイベントなどを監視して画像を再度差し替えるものが多かった。しかし、Native Laz
Serverless Static WordPress Hosting Shifterは世界で一番使われているCMS「WordPress」を、超高速・安全・メンテフリーにするオンラインサービスです。サーバーレスによる全く新しいアプローチで、WordPressユーザーから伝統的なホスティングにつきものの、遅延・停止などソフトウェアやサーバー保守にかかる負担・セキュリティの不安を排除します。 安心・安全性 WordPressとAWSのプロフェッショナルが在籍。経験豊富なスタッフが日本語・英語で安心のチャット対応。無制限の拡張性を定額で利用可能。WordPressで作成したコンテンツをShifterが完全な静的HTMLに変換し、無料のHTTPS通信で配信。伝統的なホスティングにありがちな面倒な手続きや追加の保守、悪質なボット・攻撃者からの脅威を製作者から排除。
巷では、少し前からアフィブログを WordPress で作るのが流行っているようですが、主に PHP 開発者&サーバー管理者の観点から、WordPress のダメだと思うところを、思うままに書いてみました。 WordPress をディスるつもりはありませんので、注意喚起:解決法:ポエム = 4:1:5 ぐらいの感覚でご覧いただければ幸いです。 ⇒ 【WordPress】WordPressのここがイイ 1.設計が古すぎる 先日書いた記事で、気になって admin-ajax.php のコードを眺めてみましたが、Oh... これは酷い…。 require_once が連呼され、global 空間に define() とコンフィグ用の配列が入り乱れ、$_GET $_POST $_REQUEST が舞い踊り、ファイルはクラスどころか関数にすらなっていない…200 行に満たないコードはネタの宝庫で、1
個人用メモです。 !! ======================== !! ※この記事は2019年の記事です。著者はもうWordPressを使用しておりません。この記事で紹介している内容は2019年当時の内容である事を理解した上で、実際に設定する際は最新の情報を確認しながら行ってください。 2019/9/26追記 2020年1月1日より静的IPが有料になる旨Googleから発表がありました。 $0.004/時間=最大約300円/月が有料となります。 それ以外の部分についても無料でなくなり次第記事を更新してまいります。 情報: @mattn 様 2020/3/20追記 まだ請求額が0円だったので「あれ?」って思って調べたら、上記の静的IP有料の変更は1/1から反映されてるものの、キャンペーンで2020/4/1までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった
サーバーサイドのレンダリング(SSR)を使用して、数分の1秒以内にページが高速に表示されるWordPressのフロントエンドを構築するテクニックを紹介します。 バックエンドのキャッシュと組み合わせることで、非常に高速になり、しかも安価にWordPressサイトを構築できます。 Zero-latency WordPress Front-end -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスを元に翻訳しています。 デモページ サーバーサイドのレンダリング(SSR) バックエンドのサービス 非キャッシュページのアクセス キャッシュページのアクセス キャッシュのパージ 始めてみよう Nginxの設定 バックエンドのJavaScript フロントエンドのJavaScript Cordova 終わりに デモページ サンプルのコードで何ができるのか
今年の春頃、iOSのServiceWorker対応で、PWA(Progressive Web Apps)がWeb界隈を賑わせましたね。 私は6月にAndroid Bazaar and Conferenceに参加してまいりました。 春は東大の本郷キャンパスでしたが、秋は川崎で開催されます。現在も参加登録できます! 申込はconnpassから。 PWA for WordPress WordCamp Tokyo 2018や、私が参加した日本Androidの会9月定例会で紹介がありました。サイトをPWA化するためには、manifest.jsonとservice-worker.js、他にアイコン用の画像などが必要となります。 これらを非常に簡単に設定してくれるプラグインです! (利用には対象のWordPressサイトがhttps化している必要があります) 使ってみました! プラグインをインストールし
リフカムではRefcomeというサービスを運営しています。このサービスのホームページはWordPressで作られており、WordPressはAmazon Lightsailで構築しています。さらには、インスタンスのタイプも一番安い$5/monthなので大量のアクセスをさばくことは絶望的です。そこらへんは負荷が問題になってから考えればいいよねーと言って何も考えずに作ったのですが、TV取材が入って「放映されるから大至急高速化して」と言われて大慌てです。 実際に放送された内容 実際に放送された内容は以下になります。 http://www.tv-tokyo.co.jp/plus/business/entry/2018/017321.html 大体放映されたのが10分くらいで、撮影が1〜2時間くらいかかっているので編集の力を思い知ります。 Amazon Lightsailの性能を確かめる さて、前述
本来ならば管理者ではないユーザーに管理画面は公開したくないものですが、それでも、という場合のカスタマイズ用コードで主なものをまとめました。 使用中のテーマのfunction.phpに貼り付けるなどして使ってください。 管理者かどうかの判定には current_user_can( 'administrator' ), current_user_can( 'manage_options' ) などが使用できます。 機能の制限 ダッシュボードからリダイレクト function redirect_dashboard() { global $pagenow; if ( is_admin() && 'index.php' == $pagenow ) { wp_redirect( admin_url( 'edit.php' ) ); } } add_action( 'admin_init', 'redi
WARNING: WordPress File Delete to Code Execution で、動画付きで解説されている話 多分、 『editattachmentアクションの時のthumbパラメータがユーザー入力だけど、ノーチェックでidと結びつくようになってるので、結びつけてやれば、wordpressアプリの権限で触れるところ任意で削除出来るので、wp-config.phpとか削除するとwordpress初期化出来る。 投稿者権限以上でログイン出来るユーザーが攻撃者になりうる。』 って書いてある 環境構築 docker hubのwordpressのものを参考にdocker-compose.ymlを作成 https://hub.docker.com/_/wordpress/ version: '3.1' services: wordpress: image: wordpress:4.
『サガ スカーレット グレイス 緋色の野望 Limited BOX 【邪神】』 の Nintendo Switch 版と PlayStation 4版のどちらを予約すべきか長々迷った挙句、結局 Switch 版を選んだ kagata です。いずれにしてもハードを買ってこないといけません。 今回は、WP-CLI の中ではあまり注目されていないような気がするコマンド wp shell を紹介します。地味ながら、いろいろな場面で活用できる万能コマンドです。 wp shell とは wp shell は、コマンドラインから入力した PHP コードを対話的に実行するコマンドです。WordPress 向けの REPL というと、プログラマーには通りがよいかもしれません。 wp shell | WordPress Developer Resources 使い方はシンプルです。WP-CLI をインストール
スマホでのサイト閲覧が増えてきた昨今、スマホで自サイトがどう表示されるのかがとても重要になってきてます。 でもいちいちチェックするのは面倒だし、そもそもスマホは持ってないし…。 そんな方のためにPCブラウザ上でほぼ実機通りにスマホでのサイト表示が確認できるワードプレスプラグインをご紹介します。 PCとスマホでは見え方が異なる レスポンシブウェブデザインでサイトを作っている場合、PCとスマホでは表示レイアウトが異なるのが一般的です。 その際、PCではバランスよく見えていた文章(テキスト)がスマホで見たらきっちきちで読みにくいとか、改行の位置が不自然でとても見にくいなんていうのがあったりします。 PCで見る分には判別可能だった画像がスマホで見たら小っちゃすぎて何の画像かわからなかったというのもあるでしょう。 仮にいま使っているテーマが”スマホ対応”とうたっていても、あくまでスマホで見やすいよう
2018年6月2日、WordCamp Osaka 2018にて。架空のWordPressサイト制作案件の詳細な見積とともに、日頃、私が何を考えて見積を組み立てているのかをご紹介しました。
昨日以下のような記事を書いたのですが、よく考えたらNodeで単独のコマンドを作れば開発環境とかCMSとか関係なく何でもできるじゃんということに気が付きました。 というわけで単独のコマンドとして作ったのが以下です。 Changelog 2018/08/14 - --http-server というオプションを追加しました。 2018/05/31 - 設定ファイルがないと動かないことがわかったので修正しました。(v0.1.10) 概要 このコマンドは ngrok というツールを経由してローカル環境に対してパブリックなURLを割り当てます。 さらにこのコマンドは、Nodeの http-proxy モジュールによるリバースプロキシを内蔵していまして、HTMLコンテンツ内に決め打ちで入れられているホスト名を、ngrokによって割り当てられたホスト名に置換します。 そのためたとえば WordPress
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く