Webのプルタブ

[雑記] キャッシュレス化がもたらすモノ

カテゴリ:: 雑記

12/14, 2018 | トラックバック(0)

投稿者：yo

キャッシュレスは便利だけどシステムの運用コストは誰が払うのかって話。

現金を持ちあるかなくて良い（持ち物を減らせる）
レジでの支払いがスムーズになり混みにくくなる（時間短縮）
お店側がお金の管理をしなくてよくなる（犯罪リスク減少）
店が支払うシステム利用料（ランニングコストがかかる）
キャッシュレス会社がクレジットカード会社に支払う手数料（ランニングコストにランニングコストがかかる）
世の中が完全キャッシュレスに移行するまで、現金とキャッシュレスシステム、二つの手間を抱えなくてはならない店の手間。
現金が数字データになった時の信用

[js] HTMLのimgタグを修正せずに別の画像がある場合は置き換える

カテゴリ:: Web; javascript

12/13, 2018 | トラックバック(0)

投稿者：yo

// JavaScript Document
jQuery(function(){
	jQuery("img").each(function(){
		var target = jQuery(this);
		var src = target.attr("src");
		var src_split = src.split(/(?=\.[^.]+$)/);
		var src_sp = src_split[0] + '-sp' + src_split[1];
		target.attr('data-src', src);
        // ここの部分は
		var img = new Image();
		img.src = src_sp;
		img.onload = function() {
			target.attr('data-sp-src', src_sp);
		}
        //
        /* こういう書き方もできる
            var x = new XMLHttpRequest();
            x.open("HEAD", src_sp, false);
            x.send(null);
            x.status; // 404 or 他を判定
        */
	});
	
	// カスタムイベントで画像切り替えのコードとか
	
});

「ウェブサイトのレスポンシブ化対応などで既存のHTMLを修正したくない。けど、スマホ向け画像があったらそっちを表示させたい。」とかいう場合に使う。Javascriptで画像の有無を調べてある場合はそちらを表示、ない場合は既存を表示させる。

[js] ブラウザのJavascriptが有効かどうか調べてcssのクラス名を切り替える

カテゴリ:: javascript

12/12, 2018 | トラックバック(0)

投稿者：yo

<!DOCTYPE html>
<html lang="ja" class="no-js">
<head>
<title>Javascriptが有効かどうか調べる</title>
<script>
/*JavaScriptの検出*/
(function(html){
	html.className = html.className.replace(/\bno-js\b/,'js')
})(document.documentElement);
</script>
</head>
<body>
</body>
</html>

Wordpressの公式テーマでも使われている昔からあるヤツ。ブラウザのjsが有効ならclass no-jsがjsに変わる。

[Wordpress] 管理画面のコメントサブメニューに独自リンクと機能を追加

カテゴリ:: Web; Wordpress

12/11, 2018 | トラックバック(0)

投稿者：yo

function.php

/* **************************************************************************
管理画面のメニュー->コメントにCSV出力を追加
*************************************************************************** */
add_action('admin_menu', 'remove_menus');
function remove_menus () {
	global $submenu;
	$submenu["edit-comments.php"][] = array(
		'CSV出力',
		'read',
		get_template_directory_uri() . '/export_comment.php' // 例えばコメントデータをCSV出力する機能
	);
}