リボン日記 – ページ 3 – エドが書いてます。

新社会人を英日の翻訳者に育てる

外国人観光客を集客するために、英語の翻訳者が社内で必要になった。本件は、当人の努力によるものが大きいが、方針はこちらが考えた。なお、ヒアリングとスピーキング能力は除外している。

結論から言えば、中学生ぐらいの英語力だったAさんは、現在業務で日英翻訳を担当している。実施した対策は英語力を上げるのではなく、英語力の鍛え方を体験したのだと考えている。

現状把握

Aさんは、高校卒業の英語教育を履修
英語は日常使わない

計画立案

英検3級(中学生卒業)向け英語学習30週

着眼点

よい参考書、英文を写本する
生徒の力量を見極めて、直近の目標を高くしない

学習の管理

勤務時間中、1日30分の学習
- Brabio!でタスク管理
英検3級テスト(筆記のみ)

頻度

30週間毎日(緊急の業務以外)

教材

CD付き英語 221P 11P/30分
英文法 239P 12P/30分
英単語 212P 11P/30分

方針

上記の3書籍を1日おきに交互に読み込む
30分を1コマとして、全60コマ
黙読を6週間(ノルマページを2倍の速さで読む、目次だけでも良い)、精読を12週間、写本を12週間、合計30週かけて中学英語を納める
写本は英語部分、重要な部分のみに絞る

効果測定

英検3級のテストを使って6割の正答率を越えられるか確認する
3級の過去問
 http://www.eiken.or.jp/eiken/exam/grade_3/solutions.html

30週後の成績

Aさんは、英検3級筆記合格ならず

その後

- VOA Learning English の写本不定期
  - 写本にはリアルタイム校閲できるMicrosoft Word を使う
  - 社内の従業員ブログに入力結果を投稿
- Chrome 拡張機能「Weblioポップアップ英和辞典」の導入、英文記事を読むとき英和辞書が引けるようにする
- 翻訳時に、Excel 校閲ツールの使用を標準化
- 翻訳後、わたしが英文校正
  - 日本特有の商品、地名に関する注釈を説明
  - 翻訳元の「主語抜け」、「修飾語多すぎ」などの処理方法を説明

英文記事の写本について

1記事約2千字ぐらいなら、約13分で写せる(わたし調べ)
写本にはWord のリアルタイム校閲を使う
内容が難解な時は、固有名詞を調べたり、Google 翻訳を使う
集中するためにホワイトノイズを聞いたり、森永ラムネをかじるのは有効(わたし調べ)

ビジネスアカウント宛てのスパムメールを楽に迎撃する

ビジネスで使うメールアカウント宛てにスパムメールが届くことがある。届くこと自体で、スパムメールを全く受け取っていない人より仕事の処理能力が低下する。それに、セキュリティリスクにもつながる。スパムメールを迎撃する方法を探った。

メールアカウント名を変える

アカウント名の変更は、名刺に書いてあるから現実的ではないと考える方もいるだろう。
しかし、ダークウェブで販売されている個人情報リストから逃れられる。

手順

新アカウントを作成してメーラーに設定
取引相手にBCC でメールアカウント変更を通知、ウェブサービスで同メールを利用している場合は新しいものに変更する
通知後、1か月間は古いメールアカウントを新しいメールアカウントに転送
1か月経過したら古いメールアカウントの転送を停止、自動返信で利用停止した旨を伝えて、企業サイトの問い合わせフォームに誘導する

メールアカウントの変更許可が下りない場合

G-Suite を使う

Google が提供するGmail のビジネス版。スパムメールフィルタが強力。

Outlook を使って2秒でスパムメールを通報するショートカットを作る

「クイック操作」で、スパムメールを通報して削除するショートカットを使う
対象：Outlook 2013

設定方法

