読者です 読者をやめる 読者になる 読者になる

コンユウメモ

技術メモを忘れるのでBlogでメモ

Amazon Dash ButtonでGet Wildな音姫をDIY

クソアプリ Advent Calendar 2016 6日目が放置されていたので、またしょうもないものを作ったので勝手に代打をします

はじめに

トイレでウンコをしているときにブリブリうるさいと嫁に叱られるので、排便の気配が来たら「あーー」と声をだすようにしたところ

「あーーー」っと大声で注目を集めた集めた挙句にブッブーとおならサウンドを聞かせるだけだったので別の手段を講じることにした。

Amazon Dash Buttonを使って、音声ファイルが再生できれば「音姫」をDIYすることが出来るのではないかというわけで

Amazon Dash ButtonとRaspberry PiGet Wildを再生できるようにした。

※ ちなみにオレはライブに行くくらいのTMNファンである

Raspbery Piの環境

  • ラズパイ本体: Raspberry Pi typeB
  • アナログスピーカー
  • OS: raspbian jessie

mp3の再生

mp3の再生にvlcをインストール 

sudo apt-get install vlc

コマンドラインでmp3再生

カレントディレクトリにあるGet Wildのmp3ファイル(getwild.mp3)をVLCで再生する

cvlc getwild.mp3

ここで、スピーカーから「ふんふんふーん ふふんふーん」とイントロが聞こえてきたら成功

もしHDMIに画面に出力している場合、アナログ出力に音声の出力先を換える

amixer cset numid=3 1

Amazon Dash Buttonの設定 

Amazon Dash ButtonをiTunesプレイヤーにしてみた の Amazon Dash Buttonの同期 の辺りを参考すると良い。

ざっくりいうと、通常通りAmazon Dash Buttonの設定をするが、商品選択のタイミングで設定しなければ良い

Nodeの設定

Amazon Dash Buttonを利用するNode.jsライブラリにdash-buttonを利用した。

必要なライブラリlibpcapをインストール

sudo apt-get install libpcap-dev

npmのインストール

sudo apt-get install npm

dash-buttonのインストール

sudo npm install --save dash-button

Amazon Dash Buttonのマックアドレスをスキャン

よくわかってないがmdash-buttonはAmazon Dash Buttonのマックアドレスを調べて、Amazon Dash Buttonのmacアドレスが通信を発信したのをフックしてコマンドを実行するらしい。その為Amazon Dash Buttonのマックアドレスを取得する。

取得する機能はdash-buttonに含まれている。

package.jsonファイルに下記のようにする

{
  "scripts": {
    "scan": "dash-button scan"
  }
}

スキャン実行

sudo npm run scan
# このタイミングでAmazon Dash Buttonを押すと下記の様にマックアドレスが表示される
Detected a DHCP request or ARP probe from xx:xx:xx:xx:xx:xx

Get Wild再生プログラム

以下のようにGet Wildを再生するコードをgetwild.jsというファイル名で保存する

const DashButton = require("dash-button");

const PHY_ADDR = "xx:xx:xx:xx:xx:xx"; // ここでマックアドレスを指定
let button = new DashButton(PHY_ADDR);
console.log("WILD AND TOUGH'")

//実行部
button.addListener(() => {
    const exec = require('child_process').exec;
    // execの第一引数にmp3再生のコマンドを記述する
    exec('cvlc getwild.mp3', (err, stdout, stderr) => {
        if (err) { console.log(err); }
        console.log(stdout);
    });

});

実行

sudo node getwild.js

プログラムが起動したら、Amazon Dash Buttonを押すとこんな感じでWild and Toughだ

課題

  • 一回ボタンを押したら、音声を停止できない
  • 一階ボタンを押したら、node.jsを再起動させないと、再びボタンを押しても反応しない。これプログラムでどうにかなるのかな?
    • node-dash-buttonを使うと上記2つの問題を解決できるかもしれない

参考資料

今年もクソアプリ作るぜ!HTML5で2000年頃のHP風にプロフィールサイトを作ったぜ

クソアプリ HTML5

クソアプリ Advent Calendar 2016 1日目の投稿です。

概要

HTML5、CSS3で2000年頃のホームページ風にプロフィールページを作成した。 ホスティング先は今時のGithub pages

作ったサイトはこれ

https://konyu.github.io/

ベースはTwitter BootstrapではなくGooglematerial design liteを使い、レスポンシブ対応し、header, footer, main, sectionタグを用いて構造を作成し、css3を用いてアニメーションを利用した

ここから2000年頃のHP風のこだわりのポイントを1つずつ解説していく

タイトルは「無題ドキュメント」

ホームページビルダーで作られたページのデフォルト名は「無題ドキュメント」昔作られたいい加減なサイトはけっこう「無題ドキュメント」である。

いまでも「無題ドキュメント」で検索すると、昔の個人ページや企業ページがヒットするので調べてみるといいだろう

<title>無題ドキュメント</title>

metaタグにホームページビルダーのタグ

ホームページを作るといえばホームページビルダー

もちろん今回作成するにあたって使ってない

<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows" />

