Rpt!信州 WordPress Meetup in 松本 Vol.2 （8/18)

信州 WordPress Meetup in 松本 Vol.2 に参加してきました

登壇者の発表を聴くスタイルの勉強会です。

## 1. ローカルメディアをつくる話

ごしゅメモ、SKIMA信州を運営している信州さーもんさん。

WordPressで運営しているコンテンツのお話をして頂きました。

特に印象に残っていることは、記事を書くときに心掛けていることについて。

誰に伝えたいか、どんな行動にでて欲しいのかを考えてから記事を書く。
誰に→ペルソナ(モデルとなるユーザーのこと）を考え、そこに訴求する構成にする。
どんな行動→対象を知って欲しいのか、遊びに来て欲しいのかなど、目標を決める。

このブログは、読み手のことはなーんも考えてないです。
新人PGのねこさんに技術ブログを書く習慣がつけば技術向上につながるんじゃないかなー、私も一人でブログ書くとモチベ的に続かないしー。
みたいな甘い考えで始めたユルユルブログです(^-^;)

ここは自分のための技術メモブログなので、まぁ、それでも良いかと思っていますが、
今度、新しくWordPressで作る（予定の）ブログは、ちゃんとその辺のことも考慮した上で公開したいと思います。

私はシステム側の人間ということもあり、コンテンツよりツールであるWordPressそのものに興味があっちゃうのですが、やっぱりWordPressで一番肝要なのは「何を作るか、何を伝えるか」かなーと思います。
目的を達成をサポートするためのものがツールなので。
プロは色々考えて記事書いているんだなと刺激になりました。

## 2. 見込み客を顧客に育てていく婚活ナーチャリングのお話

実際に経験した婚活事例をもとにリードナーチャリング（見込み顧客育成）について考えます。
あと一歩で契約というところで、婚活業者のスタッフ間で連携が取れていなかったが為に見込み顧客を逃したという話。

そういったケースを防ぐためのMA（マーケティングオートメーション）ツールですよ。
MAの一種、Mauticなら無料で使えるし、WordPressとの連携もプラグインで出来ちゃうよ。

https://ledge.ai/ma_mautic/

体験ベースでお話して頂いたので、MAの必要性についてめっちゃリアリティを感じました！

## 3. マーケティングを考えるとWebサイトが見えてくる！

製作に入る前に、ペルソナを設定してカスタマージャーニーマップを作ろう。

野菜の原価があがってしまった居酒屋(月曜日や日中などの時間帯以外は混雑している)を想定して、売り上げをあげる施策を考えました。
昼間の客足を増やしたいのであれば、学生か、主婦か、リタイア組がターゲットですかね。
赤ちょうちん的な感じのThe居酒屋！という店構えであったので女性は難しいかもしれないというところ。

色々考えられて楽しかったです。

(byへびさん)

Tips!Welcome Guideを消す方法 - Atom

起動するたびに出てくるAtomのWelcome Guideが鬱陶しかったので削除方法を調べました。

Show Welcome Guide when opening Atom

のチェックを外すだけです。（下図参照）

はい！
私が英語だと説明文をいっさい読まない奴だという事がバレました！
これを検索で調べてしまったことが少し恥ずかしい///

と、『Welcome Guideを消す方法』で、このページにアクセスした人に喧嘩を売るようなことを言ってみる。

Tips!Bootstrap4はじめました - CSS

Bootstrap3はしょっちゅう使っているのですが、Bootstrap4と何が違うのかちゃんと把握しないとな～と思いながらずっと後回しにしてました。
そんな今日この頃、重い腰をあげてBootstrap4はじめてみました。

もっとも簡単にBootstrap4をはじめる方法。
Bootstrap CDNを使います。

HTMLファイルのheadタグの中でcssファイルを読み込みます。

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

任意の箇所でjsファイルを読み込みます。

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

なんと、たったこれだけでBootstrap4が使えちゃいました！

こんな感じ

ボタンがbootstrapの用意しているデザインになっていることが確認できます。

[デモを見る]

これで、一通り動作確認をしていこうかなと。

参考：
getbootstrap.com
今回は、このサイトのStarter templateをほぼコピーして、ボタンを追加しただけですｗ

(byへびさん）

Memo!tarボールを作る

gzip形式のtarアーカイブを作成

tar zcvf {archivename}.tar.gz {filename}

オプション

-z --gzip

アーカイブの形式にgzip形式を指定する

-c --create

新しいアーカイブを作成する

-v --verbose

処理されたファイル一覧を詳細表示する

-f --file=ARCHIVE

アーカイブファイル名の指定

gzip形式のtarアーカイブを展開

tar xvf {archivename}

オプション

-x ---extract, --get

アーカイブからファイルを抽出する

-v --verbose

処理されたファイル一覧を詳細表示する

-f --file=ARCHIVE

アーカイブファイル名の指定

(byへびさん）

Memo!実用的ではないかもしれないメールアドレスのバリデーション方法 - PHP

PHPにはユーザーが入力した値を簡単に検証することができる仕組みがあります。
例えば$_POST[’variable_name']の値を受け取るとど同時にフィルターをかけたい場合、以下のように書きます。

filter_input ( int $type , string $variable_name [, int $filter] )

$filterが省略された場合は、検証はなされず$_POST[’variable_name']の値がそのまま受け取れます。

どんなフィルターが使えるかは下記のページを参考にしてください。
PHP: 検証フィルタ - Manual

メールアドレスの検証には正規表現が利用されることが多いですが、マニュアルにFILTER_VALIDATE_EMAILという検証フィルタがあります。
これは使えないのでしょうか。

<?php
$mail = filter_input(INPUT_POST, 'mail', FILTER_VALIDATE_EMAIL);

こんなふうに書けたらシンプルで正規表現を使うよりずっといい。
だがしかし…

先ほどのマニュアルのFILTER_VALIDATE_EMAIL欄をみてみましょう。

この検証は、e-mail アドレスが RFC 822 に沿った形式であるかどうかを確かめます。

つまり標準規格RFC 822 準拠していないメールアドレスが入力された場合、フィルタリングされてFALSEが返されてしまうのです。
そしてかつて、ドコモなど携帯キャリアのメアドが規格外仕様だった時代があったという。

使えない！
不特定多数のユーザーが入力するシステムの場合、クレームや不具合報告が届きそう。
だだ、社用メールアドレスしか許容しないなど、規格外のメールアドレスを弾ける状況であれば十分活躍してくれそうです。

(byへびさん)

Rpt!第六回 ねこへび勉強会

第六回ねこへび勉強会(8/4) 開催です。ﾊﾟﾌﾊﾟﾌ
写真は勉強スペース。
クーラー効いているし駐車場含めて無料なんですよ。最の高。

今回の勉強会でやったこと

週に一度のオンライン勉強会で目標管理システムの画面レイアウト図をねこさんに作成してもらっています。
今回はログイン画面の画面レイアウト図から、テーブル設計と作成をしました。

画面レイアウト

画面レイアウトからログイン情報に必要なエンティティを考える

• ユーザーID
• ユーザー名
• パスワード(※hash値)
• メールアドレス

仮データを作ってみる

仮データからデータ型を考える

CREATE文でテーブルを作成する

前回の勉強会でインストールしたXAMPPのphpMyAdminを使ってCREATE文を実行。
説明したこと
・AUTO_INCREMENT
・NOT NULLキーワード
・DEFAULT
・UNSIGNED

感想

勉強会の下準備をほとんどしてなくて、ねこさんにどこまで説明するか(あるいは自力で調べてもらうか）等、方針や範囲を決めておかなかった。
CREATE文もごくシンプルなサンプルを書き換えつつ、[CREATE文でテーブルを作成する]で列挙したオプションについて説明したのみ。
今回は必要なくても、もっと詳しく伝えるべきか、情報過多にならないように徐々に伝えるべきか迷う。

(byへびさん)

100の目標-7月進捗

さて7月冒頭に決めた100の目標ですが
tkstudy.hateblo.jp
あまり気にせずに7月を過ごしておりました。
1～3年で達成できたらいいなぁと考えておりますが、目標の存在を忘れてしまうと何にもならないので、一ヶ月区切りで振り返ろうと思います。

100の目標　振り返り

語学

進捗

着手中:
8. NHKゴガク まいにち中国語ラジオ講座 7月～3月 すべて聴く
・7月完了(実は1日聴き逃した)
12. 単語テストシート(CSV)を作成する format:日,英,中 500単語
・10単語くらい

TOEIC申込みしなきゃな～（グズ）

8月予定

・NHKゴガク まいにち中国語ラジオ講座 8月
・書籍「キクタン」
・書籍「中国語の文法書」

技術

進捗

着手中:
15. WordPress 公式サイトのチュートリアルを一読する
・完了
はじめての WordPress - WordPress Codex 日本語版
17. WordPress『Outdoor Begginer』というブログ（サイト）を作成する
・作成中
41. Progate 無料分全部 終わらせる
・SQL 学習コース1完了
・Swift 学習コース1完了
48. 書籍「エンジニアのためのWordPress開発入門」読了
・完了

8月予定

・WordPressでブログ(サイト)作成
・速習!JavaScript 1記事書く
・MySQL8インスコ
・Progage

数学

進捗無し(＾-＾;)

8月予定

・折り紙

数学か？というツッコミは無しで。

登山

進捗

61. ハイキング 15回(近所の里山OK)
・ ハイキング 2回（乗鞍岳、沢登り）
63. 読図講習に参加する
・完了

8月予定

・木曽駒ケ岳か唐松岳に行く
・そのほか近所の里山へ

運動

進捗

71. 450分何かしら運動
・ランニング、ウォーキング 31分

8月予定

・ランニング、ウォーキング

7月はちゃんと時間を計測していなかった。これからは測る。

美容・健康
76. 5キロ痩せる

＊進捗

・ダイエット中

生活・習慣

＊進捗

82. ブログを60本書く
・4本完了
84. 家計簿をつける
・一応はつけてるけど漏れがすごい

8月の目標

ブログ目標10本!
家計簿

ブログはやる気になればすぐ達成できそうだ。

教養

進捗

90. 技術語学、雑誌以外のジャンルの本を15冊読む
・1冊
└ドキュメント 単独行遭難　
└神々の山嶺 1（コミックス)
※コミックスはカウントしない

コミックス含めて全然本読んでなかった。
映画にいたっては1本も。

その他

進捗

99. 大町、安曇野、諏訪、上田、白馬にそれぞれ一回ずつ(運転して)行く
・大町 完了

8月予定

・安曇野に行く

感想

7月はほとんど目標を意識してなかったので進捗率悪し。
8月はもっと計画的に。
「○○を一読する」系の目標、読みはしたけど理解したか自信がないという状況です。
この状況で完了にしていいのか悩みます。

(byへびさん）