リボンにデフォルトで設定されている「クイック操作」右下「クイック操作の管理」
＞新規作成＞転送＞名前に「迷惑メールを通報」、転送先に「meiwaku@dekyo.or.jp」を記載
「オプション」をクリック＞「アクションの追加」で「メッセージを削除」を選択
ショートカットキーで「Ctrl+Shift+1」を選択(使いやすいものを選ぶ
「保存」をクリック＞「OK」をクリック

動作の確認

メールを1つ選び、設定したショートカットキーを押す
転送メールが作成され、画像が削除されるのを確認する

スパムメール通報のテンプレートを作る

スパムメールを通報するメールを作成し、Outlook テンプレート(*.oft)として保存。

作成方法

「新しい電子メール」をクリック＞宛先に「meiwaku@dekyo.or.jp」を入力、件名に「迷惑メールを転送」、本文に「よろしくお願いします。」を記載する
＞ファイル＞名前を付けて保存＞ファイルの種類で「Outlook テンプレート(*.oft)」を選択

テンプレートファイルが次のフォルダに入っているので、ファイルを選択してランチャーに追加する
C:\Users\{パソコンのアカウント名}\AppData\Roaming\Microsoft\Templates

使い方

ランチャーから「迷惑メールを転送」を開き、スパムメールをすべてドラッグして添付すして送信する

ランチャーとは：アプリを呼び出すソフトウェア。わたしはOrchis を使っている

追記：2019年11月11日(月)

スパム通報経過報告

最近、スパムメールの受信数が減ったので、送信したスパムメールの通報回数(件数ではない)を月ごとに集計してみた。上記のように減少傾向だ。

理由は不明だが、流出したメールアドレスリストの鮮度が低下したか、通報先の組織がしらみつぶしに対策したかと思われる。

SNS 集客記事を書く

SNS 集客記事の書き方を、店頭POP の要素を取り入れてまとめた。

背景

今、我々の組織がSNS を使った自社の商品を売ったり予約を取る広告活動で、どうすればいいか迷っている。わたしは「お客様がより良い体験をできる商品を作ったので買ってください！この商売を続けさせてください。」と素直に話すのがいいと思っている。これが「宣伝がきつすぎると、フォロワーが増えない。」というSNS の主流意見と対立しているからだ。

わたしがSNS 記事投稿を担当していた時は、店の売り上げがゆるい右肩上がりになっていたが、写真撮影の腕利きが担当になってからは2か月間、前年度割れした。ただし、SNS のフォロワー数10倍、1記事の平均いいね！6倍、平均インプレッション10倍という好成績をたたき出している。

このちぐはぐの原因は単純に、「記事に宣伝がない」ことだろうと仮説を立てた。そこで、以前わたしが使っていた記事テンプレに改良を加えたものを後述する。

SNS 集客記事テンプレ

あいさつ：こんにちは。

自己紹介：

1)キャッチフレーズ

2)リードコピー

3)商品名

4)価格：

5)優待・キャンペーン：

来店導線：

とどめ：
お早めのご予約が安心です。

6)ハッシュタグ

数字部分は記事によって変える。それ以外は定型文でよい。

テンプレ利用例

こんにちは。

ちょっといいものをちょっと売る、桜の道商店です。
(営業日時：月～土 10:00～18:00)

春が旬の山菜、「わらび」の通販が始まりました。

当店のわらびは、身が太くて柔らかいのが特徴です。
煮物やてんぷらもいいですが、おすすめは
鰹節をかけた醤油和えです。
シャキシャキとした食感に、ほんのりとしたほろ苦さを楽しめます。
難しいあく抜きも心配無用。
こちらであく抜きしたものを
水と一緒に要冷蔵で発送します。

ただいま、春の山菜応援キャンペーン中です。
この記事を読んだお客様限定で
こごみを一束、プレゼントいたします。
ご希望の方は、通販のコメント欄に
「こごみプレゼント2019」とご記載ください。

通販のリンクはこちら。
{URL}

山菜の販売は期間限定、先着順となっております。
お早めにご利用ください。

#桜の道 #山菜 #通販 #わらび #こごみ

AutoHotKey で、アクティブなタブブラウザの今のタブでURLを開く

何ができるか？

AutoHotKey で、アクティブなタブブラウザの今のタブでURLを開ける

概要

ブラウザ操作のショートカット「アドレスバーにフォーカスする[Alt+d]」を使って、URLを開く

利用するアプリ

AutoHotKey
利用については「AutoHotKey Wiki」を参照

AutoHotKey は何ができるか？

Windows の操作を自動化できる

本件では何を行うか

アクティブなタブブラウザの今のタブで、URLを開く

スクリプト

; 指定されたURL を今のブラウザのタブで開く
Move_URL(targetURL)
{
	send, !d ; アドレスバーにフォーカスする
	sleep,200
	send, %targetURL% ; ログインフォームを開く
	sleep,2000
	send, {enter}
	sleep,2000
}

;URL を開く
Move_URL("https://www.google.com/")

