[解決編]AlexaからIFTTT経由でショッピングリストの情報を取得すると文字化けするのをなんとかした
[解決編]AlexaからIFTTT経由でショッピングリストの情報を取得すると文字化けするのをなんとかした https://qiita.com/ryo_naka/items/e1cf404e70943669c502
投稿
自動翻訳と機密情
自動翻訳と機密情報 – Microsoft Translator https://blogs.technet.microsoft.com/mssvrpmj/2018/10/14/microsoft-translator/
ストック
Python3 のソースを JavaScript に移植する際にFunction作った https://qiita.com/fujisystem/items/1fe14d76dc6573fd962c
[JavaScript]eachメソッドなどで複製したフォームを特定する方法
[JavaScript]eachメソッドなどで複製したフォームを特定する方法 : プレビュー機能(JavaScript)の実装のお話です。 もっと良い方法があるかもしれませんが、 初学者の一つのやり方として大目に見てください。 問題 このような3つ連なった画像投稿フォームがあったとします。 このフォームはtimesメソッドで li.list-group-item の複製で出来ています。 ## new.html.haml - 3.times do |i| %li.list-group-item.col-md-4 .image-upload = f.fields_for :captured_images do |image| %img.s-preview = image.file_field = image.hidden_field これに、JavaScriptでプレビュー機能を追加したいと考えました。 ## preview.js $(function(){ $('.sub_image_uploader').change(function(e){ var file = e.target.files[0]; var reader = new FileReader(); if(file.type.indexOf("image") < 0){ alert("画像ファイルを指定してください。"); return false; } reader.onload = (function(file){ return function(e){ $(.s-preview).attr("src", e.target.result); $(.s-preview).attr("title", file.name); }; })(file); reader.readAsDataURL(file);...
AWSエンジニアのためのOpenStackコンポーネント/用語 対応表
AWSエンジニアのためのOpenStackコンポーネント/用語 対応表 : 個人的に、OPCEL受験が必要になったので、 少しでも覚えやすくするために作ってみました。 役割 AWS OpenStack コンピュート EC2 nova サイズ インスタンスタイプ フレーバー ネットワーク VPC neutron 認証 IAM keystone 権限 アカウント テナントorプロジェクト 権限 IAM ユーザー 権限 IAM管理ポリシー ロール 権限 IAMユーザー定義ポリシー policy.json（直接編集、UIなし） 上限 制限 クォータ グローバルIP EIP フローティングIP LB ELB HAProxy OSイメージ AMI Glance インスタンスバックアップ AMI スナップショット ブロックストレージ EBS Cinder オブジェクトストレージ S3 Swift ダッシュボード マネージメントコンソール Horizon 計測 CloudWatch Ceilometer(課金データ)/Monasca(User向け) オーケストレーション CloudFormation Heat 鍵管理 KMS Barbican DNS Route53 Designate コンテナ展開 Fargate Magnum ファイル共有 EFS Manila DB RDS Trove Hadoop EMR Sahara アプリカタログ マーケットプレイス Murano メッセージング SQS/SNS Zaqar ベアメタル ベアメタルインスタンス Ironic FaaS Lambda Qinling HA オートヒーリング Masakari アクセラレーション Elastic GPU/FPGA Cyborg
【textyle.js】CSSを書かずにテキストのスタイルを簡単にカスタマイズ
【textyle.js】CSSを書かずにテキストのスタイルを簡単にカスタマイズ : textyle.js テキスト の フォントサイズ ( font-size )や カラー ( color )をカスタマイズする際には、CSS にてスタイルを記述する場合がほとんどだと思います。しかし今回、 CSS を書かずにテキストのスタイルを簡単にカスタマイズ するための JavaScript のライブラリ（40行ほど）を実装しました。 このライブラリの最大の特徴は、 _ (アンダーバー)から始まるクラス名でテキストのスタイルを指定できるところ です。 Text Style JavaSctipt ということで、 textyle.js と命名しました。 【GitHub】 使い方 HTML から textyle.js を読み込んでください。 textyle(); を実行する記述を読み込みの後に書いてください。 ※ HTML の読み込みと解析の完了時に実行するように記述 <body> <script type="text/javascript" src="https://7110.github.io/textyle.js/textyle.js"></script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { // Execute textyle(); textyle(); }); </script> </body> 記述方法 スタイルを適用したい HTML 上のタグに _ から始まるクラス名を指定します。 font-size を指定したい時 <p class="_31.4px">31.4pxになります</p> <p class="_1.25em">1.25emになります</p> <p class="_1.5rem...
折った箸袋「日本人の美意」 京都の男性収集、国内外で反響 : 京都新聞
折った箸袋「日本人の美意」 京都の男性収集、国内外で反響 : 京都新聞 : 折った箸袋「日本人の美意」 京都の男性収集、国内外で反響 : 京都新聞 辰巳さんが出版した箸袋の図鑑本 鶴と亀、リボン、人、星、飛行機…。飲食店でさまざまな形に客が折った箸袋を、京都府亀岡市の男性が全国各地で収集し、一大コレクションが注目を集めている。客が従業員のお礼のために作った「ジャパニーズ・チップ」と名付けて展覧会を開催したところ、図鑑本が全国出版され、海外メデ...
週間人気記事（10月07日～10月14日公開記事）
週間人気記事（10月07日～10月14日公開記事） : シェア 1 ツイート 0 はてブ 0 第1位 【速報】ソニーがAmazon Alexa対応のAIホームゲートウェイと室内カメラを発表！新スマートホームサービス「MANOMA」 第2位 ボストン・ダイナミクスのアトラス、忍者並の身体能力に！ 第3位 アマゾンが新Echoシリーズ説明会を開催！プリンタスキル連携、Amazon Pay連携、マルチ画面APL、Fire TVアレクサなど盛りだくさん 第4位 グーグル製スマートディスプレイ「Google Home Hub」正式発表、7インチ液晶搭載で149ドル！日本市場への発表なし 第5位 【速報】FacebookがAlexa搭載デバイスを発表！ディスプレイ10.1インチ「Portal」と15.6インチ「Portal+」の2ラインナップ！ 第6位 「Google Home mini」をミッキーマウス化！ ディズニー公式ケースが登場 第7位 グーグルがGoogleアシスタント対応・リアルタイム翻訳機能搭載の「Google Pixel USB-C イヤフォン」を発表 第8位 iRobotジャパン、より安価な新戦略商品「e5」を市場投入 ロボット掃除機世帯普及率向上を狙う 第9位 公立小学校でロボット「NAO」を英語教育に活用 ～生きた英語を学ぶ～ 相模原市教委【教育現場とロボット】 第10位 第8回ロボット大賞が発表！ 大臣賞ダブル受賞はファナックの「ZDT」 第11位 自動車メーカー10社が協力する「SDLアプリコンテスト」、車のデータを活かしたアプリを募集 第12位 米グーグル、Google Home MiniとGE製スマートライトを同梱した「Google Smart Light Starter Kit」を発表 第13位 【全国初】複数台の自動運転車が同時遠隔監視で走る！交通量の多い青梅街道、約1.5kmをレベル3で走行 第14位 アマゾンの新特許！ Alexaが咳や鼻声を把握し、風邪薬を提案 第15位 ボルボが2020年代初頭に「レベル...
何故日本の高い技術力を駆使した高品質低価格商品が海外企業に負けるのか - バナナでもわかる話
何故日本の高い技術力を駆使した高品質低価格商品が海外企業に負けるのか - バナナでもわかる話 : 何故日本の高い技術力を駆使した高品質低価格商品が海外企業に負けるのか - バナナでもわかる話 半導体、太陽光発電、液晶パネル、どれも出始めは日本がトップだったけれども、海外に抜かれてしまった商品です。 半導体は最早上位に日本は1社のみ 2018年上期の半導体企業ランキング-トップ15に日本企業は1社のみ | マイナビニュース 太陽光発電に至っては中国にもっていかれています。 太陽光発電ランキング・ソーラ...
snowoy0113さんのツイート: "最近「40歳前後のエンジニアが足らない」と言われるのですが……この年代の人達に何をしたかわかってますかね……"
snowoy0113さんのツイート: "最近「40歳前後のエンジニアが足らない」と言われるのですが……この年代の人達に何をしたかわかってますかね……" : snowoy0113さんのツイート: "最近「40歳前後のエンジニアが足らない」と言われるのですが……この年代の人達に何をしたかわかってますかね……" 最近「40歳前後のエンジニアが足らない」と言われるのですが……この年代の人達に何をしたかわかってますかね……
CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ
CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ : CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。 スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較しているのか目立つようにします。 このカスタマイズでtableを更に見...
AWS セキュリティグループとネットワークACLの違い
AWS セキュリティグループとネットワークACLの違い : Network ACL ステートレスなFirewallのこと。サブネット単位で適用され、デフォルトでは全ての送信元IPを許可する。 *** 前後の状態に依存しないのがステートレス(stateless)で、前後の状態を保持しているのがステートフル(stateful)という意味 セキュリティグループ ステートフルなFirewallのこと。デフォルトで許可されているのは同じセキュリティグループ内通信のみ（外からの通信は禁止）。その為、必要な通信例えば、WEB公開する場合はインターネット(0.0.0.0/0)から80ポートを許可する。 vs Network ACL セキュリティグループ サブネットレベルで効果 サーバレベルで効果 Allow/DenyをIN・OUTで指定可能(ブラックリスト型) AllowのみをIN・OUTで指定可能(ホワイトリスト型) ステートレスなので、戻りのトラフィックも明示的に許可設定する ステートフルなので、戻りのトラフィックを考しなくてよい 番号の順序通りに適用 全てのルールを適用 サブネット内のすべてのインスタンスがACLの管理下に入る インスタンス管理者がセキュリティグループを適用すればその管理下になる
リモートサーバの Jupyter Notebook を SSH Port Forwarding 経由で使う - CUBE SUGAR CONTAINER
リモートサーバの Jupyter Notebook を SSH Port Forwarding 経由で使う - CUBE SUGAR CONTAINER : リモートサーバの Jupyter Notebook を SSH Port Forwarding 経由で使う - CUBE SUGAR CONTAINER 一般的に Jupyter Notebook はローカルの環境にインストールして使うことが多い。 ただ、ローカルの環境は計算資源が乏しい場合もある。 そんなとは IaaS などリモートにあるサーバで Jupyter Notebook を使いたい場面が存在する。 ただ、セキュリティのことを考えると Jupyter Notebook の Web UI をインターネットに晒...
『現場で使える Ruby on Rails 5速習実践ガイド』は何が実践的なのか - pblog
『現場で使える Ruby on Rails 5速習実践ガイド』は何が実践的なのか - pblog : 『現場で使える Ruby on Rails 5速習実践ガイド』は何が実践的なのか - pblog 著者の1人である櫻井さまより恵贈賜りました『現場で使える Ruby on Railsw 5速習実践ガイド』を早速第一印象レビュー。 ありがとうございます！ この記事を読んでいる方は、まずは以下のリンクから実際に本を買うところから。さあ。 現場で使える Ruby on Rails 5速習実践ガイド(特典PDF付き) 作者: 大場寧子,松本拓也,...
AWSから120万円の高額請求が来た話
AWSから120万円の高額請求が来た話 : 筆者は2018年の夏にAWSから高額請求を受けました。 とある開発合宿の夜、LaravelでS3に画像をあげ、CroudFront経由で表示させるための実装を行っていた時の出来事です。 AWSのコンソール画面とにらめっこしていた時に、ふと左サイドバーの履歴の項目に、気になる項目が目に付きました。 ん？ 請求？ 普段はこんな項目出て来ないため、気になったのでクリックしてみました。その瞬間、恐ろしい現実を目の当たりにしたのです。 請求を押した時に開かれた画面が、以下の通りでした。 【請求画面の画像】 及び10000$！日本円にして、約124万円の請求が来ていました。 何かの間違えだと思ったが、少し怖くなったのでひとまず、こういった事例がなぜ起こるのか、自分に当てはまる原因がないかを調べるため、「AWS 高額請求」などでググってみました。 すると、いくつか記事が早速上位にヒットしました。 https://qiita.com/mochizukikotaro/items/a0e98ff0063a77e7b694 https://qiita.com/AkiyoshiOkano/items/72002409e3be9215ae7e 記事の書かれた時期が少し古いですが、どちらも高額の請求が来ていて、最終的には免除されています。（そういえば、過去に請求されてた友人がいた事もあり、前にこういった記事を調べて読んだことあったんだ・・） 内容を読んで、原因が githubの公開レポジトリにAWSのキーを公開してしまった事 とあったので、もしや、自分が先ほどプッシュした時の.env.exampleの事では無いか！ と思い、すぐに手順に従って、レポジトリからキーを載せていたコミットの削除（ついでにレポジトリも削除）を行いました。また、EC2インスタンスを見てみると、いろんなリージョンで見覚えのないインスタンスが大量に立っていたので削除、IAMの見覚えのないユーザーも削除、AWSのキーも削除しました（下記でも述べますが、正確には全部の対応はこの時点では終わっていなかったです。）。 ひとまず対処も終わった事だし、後は料金を返す要求をすれば、大丈夫だろうと安心し、AWSに一報入れました（この連絡を入れる窓口...
AWS Cloud9 がTypeScriptに対応したと聞いたので試してみた
AWS Cloud9 がTypeScriptに対応したと聞いたので試してみた : 結論 まだ、VS Codeは手放せない。 編集機能は概ね良い感じ。デバッグが課題。 準備 まずはコンソールから新規に環境を作ります。 起動したら、環境を確認 && nodeを更新。 bash ec2-user:~/environment $ nvm --version 0.31.7 ec2-user:~/environment $ nvm ls -> v6.14.4 system default -> 6 (-> v6.14.4) node -> stable (-> v6.14.4) (default) stable -> 6.14 (-> v6.14.4) (default) iojs -> N/A (default) lts/* -> lts/argon (-> N/A) lts/argon -> v4.9.1 (-> N/A) lts/boron -> v6.14.4 lts/carbon -> v8.12.0 (-> N/A) ec2-user:~/environment $ nvm ls-remote ... v10.12.0 ec2-user:~/environment $ nvm install v10.12.0 Now using node v10.12.0 (npm v6.4.1) ec2-user:~/environment $ nvm alias default v10.12.0 default -> v10.12.0 ec2-user:~/environment $ node -v v10.12.0 ec2-user:~/environment $ npm -v 6.4.1 デモ用プロジェクトを作成します。 bash ec2-user:~/environment $ mkdir demoapp ec2-user:~/environment $ cd demoapp/ ec2-user:~/environme...
［2日目］プログラミングの愉しみ，“トイル”との戦い～Python 2→3移行の実際，先端事例紹介のLTからクロージングへ：PyCon JP 2018カンファレンスレポート｜gihyo.jp … 技術評論社
［2日目］プログラミングの愉しみ，“トイル”との戦い～Python 2→3移行の実際，先端事例紹介のLTからクロージングへ：PyCon JP 2018カンファレンスレポート｜gihyo.jp … 技術評論社 : ［2日目］プログラミングの愉しみ，“トイル”との戦い～Python 2→3移行の実際，先端事例紹介のLTからクロージングへ：PyCon JP 2018カンファレンスレポート｜gihyo.jp … 技術評論社 先日公開したPyCon JP 2018 1日目のカンファレンスレポートはいかがでしたでしょうか？ 本レポートでは引き続き，2日目の基調講演やカンファレンスなどの様子をご紹介します。 前回の繰り返しになりますが，PyCon JPは，Pythonユーザが集まり，PythonやPythonを使ったソフトウェアについての情報を交換し，Pythonユーザ...
テキストベースで画面遷移図が書けるuiflowをブラウザ上で動かす
テキストベースで画面遷移図が書けるuiflowをブラウザ上で動かす : テキストベースで画面遷移図が書けるuiflowをブラウザ上で動かす ウェブ上で動くようにした uiflow-web とりあえず使ってみる ソースコードを見る みんな画面遷移図を描こう。 経緯 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った 上記のツールは良さそうだったがインストールが面倒だった。 大変だったこと node の fs や util などへの...
2018年10月13日 ロボット業界ニュースヘッドライン
2018年10月13日 ロボット業界ニュースヘッドライン : シェア 1 ツイート 2 はてブ 0 本日のロボット業界ニュースヘッドラインをお届けします。 大手テック企業が台湾をアジアのAI研究開発拠点に選ぶ理由 ほか – WirelessWire News（ワイヤレスワイヤーニュース） UBTECHのCruzrロボットをタイのモバイル小売業者Jaymartに配備 タイのインダストリー4.0を推進｜高知新聞 エヌビディアの最新AIコンピュータ、自動車メーカーが車内での自動運転技術の検証を可能に | レスポンス（https://t.co/cfJUDvoaia） 「電動車いす」ロボットは”乗る”と”同伴”で高齢者の自立をサポート（Auto Messe Web） | 自動車情報サイト【新車・中古車】 – carview! ロボットの歴史を振り返る–古代神話から近代まで – ZDNet Japan なぜNHKは人工知能と一緒に番組を作るのか…制作陣に聞いてみた（現代ビジネス編集部） | 現代ビジネス | 講談社（1/4） アマゾンから画面付きＡＩスピーカー登場 ＬＩＮＥもラインアップ拡充 市場拡大図る – SankeiBiz（サンケイビズ） JCBが「AI無人レジ」の狙い キャッシュレス主導権争い激化 – https://t.co/0XytDDozBOプライムオンライン 城北工高、ロボット相撲で全国へ 出でよ「海ノ食物」 | 小田原 | タウンニュース サイバー攻撃の深刻度をAIが判定、日立がセキュリティの新サービス | 日経 xTECH（クロステック） AI、ロボティクス、ヘルスケア分野での第一人者が登場！！経済産業省認定「J-Startup企業」と大企業によるカンファレンスをILS内で開催｜株式会社プロジェクトニッポンのプレスリリース 鑑識活動にドローンを活用へ 警視庁が訓練｜日テレNEWS24