onocom

[CSS]font-familyのメモ。游ゴシック体、游明朝体は美しい

個人的なフォントファミリーのメモです。

他の方はどんなふうにフォントファミリーを指定しているのだろう。気になる気になる。

最近よく指定するfont-family

Windowsでも游ゴシックが使えるようになって来たので、游ゴシックを指定するようになってきました。

font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

1	font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳＰゴシック", "MS PGothic", sans-serif;

游ゴシック、游明朝は大変美しい

游ゴシック、游明朝は大変に美しい。

ただ、Windowsだとfont-weight:500; などと指定してあげないとブラウザ上で掠れた(かすれた)ようになるので要注意。

【mautic】【告知】9月20日(火)名古屋でMauticのイベントを開催します。しかもMauticのファウンダーが来日します。

Mauticのイベント開催します

9月20日(火)19時から、ウィンクあいち(名古屋駅から徒歩5分)にてマーケティング・オートメーションツールMauticのイベントを開催します。

Mauticを活用して営業活動を(部分的に)自動化することで、営業活動の非効率・無駄を改善し、お客様とのより良い関係を築いていくことも可能になります。

営業活動に困っている中小企業の方、少人数でより精度の高い営業をかけたい方など、ウェブ業界以外の方にもぜひ参加頂けると嬉しいです。

なお今回、マーケティング先進国アメリカからMauticの開発者が来日してお話をしてくれるので、海外の最新マーケティング情報も得られるかと(^o^)

ちなみに私も、マーケティング・オートメーションとMauticについてのお話を少しだけします(緊張)

残数も残り僅かとなっておりますので、気になる方は早めの参加申込をどうぞ～。

■Mautic Meetup Nagoya #6 緊急企画ファウンダー David Hurley 氏来日 Meetup

【日時】

2016年9月20日(火) 19:00 ～ 21:00

【会場】

ウインクあいち 13階 1305室
〒450-0002 愛知県名古屋市中村区名駅4丁目4-38

【参加費用】

1,000円 (会場払い)

【参加申込】

http://www.meetup.com/Mautic-Meetup-Nagoya/events/233462748/

【DB】CPIのシェアードプラン ACE01で新しいバージョンのMySQLを利用する場合の覚書

ACE01でMySQL 5.5.42 / MySQL 5.6.30から選べる様になった！？

CPIの共用サーバーのACE01がまたいつの間にか新しくなっているような！？

MySQLの5.5.42 か 5.6.30を選べるようになっているではありませんか！

http://www.cpi.ad.jp/shared/detail/mysql.html

実際ユーザーポータルでもMySQL5.6.30でデータベースを作るか、MySQL5.5.42でデータベースを作るかを選択できるようになっていました。

せっかくならWordPressで使うデータベースは、MySQLの新しいバージョンを使おうと、MySQL 5.6.30でデータベースを作ったところ、データベースに接続出来ません！というエラーに事態に陥ったのでメモ

error

原因はポート番号

管理画面のお客様情報＞プログラムのパスとサーバの情報をチェックすると以下のように書いてありました。

MySQL 5.6.30 (port 3307) / 5.5.42 (port 3306)

version

おぉ！MySQL 5.6.30はポート番号3307番で動いているようです。

ということでwp-config.phpを以下のように修正したら無事に画面が表示されました。

 /** MySQL のホスト名 */
 define('DB_HOST', 'localhost');

1 2	/** MySQL のホスト名 */ define('DB_HOST', 'localhost');

↓修正

/** MySQL のホスト名 */
 define('DB_HOST', '127.0.0.1:3307');

1 2	/** MySQL のホスト名 */ define('DB_HOST', '127.0.0.1:3307');

思ったこと

CPIどんどんバージョンアップしていって、とても素敵！

CPI LOVEなページを作りました

