超便利！Excelでフリガナを自動表示してくれるPHONETIC関数

転職活動で履歴書を書くときに、おもしろくて便利な関数を発見した。

それが PHONETIC関数 ！！

名前や住所を入力したときに、自動でフリガナを表示してくれるすごいヤツ

PHONETIC関数をつかう

=PHONETIC(参照セル) とセルに入力するだけ。

これだけでフリガナが表示される。
下図のように常用漢字以外でもフリガナが表示されるのでかなり便利！

楽天メールdeポイントのURLを抽出しスプレッドシートに自動で出力する方法

学生のころは、時間はたっぷりあるけどお金がないということで、楽天（インフォシーク）の「メールdeポイント」のURLをクリックして小銭を稼いでいた。
しかし、社会人になって「労力 >>>>>> 対価」だと気づき、ずいぶんと放置していた。

Infoseek メールdeポイント とは
1通ごとに必ずポイント＆ポイナビ補助券がついてくるお得なメールサービスです。
【楽天PointClub】Infoseek メールdeポイントでポイントが貯まる

でも、ある程度自動化できたら便利じゃない？


ということで、Gmailに届いた「メールdeポイント」から対象URLを抽出し、Googleスプレッドシートに自動で出力するスクリプトをつくってみた。

プログラマに伝えるためのIssue（バグレポート）の書き方【GitHub編】

GitHubでアプリケーションを公開してから、Todoの代わりとしてIssueを書きたくなった。
ということで、プログラマに伝えるためのIssue（バグレポート）の書き方をまとめてみた。
ついでに、前職の炎上プロジェクトで多くのバグ報告を書いて、対応してきたので、そのときの経験も踏まえて書いておく。

Title

タイトルを書くときのポイントは次のとおり。

• 簡潔であること
• バグの内容が把握できること
• 設計要素の名称を書くこと
• 発生した状況がわかること

例：【伝票検索画面】キーワードを入力し検索ボタンを押下するとエラー

タイトルの先頭に【優先度】や【機能名】のように、隅付き括弧で目印を書くことが多い。

リンクをバックグラウンドで開いたときにタブ情報を取得する方法

Chrome Extensions（拡張機能）では、Content Script・Background間で通信するときに「sendMessage」と「onMessage」をつかう。

Content ScriptからBackgroundへの通信は、特別なことをしなくてもできる。
しかし、BackgroundからContent Scriptへの通信は、ブラウザのどのタブに送信するかを示すタブIDが必要になる。


通常であれば、次のような実装ができる。

// background.js
  chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        // いろんな処理
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {
            // いろんな処理
            }, callback);
    }
);

しかし、ミドルクリック（ホイールクリック）などで、リンクをバックグラウンドで開いた場合、先にあげた実装方法では対処できない。


バックグラウンドで開いているため、タブがアクティブにならずchrome.tabs.queryではタブ情報が取得できないからだ。そのため、tabs[0].idの部分で次のようなエラーが発生してしまう。

Error in response to tabs.query: TypeError: Cannot read property 'id' of undefined

※ 「バックグラウンドで開く」とは、リンクを新しいタブで開くがアクティブにならないことを指す。もう少し補足すると、リンクを開いたときに表示されるタブが現在閲覧しているタブのままで、開かれたタブに移動しないということ。

onsubmit="return false"にしているのにsubmitされてしまう

photo by Alex Proimos

Chrome Extensions（拡張機能）を開発しているときに、submitの無効化でつまづいたのでまとめておく。

submitが無効化できない

Extensions用のページで<form onsubmit=”return false;”>と書いているのに、なぜかページが更新されてしまった。

3時間くらい悩んで、コンソールに一瞬だけエラーが表示されていることに気づいた。
エラー内容は次のようなもの。

Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'". Either the 'unsafe-inline' keyword, a hash('sha256-....'), or a nonce ('nonce-...') is required to enabled inline execution.

インラインでJavaScript書いちゃダメだよ！というエラー。

Chrome Extensionsは、HTMLに<script type="text/javascript"></script>とか<form onsubmit=”return false;”>とは書かずに、すべて外部ファイルにまとめなければならない。