; 指定されたURL を今のブラウザのタブで開く

Move_URL(targetURL)

{

send, !d ; アドレスバーにフォーカスする

sleep,200

send, %targetURL% ; ログインフォームを開く

sleep,2000

send, {enter}

sleep,2000

}

;URL を開く

Move_URL("https://www.google.com/")

備考

タブブラウザのショートカットはだいたい同じなので、Chrome などで使える。わたしはFirefox でこの操作を行っている。

AutoHotKey で、ウェブサービスに自動ログインする

何ができるか？

ウェブサービスを使うとき、そのログイン作業を自動化できる

なぜログイン状態をブラウザで維持しないのか？

重要なウェブサービスはパスワード管理ソフトで管理しており、ブラウザにログインデータを残さないようにしているため。

注意事項

個人情報を含むようなウェブサービスは、パスワード管理ソフトを使う。AutoHotKey のスクリプトは、テキストデータを平文で保存しているので記述したログイン情報の漏えいリスクが残る。

利用するアプリ

AutoHotKey
利用については「AutoHotKey Wiki」を参照

AutoHotKey は何ができるか？

Windows の操作を自動化できる

本件では何を行うか

Firefox で特定のウェブサービスを開き、ID とパスワードを入力してログインする

事例

任意のアカウント情報を使ってログインする

ログインするウェブサービスのURL
ログインID
ログインパスワード

login_at_Firefox.ahk

;Firefox でウェブサービスURL を開いてログインする
;Firefox でURL を開く
SetTitleMatchMode, 2
run, C:\Program Files (x86)\Mozilla Firefox\firefox.exe ログインするウェブサービスのURL ; ログインフォームを開く
sleep,1000
WinActivate, Mozilla Firefox ;Firefox をアクティブにする
sleep,3000
#IfWinActive, Firefox
	; 自動ログイン
	App_Login("ログインID","ログインパスワード")
	return
#IfWinActive
ExitApp ; アプリを終了
Exit ; AHK を終了

; ウェブサービスのログイン情報を入力する
App_Login(Id, Password)
{
	IME_OFF() ;IME がON なら、OFF にする
	sleep,1000
	;パスワード自動入力
	send,%Id%
	sleep,200
	send,{tab}
	sleep,200
	send,%Password%
	sleep,2000
	send,{enter}
}

; ウインドウのIME を何が何でもOFF にする関数
IME_OFF()
{
	;IME がON なら、OFF にする
	If (IME_IsON(WinExist("A")))
	{
	IME_ON(WinExist("A"), False)
	sleep,200
	}
}
; ウインドウのIME がON かOFF かを調べる関数
IME_IsON(hWindow)
{
	; WM_IME_CONTROL	= 0x0283
	; IMC_GETOPENSTATUS = 0x0005
	bufCurrentDetectMode := A_DetectHiddenWindows
	DetectHiddenWindows, On
	buf := DllCall("user32.dll\SendMessageA", "UInt", DllCall("imm32.dll\ImmGetDefaultIMEWnd", "Uint",hWindow), "UInt", 0x0283, "Int", 0x0005, "Int", 0)
	DetectHiddenWindows, %bufCurrentDetectMode%
	Return buf
}
;ウインドウのIME をON、 OFF にする関数
IME_ON(hWindow, IsON)
{
	; WM_IME_CONTROL	= 0x0283
	; IMC_SETOPENSTATUS = 0x0006
	bufCurrentDetectMode := A_DetectHiddenWindows
	DetectHiddenWindows, On
	buf := DllCall("user32.dll\SendMessageA", "UInt", DllCall("imm32.dll\ImmGetDefaultIMEWnd", "Uint",hWindow), "UInt", 0x0283, "Int", 0x0006, "Int", IsON)
	DetectHiddenWindows, %bufCurrentDetectMode%
	Return buf
}

;Firefox でウェブサービスURL を開いてログインする

;Firefox でURL を開く

SetTitleMatchMode, 2

run, C:\Program Files (x86)\Mozilla Firefox\firefox.exe ログインするウェブサービスのURL ; ログインフォームを開く

sleep,1000

WinActivate, Mozilla Firefox ;Firefox をアクティブにする

sleep,3000

#IfWinActive, Firefox

; 自動ログイン

App_Login("ログインID","ログインパスワード")

return

#IfWinActive

ExitApp ; アプリを終了

Exit ; AHK を終了

; ウェブサービスのログイン情報を入力する