ジオシティーズの広告が入ってる

ホームページといえばYahoo Geocities。無料版だと自動で広告がページトップに挿入されるのだ。

その広告を適当に再現

スクリーンショット 2016-12-01 23.07.51.png

無駄に背景が連続した画像

スクリーンショット 2016-12-01 23.06.25.png

無駄に画像を字が読みにくい感じで背景画像を設定

Japanese ONLYの謎の人種差別的挨拶

「Sorry,this site is Japanese ONLY」をサイトトップに追加 日本語だけで申し訳ない気持ちを表してるが、英語的に全然ダメ。当時からおかしいという指摘は多々あったけど。 エスカレータは本来2列で並ぶべきなのに、片側を空けてしまうように広まってしまっていたのだ

ダサい感じのアクセスカウンタ

カウンターはなぜかカンストしてるかデータが吹っ飛んでるかで1000+とかで下駄を履いているのもポイント

※ カウンターはイメージです

リンクするルールとバナー画像

スクリーンショット 2016-12-01 23.19.19.png

リンクしてくれるホームページに設置できるように、バナー画像を用意するものなのだ

※ リンクフリーというのもよく使われるけど英語的に間違ってるよ

tableタグをGrid systemで表現

スクリーンショット 2016-12-01 23.22.59.png

昔のページでよく使われたtableタグを多用して作られてるように見えるが、material design liteのグリッドシステムで再現

iframe風のサイドバー

スクリーンショット 2016-12-01 23.27.38.png | スクリーンショット 2016-12-01 23.36.50.png

iframe風のサイドバーは、画面幅が狭くなると自動で非表示になる。スマフォでアクセスしても非表示。

無駄に激しくチカチカするnewアイコン

古くはgifアニメで作られていたがcssのアニメーションで再現

ゲストブック用のBBS

最近めっきりなくなった掲示板(BBS)は昔のサイトは挨拶用とか、XXXXを語る用とか1つのHPに複数のBBSがあったりしたもんよ

100の質問と工事中

その名の通り、昔はやったしょうもない質問が100個ある。100の質問(さらにしょうもない1000の質問というもうクソミソなものもあったもんよ)

そして永遠に工事が完了しないサグラダ・ファミリアのような工事中の表示

なぜか自分のPCの説明のページがある

歴代の自宅PCのマシンスペックが「CPU Pentium3 1GHz」とか「メモリ 512MB」とか書いてある

メーカーのPCが高くて、自作PCで組むと1/3ぐらいの金額で組めた時代だからかね

ポインタについてくる文字列たち

視認性を下げUXを著しく下げるJavascript

Special Thanks

参考にしたサイトたち

正社員を辞めて個人事業主(フリーランス)なるときに正規の手続きを踏んでハローワークから再就職手当を貰おう

※この方法は不正なことをしているわけでもなく、ハローワークの職員の方に確認し正規の手続きを踏んでいるものです

本稿の対象者

対象者: 自己都合で正社員を退職し、正社員で働くか個人事業主として働くことも視野に入れている人 対象外: 自己都合で正社員を退職し、次も必ず正社員として再就職しようとする人

ここで述べる内容

ネットで調べてもよくわからなかった

  • 自己都合で退職した場合、再就職手当を満額もらうにはどうすればよい?
  • 再就職手当は結局いくら貰えるの?
  • 無職期間中にフリーランスの仕事をしてもよいのか?
  • フリーランスの仕事はいくらまで稼いでもよいのか?
  • いつから個人事業主として開業届けを出せばよいのか?
  • 個人事業主が再就職と認められるにはどうすればよいのか?

を以下の切り口で共有します。

  • 受給できる条件
  • ハローワークに行く回数と、その際に必要な書類
  • 求職中に稼いでも大丈夫か

注意書き

住んでいる都道府県の違いや諸条件が変わっている可能性があるので、自分が住んでる対象のハローワークで疑問点は必ず確認すること

受給できる条件

雇用保険受給資格の受給資格があること、1年以上働いていれば良かったはずです。 基本的に給料から天引きされているされているので、正社員として働いていれば問題ないでしょう。

自己都合で退職した場合は失業保険の給付が開始されるまで3ヶ月の給付制限をその間に正社員か、個人事業主になるかを選択し、失業保険に一切手を付けずにそのまま再就職手当として満額受けとれます。

正社員をしながら、個人事業主として働いている場合は一度廃業する必要がある

オレもこのパターンだったのですが、正社員として給与を頂いている他に、個人事業主の開業届を提出して、個人事業主としてソフトウェア開発の業務をしていました。

この状態は、正社員を退職した後にハローワークに行っても、失業者として認められません。

個人事業主の廃業届を出していて個人事業主じゃなくても業務委託の仕事をして違法ではないのでOKです。確定申告はしっかりする必要はあります

ハローワークに行く回数と、その際に必要な書類

ハローワークへ行く回数は一番少なくて、

  • 資格決定日
  • 初回認定日
  • 再就職の報告日

の計三回

再就職手当を満額もらうためには、失業手当を1度ももらうこと無く、再就職の手続きをする必要があります。

