Moral Hazard!!

ドラマーが音楽やホームページやガラクタを作るよ。

WordPress REST APIから記事を取得して表示する(PHP)

No Comment html,css,php,wordpress,,

PHPで一度REST APIをサイト内に取り込み、静的ページのjsで取得することでクロスドメイン制限を回避。

log.php

$data = json_decode(file_get_contents('https://example.com/wp-json/wp/v2/posts?_embed'));

foreach ($data as $value) {
    $title = $value->title->rendered;
    $link =  $value->link;
    $year = substr($value->date, 0, 4);
    $month = substr($value->date, 5, 2);
    $day = substr($value->date, 8, 2);
    $date = $year . '/' . $month . '/' . $day;

    echo '<li><a href="' . $link . '" target="_blank">' . $date . ' ' . $title . '</a></li>';
}

javascript

	function HTML_Load(_html, replace) {

		var xmlhttp = new XMLHttpRequest();
		xmlhttp.open("GET", _html, true);
		xmlhttp.onreadystatechange = function () {
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				var data = xmlhttp.responseText;
				var elem = document.getElementById(replace);
				console.log(elem);
				elem.innerHTML = data;
				return data;
			}
		}
		xmlhttp.send(null);
	}
	HTML_Load('log.php', 'id-name'); //挿入したいid名

WordPressブログから静的サイトに記事を取得し、javascriptで表示する (REST API)

No Comment html,css,php,wordpress,,,

静的サイト(example.com)にWordpressブログ(blog.example.com)から投稿記事を取得する備忘録。

例) 他Wordpressブログから、2020年の投稿記事を10件取得して2020年1月1日以降の記事を表示。

※クロスドメイン制約により、ドメインをまたいで取得することは出来ない。
(その場合はJSONPを使うなりPHP使うなりFeedから取り込むなり)

var root = document.getElementById("id-name");//読み込み先サイトのID

function getRequest(props) {
	var xhr = new XMLHttpRequest();
	xhr.open("GET", encodeURI(props.uri));
	xhr.onload = function () {
		if (xhr.status !== 200) {
			console.log('Status error');
		} else {
			props.callback(JSON.parse(xhr.responseText));
		}
	};
	xhr.send();
}

function forEach(props, callback) {
	for (var i = 0, max = props.length; i < max; i++) {
		callback(props[i], i)
	}
}

getRequest({
	uri: "https://blog.example.com/wp-json/wp/v2/posts?page=1&per_page=3&after=2020-01-01T00:00:00",
	callback: function (posts) {
		forEach(posts, function (post) {
			var title = post.title.rendered;
			var link = post.link;
			var year = post.date.substr(0, 4);
			var month = post.date.substr(5, 2);
			var day = post.date.substr(8, 2);
			var newElement = document.createElement("li");
			newElement.innerHTML = '<a href="' + link + '" target="_blank"><span>' + Number(month) + '/' + Number(day) + '</span><span>' + title + '</span></a>';

			root.appendChild(newElement);
		})
	}
});

出典

湯治

No Comment 駄日記,

どんなにハシってるドラマーも、ドラムセットより前には行けない。

こんばんは、意味のないことを意味深に言ってみました。
やっちんです。

凄い寝ぐせの寝起きドヤ顔もつけておきますね。

(新年は親戚一同有馬温泉に集まっておりました。)

明けましておめでとうございます

4 Comments 駄日記

新年あけましておめでとうございます。
今年もよろしくお願いいたします。
やっちんです。

昨年は後厄の年だったこともあり、なんか色々控えめにしておりました。
元々小さな不幸に見舞われがち(同じ店で何度もごはんに混入物があったり、沢山人がいる中で自分だけボールや石やなんやがぶつかったり、配布物が自分だけ足りなかったり)な人生でして、その分大きな不幸には見舞われない、むしろお金を拾ったり(もちろん届け出てますよ)することも多いです。

今も着ている服のポケットがドアノブにひっかかって閉まり、ドアに挟まれて頭を打ちました。
ええ、ただの不注意です。

ただ避けられる不幸は避けたい、という事で昨年中は誕生日やなんやかんやを静かに過ごしておりました。
今年から派手に生きます。