App_Login(Id, Password)

{

IME_OFF() ;IME がON なら、OFF にする

sleep,1000

;パスワード自動入力

send,%Id%

sleep,200

send,{tab}

sleep,200

send,%Password%

sleep,2000

send,{enter}

}

; ウインドウのIME を何が何でもOFF にする関数

IME_OFF()

{

;IME がON なら、OFF にする

If (IME_IsON(WinExist("A")))

{

IME_ON(WinExist("A"), False)

sleep,200

}

; ウインドウのIME がON かOFF かを調べる関数

IME_IsON(hWindow)

{

; WM_IME_CONTROL = 0x0283

; IMC_GETOPENSTATUS = 0x0005

bufCurrentDetectMode := A_DetectHiddenWindows

DetectHiddenWindows, On

buf := DllCall("user32.dll\SendMessageA", "UInt", DllCall("imm32.dll\ImmGetDefaultIMEWnd", "Uint",hWindow), "UInt", 0x0283, "Int", 0x0005, "Int", 0)

DetectHiddenWindows, %bufCurrentDetectMode%

Return buf

}

;ウインドウのIME をON、 OFF にする関数

IME_ON(hWindow, IsON)

{

; WM_IME_CONTROL = 0x0283

; IMC_SETOPENSTATUS = 0x0006

bufCurrentDetectMode := A_DetectHiddenWindows

DetectHiddenWindows, On

buf := DllCall("user32.dll\SendMessageA", "UInt", DllCall("imm32.dll\ImmGetDefaultIMEWnd", "Uint",hWindow), "UInt", 0x0283, "Int", 0x0006, "Int", IsON)

DetectHiddenWindows, %bufCurrentDetectMode%

Return buf

}

使い方

login_at_Firefox.ahk をダブルクリックして起動する

備考

Q:なぜわざわざIME をオフにしているのか？
A:AutoHotKey の”send” は、IMEを利用できるが、オンになっているとログイン時にただしく情報を入力できないから、オフにする。
参考：(AutoHotkey)(IMEの制御をする編)

フォームのバリデーションテスト用入力を自動化

何ができるか？

フォームのバリデーションチェックのための記入を、スクリプトを使って自動化できる

なぜテストを書いて対応しないの?

スクリプトでのバリデーションと、JavaScript を使ったリアルタイムバリデーションを2重に行っているから、それぞれのテストを書くよりフォーム自動入力を使って作業コストを省いている

利用するアプリ

UWSC

UWSC は何ができるか？

Windows の操作を自動化できる

本件では何を行うか

文字入力、ラジオボタンやセレクトボックスを選択して、それぞれに合ったフォームを埋める

事例

次のようにならんだ項目を埋める

名前
名前カタカナ
メールアドレス
電話番号
ラジオボタン
セレクトボックス
チェックボックス

form_insert.UWS

// 初期設定
// ---------------------------------------------------

// ID Firefox 操作するアプリケーションのID を取得する
// UWSC はCOMオブジェクト形式を採用しているブラウザと相性がいいので、本来はInternet Explorer がおすすめ
Public id = GETID("Mozilla Firefox", "MozillaWindowClass")

// フォーム内容
Public form_insert[3]
form_insert[0] = "テスト江戸"
form_insert[1] = "エド"
form_insert[2] = "hogehoge@gmail.com"
form_insert[3] = "090-0000-0000"

// 名前
SendStr(id, form_insert[0])
KBD(VK_TAB)
sleep(0.3)
// 名前カタカナ
SendStr(id, form_insert[1])
KBD(VK_TAB)
sleep(0.3)
// メールアドレス
SendStr(id, form_insert[2])
KBD(VK_TAB)
sleep(0.3)
// 電話番号
SendStr(id, form_insert[3])
KBD(VK_TAB)
sleep(0.3)
// ラジオボタン
KBD(VK_DOWN)
KBD(VK_TAB)
sleep(0.3)
// セレクトボックス
KBD(VK_DOWN)
KBD(VK_TAB)
sleep(0.3)
// チェックボックス
KBD(VK_SPACE)

// 初期設定

// ---------------------------------------------------

// ID Firefox 操作するアプリケーションのID を取得する

// UWSC はCOMオブジェクト形式を採用しているブラウザと相性がいいので、本来はInternet Explorer がおすすめ

Public id = GETID("Mozilla Firefox", "MozillaWindowClass")

// フォーム内容

Public form_insert[3]

form_insert[0] = "テスト江戸"

form_insert[1] = "エド"

form_insert[2] = "hogehoge@gmail.com"

form_insert[3] = "090-0000-0000"

// 名前

SendStr(id, form_insert[0])

KBD(VK_TAB)

sleep(0.3)

// 名前カタカナ

SendStr(id, form_insert[1])

KBD(VK_TAB)

sleep(0.3)

// メールアドレス

SendStr(id, form_insert[2])

KBD(VK_TAB)

sleep(0.3)

// 電話番号

SendStr(id, form_insert[3])

KBD(VK_TAB)

sleep(0.3)

// ラジオボタン

KBD(VK_DOWN)

KBD(VK_TAB)

sleep(0.3)

// セレクトボックス

KBD(VK_DOWN)

KBD(VK_TAB)

sleep(0.3)

// チェックボックス

KBD(VK_SPACE)

使い方

UWSC で上記のファイルを開き、入力を埋めたいフォームの最初を選択、[CTRL + F1]、またはUWSC の「再生」ボタンを押して、フォームを埋める

WordPress で運用している複数のサイトの記事を、別のサイトに読み込んで表示する方法

何ができるか？

WordPress で運用している複数のサイトの記事を、別のサイトに読み込んで表示できる。

WordPress のテンプレートタグは使えないのか？

「複数サイト」という条件があると、使えない。

<?php require_once ('./wp/wp-load.php'); ?>

1	<?php require_once ('./wp/wp-load.php'); ?>

PHP でこれを付けると、同じドメインに限り記事を読み込めるが、「複数サイト」で読み込む方法が見つからなかった。

方法

jQuery で、WordPress のJSON を読み込む

“http://www.hogehoge.com/wp1/” にWordPress がインストールされている場合、次のURL でアクセスすると、JSON が取得できる。

http://www.hogehoge.com/wp1/wp-json/wp/v2/posts?_embed&per_page=3

1	http://www.hogehoge.com/wp1/wp-json/wp/v2/posts?_embed&per_page=3

“posts”以降の記述は、”_embed”で写真データを要求、”per_page=3” で記事を3つ取得

HTML の表示部分

<div class="p-blog__first"></div>

1	<div class="p-blog__first"></div>

JavaScript コード

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><!-- jquery を読み込み -->
    <script type="text/javascript">
        $.getJSON( "http://www.hogehoge.com/wp/wp-json/wp/v2/posts?_embed&per_page=3", function(results) {
            $.each(results, function(i, item) {
                var date_data = new Date(item.date);
                var year = date_data.getFullYear();
                var month = date_data.getMonth() + 1;
                var day = date_data.getDate();
                var title = item.title.rendered;
                var link = item.link;
                var date = year + '年' + month + '月' + day + '日';
                var datetime = year + '-' + month + '-' + day;
                /* 記事アイキャッチ画像の取得、画像がない場合は、代替画像を使う*/
                var thum
                if (item._embedded["wp:featuredmedia"]) {
                    thum = item._embedded["wp:featuredmedia"][0].media_details.sizes.thumbnail.source_url
                } else {
                    thum = "/images/logo.jpg";
                }
                /* 記事の書き出し */
                $(".p-blog__first").append(
                "<div class='p-blog'>
                <a href='"+
                link + "' class='p-blog__link'>" +
                "<div class='p-blog__thumb'><img src='" +
                thum + "' alt='#'></div>" +
                "<p class='p-blog__date'><time datetime='" +
                datetime + "'>" +
                date + "</time></p>" +
                "<p class='p-blog__title'>" +
                title + "</p></a></div>");
            });
        });
        </script>

$.getJSON( "http://www.hogehoge.com/wp/wp-json/wp/v2/posts?_embed&per_page=3", function(results) {

$.each(results, function(i, item) {

var date_data = new Date(item.date);

var year = date_data.getFullYear();

var month = date_data.getMonth() + 1;

var day = date_data.getDate();

var title = item.title.rendered;

var link = item.link;

var date = year + '年' + month + '月' + day + '日';

var datetime = year + '-' + month + '-' + day;

/* 記事アイキャッチ画像の取得、画像がない場合は、代替画像を使う*/

var thum

if (item._embedded["wp:featuredmedia"]) {

thum = item._embedded["wp:featuredmedia"][0].media_details.sizes.thumbnail.source_url

} else {

thum = "/images/logo.jpg";

}

/* 記事の書き出し */

$(".p-blog__first").append(

"<div class='p-blog'>

<a href='"+

link + "' class='p-blog__link'>" +

"<div class='p-blog__thumb'><img src='" +

thum + "' alt='#'></div>" +

"<p class='p-blog__date'><time datetime='" +

datetime + "'>" +

date + "</time></p>" +

"<p class='p-blog__title'>" +

title + "</p></a></div>");

});

</script>

複数ブログを読み込む

HTML の表示部分

<div class="p-blog__first"></div>
<div class="p-blog__second"></div>

1 2	<div class="p-blog__first"></div> <div class="p-blog__second"></div>

JavaScript コード

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery( function () {
        /* 各ブログのJSONを指定。URL に"_embed"で写真データを要求、"per_page=3" で記事を3つ取得*/
        /* 1つ目のブログ最新記事を表示 */
        readBlogJson("http://www.hogehoge.com/wp1/wp-json/wp/v2/posts?_embed&per_page=3", ".p-blog__first");
        /* 2つ目のブログ最新記事を表示 */
        readBlogJson("http://www.hogehoge.com/wp2/wp-json/wp/v2/posts?_embed&per_page=3", ".p-blog__second");
    });
    /* JSON を取得して、ブログ最新記事を表示 
     * 引数は、url:WordPress JSON のURL、dom:内容を表示するHTMLのクラス名 */
    function readBlogJson(url, dom) {
    /* 各WordPress のJSON を読み込んで、記事を表示する*/
        $.getJSON( url, function(results) {
            $.each(results, function(i, item) {
                var date_data = new Date(item.date);
                var year = date_data.getFullYear();
                var month = date_data.getMonth() + 1;
                var day = date_data.getDate();
                var title = item.title.rendered;
                var link = item.link;
                var date = year + '年' + month + '月' + day + '日';
                var datetime = year + '-' + month + '-' + day;
                /* 記事アイキャッチ画像の取得、画像がない場合は、代替画像を使う*/
                var thum
                if (item._embedded["wp:featuredmedia"]) {
                    thum = item._embedded["wp:featuredmedia"][0].media_details.sizes.thumbnail.source_url
                } else {
                    thum = "/images/logo.jpg";
                }
                /* 記事の書き出し */
                $(dom).append(
                "<div class='p-blog'><a href='"+
                link + "' class='p-blog__link'>" +
                "<div class='p-blog__thumb'><img src='" +
                thum + "' alt='#'></div>" +
                "<p class='p-blog__date'><time datetime='" +
                datetime + "'>" +
                date + "</time></p>" +
                "<p class='p-blog__title'>" +
                title + "</p></a></div>");
            });
        });
    }
    </script>

jQuery( function () {

/* 各ブログのJSONを指定。URL に"_embed"で写真データを要求、"per_page=3" で記事を3つ取得*/

/* 1つ目のブログ最新記事を表示 */

readBlogJson("http://www.hogehoge.com/wp1/wp-json/wp/v2/posts?_embed&per_page=3", ".p-blog__first");

/* 2つ目のブログ最新記事を表示 */

readBlogJson("http://www.hogehoge.com/wp2/wp-json/wp/v2/posts?_embed&per_page=3", ".p-blog__second");

});

/* JSON を取得して、ブログ最新記事を表示

* 引数は、url:WordPress JSON のURL、dom:内容を表示するHTMLのクラス名 */

function readBlogJson(url, dom) {

/* 各WordPress のJSON を読み込んで、記事を表示する*/

$.getJSON( url, function(results) {

$.each(results, function(i, item) {

var date_data = new Date(item.date);

var year = date_data.getFullYear();

var month = date_data.getMonth() + 1;

var day = date_data.getDate();

var title = item.title.rendered;

var link = item.link;

var date = year + '年' + month + '月' + day + '日';

var datetime = year + '-' + month + '-' + day;

/* 記事アイキャッチ画像の取得、画像がない場合は、代替画像を使う*/

var thum

if (item._embedded["wp:featuredmedia"]) {

thum = item._embedded["wp:featuredmedia"][0].media_details.sizes.thumbnail.source_url

} else {

thum = "/images/logo.jpg";

}

/* 記事の書き出し */

$(dom).append(

"<div class='p-blog'><a href='"+

link + "' class='p-blog__link'>" +

"<div class='p-blog__thumb'><img src='" +

thum + "' alt='#'></div>" +

"<p class='p-blog__date'><time datetime='" +

datetime + "'>" +

date + "</time></p>" +

"<p class='p-blog__title'>" +

title + "</p></a></div>");

});

}

</script>

Google 検索から特定のサイトを村八分にしたい

この記事のように設定すると、Chrome を使ってゲーム攻略のためにGoogle 検索しても、GameWith のサイトが検索結果に出てこなくなる。

条件

Google Chrome を使う
Google Chrome

手順

1) Chrome 拡張機能、”Personal blocklist“をインストールする

Personal blocklist

2) ブラウザ右上に表示されたPersonal blocklist のアイコンをクリックして、「インポート」をクリック

3) 該当サイトのURL を入力して「インポート」をクリック

(改行すると、複数サイトを検索除外できる)

4) インポートが完了

設定前

「MHW 英雄の龍脈石」検索すると、該当サイトが表示されている

設定後

検索結果から、該当サイトの検索結果が除外されている

「Personal Blocklist 拡張機能によって一部の検索結果が除外されています。 (表示).」の表示をクリックすると、除外された検索結果が閲覧できる。

備考

スマートフォンのChrome には、この拡張機能が対応していないのが惜しい。

test

Excel の表からHTML を書きたい

クライアントからリストを渡されて、それをHTML 化するとき、エディタでコピペするのは面倒だ。かといってデータベースを使うほどでもない時に、Excel を使う。

HTML構造

<p class="p-menu__title">商品名</p>
<p class="p-menu__price">商品価格</p>
<p class="p-menu_description">商品説明</p>

手順：

1)Excel で、品名、価格、コメントのリストを作成

