2017年11月8日、Amazonより日本語に対応したAmazon Echoがリリースされました。
アメリカでの発売の2014年11月6日から約3年越しでの日本版リリースとなります。
mt8では、このリリースに合わせる形で株式会社Secual様のホームセキュリティサービスを音声操作することができるAlexa SkillをTinmsと共同開発を行いました。
本スキルは日本語での操作が可能です。
株式会社Secual | スマート・セキュリティのSecual(セキュアル) 、「Amazon Alexa」に対応開始 ～「Secual」のAlexaスキルを一般公開、音声コントロールが可能に～
Tinms | Amazon Echo に対応した スマートホーム Alexaスキル開発事例 (株式会社 Secual 様)
記事INDEX
クローズドベータから少し触っていたShifterをちゃんと使う機会がやってきたので、さくっと手順をまとめておきます。
慣れていれば１時間もあれば独自ドメインでShifterによって静的化されたWordPressサイトを立ち上げることができますよ。
※スクリーンショットは面倒なので撮ってません。
※AWS Route53でもドメイン取得可能ですが、個人的にドメインの取得はお名前.comにまとめています。ドメイン登録できればどこでもOKです。
※独自ドメインを割り当てるので、Shifterのプランはpersonal以上を選択しましょう。月払いの場合$20/月、年払いの場合$15/月となります。
レジストラでドメインが取得できたら、ネームサーバーはとりあえずAWSのRoute53に設定しましょう。それが近道です。
お名前.comで取得したドメインをRoute53に設定するには以下の記事を参考に。
お名前.comで取得したドメインのネームサーバーをRoute53に変更しELB配下のWebページをドメインで引けるようにする – Qiita
Shifterでドメイン認証をする際にメール受信ができる必要があります。
わざわざメールサーバーを立てずとも、AWSのSESを使えば取得したてのドメインもすぐにメール受信ができますよ。
手順は以下。
※SESは東京リージョンに対応していないので、バージニアリージョンあたりで設定しましょう。
今回はそれに伴ってメール受信用のバケットもバージニアリージョンにしておきました。
SESでメール受信してS3にメールを保存するには以下の記事を参考に。
[新機能]Amazon SES でメール受信が出来るようになりました！ ｜ Developers.IO
ちなみに、SESでメール受信するS3バケットには以下のようなバケットポリシーを設定しておかないと、SESで受信ルールを作成するときにエラーになりました。
{
"Version": "2008-10-17",
"Statement": [
{
"Sid": "GiveSESPermissionToWriteEmail",
"Effect": "Allow",
"Principal": {
"Service": "ses.amazonaws.com"
},
"Action": "s3:PutObject",
"Resource": "arn:aws:s3:::バケット名/*",
"Condition": {
"StringEquals": {
"aws:Referer": "数字のAWSアカウントID"
}
}
}
]
}
参考：Amazon SES に対する E メール受信に関するアクセス権限の付与 – Amazon Simple Email Service
Shifterダッシュボードの、Project – Domainsにすすみ、取得しRoute53に設定したドメインを追加します。
なお、ドメインはネイキッドドメインではなくて、www.などのサブドメインを登録しましょう。
ドメインを追加すると、admin@ドメイン等のメールアドレスにAWSから認証メールが届きますので、SESでメール受信設定をしたS3バケットを確認します。
S3に保存されているメールのオブジェクト名はハッシュ値のような名前になっています。
テキストエディタなどで開いて、以下のような文章を探して下さい。
To approve this request, go to Amazon Certificate Approvals at
https://certificates.amazon.com/approvals?code=ここは認証コード
and follow the instructions on the page.
見つかったら、ブラウザにURLを貼り付けて開きます。
表示されているドメインが正しければ「I Approve」をクリックしましょう。
これで、AWSのACMのSSL証明書が使えるようになりました。
Shifterでは既存のWordPressをインポートすることもできますが、今回は新規のWordPressを作成します。
プロジェクトの作成が終わったら、Step 1: Start WordPress SiteでPHPのバージョンを選んで、StartをクリックしてWordPressを立ち上げましょう。
立ち上げるごとにURLが変わる編集用のWordPressで構築などを一通り終えたら、StopをクリックしてWordPressを止めておきましょう。
Step 2: Generate your websiteより、Generateをクリックして編集用のWordPressを静的化します。記事の数にもよりますが、少し時間がかかります。
Step 3: Publish websiteより、配信を行うCDNを選択します。
記事を書いている時点では以下の２つのCDNが選択できます。
今回はShifter CDNを選択しました。
Shifter CDN CNAMEsに表示されているドメインを取得したドメインのCNAMEに設定すれば、独自ドメインよりShifterで静的化されたWordPressサイトの公開が可能となります。
記事INDEX
Twitterのミッションは、言語や文化などの障壁をなくして、思いついたアイデアや見つけた情報を一瞬にして共有する力をすべての人に提供することです。
つぶやいていますか？
私はここ数年、Facebookを使うことの方が増えました。
諸事情であるツイートがなされた時間を記録したいというケースがありました。
ツイートごとのタイムスタンプについては、「●●時間前」「●●分前」「●●秒前」と表示されているリンクをクリックすることで確認することができます。
そこで、ツイートの時間を見るとどうも時間が合っていない気がしました。
１０数時間ずれています。
ツイッターのアカウント設定を確認するとすぐに分かりました。
アカウント開設した直後だと、タイムゾーンは（GMT-7:00) Pacific Time(US & Canada)になっていました。
(GMT+9:00)Osakaか、(GMT+9:00)Tokyoにすることで日本時間となります。
誰かの参考になれば
「投稿」のアーカイブ件数は 表示設定の「1ページに表示する最大投稿数」を使用するが、functions.phpなどで追加したカスタム投稿タイプに対しては表示件数を分けたいということがあります。
contextオブジェクトにロググループ名とログストリーム名が渡ってきているので、マネジドコンソールのURLを組み立てているだけ。
エラー時にメールで飛ばしておけば、（割と）すぐに確認することができるかもしれません。
実際の運用では、このURLをAmazon SNSに通知するなどしてメールやSlackに流しています。
Node.jsでも同じようなことができるはず。
参考：
とりあえず手順だけまとめておきます。
記事INDEX
application/json{ "stage": "$context.stage" }event['stage']で参照可能。
API Gatewayのテストボタンでのステージ名はtest-invoke-stageとなります。
API Gateway API リクエストとレスポンスペイロードのマッピングテンプレートのリファレンス >> $context 変数へのアクセス
記事INDEX
沖縄県で開催されているHackers Champloo 2016に参加しています。
3日目、合宿最終日です。2日目のレポートはこちら
2日目は早めに寝ました。
朝焼けを見に行くために・・・(4時に起きました）
ホテルに戻ったらすぐお仕事です。
皆さん3日目にしてこの集中！すごい。
本日のランチも「情報を育てる」という視点で作られた、 自律的なチームのためのドキュメント共有サービス、esaを開発・運営されている合同会社 esa様がランチスポンサーとしてご提供して下さっていました。ありがとうございます！
一部残っていた案件の調整を行い、目標としていた開発は80%終わりました。
そろそろ観光もしたくなってきたので、合宿開発はここで終了しました。
こんな景色を見にきました。沖縄いいですねえ。
ホテルに戻ってすぐに寝てしまい、合宿部屋のプチ打ち上げに参加できませんでした・・・申し訳ありません。
今回初めての開発合宿だったのですが、こんなに集中して作業できるとは思いませんでした。
何か成果を公開できる開発内容を持って来ればよかった・・・というのが唯一の後悔です。
実行委員の皆さん、合宿のお世話など本当にありがとうございました！
来年も参加したいと思いました！
詳細はこちら→https://hackers-champloo.doorkeeper.jp/events/42325
フライトの都合上、昼過ぎには撤収しないといけませんが、最後まで楽しみにしています！
最終日もよろしくお願いします！
現場からは以上です。
記事INDEX
沖縄県で開催されているHackers Champloo 2016に参加しています。
2日目です。1日目のレポートはこちら
ウェルカムパーティの後はホテルの部屋で仕事の調整などを行いました。
明け方までいろいろやっていたら、外がいい感じの色になってました。
チェックイン時にもらっていた朝食チケットで食べました。
リゾート感のある朝食会場でした。
朝食会場がオープンしてすぐ(6:40)だったのですが、何名か合宿参加者の方がいらっしゃいました。
結構種類が多かったのですが、寝不足なので控え気味に。
今日も沖縄はいい天気です。
朝食後、電話対応・オンラインミーティングといういつも通りの流れになり部屋に閉じこもって作業しました。
部屋からの眺めがよく、意外と集中できました。
一瞬、開発スペースにも顔を出したのですが、再度呼び出しで部屋に閉じこもる・・・
合宿参加者向けのSlackチャンネルに「ビュッフェデプロイされました！」と実行委員の方から通知がありました。
続々とランチがデプロイされていきます。
本日のランチは「情報を育てる」という視点で作られた、 自律的なチームのためのドキュメント共有サービス、esaを開発・運営されている合同会社 esa様がランチスポンサーとしてご提供して下さいました。感謝！
今回の合宿のしおりにもesaが使われていましたよ。今度使ってみたいと思います！
引き続き、あちこちに連絡したりとなかなか集中できない状況でしたが、もくもくと開発を進めました。
個人的な目標は40%程達成しました。
お腹が空いたなあと思った時には19時を過ぎていました・・・
沖縄の19時過ぎ、明るすぎる・・・
日が落ちてきました。夕日が綺麗に見える部屋でよかった。
少し涼しくなってきたのでベランダでもくもく作業。
夕食に出かけようとも思ったのですが、集中していたのとルームサービスができるようなので、ピザを注文しました。
ホテル敷地内にあるピザ屋さんが20分ほどで届けてくれました。
そんなところで、ただの日記みたいになってしまいました。
今日はミーティングが多く、部屋に閉じこもっての作業になってしまったのでもったいなかった・・・。
現場からは以上です。
記事INDEX
沖縄県で開催されているHackers Champloo 2016に参加しています。
2013年から開催されていて、2015年からはカンファレンスだけでなく開発合宿があるということなので急遽参加してみました。
※急遽の参加で実行委員の方々にはご無理をお願いしてしまい申し訳ありませんでした。
私は兵庫県神戸市からの参加で、関西国際空港から那覇空港にやってきました。
本格的な梅雨を迎えた本州と打って変わり、ど快晴で沖縄が迎えてくれました。
１時過ぎに到着したので、腹ごしらえ。まあ、沖縄そばになりますよね。
昼食後、空港の窓から「空綺麗だなー」とか思いながら写真を撮っていたら集合時間の14:30が迫っていました。
集合場所には、大きな水槽があって、沖縄のカラフルな魚たちが泳いでいました。
目印を発見したので一安心です。ここでバスに乗るメンバーの到着を待ちました。
全員揃ったところでシャトルバスでホテルへ向かいます。
50分ほどで会場となるホテル「EMウェルネスリゾートコスタビスタ沖縄 ホテル＆スパ」に到着しました。
開発合宿用のもくもく作業スペースは、このホテルのギャラリースペースを貸し切って行われます。
事前にホテルについて調べてなかったのですが、このホテルかなりいい感じです。
ベランダからの景色が最高（ちょっとオーシャンビュー）
17:00からオリエンテーションが行われ、実行委員の方々からご挨拶がありました。
そこで、今回は学生の方が参加していることを知りました。
学生のうちからこういったコミュニティーに参加するというのは、とても素晴らしいことですね。
そして、それを受け入れるイベントも素敵だなあと思いました。
17:30にホテルを出発し、30-40分ほどでウェエルカムパーティの会場である、北谷町のビアライゼ （Beer Rize）に到着しました。（地ビール・クラフトビール！）
そこからは、まあご想像にお任せします笑
たくさん飲んでたくさん交流をしました。
21:00にウェエルカムパーティが終了し、ホテルに戻りました。
ちなみに今日は満月だったようで、ものすごく綺麗な月が見れましたよ。
部屋のベランダからの夜景もいい感じです。
今回、このイベントは開催の1週間前に知りました。
いろいろ期限が迫っている中タスクを消化できない状況にありまして、とりあえず以下を達成することが今回の目標です。
どれだけ達成できるか分かりませんが、集中モードで頑張りたいと思います。
最後に、今回参加を許してくれた妻に感謝の意を表して締めくくりたいと思います。
現場からは以上です。
（明日も酔っ払ってなかれば書きます）
記事INDEX
使ってますか？Googleのブラウザ。最近もっさりしてきたと聞きますが、あんまり拡張を入れずに使っている私はとくにもっさり感は味わっていません。
速度も速いし、GoogleアカウントでログインしていればMac Book と、iPhone間で履歴やブックマーク（あんまり使わないが）を共有できるので便利ですよね。
mt8では、いわゆるコーディングという作業は請け負っていないのですが、どうしてもフロント周りの動作を確認したり、デバックする時にはこのインスペクタ（デバッカー）がとても便利です。
最近ではログイン用のパスワードを1Passwordなどのツールを使うことで、極力パスワードを暗記したり使いまわしたりすることがないようにしていますが、クライアント様によっては、WordPressのログイン情報だったりを保存している方もいらっしゃいます。
当方で納品させて頂いたシステムなどであればよいのですが、引き継ぎ案件だったりすると調べようがなくて困っちゃいますよね。
たまに、こんな依頼があります。
いえ、よくあります。
パスワードって忘れがちですよね。
そこで今回は、Google Chormeに保存したパスワードを調べる方法について考えてみました。
できるかな？と思って試したら一発でいけました。
まずは、ログイン画面を開きます。（このログイン情報はダミーです）
パスワードは、「**********」でマスクされているので、当然分かりませんよね。
そこで、パスワードの入力フォームで右クリックして「検証」を開きます。
たくさんソースが表示されますが、パスワードの入力フォームにはtype="password"というコードがありますよ。
このままでは「検証」でもパスワードが見れません。
そこで、type="password"を、type="text"に変えてみます。
そうすると、無事パスワードを確認することができました。
この場合は、「password」がパスワードでした。
※このログイン情報はダミーなのでアタックしないで下さいね。
クライアント様に「ログインはできるんだけど、パスワードが分からなくて・・・」と言われたときはこの方法を教えてあげるか、実際にやってあげましょう。
よいパスワードライフを！
＊＊＊FBでコメントをもらいました＊＊＊
Chromeの設定 → 詳細設定を表示 → 「パスワードを管理」 → 保存したパスワード → 「見たいパスワードをクリックして」表示ボタンをクリック → OSのログインパスワードを入力
で簡単に見ることができました・・・。