4年以上愛用しているCPIの共用レンタルサーバー ACE01について、褒めたり、愛のこもった文句を言うページを作りました。CPIサーバをご検討されている方は、もし良ければこちらもご覧ください。

【mautic】concrete5のユーザ登録時にmauticのコンタクトに登録する方法

毎月、mautic meetup nagoya勉強会をベースキャンプ名古屋で開催しています。

７月の勉強会は【Mautic Meetup Nagoya #4 「Contacts は奥が深い」】というタイトルの勉強会で、コンタクト(旧称：リード)の使い方について学びました。

そこでconcrete5とmauticを連携させる簡単なデモを実施しましたので、実装方法を残しておきます。

やること

concrete5のユーザ登録時にユーザ情報をmauticと連動させる
- 連動する情報は以下のとおり。
  - メールアドレス（ email ）
  - 姓（ lastname ）、名（ firstname ）
  - 会社名（ company ）

concrete5は誰でも認証なしにユーザ登録出来る設定にしています。

mautic側の設定

mauticのコンタクトを外部から操作するには、コンタクトフィールドの設定が必要です。

1. 右上の歯車マークをクリックして「Custom Fields」を選択します。

mauticのフィールド設定

2. First Nameを選択して詳細画面を開きます

First Name選択

3. 右側に表示されているPublicly updatable を「はい」に設定します

Publicly updatable
Publicly updatable を「はい」に設定します

この設定をすることで外部からのコンタクトの設定値を更新出来るようになります。

4. 連携予定のその他のコンタクトフィールドも同様に設定します。

メールアドレス（ email ）
姓（ lastname ）、名（ firstname ）
会社名（ company ）

concrete5側の設定

1. 誰でもユーザ登録できるようにします

concrete5ユーザ登録の設定

2. ユーザ属性を追加します

ユーザ属性追加

3. ユーザ登録画面にトラッキングコードを挿入します

application/single_pages ディレクトリに、以下のファイル（register.php）をダウンロードします。