これだけ書いていると色々信心深そうですが、実のところ実家が寺族にも関わらず無宗教です。
年末に家に布教に来たクリスチャン系のおばあちゃんに

「神様のお話をさせていただきたいのですが」

と言われたのですが、

僕「すみません、私はすでに信じる神様がおりますので。」

「あら、どちらの?」

僕「スパゲッティモンスター教です。」

「知らないですねー」

僕「知らないですか?万有を生む一なるものの信奉者です。ネットででも調べてください」

と返すことで素直に引き下がって頂きました。
まぁ教義にあるような「何らかの知性」などのキーワード、「空飛ぶ・スパゲッティモンスター教」という正式名称、またお祈りの時に唱える「ラーメン」という言葉などを直接的に使ってしまうと冗談の通じない方を怒らせることがあるので、細かいところはライブ感を大事に適当に答えるとよいですね。

というわけで、今年は今までのライブ現場で培った適当ライブ感で生きていこうと思います。
厄年の終わりが旧暦だと日が違うとか気にしません、勝手に明けます!
ブログの添削もしません!

今年もよろしく!

自分専用米

2 Comments 週末農業,,

こんにちは、やっちんです。

今年、有機米で耕作放棄地を復活させるプロジェクト、EAsT135が発足しまして、僕も微力ながらWEB制作などでお手伝いさせて頂いております。

EAsT135ホームページ

有機米というのは説明するとかなり大変(JAS登録がなんとかかんとか)なので、

EAsT135をとても平たく言うと、
明石の東経135度線上にある耕作放棄地を復活させて、無農薬化学肥料不使用で美味しい米を作ろうぜ!
です。

で、新進気鋭の農家さんを中心にいろんな人たちが集まって野焼きから初め、田植え、草刈りなど苦難を乗り越え、先日遂に初稲刈りイベントが行われました。
そこまでの苦労はマメに更新されているHPの活動記録を見ていただくとして、

僕、イベント全然参加できなかった…。

それもそのはず、ドラマーである僕は基本的に週末はライブ出演となります。
普段はWEB製作者として仕事をしているので、平日も厳しい。
ダメじゃん。
田植えに顔を出した後は、草刈りイベントも流しそうめんもカレーイベントもそして稲刈りも、参加できませんでした…。
活動報告用に送られてくる楽しそうなイベント写真を見ながら涙する僕。

しかし、僕も稲刈りしたい。

元々植物を育てるのが好きで、会社でも家でも野菜や観葉植物を育てまくって緑にまみれているのですが、稲作だけは出来なかった。
水田を作ると、昔飼っていた犬が飛び込んで荒らすのが容易に想像できたから…。

そんな小さな夢をかなえるため、稲刈りイベントに参加できないとわかった瞬間に育て始めました。

稲発芽

稲。(発芽直後)

そしてバケツにて秘密裏に育てる。

バケツ稲

バケツで稲を育てる方法は非常に簡単だったが、やはり蚊がとても涌く。
夏になるとバケツの中がボウフラだらけになってしまった。
そこで対策にバケツにわが社が心血注いで育てている白メダカを投入。
2匹のメダカは見事一晩にてボウフラを駆逐。素晴らしい戦闘力。

そしてメダカを水槽に戻して数日後…

稚メダカ in バケツ稲

子メダカが孵化していた。
恐るべき繁殖本能。
わずか2日の滞在で卵を忍ばせていた…。

そして本日、遂に!

バケツ稲刈り

バケツ稲刈り!
嬉しくなさそうですがそんなことはないです朝弱いだけです。

バケツ稲刈り

精魂込めて放置した稲は特に病気にやられることもなくすくすく育ちました。
万感の思いを込めて、隣人(農家さん)がくれた鎌を入れます。

バケツ稲刈り

よっこらせ!

バケツ稲刈り

採ったどー!
バケツ1杯しかも遅い時期に植えたのでハーブかよ!って量のお米でしたが、無事自分で刈り取りまで終えました。
多分お茶わん1杯分もないのですが、とりあえず部屋で干します。

なんかあんまりオシャレじゃない。
どことなく漂う五穀豊穣の奉納感。
神棚用意しておけばよかった。

来年こそは大量のコメを収穫したいと思います。