2)Excel で、タグのセルではさまれた列に、それぞれのデータを貼り付け

3)タグを含んだセルを丸ごとコピーして、エディタで開いたHTML に貼り付け
例)

<p class="p-menu__title">商品A</p><p class="p-menu__price">￥380</p><p class="p-menu_description">商品説明A</p>
<p class="p-menu__title">商品B</p><p class="p-menu__price">￥580</p><p class="p-menu_description">商品説明B</p>

1 2	<p class="p-menu__title">商品A</p><p class="p-menu__price">￥380</p><p class="p-menu_description">商品説明A</p> <p class="p-menu__title">商品B</p><p class="p-menu__price">￥580</p><p class="p-menu_description">商品説明B</p>

4)コードを整形

DreamWeaver CC
編集＞コード＞ソースフォーマットの適応

Eclipse
ソース＞フォーマット
もしくは[Ctrl+Shift+F]ショートカット

小ネタ

ホームページから直接データを拾ってくる場合、表ならFirefox 限定で表選択(Ctrl + マウスドラッグ)ができる。

または、文章ダブルクリックで単語選択
トリプルクリックで段落選択できるので、これを利用する。

現状把握

計画立案

着眼点

学習の管理

頻度

教材

方針

効果測定

30週後の成績

その後

英文記事の写本について