gist – register.php

	<?php defined('C5_EXECUTE') or die("Access Denied.");

	$token = \Core::make('Concrete\Core\Validation\CSRF\Token');
	?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1">
	<div class="page-header">
	<h1><?php echo t('Site Registration')?></h1>
	<p>Mauticとの連携を試みます！</p>
	</div>
	</div>
	</div>
	<?php
	$attribs = UserAttributeKey::getRegistrationList();
	$ma_tag = "";
	if($registerSuccess) { ?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1">
	<?php switch($registerSuccess) {
	case "registered":
	?>
	<p><strong><?php echo $successMsg ?></strong><br/><br/>
	<a href="<?php echo $view->url('/')?>"><?php echo t('Return to Home')?></a></p>
	<?php
	break;
	case "validate":
	?>
	<p><?php echo $successMsg[0] ?></p>
	<p><?php echo $successMsg[1] ?></p>
	<p><a href="<?php echo $view->url('/')?>"><?php echo t('Return to Home')?></a></p>
	<?php
	break;
	case "pending":
	?>
	<p><?php echo $successMsg ?></p>
	<p><a href="<?php echo $view->url('/')?>"><?php echo t('Return to Home')?></a></p>
	<?php
	break;



	}

	$u = new User();
	if (is_object($u) && $u->checkLogin()) {
	$uinfo = UserInfo::getByID($u->uID);
	$email = $uinfo->getUserEmail();
	$first_name = $uinfo->getAttribute("first_name");
	$last_name = $uinfo->getAttribute("last_name");
	$company = $uinfo->getAttribute("company");

	$ma_tag = "{email: '" . $email . "', firstname: '" . $first_name . "', lastname: '" . $last_name . "', company: '" . $company . "'}";
	}

	?>

	</div>
	</div>
	<?php
	} else { ?>
	<form method="post" action="<?php echo $view->url('/register', 'do_register')?>" class="form-stacked">
	<?php $token->output('register.do_register') ?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1">
	<fieldset>
	<legend><?php echo t('Your Details')?></legend>
	<?php
	if ($displayUserName) {
	?>
	<div class="form-group">
	<?php echo $form->label('uName',t('Username'))?>
	<?php echo $form->text('uName')?>
	</div>
	<?php
	}
	?>
	<div class="form-group">
	<?php echo $form->label('uEmail',t('Email Address'))?>
	<?php echo $form->text('uEmail')?>
	</div>
	<div class="form-group">
	<?php echo $form->label('uPassword',t('Password'))?>
	<?php echo $form->password('uPassword',array('autocomplete' => 'off'))?>
	</div>
	<div class="form-group">
	<?php echo $form->label('uPasswordConfirm',t('Confirm Password'))?>
	<?php echo $form->password('uPasswordConfirm',array('autocomplete' => 'off'))?>
	</div>

	</fieldset>
	</div>
	</div>
	<?php
	if (count($attribs) > 0) {
	?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1">
	<fieldset>
	<legend><?php echo t('Options')?></legend>
	<?php
	$af = Loader::helper('form/attribute');
	foreach($attribs as $ak) {
	echo $af->display($ak, $ak->isAttributeKeyRequiredOnRegister());
	}
	?>
	</fieldset>
	</div>
	</div>
	<?php
	}
	if (Config::get('concrete.user.registration.captcha')) {
	?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1 ">

	<div class="form-group">
	<?php
	$captcha = Loader::helper('validation/captcha');
	echo $captcha->label();
	?>
	<?php
	$captcha->showInput();
	$captcha->display();
	?>
	</div>
	</div>
	</div>

	<?php } ?>
	<div class="row">
	<div class="col-sm-10 col-sm-offset-1">
	<div class="form-actions">
	<?php echo $form->hidden('rcID', $rcID); ?>
	<?php echo $form->submit('register', t('Register') . ' >', array('class' => 'btn-lg btn-primary'))?>
	</div>
	</div>
	</div>
	</form>

	<?php
	}


	?>
	<script>
	(function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
	w[n]=w[n]\|\|function(){(w[n].q=w[n].q\|\|[]).push(arguments)},a=d.createElement(t),
	m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
	})(window,document,'script','http://example.com/mtc.js','mt');
	<?php if( $ma_tag ) : ?>
	mt('send', 'pageview', <?php echo $ma_tag; ?>);
	<?php else: ?>
	mt('send', 'pageview');
	<?php endif; ?>
	</script>

view raw

register.php

hosted with ❤ by GitHub

http://example.com/mtc.js

1	http://example.com/mtc.js

ソースの簡単に説明

以下の部分で登録完了した方の情報をトラッキングコードに含めています。

$ma_tag = "";
if($registerSuccess) { ?>
～ 中略 ～
	$u = new User();
	if (is_object($u) && $u->checkLogin()) {
		$uinfo = UserInfo::getByID($u->uID);
		$email =  $uinfo->getUserEmail();
		$first_name =  $uinfo->getAttribute("first_name");
		$last_name =  $uinfo->getAttribute("last_name");
		$company =  $uinfo->getAttribute("company");
		
		$ma_tag = "{email: '" . $email . "', firstname: '" . $first_name . "', lastname: '" . $last_name . "', company: '" . $company . "'}";
	}
～ 中略 ～
}
～ 中略 ～
?>
～ 中略 ～
// ココでトラッキングコードを出力（登録完了したユーザは、登録情報も含めて送信する）
<script>
    (function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;
        w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),
        m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)
    })(window,document,'script','http://example.com/mtc.js','mt');
	<?php if( $ma_tag ) : ?>
		mt('send', 'pageview', <?php echo $ma_tag; ?>);
	<?php else: ?>
		mt('send', 'pageview');
	<?php endif; ?>
</script>
～ 中略 ～

$ma_tag = "";

