Wordpress on akky@サイボウズラボ・ブログ

WordPress創業者マット・マレンウェッグ氏がtwitterの良いとこ探し、開発者を勧誘

Fri, 11 Nov 2022 00:00:00 +0000

今も世界中で使われているオープンソースのブログツール WordPress を作ったマット・マレンウェッグ氏が、ツイッターアカウントにて面白い呼びかけをしていました。

Twitter does some things so darn well, like how their embeds work, the web app, the related tweets, how the app works when you don't have a good connection... if you're an engineer that worked on that stuff and want to do it again, HMU
— Matt Mullenweg (@photomatt) November 9, 2022

ツイッターの中にもとても良くできている機能がある。もしあなたがその開発者だったらうちで仕事しないか、という呼びかけです。

# 文末の HMU(Hit me up) は連絡してよ、という意味。

twitter 社の大量のリストラが話題になっていますが、こういうリストラは部署単位や機能単位で行われているため、リストラに遭った社員本人の能力の問題というよりはその部署にたまたま居た不運の方が大きいでしょう。実際、必要不可欠な人材までリストラしてしまったとかで、呼び戻しが始まってるというニュースもありますね。

このツイートは、WordPress の長年の改良でwebサービスにどんな機能が求められているか熟知しているマレンウェッグ氏の視点で、twitter のサービスやアプリが持っている機能のどこを評価しているか、それを自分のサービスにも採用したがっているか、という点ですごく勉強になるものだと思います。

勧誘の中でツイッターの優れた機能実装として挙げられているのは、

埋め込み機能 (tweetを他のwebページに表示する機能?)
ウェブアプリ ( twitter.com )
関連ツイート
通信環境が悪い時のアプリの動作

この機能を作ったエンジニアにとっては誉め言葉ですよね。言われてみればここであがった機能が止まったりバグったりはあまり見ていないかもしれません。

ワードプレスのソースコードから8年間懸案の変数名「おしっこ」が除去

Mon, 07 Mar 2022 00:00:00 +0000

ブログツールとして世界中の多くのサーバで使われている WordPress のソースコードの、数限りなくある中のちょっとした修正は、変数名の"pee"と"tinkle"を書き換えるというものでした。

