こんにちは、ブログを放置していた間にAmazonAPIの仕様が変わり、自作の「記事のタグ名をもとにアマゾンから自動でアフェリエイトリンクを取得して表示させる」ダラけたプラグインが機能しなくなってしまっているので削除、ついでにWPのメンテがてら更新。このブログも長いので。
やっちんです。
さて、今年も神戸ストラットというミュージックフェスが開催されます。
いきなり決まったイベントのオフィシャルサイトをマッハで完成させる天才はここにいますよ。褒めてあげてください。
WEBの事ならフィガロウェブ。ウェブの事ならフィガロウェブ。覚えて帰ってくださいね。
ところで、メインビジュアルのメンバーは手を叩いているんでしょうかね？
ゴマをすっているのでしょうかね？
その謎は後々カメラマンOhanaの写真にて明かされるかもしれません。乞うご期待。
(わざわざ水族館まで行って撮影した魚たち、可愛いですね。)
また、メンバーのポーズ写真などの素材を、神聖加東王国の次期国王であらせられる黒田さんにもご協力いただいております。
ありがとうございます。
僕個人としては、子供のころから親しんだ須磨海浜水族園のピラルクー(大好き)にメンバーがまたがる絵を作りたかったのですが、ピラルクーの機嫌が悪かったのかなかなか前に来てくれず、まっすぐ伸びたピラルクーが撮影出来ず。
てか、アマゾン館って昔はレンガのところじゃなかったっけ？水中トンネルって出来たのいつ?!
まぁそんな思い出深い須磨海浜水族園は3月に事業譲渡により体制が変わるそうです。
そんな節目にここで演奏できるなんて素敵ですね。
それでは、3/15、お待ちしております。
↓おまけ
1980年ごろの須磨海岸。赤パンが僕。
可愛い子供が40年後、
こんな音楽やってます。
(緑の方)
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,wordpressjavascript,REST API,Vanilla JS,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);
})
}
});
どんなにハシってるドラマーも、ドラムセットより前には行けない。
こんばんは、意味のないことを意味深に言ってみました。
やっちんです。
凄い寝ぐせの寝起きドヤ顔もつけておきますね。
(新年は親戚一同有馬温泉に集まっておりました。)
新年あけましておめでとうございます。
今年もよろしくお願いいたします。
やっちんです。
昨年は後厄の年だったこともあり、なんか色々控えめにしておりました。
元々小さな不幸に見舞われがち(同じ店で何度もごはんに混入物があったり、沢山人がいる中で自分だけボールや石やなんやがぶつかったり、配布物が自分だけ足りなかったり)な人生でして、その分大きな不幸には見舞われない、むしろお金を拾ったり(もちろん届け出てますよ)することも多いです。
今も着ている服のポケットがドアノブにひっかかって閉まり、ドアに挟まれて頭を打ちました。
ええ、ただの不注意です。
ただ避けられる不幸は避けたい、という事で昨年中は誕生日やなんやかんやを静かに過ごしておりました。
今年から派手に生きます。
これだけ書いていると色々信心深そうですが、実のところ実家が寺族にも関わらず無宗教です。
年末に家に布教に来たクリスチャン系のおばあちゃんに
「神様のお話をさせていただきたいのですが」
と言われたのですが、
僕「すみません、私はすでに信じる神様がおりますので。」
「あら、どちらの？」
僕「スパゲッティモンスター教です。」
「知らないですねー」
僕「知らないですか？万有を生む一なるものの信奉者です。ネットででも調べてください」
と返すことで素直に引き下がって頂きました。
まぁ教義にあるような「何らかの知性」などのキーワード、「空飛ぶ・スパゲッティモンスター教」という正式名称、またお祈りの時に唱える「ラーメン」という言葉などを直接的に使ってしまうと冗談の通じない方を怒らせることがあるので、細かいところはライブ感を大事に適当に答えるとよいですね。
というわけで、今年は今までのライブ現場で培った適当ライブ感で生きていこうと思います。
厄年の終わりが旧暦だと日が違うとか気にしません、勝手に明けます！
ブログの添削もしません！
今年もよろしく！