javascriptネイティブで書くことが多くなった。
下記のコードはサイト紹介で使用したコードの一部です。こんな感じにjavascriptネイティブでコードを書くことが多くなりました。脱jqueryしたいひとはこのサイトがおすすめです。https://www.willstyle.co.jp/blog/1025/ ?このサイトを見てもらえれば分かる通り、jqueryで書いたコードをjavascriptで書くとどうなるかを記載しています。
document.getElementById("site").innerHTML = list_make(site);
document.getElementById("sns").innerHTML = list_make(sns);
document.body.addEventListener("mousemove", (e) => {
var x = e.clientX?e.clientX:0;
var y = e.clientY?e.clientY:0;
document.getElementById("fox").innerHTML = x + "/" + y;
});
document.body.addEventListener("touchmove", (e) => {
var x = e.clientX?e.clientX:0;
var y = e.clientY?e.clientY:0;
document.getElementById("fox").innerHTML = x + "/" + y;
});
document.oncontextmenu = function () { return false; }
function list_make(v) {
if (!(() => {
var urlHash = location.hash;
return urlHash === "#site-link" ? true : false;
})()) {
return "not found";
}
var hoge = [];
for (var key in v) {
hoge[key] = "<li><a href='" + v[key].url + "' name='" + v[key].name + "'>" + v[key].url + "</li>";
}
return hoge.join("\n");
}
ヘッドレスCMSはどちらかと言えばあまり更新をしないサイトなどが良いかも。
ヘッドレスCMSはどちらかと言えばあまり更新をしないサイトなどが良いかもという感覚を持っています。そしてヘッドレスCMSは技術者じゃないとちょっと慣れるまでに苦労しそうです。ヘッドレスCMSにする優位性はサーバの移行作業などが簡略化出来るところかなと思います。API方式なのでPHPでもnode.jsなどでもAPIを取得する事が可能な言語でしたら表示は可能です。
et-college.comのサイトではmicro CMSを例にヘッドレスCMSの事を紹介しています。良かったら参考にどうぞ?
https://et-college.com/management-office-blog/web-headless-cms/
RSS