Moral Hazard!!

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

Windows10のフォルダ内に大文字小文字が違う同一名ファイルを保存する (Windows Subsystem for Linux使用)

No Comment 駄日記,,

FTPでサーバからファイルをダウンロードした際、Linux上に大文字小文字が違う同一名称のファイルがあると、Windowsが区別出来ない。
そのため、ローカルのファイルを上書きすると片方しか残らない。
Windows,Macでは基本Top.pngとtop.pngのような、ファイル名が一緒だが大文字小文字が違うファイルを同じフォルダに置くことは出来ない。
Top.pngがあるフォルダにtop.pngを移動すると、上書きされる。
Linuxではどちらも同じフォルダに存在が可能。

・何が問題か?

Linuxサーバ上のWEBアプリケーション(WordPressなど)でtop.pngをアップロードする。
そして、同じフォルダにTop.pngをアップロードする。
もちろんLinuxのフォルダ上にはtop.png、Top.png両方が保存される。

その後、WindowのFTPソフト(Dreamweaverなど)で当該フォルダをダウンロードすると、Top.pngがダウンロードされた後にtop.pngがダウンロードされ、大文字小文字で共存できないために上書きされてtop.pngしか残らなくなる。

■Windows側でWindows Subsystem for Linuxを有効化

・「プログラムと機能」を開く(winキー→appwiz.cplと入力)
・左側の「Windowsの機能の有効化または無効化」をクリック
・「Windows Subsystem for Linux」にチェックを入れる

コマンドプロンプトから

fsutil.exe file setCaseSensitiveInfo パス enable

とすることで、対象フォルダで大文字小文字の区別が可能になる。
ドキュメント内のwebというフォルダに適用するには

fsutil.exe file setCaseSensitiveInfo C:\Users\ユーザー名\Documents\web enable

となる。
ちなみに

fsutil.exe file setCaseSensitiveInfo パス
= 区別が可能かどうかを調べる

fsutil.exe file setCaseSensitiveInfo パス disable
= 区別させない設定に変更

※注意…すでに作ってあるフォルダのサブフォルダには設定は適用されないため、フォルダ毎に設定する必要がある。
※Windowsユーザー名に半角スペースが入ると動作しない。その場合はユーザー名から作り直し。

神戸ストラット

1 Comment 駄日記,,

こんにちは、ブログを放置していた間にAmazonAPIの仕様が変わり、自作の「記事のタグ名をもとにアマゾンから自動でアフェリエイトリンクを取得して表示させる」ダラけたプラグインが機能しなくなってしまっているので削除、ついでにWPのメンテがてら更新。このブログも長いので。
やっちんです。

さて、今年も神戸ストラットというミュージックフェスが開催されます。
いきなり決まったイベントのオフィシャルサイトをマッハで完成させる天才はここにいますよ。褒めてあげてください。
WEBの事ならフィガロウェブ。ウェブの事ならフィガロウェブ。覚えて帰ってくださいね。

神戸ストラットオフィシャルサイト

ところで、メインビジュアルのメンバーは手を叩いているんでしょうかね?
ゴマをすっているのでしょうかね?
その謎は後々カメラマンOhanaの写真にて明かされるかもしれません。乞うご期待。
(わざわざ水族館まで行って撮影した魚たち、可愛いですね。)
また、メンバーのポーズ写真などの素材を、神聖加東王国の次期国王であらせられる黒田さんにもご協力いただいております。
ありがとうございます。

僕個人としては、子供のころから親しんだ須磨海浜水族園のピラルクー(大好き)にメンバーがまたがる絵を作りたかったのですが、ピラルクーの機嫌が悪かったのかなかなか前に来てくれず、まっすぐ伸びたピラルクーが撮影出来ず。
てか、アマゾン館って昔はレンガのところじゃなかったっけ?水中トンネルって出来たのいつ?!

まぁそんな思い出深い須磨海浜水族園は3月に事業譲渡により体制が変わるそうです。
そんな節目にここで演奏できるなんて素敵ですね。
それでは、3/15、お待ちしております。

↓おまけ

1980年ごろの須磨海岸。赤パンが僕。

可愛い子供が40年後、

ワタナベフラワー2020

こんな音楽やってます。
(緑の方)

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 駄日記,

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

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

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

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