メールアカウント名を変える

手順

メールアカウントの変更許可が下りない場合

G-Suite を使う

Outlook を使って2秒でスパムメールを通報するショートカットを作る

設定方法

動作の確認

スパムメール通報のテンプレートを作る

作成方法

使い方

スパム通報経過報告

背景

SNS 集客記事テンプレ

何ができるか？

概要

利用するアプリ

AutoHotKey は何ができるか？

本件では何を行うか

スクリプト

備考

何ができるか？

なぜログイン状態をブラウザで維持しないのか？

注意事項

利用するアプリ

AutoHotKey は何ができるか？

本件では何を行うか

事例

login_at_Firefox.ahk

使い方

備考

何ができるか？

なぜテストを書いて対応しないの?

利用するアプリ

UWSC は何ができるか？

本件では何を行うか

事例

form_insert.UWS

使い方

何ができるか？

WordPress のテンプレートタグは使えないのか？

方法

複数ブログを読み込む

条件

手順

設定前

設定後

備考

HTML構造

手順：

1)Excel で、品名、価格、コメントのリストを作成

2)Excel で、タグのセルではさまれた列に、それぞれのデータを貼り付け

3)タグを含んだセルを丸ごとコピーして、エディタで開いたHTML に貼り付け 例)

4)コードを整形

小ネタ

3)タグを含んだセルを丸ごとコピーして、エディタで開いたHTML に貼り付け
例)