-442 function wpautop( $pee, $br = true ) { +442 function wpautop( $text, $br = true ) {

wpautop()という関数は、ブログ記事のテキストに2行以上の改行があった時、それを

タグに置換する、という働きをします。

「WordPress(wp) が自動(auto)で p(タグ)をつける」といったあたりから命名された関数だろうと思いますが、WordPress の歴史は長いのでこの関数も昔から存在していたようです。

それで、この関数を書いた誰かは「オートでPする」の響きからの連想か、引数名に $pee(しっこ、幼児語)を使う言葉遊びをしてしまったようですね。

その後のどこかの時点の修正で $pees をループで一つずつ処理する際に、取り出す変数を $tickle (こちらもしっこ、幼児語)が使われています。

# tinkle というとリトルスターぐらいしか連想しませんが、そんな意味もあるんですね。

WordPress の公式バグ管理システムからは、8年前のチケットで初めてこの二つの変数名についての指摘がなされたことがわかります。

有名WordPress プラグインのYoast SEO、500万+のブログ管理者に望まぬバナー広告を表示

Mon, 02 Dec 2019 00:00:00 +0000

Yoast SEOといえば、ワードプレスのSEO対策をしてくれるプラグインで最も有名なもののひとつです。

そのプラグインが、北米の国民的特売日であるブラックフライデー前に、ワードプレスの管理画面に派手な広告バナーを勝手に表示した、として騒ぎになっています。

I have a feeling you've mentioned this before. I'll take a look! Because this Yoast forced-banner-ad bullshit is *awful*. Have you seen it?

On. EVERY. PAGE. OF ADMIN. pic.twitter.com/zq2vhFd2dg
— Lawrie ✨ (@indextwo) November 28, 2019

バナーのサイズは 1015px x 102px、しかもYoast プラグインのページではなく管理画面のどのページにいっても表示されたそう。

Yoastプラグインのサポートフォーラムもたいへんなことになってます。

無料で使えて信頼もあり、2万5千件以上ある過去のレビューのほとんどは星5つなのですが、今回の件で雪崩のような不評コメントが延々と続いています。

WordPress のプラグインサイトによれば、アクティブなインストールが500万以上あるということで、この広告を見せられたブロガーの数もたいへんな人数になるでしょう。

高品質のワードプレスpluginによくある、追加機能を有料で買えるフリーミアムなビジネスモデルでやっているようですが、有料ビジネスがうまくいっていないのか、広告バナーを一斉配信できる立場での誘惑に逆らえなかったのでしょうね。競合プラグインもあるので、人気や勢力図の入れ替わりもあるかもしれません。

ワードプレステーマ販売の Pipdig が、顧客サイトを使って競合にDDoSを掛けていた

Fri, 12 Apr 2019 00:00:00 +0000

ブログツール WordPress の有料デザインテーマを販売する Pipdig が、販売したテーマの中に競合製品の妨害をするなどのコードを隠し入れていた、ということで騒ぎになっています。

イギリスのジェム・ジャベラ氏(Jem Jabella)のレポートが口火を切った疑惑は、Pipdig の売っているテーマが利用している Pipdig Power Pack (P3) プラグインの動作に関するもの。

さまざまな「特権的」コードの混入

「有料テーマを買って入れたら、ワードプレスのサイトがおかしな挙動を示すようになった」と顧客から調査を頼まれた彼女は、サイトがひどく遅くなっていることに気づきます。P3 プラグインがその原因だろうと突き止めた彼女は、P3が以下のようなことをしていると突き止めたと言います。

利用者ブロガーのサーバーを使って、競合のウェブサイトに DDoS を掛ける
利用者ブロガーのコンテンツ内のリンクを変更し、競合サイトの紹介リンクをPipdig へのリンクに変更する
GDPR違反となるような許可の無い利用者ブログの情報を収集する
管理者パスワードを変更して利用者ブログへのアクセス権を得る
データベースの全テーブルを削除するスイッチを内蔵
Pipdigが不要と判断する他のプラグインを、ユーザーに問い合わせることなく無効化
ワードプレス本体や他のプラグインが出す警告を隠す

ジェムさんはこれらのコードの該当部分それぞれを記事中で解説していますが、実際の実行コードを外部のサイトから取得して動かしていたりする作りもあり、ある時点でその外部コードを調べても空ファイルだったり、無害なコードだったりと、すぐには何をしているのかわからないように工作されているようです。

管理者のメールアドレスをテキストファイルに出力し、そのログインパスワードを変更する機能などもあり、これが(WordPress に詳しくない)ユーザーをサポートする際に使おうという機能ではないかという擁護もありましたが、サポートを依頼したユーザーだけでなく全利用者に対して使えるようになっていることなど、Pipdig に対する疑念が表明されています。

別の操作。Bluehost という競合のテーマが有効になっていたら、そのキャッシュ機能を切り、WordPress公式に偽装したドメインに置いたコードを実行した上で「サイトが遅くなってますか?」というメッセージを表示させてた、というもの。

Another one from the @pipdig plugin. If you use one of their themes on @bluehost then they intentionally slow your website down by disabling the BlueHost cache plugin, then they can inject content with the title "Is your host slowing you down?" CC @jemjabella @heyitsmikeyv pic.twitter.com/48DUXsDyBj

WordPressに喋らせる Amazon Polly プラグイン。読み上げ podcast 開設まで

Fri, 09 Feb 2018 00:00:00 +0000

[更新 2019-02] この記事のためだけにプラグインを入れておくのを止めて、プラグインは無効にします。また、プラグイン名は Amazon Polly から Amazon AI に変更されていたようです。

Amazon 自身が音声合成サービス Amazon Polly のワードプレス用プラグイン Amazon Polly を公開したので、早速入れてみました。

インストールと設定

WordPress のプラグインディレクトリから選んでインストールすると、「設定」メニューに Amazon Polly が出てきます。

必要な権限を持たせたAWSのアカウントを用意して、以下の二つを設定。

AWS access key
AWS secret key

また、Voice Name で言語や話者を選べるので、日本語の女性 Mizuki か男性 Takumi を選んでおきます。

Cloud storage の項目では、合成された音声をローカルではなくAmazon S3に置く指定も可能です。

音声対応の記事を書く

これで新規にブログ記事を書こうとすると、投稿画面に"Enable Amazon Polly"というチェックボックスが出てくるので、喋らせたい記事にチェックを入れます。チェックすると「今回の変換にいくら掛かるか?」を確認するボタンまで出してくれるのは、有料APIだけに安心感があります。

あとは通常と同様に公開するだけ。

記事の先頭(プラグインの設定により末尾に出したり、表示しないことも可能)に、上のように音声再生のウィジェットが表示されました。聴いてみるとかなり良い感じで合成されていますね。

Autoplay という設定で、記事を開くと自動的に喋り始めるようにもできますが、これをオンにするのは読者には煩わしいのではないかと思います。

自動podcastも

管理画面の案内から、ブログの podcast feed が自動で生成されていることもわかります。

このブログの場合はこのURLで、生成された音声記事が podcast として公開されているということです。さらに iTunes で公開する Podcast Connect へ案内までしてくれるので、Apple ID/Store Account を持っていればそのまま iTunes で公開までしてしまいそうです。

scratchblocks - Scratch プログラムをテキストファイルから生成

Fri, 08 Sep 2017 00:00:00 +0000

scratchblocksは、教育用プログラミング言語 Scratch の図形を組み合わせたプログラムを、テキストから生成してくれるというwebサービスです。

言語を日本語(Japanese)にすると、日本語での画像を作ってくれますし、英語など他言語で書いたテキストを translate メニューから日本語に翻訳し、それを画像化( png や svg 形式に)することもできます。

ソースコードも公開されていて、これを使って WordPress で表示するプラグイン(作者は日本の方)や Pandoc でドキュメント内に埋め込むライブラリなども紹介されていました。

小学校の自由研究で、提出するといってもパソコンやタブレットを提出するわけにもいかない。作ったものを紙にして出すにはどうするのがいいのかな、と調べたら見つけたものです。

[訂正 2017-09-08]

scratchblocks と Scratch Blocks の関係性について間違いがあったので、下の内容を撤回します。ご指摘ありがとうございました。

というか、scratchblocksはScratch 2.0のUIを模したもので、現行のScratchサイトのフォーラムの支援ツールとしての公式に使われています。2.0と3.0のブロックデザインは大きく異なりますので、非公式も当たらないと思います。
— アベ先生 (CV: 阿部和広) (@abee2) September 8, 2017

このツールが表示しているのはそもそも GoogleとScratch が HTML5 版の Scratch 3.0 に使うために策定し、また他の Scratch 風プロジェクトでも採用されるべく規定しようとしている Scratch Blocks で、このScratch Blocks を「非公式に」サポートするツールとして作られているようです。

消えゆく Flash Player から HTML5 ベースに移行しようという Scratch 本家に合わせて作っているものですから、描画結果のそれらしさについては間違いのないところでしょうね。

Github の scratchblocks は Scratch 用の"unofficial"なツールを作っている、とGitHub にありますが、これは Scratch Blocks をサポートしているものではないようです。

ブログでチャット風の会話を表示するCSS

Mon, 15 May 2017 00:00:00 +0000

先日の記事「電話番号間違ってますよ」がどうしても信じてもらえない! 内で、チャットのやりとりを表現したかったので、フキダシ会話っぽく見える CSS を書きました。

WordPress の場合は、[外観]-[カスタマイズ]-[追加CSS]に貼りつけてください。特定のポストでだけ使いたい場合は .post-9067 とかを全部の前につけます。

アイコンの画像はこのCSSの中に URL を書き込んであります。別のアイコンにしたければそこを変えてください。

.akky_conv { padding-top: 1em; } .akky_conv li { display: flex; flex-direction: row; max-width: 95%; } .akky_conv li div { width: 32px; height: 32px; box-shadow: 2px 2px 0px #aaa; flex-shrink: 0; flex-grow: 0; z-index: 1; } .akky_conv li:not(.me) div { background:url('/akky/wp-content/uploads/2017/04/user-alt-1_0.png') center no-repeat; background-color: #fcf; } .akky_conv li.me { justify-content: flex-end; } .akky_conv li.me div { background:url('/akky/wp-content/uploads/2017/04/user-alt-2.png') center no-repeat; background-color: #cff; order: 2; position: relative; bottom: -3em; } .akky_conv li p { background-color: #ddd; margin: 1em; padding: 1em; position: relative; text-align: center; } .akky_conv li.me p{ order: 1; } /* 吹き出し */ .akky_conv li p:before { content: ""; display: block; width: 0; height: 0; position: absolute; } .akky_conv li:not(.me) p:before { border-right: 12px solid #ddd; border-bottom: 12px solid transparent; top: 0px; left: -12px; } .akky_conv li.me p:before { border-left: 12px solid #ddd; border-top: 12px solid transparent; bottom: 0px; right: -12px; }

WordPress Admin Style - ワードプレス管理画面で使えるCSSスタイルを列挙するプラグイン

Fri, 30 Sep 2016 00:00:00 +0000

WordPress Admin Style は、ワードプレスのプラグイン開発者のためのサポートツールです。

プラグインは公式レポジトリにはなく、GitHubで公開されています。

cloneするなりzipでダウンロードするなりして、WordPressの開発環境、plugins以下へコピーします。

プラグインを有効化すると、サイドメニューに"Admin Style"というメニューが増え、クリックすると、管理画面で最初から使えるスタイルが列挙されたページが開きます。

Admin画面のデザインをする際に、どんな要素にどんなデザインが当たっているのかを把握しやすくて便利かなと思いました。

ワードプレスのインポートツールで警告が消えない問題

Sat, 07 Nov 2015 00:00:00 +0000

WordPress のサーバ再構築をする必要があり、標準のXMLエクスポート形式であるWXRファイルを読み込ませたところ、最新のWordPressを使っているのにも関わらず以下のような警告が出てきます。

( ! ) Strict standards: Declaration of WP_Import::bump_request_timeout() should be compatible with WP_Importer::bump_request_timeout($val) in C:\Users\akky\OneDrive\services\akimotojp\blog\wp-content\plugins\wordpress-importer\wordpress-importer.php on line 38

バグ報告もされているのですが、これがなんと2年も前のもの。ずっと直ってないというわけです。

直し方がわかってないわけではなく、現時点のバージョンなら、wp-content/plugins/wordpress-importer/wordpress-importer.php 1110行目の

function bump_request_timeout() {

を

function bump_request_timeout($unused) {

などとするだけです。

わかってるなら配布してるオリジナルを直してよ、と思うところですが、バグチケットの中でリード開発者により「まれにしか使わないインポートの警告を消すためだけに、500万人の管理者にアップデートさせるのは『アップデート疲れ』(update fatigue)もあるのでやりたくない」という結論が出されていました。

そして、他の重要な修正も入るなら喜んでプラグインの更新を掛けるよ、と、未解決のインポート周りのチケットリストを紹介することで返答を結んでいます。

そんなに気になるなら他の重要なバグ直せば一緒に直るよ、なんていう返しもあるのかあ、と変なところで感心しました。

インポート機能を全員が使うわけではない、というのは確かにその通り。インポート作業をするぐらいの利用者なら警告の意味も読めるし、これが実害のない警告に過ぎないこともちょっと検索すればわかるかもしれません。

しかしそれでも、推奨された最新バージョンを使って、標準で動かして警告が出てしまうのは、それこそ500万ユーザーを誇るならカッコ悪いように思うですが。警告を見た人の多くはそれが何かを調べ、対処するなり無視するなり判断するという時間を取られていますし。

WordPress Importerプラグインの一番新しいバージョンも5ヶ月前に出ており、このチケットが切られた2年前より後に修正を含めるタイミングはあったみたいだし。

# 他にStrict Standardsを外すという解決法もなくはないですが、PHP 7 も見えているこの時期にそんなことをするのは当然オススメできません。

円ドルの通貨を自動で換算表示するWordPressプラグインAuto Currency Converterを公開しました

Wed, 15 May 2013 00:00:00 +0000

サイボウズ・ラボの合宿(正確にはラボユースの合宿)で、自分のブログ用にワードプレスのプラグインAuto Currency Converter(自動通貨変換)を作ったので公開します。

ブログの本文中に書いたドルの金額表示を見つけて、それを今日のレートで円に換算したらいくらになるかを後ろに付記します。円からドルについても同様です。

たとえば、こんな感じの表示となります。

ダルビシュ有投手の2013年の年俸は$9,500,000で、日本ハムファイターズの2013年の年俸総額は21億8070円です。

カッコの中は自分で書いてません。自動的に作成されています。

設定はほとんど無いのですが、過去の記事では手動で換算結果を付けていたから変換されると困るというケースのために、プラグインの作動を有効にする開始日を設定できるようにしてあります。使い始めの日にセットしていただければ、過去の記事については勝手に変換されることはありません。

海外のニュースや商品を紹介することが多いWordPressブロガーの方、いかがでしょうか。

数年ぶりに「1ドル=100円」を超えた円安がニュースになり、だいたい100倍すればいいという、たいへんわかりやすい状況ではありますが。今後また円高に戻ったり、円安が進んだりしてわかりにくくなると、役に立つ&手間が省けるかなと思います。

不具合報告などもお待ちしております。(英語, 日本語)

あとは、プラグイン公開ページの772x250のバナーを誰か作ってくれませんか。

WordPressでLINEへ送るボタンを設置する方法

Fri, 21 Dec 2012 00:00:00 +0000

ひさびさに増えた、ソーシャルで共有系の新ボタン「LINEへ送る」を、このブログにつけてみました。数分でできるのでやり方をご紹介しておきます。

Jetpackの機能を使っているので、もしまだJetpackを入れていなければ、Jetpackを入れて、有効にしてください。Jetpack、いろいろと便利ですよ。

アイコン画像の用意

配布されているアイコンに、16x16ピクセルのものがないので、ダウンロードしたら展開して、40x40ピクセルのアイコンなどを編集して16x16にしてください。

メディアの新規追加でこの16x16のアイコンをアップロードし、アップロード完了画面で出たファイルのURLをコピーしておきます。

Jetpack

[設定]-[共有]-[共有ボタン]で、「新サービスを追加」をクリック。開いたダイアログに、たとえば以下のように入力します。

サービス名: LINE 共有URL: http://line.naver.jp/R/msg/text/%post_title%%0D%0A%post_url% アイコンURL: さきほどメディアアップロードしたアイコンのURL

[共有ボタンを作成]を押すと、利用可能なサービス、にLINEボタンが増えていますので、これを下の有効化済のサービス、にドラッグしてください。

そのすぐ下に、ブログ記事の下にどのように表示されるかのプレビューが出ますので、他のソーシャルボタンとの順序等に問題がなければ、「変更を保存」してください。

この仕組みで表示させると、パソコンで見たときも表示されてしまいます。今はパソコンからクリックしても何も起こりませんが、これはいずれ対応してくれることを期待します。

[公開終了] WordPressブログで告知を扱うプラグインApollo Plugin

Fri, 30 Nov 2012 00:00:00 +0000

[更新 2016-09-26] プラグイン、Githubのソースコード共に公開が取り下げられていました。類似のプラグインとしては、Notification Barなどがあるようです。

Apollo Pluginは、ワードプレスブログで各ページの最上部に出す告知を簡単に作成・管理できるプラグインです。

管理画面は機能をオンにするのと、通知バーの色を選ぶぐらい。

カスタムポストで通常の記事と同じように、アナウンスバーに出したい告知が書けます。開始日・終了日も指定できるので、告知の必要性が無くなったら自動的に消すことも可能。

ブログでちょっとした告知をする際にいいかも。

[更新 2013-03-13] プラグインの公式ページができ、また、僕が作った日本語リソースが取り込まれたようです。メニューが日本語になります。

Kindleの電子書籍のサンプルを簡単に表示できるWordPressプラグイン Embed Kindle

Thu, 01 Nov 2012 00:00:00 +0000

作りました。Digital Inspirationで紹介していた、Kindle Readerを自分のサイトに貼る方法を見て、WordPressプラグインにしたものです。

[[embed_kindle asin="B009B1RI7M"]]

というショートタグを書くと、以下のように表示されます。

asin=““のところは、AmazonのKindleストアで表示したい電子書籍のページをブラウザで開き、URLの中の10桁の英数字をコピーしてください。

サンプルがあればマンガでも表示できますが、あまり読みやすくは表示されないですね…

[[embed_kindle asin="B008ODF84I"]]

Digital Inspirationの記事はLong Tail World: キンドル電子書籍をサイトに埋め込む方法：How to Embed Kindle eBooksでも紹介されています。

このKindleReaderは、米国向けのものらしく、リンク先がUSのKindleストアになったり、US版に存在しない書籍やマンガについてはエラー表示も出たりしてしまうのでいまいちですが、日本のAmazonで日本向けのものがリリースされたら、プラグインを改良して追随させようと思います。

WordPressの公式プラグインディレクトリで公開されましたので、プラグインの「インストール」から"embed kindle"で検索すると出てきます。

あるサイトがWordPressかどうかチェックする方法

Fri, 26 Oct 2012 00:00:00 +0000

汎用ブログツールのWordPressで作られていても、テーマをうまく作ったりカスタマイズがすごいと、まったくそうは感じさせないようなサイトもありますね。

あるサイトがWordPressで動いてるかどうか調べるには、WordPressに固有のファイルにアクセスしてみたり、画像ファイル等のURLにWordPress固有のフォルダ名が出てくるかどうかなどをチェックすればいいのですが、HTMLのソース等の見かたがわからない人にでも使える方法となると、それ用のwebサービスを使うというのが考えられます。

Is It Wordpress? (それWordPress?)はまさにその目的のためだけのサービス。

しかし、このサービス、ドメインのトップじゃないと正しく判定してくれないようです。サブディレクトリ以下にあると、「残念、ワードプレスじゃない」と出てきてしまいます。

WordPress「も」使っているサイトで調べるには、以下のような方法で手動で確認することになりそうです。

フッタに"powered by WordPress"と表示されていればWordPress (設定で消すことはできます)
ブログのトップのURLに"/wp-admin/“を付けてみて、ログイン画面が出てきたらWordPress (Basic認証等で隠すことはできます)
ブログのトップのURLに”/readme.html"を付けてみて、WordPressの解説ページが出てきたらWordPress (このファイルを消すことはできます)
ブログ上の画像を表示して、URLに"wp-content/uploads"と入っていたらWordPress (このフォルダ名を変更することはできます)
HTMLのソースを表示して、ソース内で"wordpress"や"wp"で検索していくつもヒットしたらWordPress (ブログの本文等に書いてあるのは除く)

参考: How to find if a site is powered by WordPress?

ブログをWordPressに移行しました

Wed, 24 Oct 2012 00:00:00 +0000

切り替わったのは9月中旬だったので、実際には「移行してました」ですが。

以前のブログはLekumo(旧MovableType旧TypePadビジネス)のブログサービスを会社が契約して書いていたのですが、社員ブログは自社サーバに移行することになりました、ついてはWordPress環境を用意するので引っ越してください、と言われたのが8月のこと。

昔はサイボウズは業務ツールで、ブログはブログの専門サービスに、ということだったのですが、最近はクラウドベースのサービスを多数展開しており、会社として管理するサーバも多数、サーバ運用者も多数となっていることから、ブログも自社サーバでいいじゃない、ということになったのだろうと思います。

個人のブログとか、英語ブログAsiajinとかでWordPressは使っていたので、WordPressによるブログの設定や管理はそれなりにできると思っているのですが、これまでのMovableTypeTypePadビジネスベースのブログで書いた記事やいただいたコメントをどうするか、古いURLで張られたリンクからのアクセスや、はてなブックマークなど他サービスからの流入をどうするか、など、新規に始めるのではない苦労や面倒さがあったので、そのあたりについても少しずつ手を入れていき、またその手順を公開できれば、同じようにWordPressへの移行を考えている人で似た状況の人には参考になるのではないかなと思っています。