はじめに 2026/04/02の朝に起きたら、CloudflareがWordPressの後継を名乗るCMSを公開していた。 いろんな人がWordPressを雑に使って世界中にセキュアじゃないWebサイトが乱立している現状がどうにかならんかなーと思っていた立場として、気になったからとりあえずセットアップから管理画面の操作、記事反映の挙動、デプロイまでを一通り触ってみた結果を公開する。 今回は「WordPress ライクな操作感を持ちつつ、モダンな技術スタックで構成された CMS」としてどのような印象だったかを、実際に触って分かったことベースでまとめる。 EmDash とは EmDash は、WordPress のような親しみやすい管理画面を持ちながら、Astro や Cloudflare Workers などのモダンな構成で動かせる CMS。 実際に触ってみると、編集体験は WordPres

Cloudflare⁠⁠、WordPressの機能をTypeScriptで再構築した「EmDash」をオープンソースとしてプレビューリリース ―WordPressプラグインのセキュリティ問題を解消 Cloudflareは2026年4月1日、メジャーなCMSであるWordPressの機能をTypeScriptで実装した「EmDash」を、MITライセンスの元GitHub上に公開した。 Introducing EmDash — the spiritual successor to WordPress that solves plugin security -The Cloudflare Blog Introducing EmDash — the spiritual successor to WordPress. https://t.co/WqrG6HQlSB — Cloudflare (@Cl

CloudflareがAstroベースのオープンソースCMS「EmDash」を公開したので早速Workersにデプロイしてみた ベルリンのしがひです。 Cloudflareが先日Astroを買収したのは記憶に新しいですが、早速その成果物が出てきました。AstroをベースにしたServerless/HeadlessなオープンソースCMS「EmDash」がリリースされたので、早速Cloudflare Workersにデプロイして触ってみました。 EmDashとは EmDashは、Cloudflareが「WordPressの精神的後継」と位置づけるフルスタックのサーバーレスCMSです。TypeScriptで書かれており、MITライセンスで公開されています。現在v0.1.0のベータ版です。 特徴をざっくりまとめると、テーマやフロントエンドはAstroそのまま、管理画面はWordPressそっくり、