if($registerSuccess) { ?>

～中略～

$u = new User();

if (is_object($u) && $u->checkLogin()) {

$uinfo = UserInfo::getByID($u->uID);

$email = $uinfo->getUserEmail();

$first_name = $uinfo->getAttribute("first_name");

$last_name = $uinfo->getAttribute("last_name");

$company = $uinfo->getAttribute("company");

$ma_tag = "{email: '" . $email . "', firstname: '" . $first_name . "', lastname: '" . $last_name . "', company: '" . $company . "'}";

}

～中略～

}

～中略～

// ココでトラッキングコードを出力（登録完了したユーザは、登録情報も含めて送信する）

(function(w,d,t,u,n,a,m){w['MauticTrackingObject']=n;

w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)},a=d.createElement(t),

m=d.getElementsByTagName(t)[0];a.async=1;a.src=u;m.parentNode.insertBefore(a,m)

})(window,document,'script','http://example.com/mtc.js','mt');

<?php if( $ma_tag ) : ?>

mt('send', 'pageview', <?php echo $ma_tag; ?>);

<?php else: ?>

mt('send', 'pageview');

<?php endif; ?>

</script>

～中略～

以上でユーザ登録をしてくれた方を、mautic に連携出来るようになります。

【cmd】Windows10でエクスプローラーが動かない時にコマンドプロンプトでエクスプローラーだけを再起動する方法

やること

私はタスクバーを画面の左側にへばりつかせて、「タスクバーを自動的に隠す」オプションで基本は非表示にしてあります。
ただ、自動的に隠れてくれなくなる時があるので、その時にはエクスプローラー（explorer.exe）を再起動しています。
今日はその手順を紹介します。

手順

1: コマンドプロンプトを起動する

「Windowsキー + R」を押下して表示される「ファイル名を指定して実行」ウィンドウに「cmd」と入力する。
コマンドプロンプトが立ち上がったら次の操作へ。

2: エクスプローラー（explorer.exe）を再起動

以下のコマンドでエクスプローラーを一旦強制終了させてから起動し直す。

taskkill /IM explorer.exe /F
explorer

1 2	taskkill /IM explorer.exe /F explorer

これでOK

まとめ

以前はタスクマネージャーからプロセスを終了させて、再起動って出来たと思うんだけど、Windows10ぐらいから(?)かタスクマネージャーのプロセスにエクスプローラー（explorer.exe）が表示されなくなったような。

ちゃんと探せば有るのかもしれませんが、コマンドでもあっさりとできるのでなかなか重宝しております。

てか、「タスクバーを自動的に隠す」オプションで自動的に隠れない不具合ってすご～～～～い昔から有るんだけど、一向に改善されないのは、そのオプションを使用している人が少ないから？(泣)

最近よく指定するfont-family

游ゴシック、游明朝は大変美しい

Mauticのイベント開催します

■Mautic Meetup Nagoya #6 緊急企画 ファウンダー David Hurley 氏来日 Meetup

【日時】

【会場】

【参加費用】

【参加申込】

ACE01でMySQL 5.5.42 / MySQL 5.6.30から選べる様になった！？

原因はポート番号

思ったこと

CPI LOVEなページを作りました

やること

mautic側の設定

1. 右上の歯車マークをクリックして「Custom Fields」を選択します。

2. First Nameを選択して詳細画面を開きます

3. 右側に表示されているPublicly updatable を「はい」に設定します

4. 連携予定のその他のコンタクトフィールドも同様に設定します。

concrete5側の設定

1. 誰でもユーザ登録できるようにします

2. ユーザ属性を追加します

3. ユーザ登録画面にトラッキングコードを挿入します

ソースの簡単に説明

やること

手順

1: コマンドプロンプトを起動する

2: エクスプローラー（explorer.exe）を再起動

まとめ

■Mautic Meetup Nagoya #6 緊急企画ファウンダー David Hurley 氏来日 Meetup