Pythonでwordpressに自動で投稿する（python-wordpress-xmlrpc）
1
プラグインやライブラリをPython側に入れるかWordPres側に入れるかで２通りの方法があるよ
自動投稿する際，プラグインやライブラリをPython側に入れるかWordPres側に入れるかで２通りの方法があります．
- REST：WordPressの「WP REST API」プラグインを使用する
- XML-RPC：WordPressにデフォルトで備わっているwordpresのxmlrpcのインターフェースを利用する
RESTの方が汎用性は高い一方で、テーマによっては使えないことがあります。XML-rpcの場合は昔からあるので追加設定はいらず安定感はあります。Pythonを使ってxmlrpcでWordPressサイトを操作する場合、python-wordpress-xmlrpcをpipすれば使えるようになります。私はWordPressのプラグインを増やしたくなので後者の方を利用するようにしています。
環境
動作環境はWindows10 64bitでPython3.6.5(Anaconda3.5.1-0)。 Mac Python3.8とXserverのターミナル(Python3.8)からもうまく動作しました。
コード
pip install python-wordpress-xmlrpcでライブラリを入れました。
（conda install ***だとファイルが見つからなかったので、 Anaconda環境であったがpipで入れました）
あとは下記のコードを実行するだけです。
新規に投稿する場合
# -*- coding: utf-8 -*-
import time
from datetime import datetime
from wordpress_xmlrpc import Client, WordPressPost
from wordpress_xmlrpc.methods.users import GetUserInfo
from wordpress_xmlrpc.methods.posts import GetPosts, NewPost
def main():
"""
変数を定義
"""
id="******"
password="******"
#idとpasswordはwordpressの管理画面に入るためのもの
url="https:***/xmlrpc.php"
#第3者が閲覧するURLの後ろに/xmlrpc.phpをつける。
#ワードプレスの管理画面の後ろにつけるとエラーになった
which="publish"
#which="draft"
#下書きに投稿するか本番で投稿するか選択
"""
クライアントの呼び出しなど
"""
wp = Client(url, id,password)
post = WordPressPost()
"""
実際に投稿する
"""
post.post_status = which
post.title = "タイトルをここに書く"
post.content = "本文をここに書く"
post.terms_names = {
"post_tag": ['希望するtag1', '希望するtag2'],
"category": ['希望するカテゴリー１', '希望するカテゴリー２'],
}
#過去に投稿した記事としたい場合、投稿日をここで指定。例として2018年1月1日10時5分10秒に投稿した例を示す。
post.date=datetime.strptime("2018/1/01 10:05:10","%Y/%m/%d %H:%M:%S")
wp.call(NewPost(post))
if __name__=="__main__":
main()編集する場合
編集をする場合、編集したい記事のIDを取得したあと、その記事に対して操作します。
1.まず編集したい記事のIDを取得
# -*- coding: utf-8 -*-
import time
from datetime import datetime
from wordpress_xmlrpc import Client, WordPressPost
from wordpress_xmlrpc.methods.users import GetUserInfo
from wordpress_xmlrpc.methods.posts import GetPost, GetPosts, NewPost, EditPost
def main():
id="******"
password="******"
#idとpasswordはwordpressの管理画面に入るためのもの
url="https:***/xmlrpc.php"
#第3者が閲覧するURLの後ろに/xmlrpc.phpをつける。
#ワードプレスの管理画面の後ろにつけるとエラーになった
"""
クライアントの呼び出しなど
"""
wp = Client(url, id, password)
post = WordPressPost()
posts = wp.call(GetPosts({'number': 5}))
for post in posts:
print(post.id, post.title,str(post.terms[0]))
if __name__=="__main__":
main()もし編集したい記事が決まっている場合、その記事の編集画面にいくとURLにIDが表示されますのでそちらを利用することも可能です。
2. 記事を編集する
上記で記事IDを調べて、その記事に対して操作します。pidが編集したい記事のID(post_id)です。
# -*- coding: utf-8 -*-
import time
from datetime import datetime
from wordpress_xmlrpc import Client, WordPressPost
from wordpress_xmlrpc.methods.users import GetUserInfo
from wordpress_xmlrpc.methods.posts import GetPost, GetPosts, NewPost, EditPost
def main():
id="******"
password="******"
#idとpasswordはwordpressの管理画面に入るためのもの
url="https:***/xmlrpc.php"
#第3者が閲覧するURLの後ろに/xmlrpc.phpをつける。
#ワードプレスの管理画面の後ろにつけるとエラーになった
"""
クライアントの呼び出しなど
"""
wp = Client(url, id, password)
pid = 1030
post = wp.call(GetPost(pid))
post.post_status = "publish"
post.content = "content"
post.terms_names = {
"post_tag": ['tag1'],
"category": ['diary',],
}
ret = wp.call(EditPost(pid, post))
if __name__=="__main__":
main()
動作環境の注意
手元のPCはWIndowsでも Macでも動作確認しています。Xserverのターミナルからもうまく動作しました。しかし、以前Google Cloud PlatformのCloud functionsでデプロイした場合はできなかった記憶があります。AWS lamdbaなどでもエラーが起きる可能性があるのでローカルで動作させる事をお勧めします。
動作しない場合
・siteGuardなどセキュリティ系のプラグインを入れると、デフォルトでxmlrpcをオフにしますので、解除が必要です
・Xserverなど一部のレンタルサーバでは意図的にデフォルト でアクセスをOFFにしていますので管理画面から設定変更が必要です
siteguardの設定をオフにする
ダッシュ画面の左下からsiteguardを選択します。その中にXMMRPC防御という項目があるのでクリックします。
左上の部分でOFFを選択します。
Xserverの場合
xserverの場合、公式が丁寧に説明してくれているのでこちらを見れば大丈夫だと思います。
https://www.xserver.ne.jp/news_detail.php?view_id=6875
https://www.xserver.ne.jp/manual/man_server_wpsecurity.php#link-b02
読んでくれてありがとう．これからもよろしくね
コモディティ化するビックデータ分析と今後求められるスモールデータ分析
1
ビックデータというのは10年くらい前から言われた言葉で、センサが安価になって多くのデータが得られるようになったり、Web上で多くのデータが得られるようになって言われた言葉です。データの量とマシンパワーで力づくでモデルを構築し、原因を分析したらモデル作成を行う方法です。特に深層学習のように人の判断を介在させず、データからのみで判断させるような解析は素晴らしいと思います。
しかし、今後、より注目されるのがスモールデータ分析だと思います。
ビックデータ解析ではもはやいかにデータを集められるかというのがポイントとなっています。ハードウェアの値段は下がっていますし、クラウドサービスで一時的にマシンパワーを借りることもできます。方法も公開されているものが多いので、既にビックデータ分析はレッドオーシャンという意見もあります。
それに対して、スモールデータは
- 装置の故障データのようにその発生自身稀であるデータ
- 疾患データのように多くのデータが集められないようなデータ
のことでビックデータのようにブルートフォースな解析ができません。したがって、専門家の知見に基づく考察やデータのより繊細な前処理が必要となります。スモールデータでは、データからすべてを判断することができるほどのデータがありませんので固有技術的な考察を駆使してメカニズムを推定し、知見や仮説につなげることが重要です。
スモールデータの特徴
ビックデータと比べてスモールデータには下記のような特徴があります。
- カラム数に比べてサンプルデータ数が少ない
- カラム同士で相関がある
- 疾患数や故障数のように正常と異常データの数が違う不均衡データ
企業のドメスティックな環境で得られるデータというのはほとんどこれに相当すると思います。
スモールデータ分析の心構え
そして、このスモールデータを解析するにあたって重要なのは
- 目的に対して適切な問題設定を行う
- データの質が命
ということです。これはビックデータでも重要であることには違いありませんが、データ数が少ないと問題設定に応じたデータを選択的に取得する必要が出てきますのでよりその傾向は強くなると思います。
また、１番目の「目的に対して適切な問題設定を行う」という件についてはAIや機械学習になると途端に問題設定が曖昧になる傾向があると思います。しかし、何が目的なのか、そのためにどういう問題設定が適切なのかというのが人が行うべき業務なわけで解析でもこれが定まらないと成功するのは困難となります。例えば機械学習で株価を当てるということを考えたとき、目的は儲けるということですので、上がるか下がるかを予測するのが大事であって１円単位で予測することではないはずです。問題を適切に設定することで難易度は変わりますし、スモールデータだと今言った目的設定や課題設定がより重要になってきます。
必要なこと
今後スモールデータ分析が重要になる中で何を学べばいいかというと
- 機械学習やデータ前処理に関するアルゴリズムへの最低限の理解
- 専門知識
だと思います。ビックデータだとライブラリに放り込んで比較的いい感じに分析してくれることがあってもスモールデータだと中身を理解していないと導く結論が大きく変わってしまうことがあります。またもう一つが専門的な知見です。固有技術的な考察を駆使してメカニズムを推定することでデータを効率的に活用することが求められますので、データサイエンスのみならず専門的な知見というのが大事になってくると思います。
データサイエンティストという職業がすっかり普及しましたが、今後はデータサイエンスに関する知識というのは専門家に求められる教養や素養という位置づけになり、各分野の専門家の役割というのが復活していくかもしれませんね。
Angularで再読み込み時に404エラーがでる
1
なぜ404エラーとなるのか
AngularをはじめとするSPAでは、URLごとに実態のあるページが存在する一般的なサイトとは異なり、index.htmlをクライアント側で書き換えるため直接特定のアドレスにアクセスするとエラーがでます。
開発環境では出ない理由
開発環境だと開発サーバ側でindex.htmlを読み込んでくれているので問題にならないのですが、デプロイ時には自分で設定することになります。設定内容はファイルが見つからない時はindex.htmlを参照してくれというものですので、Angularではなくサーバ側のapacheやnginxなどの設定ということになります。なのでデプロイ時に顕在化する問題となります。
APacheの場合
.htaccessファイルに下記を指定します。サブドメインを使ってホスティングする場合、サブドメインのルート（サブドメインのindex.htmlのある場所）に下記を設置すればいいです。
<pre class="wp-block-syntaxhighlighter-code">RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html</pre>Nginxの場合
こちらのページ（Front Controller Pattern Web Apps）に記載されているtry_filesを使ってindex.htmlに対して下記を設定します
try_files $uri $uri/ /index.html;Firebaseでホスティングする場合
rootにある設定ファイル（確かfirebase.jsonだったと記憶）を下記のように直せばいいです
"rewrites": [ {
"source": "**",
"destination": "/index.html"
} ]その他の場合
IISやRubyの場合は公式を見ていただくのが良いかと思います。
https://angular.io/guide/deployment#server-configuration
その他
写真から文字情報を抽出して爆速でレポートや記事を作成するアプリを作成しています。無料なのでよかったらどうぞ。
iOS => https://apps.apple.com/app/id1497498494
Android => https://play.google.com/store/apps/details?id=com.rainbowsv2.ocr
Ionic(Angular)でtabとサイドバーを備えたプロジェクトを作成する
概要
上記の画像のようなサイドメニューとタブバーを備えたプロジェクトを作成します。
流れ
IonicのデフォルトテンプレートのひとつであるTabプロジェクトにサイドメニューを追加します。
参考文献
https://petercoding.com/ionic/2019/05/05/side-menu-in-ionic4/
https://ionicframework.com/jp/docs/api/menu
準備 デフォルトのプロジェクトを作成する
下記のコマンドを打ってTabバーを備えたプロジェクトを生成します。
% ionic start sidemanu tabs --type=angularさらにCapacitorを入れますか？（Integrate your new app with Capacitor to target native iOS and Android?） と聞かれたら、スマホアプリにすることを検討指定場合はYESにしておきます。
その後、作成したプロジェクトへ移動します。
$ cd sidemanuプロジェクトへ移動したあと、下記コマンドで一度起動してみます。
ionic serveこのような画面が立ち上がればOKです。なお、デフォルトがIEなどのブラウザになっているとそもそも表示されないです。ChromeやEdgeでアクセスしてください。
なお、Tabバーのプロジェクト構成は下記となっています。
.
├── app-routing.module.ts
├── app.component.html
├── app.component.scss
├── app.component.spec.ts
├── app.component.ts
├── app.module.ts
├── explore-container
│ ├── explore-container.component.html
│ ├── explore-container.component.scss
│ ├── explore-container.component.spec.ts
│ ├── explore-container.component.ts
│ └── explore-container.module.ts
├── tab1
│ ├── tab1-routing.module.ts
│ ├── tab1.module.ts
│ ├── tab1.page.html
│ ├── tab1.page.scss
│ ├── tab1.page.spec.ts
│ └── tab1.page.ts
├── tab2
│ ├── tab2-routing.module.ts
│ ├── tab2.module.ts
│ ├── tab2.page.html
│ ├── tab2.page.scss
│ ├── tab2.page.spec.ts
│ └── tab2.page.ts
├── tab3
│ ├── tab3-routing.module.ts
│ ├── tab3.module.ts
│ ├── tab3.page.html
│ ├── tab3.page.scss
│ ├── tab3.page.spec.ts
│ └── tab3.page.ts
└── tabs
├── tabs-routing.module.ts
├── tabs.module.ts
├── tabs.page.html
├── tabs.page.scss
├── tabs.page.spec.ts
└── tabs.page.tsこれにサイドメニューを設置して行きます
サイドバーに配置するページを作成しておく
事前にサイドメニューに設置するページを作成しておきます。新しいターミナルを立ち上げてプロジェクトフォルダまで移動したあと、下記コマンドでpageを2つ追加します。
ionic generate page side/mySide1
ionic generate page side/mySide2プロジェクトは下記のようになります。
.
├── app-routing.module.ts
├── app.component.html
├── app.component.scss
├── app.component.spec.ts
├── app.component.ts
├── app.module.ts
├── explore-container
│ ├── explore-container.component.html
│ ├── explore-container.component.scss
│ ├── explore-container.component.spec.ts
│ ├── explore-container.component.ts
│ └── explore-container.module.ts
├── side
│ ├── my-side1
│ │ ├── my-side1-routing.module.ts
│ │ ├── my-side1.module.ts
│ │ ├── my-side1.page.html
│ │ ├── my-side1.page.scss
│ │ ├── my-side1.page.spec.ts
│ │ └── my-side1.page.ts
│ └── my-side2
│ ├── my-side2-routing.module.ts
│ ├── my-side2.module.ts
│ ├── my-side2.page.html
│ ├── my-side2.page.scss
│ ├── my-side2.page.spec.ts
│ └── my-side2.page.ts
├── tab1
│ ├── tab1-routing.module.ts
│ ├── tab1.module.ts
│ ├── tab1.page.html
│ ├── tab1.page.scss
│ ├── tab1.page.spec.ts
│ └── tab1.page.ts
├── tab2
│ ├── tab2-routing.module.ts
│ ├── tab2.module.ts
│ ├── tab2.page.html
│ ├── tab2.page.scss
│ ├── tab2.page.spec.ts
│ └── tab2.page.ts
├── tab3
│ ├── tab3-routing.module.ts
│ ├── tab3.module.ts
│ ├── tab3.page.html
│ ├── tab3.page.scss
│ ├── tab3.page.spec.ts
│ └── tab3.page.ts
└── tabs
├── tabs-routing.module.ts
├── tabs.module.ts
├── tabs.page.html
├── tabs.page.scss
├── tabs.page.spec.ts
└── tabs.page.ts
以上で準備は完了です。あとはこの2つのページへハンバーガメニューからアクセスできるようにします。
サイドメニューを設置
app.component.htmlでサイドメニューを作成し、ion-router-outletに登録する
Ionicは、サイドメニューを簡単に作成するためにion-menuと呼ばれるコンポーネントを提供しています。app.coponent.htmlの中にion-menuタグを使ってサイドメニューを作っておいて、それを<ion-router-outlet>の中でidで紐付けます。ion-router-outletタグはコンポーネントを埋め込むために使用するものですので、これに登録しておくと作成したサイドメニューを他のページから簡単に読み込むことができるようになります。
最初はapp.component.htmlは下記のようになっています。ion-router-outletタグに何も登録がありません。
<ion-app>
<ion-router-outlet></ion-router-outlet>
</ion-app>これを下記のようにします。
<ion-app>
<ion-menu side="start" menuId="first" contentId="my-content">
'''
'''
</ion-menu>
<ion-router-outdlet id="my-content"></ion-router-outlet>
</ion-app>こうすることにより、ion-menuタグの中に設定した中身を他のページから読み込むことができるようになります。私の場合、下記のように設定しました。
<ion-app>
<ion-menu side="start" menuId="first" contentId="content1">
<ion-header>
<ion-toolbar>
<ion-title>Navigate</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list lines="none">
<ion-list-header>
一般情報
</ion-list-header>
<ion-menu-toggle autoHide="false">
<ion-item routerLink="/my-side1" routerLinkActive="active" routerDirection="root" detail="false">
<ion-icon slot="start" name="person"></ion-icon>
<ion-label>
Privacy Policy
</ion-label>
</ion-item>
</ion-menu-toggle>
<ion-menu-toggle autoHide="false">
<ion-item routerLink="/my-side2" routerLinkActive="active" routerDirection="root" detail="false">
<ion-icon slot="start" name="help"></ion-icon>
<ion-label>
Terms of use
</ion-label>
</ion-item>
</ion-menu-toggle>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outdlet id="content1"></ion-router-outlet>
</ion-app>公式にも実装例が載っています。
https://ionicframework.com/docs/api/menu
任意のページからのサイドメニューの読み込み
以上でサイドメニューを設置できましたので、tab1ページから読み込んでみます。tab1.page.htmlはデフォルトではこのようになっていると思います。
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
Tab 1
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Tab 1</ion-title>
</ion-toolbar>
</ion-header>
<app-explore-container name="Tab 1 page"></app-explore-container>
</ion-content>hdearの中で下記のタグで読み込めるようになりますので
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>tab1.page.htmlを丸ごとこのように変更します。
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>
File selection
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Tab 1</ion-title>
</ion-toolbar>
</ion-header>
<app-explore-container name="Tab 1 page"></app-explore-container>
</ion-content>
おまけ
サイドメニューから飛んだ先で戻るボタンを設置できます。
最初はこのようになっていると思いますが、
<ion-header>
<ion-toolbar>
<ion-title>mySide2</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>
下記のようにion-back-buttonを設置します。
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button defaultHref="/"></ion-back-button>
</ion-buttons>
<ion-title>
Privacy policy
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>そうするとこのように戻るボタンが設置できます。
Angular(Ionic)でグラフを描写する
1
グラフ描写のライブラリ
Ionicでグラフを描写するライブラリにはいくつかあるようですが、安定していてよく使われているchart.jsを使いことにしました。意外に簡単でびっくりしました。
インストール
プロジェクトのルートフォルダに移動して、Terminalで下記コマンドを実行します。
npm install chart.js --saveすると下記のようなメッセージが出てchat.jsがインストールされます。
+ chart.js@2.9.3
added 4 packages from 7 contributors, removed 1 package and audited 1527 packages in 12.531s
node_modulesのなかに格納されるので、これを使いたいページのtsファイルから呼び出すだけで使用できるようになります。
実装する
このような棒グラフを書いてみます。
参考サイト
https://enappd.com/blog/charts-in-ionic-4-apps-and-pwa-part-1/52/
HTMLファイルに要素を追加する
chart.jsはcanvas要素にグラフを描写するので、まずはグラフ要素をHTMLに記載します、
<ion-header>
</ion-header>
<ion-content>
＝＞ <canvas #myChart></canvas>
</ion-content>描写する
あとはtsファイルからライブラリをimportしたあとにグラフを描写するだけです。HTMLの要素を取得するので、ViewChildも呼び出します。
import { Component, ViewChild } from '@angular/core';
import { Chart } from 'chart.js';
@Component({
selector: 'app-admin',
templateUrl: './admin.page.html',
styleUrls: ['./admin.page.scss'],
})
export class AdminPage implements OnInit {
@ViewChild('myChart') myChart;
bars: any;
colorArray: any;
constructor() { }
ionViewDidEnter() {
this.createBarChart();
}
createBarChart() {
this.bars = new Chart(this.myChart.nativeElement, {
type: 'bar',
data: {
labels: ['Label1', 'Label2', 'Label3', 'Label4', 'Label5', 'Label6', 'Label7', 'Label8'],
datasets: [{
label: 'Viewers in millions',
data: [25, 30, 50, 60, 92, 75, 100, 67],
backgroundColor: 'rgb(50, 194, 129)', // array should have same number of elements as number of dataset
borderColor: 'rgb(50, 194, 129)',// array should have same number of elements as number of dataset
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
}
}pythonのリストをmap、filter、lambdaで操作する
1
操作対象のリストを作成
>>> lst = [i for i in range(10)]
>>> lst
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]map関数で全体に対して操作
こういうリストがあったときに全体に対して操作するならこれ
>>> lst2 = list(map(lambda e:e*2,lst))
>>> lst2
[0, 2, 4, 6, 8, 10, 12, 14, 16, 18]python3では、map関数が返すものはmap objectなのでlistへ変換する必要がある。
filter関数で特定のものを抽出
>>> lst2 = list(filter(lambda e:e%2==0,lst))
>>> lst2
[0, 2, 4, 6, 8]