Rinkerではなくポチップを使ってます Rinkerが便利と聞いたのですが、Amazon検索するにはAmazonアソシエイトに合格するひつようがあります。ポチップはアソシエイトに合格してなくてもAmazonで検索できます。 どちらも「かんたんリンク」と連携できますが、僕はポチップを使ってます。 — たくぞー@副業Webライター (@Takuzo_jitian) November 3, 2021 ブログで商品アフィリエイトをしてる方 •WPアソシエイトポスト •Rinker •Pochipp（ポチップ） どれ使ってますか？ 私は圧倒的にPochipp推し！ アソシエイトポスト→Rinker→Pochippの順に使ってみてあまりの使いやすさに感動🥺 Pochippのリンク貼り直してたらこんな時間😂 おやすみなさい🌙💤 — うりぽん@発達凸凹児ママが隙間時間でらくぶろ挑戦 (@urip

ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ

本日、無料WordPressテーマ Godios. をリリースしました。 公式サイトを見ていただけるとわかると思うのですがページが一瞬で遷移しています。 どうでしょう、dev.toと同じくらい速いんじゃないでしょうか。 この記事ではテーマを高速化するにあたって用いたテクニックを書いていきたいと思います。 圧縮 テーマに含まれている画像・CSS・JSファイルの圧縮。 画像はOptimizilla・TinyPNG、CSSはCSS Minifier、JSはJSCompressを使用しました。 CSS・JSファイルの遅延読み込み レンダリングをブロックするファイルが大量にあると表示が遅くなりますので、JSファイルはdeferまたはasync属性を付与し、CSSファイルはインライン、またはJSで非同期に読み込んでいます。 無駄なSQLクエリを減らす データベースへのアクセスが多いと負荷が掛かる上、速

WordPress 4.7では、これまでプラグインとして提供されていたWP REST APIが機能として組み込まれ、標準でREST APIが使えるようになりました。このことにより予想されることは、PHP以外のプラットフォームで、WordPressのブログテーマやWordPressの機能を使ったサービスが今後どんどん生まれてくると言うことです。 ちょうど自分の扱っている新規事業の企画でブログメディアを作ることになりました。新しいメディアを運営する上で、技術的にも注目されるようなものを作りたいと思ったので、今回このWordPressのREST APIを使って、React + Reduxベースでブログを作ることにしました。爆速なブログができあがったので事例として紹介させてください。 LifeGadget（ライフガジェット）人々の日常生活に役立つ情報（ライフハック術、ガジェット、アプリ、サービスな

先日「AMPについて、まじめに考えるか」と書きましたが、さっそく当サイトのAMP対応を行いました。今日はその作業内容をまとめてみます。 今日の記事は、技術的な話しかありません。 AMPとは AMPは、Googleなどが主導する、モバイルでのサイト閲覧の高速化を目指すプロジェクトのことです。高速化は、キャッシュの仕組みやページの軽量化により実現されています。サイト作成者がAMPに対応するには、「AMP HTML」というフレームワークの仕様に従ったページを作成しないといけません。 サイトによっては、AMP対応ができない場合もあります。AMP対応時に障害になりそうなものを挙げておきます。 JavaScriptが使えない（ただし、後述の通り、AdSenseやGoogle Analyticsは可） 外部cssも使えない（内部スタイルシートの上限は約50kb） 使えないタグや使用に制約のあるタグがある

JAWS-UG Kobe 2016/06/14

2015.10.21 JAWS-UG京都 第5回勉強会 「京都からはんなりre:Boot 初心者大歓迎！」 StaticPress S3

2016.05.25 WordPress REST API で、カスタム投稿タイプなどの情報を取得する ちょいちょい使う機会も増えてきた WordPress の REST API ですが、カスタム投稿タイプやカスタムタクソノミー関連のデータ取得が必要な機会がありましたので、方法をまとめておきます。ひと手間だけかかる感じでした。 まずは軽くおさらい。 REST API のセットアップ WordPress で REST API を使いたい場合は、こちらのプラグインを入れて有効化します。以上です。 WordPress REST API 使い方は、ドキュメントがしっかりまとまっています。 API Reference | WP REST API v2 Documentation 投稿データを取得 基本的な使い方として、まずは最新の投稿データを取得したい場合。(以後、例としてドメイン名は exampl

せっかく本の書評を書くならば WordPressのブログで本の書評を書いていると [speech_bubble type=”drop” subtype=”L1″ icon=”President-b.jpg” name=”社長”] せっかくならばAmazonのアフリエイトをやりたい[/speech_bubble] [speech_bubble type=”drop” subtype=”L1″ icon=”devil.jpg” name=”悪魔くん”]簡単にポッチとやっておこずかいを稼ぎたい [/speech_bubble] いう気持ちがムクムクとわいてきます。 そんなかたにおすすめなのがWordPress Plugin のAmazonJSになります。 設定こそめんどくさいですが一度設定すればあとは 簡単に投稿画面からよびだすことができるので とっても便利です。 自動的にアフリエイトもできて綺

営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理

Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ

2015年版を作りました http://www.slideshare.net/katz515/howto-multilingual-wordpress-wck2015 多言語サイトを作るのは日本語を翻訳したら良いだけなのは間違いです！ちゃんとした多言語コンテンツをつくる基本のコツを伝授。 あなたのサイトにベストな WordPress での多言語サイト作成方法をお教えします。コーディングや技術よりも、企画・構造・コンテンツ（原稿）などを中心に話します。

WordPressテーマ「Simplicity（シンプリシティー）」を作成しました。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEO施策済み 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益化 ブログの主役はあくまで本文 カスタマイズがしやすい 以下で詳しく説明します。 Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。 テーマの名前「Simplicity」には以下の意味があります。 単純 簡単 容易 簡素 質素 飾り気のない よく言えばシンプル、悪く言えば地味なテーマです。 余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。 もちろんそのままでも十分使用できます。 検索エンジンへの最適化（SEO）

サーバ契約も WordPress のアップデートも不要 WordPress を 静的に活用できる SaaS サービス Shifter は、WordPress サイトをワンクリックで静的な HTML に変換し、ホスティングするクラウドサービス（ SaaS ）です。 使い慣れた WordPress を使用しながら静的サイトを生成して公開するため、遅延・停止などといったソフトウェアやサーバ保守にかかる負担、セキュリティの不安を排除します。

【WordPress特別セミナー】StaticPress × S3 × Vagrant 勉強会 : ATND 【WordPress特別セミナー】StaticPress × S3 × Vagrant 勉強会 #staticwp - Togetter 2013年8月末にWordPressとセキュリティに纏わる大きな騒ぎがあったのは記憶に新しいところです。今回はその騒動から起こしたアクションがあれよあれよという間に関係者に伝播し、気が付いてみると何とも豪華なラインナップの勉強会開催に至るまでに。3連休の中日でしたが会場も多くの参加者(定員200名)が駆け付けるという盛況振り。そんな勉強会に参加してきましたのでその雰囲気等をレポートして行きたいと思います。 WordPressをStaticPress+Amazon S3+Vagrantでセキュリティ万全にする方法 [前編] – @masuidriv

WordPressサイトの全てのページを静的化することでPHPの処理がなくなるので高速化が図れるプラグインStaticPressを使ってみることにした。※静的ページを掃き出しただけで運用はしてないのであしからず。 使い方 １．プラグインインストール プラグインメニューから「StaticPress」と検索するとプラグインが出てくるのでインストール＆有効化する ２．出力先の設定 静的ページをどこのディレクトリに出力するかを決める。 ３．再構築 再構築ボタンを押すと静的ページの生成が始まる。 静的ページを表示するURLのApache等を設定すれば静的ページでWordPressのサイトを見ることができる。生成した静的ページをAWSのS3に移行すればS3のURLからはログインできないので堅牢で高速なサイトを作ることができる。 WordPressをStaticPress+Amazon S3+Vagra