オレの場合は、退職前に退職中に業務委託の仕事を受けることが出来るかなど相談しに行ったので資格決定日の前に一度ハローワークを訪れています。

資格決定日(初めてハローワークに行く日)

勤めていた企業から離職票が送られてきたら(離職票がなかなか来なかったら前職にフォローしましょう) ハローワークに行き、受付の人に「初めて来ました」など言えば適宜案内してくれます。

ハローワークに行くと、以下のように行った日からいつに、いつから何があるか、何をしなければならないのかわかる表をもらえるで計画的に手続きをすすめると良いです。 f:id:kon_yu:20161031144236j:plain

f:id:kon_yu:20161031144253j:plain

必要書類

待機期間

この待機期間は業務委託の仕事もしてはいけません。

初回認定日

同じ時期にハローワークに訪れた人たち(同期?)と一緒にハローワークの使い方や再就職について講義を受けます。たぶんどこのハローワークでも朝早いので遅刻しないよう気をつけましょう。

このとき雇用保険受給者資格証という、ハローワークに行く際にかならず使う、活動記録と個人情報が載っている、いわばハローワークのパスポートが配布されるのでなくさないように気をつけましょう。

個人事業主として再就職の報告

正社員か、個人事業主かの選択で、個人事業主として生活していける目処と覚悟が決まったら個人事業主の開業届を出します。

ただし開業届を出す日にちに注意が必要です。

いつ個人事業主の開業届けを出すか

再就職手当を受け取るには、待機期間後から1ヶ月ほどの間はハローワークが仲介した再就職先以外で再就職しても再就職手当を受け取ることができません。

個人事業主の開業届を税務署に提出した日から再就職としてカウントされるため、この期間中に出すといままでハローワークに通った意味がなくなってしまうので注意が必要です。

必要書類

  • 雇用保険受給者資格証
  • 開業届のコピー
  • 個人事業主として1年以上働けることを証明できる書類のコピー

最後の「個人事業主として1年以上働けることを証明できる書類」というのが厄介です。

個人事業主として1年以上働けることを証明できる書類

自分の場合はソフトウェア開発をなりわいにしているので、ハローワークの職員の方に相談して、 開業届けの提出日以降の契約書で1年より長く仕事があることが証明できる契約書のコピーを提出することにしました。

1年以上仕事があることが証明できる契約書についてはややこしくて、 契約期間が1年だとNGで、業務委託契約の場合「契約期間終了後、両者の合意の上自動的に1年更新される」など1年 < 契約期間である必要がある。

なので長期の業務委託契約と契約書の結ぶ際に業務委託先と契約書についてキチンと話し合いをしてください。契約終了の項目で契約期間中に契約終了できる項目があっても問題はないです。

再就職手当の振込

必要書類を揃えハローワークで手続きを終えて、大体2ヶ月ぐらい立ったらハローワークから再就職手当が振り込まれます。

結局いくらもらえるのか

f:id:kon_yu:20161027110309j:plain

ややこしい計算は置いといて書いていますが、ざっくりオレは30数万円でした。

再就職手当は、失業保険の給付金として支払われる50~60%が支払われます。給付金の金額は年齢や勤続年数により細かく上下します。しかし金額に上限があり、その上限も高くはありませんでした。

オレの場合は日割の金額が上限を振り切っていたので上限の金額がもととなりました。

それにこのお金は非課税なのも嬉しいところです。

求職中に稼いでも大丈夫か

稼ぐ金額に金額の上限はあるか?

金額の上限はない。これは下記の期間のいつでも同じく上限はない

資格決定日(初めてハローワークに行く日) までの間

ハローワークに申請する必要なし

待機期間中

先にも書いたが一切働いてはダメ、大型連休などはさむと業務に支障が出づらいでしょう。 待機期間を考慮して、資格決定日(初めてハローワークに行く日)を逆算して決めるのも賢い手段ですね。

初回認定日まで 

稼いでOKだが、ハローワークにて申請書に働いた日に丸をつけると必要がある。 これをちゃんとやらないでばれると手当を不正受給扱いになるので注意

個人事業主として再就職の報告までの期間中

こちらももちろん稼いでOK、同様にハローワークにて申請書に働いた日に丸をつける必要があります。

まとめ

  • きちんと手続きをすればハローワークから失業保険を貰わなくても再就職手当として大きいお金が給付される
  • 企業に再就職しないで個人事業主でも再就職手当がもらえる
  • 無職期間中にハローワークに事前ではなく、事後報告すれば業務委託(それ以外も?)で仕事をしても良いし、金額の上限はない
  • 無職と認められるには正社員兼、個人事業主の場合は廃業届を税務署に出す必要がある
  • 個人事業主の開業届を出す日は、ハローワークが斡旋する企業以外で再就職した場合に再就職手当が給付される日以降であること
  • 再就職手当は失業手当の50%ほど、けっこう良い金額がもらえる
  • 【一番大事】わからないことがあったらネットではなく最寄りのハローワークで相談すること

こんなツイートしたら軽くバズったのできちんと記事にしてみた。