投稿

1月 19, 2019の投稿を表示しています

「ピリッと旨辛」「まったり味噌バター」「ネバネバつるり」簡単うどんレシピ3品

イメージ
「ピリッと旨辛」「まったり味噌バター」「ネバネバつるり」簡単うどんレシピ3品 : 寒い時期においしい「うどん」。冷凍3個入りを買う人も多いのでは。でも、同じ調理法だと飽きてしまいます。そこで、簡単でおいしいうどんのレシピを3つ紹介します。 オリジナルのエンクロージャ:

ページのURLをいい感じにクリップボードにコピーするブックマークレット

ページのURLをいい感じにクリップボードにコピーするブックマークレット : Rust programming language | https://www.rust-lang.org/ こんな感じでコピーできます。 形式はお好きな形にどうぞ。 javascript:(()=>{var d=document,b=d.body,c=d.createElement.bind(d),t=c("p"),p=c('p');p.style.userSelect='auto';t.appendChild(p).textContent=d.title+" | "+location.href;b.appendChild(t);d.getSelection().selectAllChildren(t);d.execCommand("copy");b.removeChild(t)})() minify 前 var tmp = document.createElement('p'); var pre = document.createElement('p'); pre.style.userSelect = 'auto'; tmp.appendChild(pre).textContent = document.title + ' | ' + location.href; document.body.appendChild(tmp); document.getSelection().selectAllChildren(tmp); document.execCommand('copy'); 参考: JavaScriptでクリップボードに文字をコピーする(ブラウザ) - Qiita

NEMのトランザクションを発行してみよう

NEMのトランザクションを発行してみよう : 今回はNEMのトランザクションを発行してみます。 トランザクション発行で一番難しいのは何でしょうか? 署名やブラウザ依存を吸収するAPIコールなどは、既存のライブラリが充実しているので実は簡単です。もっとも難しいのはNEMのノードに伝えたいデータをNEMのわかる言葉に詰め込みなおすシリアライズという作業です。こればかりは外部ライブラリを利用することはできず、NEMのコミュニティが公開するライブラリを使用するしかないのです。 そのライブラリがまたその他のライブラリに依存して。。。とかなるとそのプラットフォームへの敷居はぐんと上がります。私は基本的にシリアライズする部分だけを提供するライブラリがあってもいいのではないかと思います。将来的に公開予定のxembook-sdkもそういったコンセプトで開発を進めています。 では、NEMに伝えたいデータセットをどうやって作り上げていくのかを見てみましょう。 transfer let data = { 'type': 0x101, 'version': 0x68000000 | 1, 'signer': SENDER_PUBLIC_KEY, 'timeStamp': timeStamp, 'deadline': timeStamp + due * 60 }; let custom = { 'recipient': RECIPIENT_ADDRESS, 'amount': amount, 'fee': totalFee, 'message': message, 'mosaics': mosaics }; let entity = $.extend(data, custom); let result = serializeTransaction(entity); let kp = KeyPair.create(SENDER_PRIVATE_KEY); let signature = kp.sign

ちょっとしたwebスクレイピングをするスニペット

ちょっとしたwebスクレイピングをするスニペット : ちょっとしたサンプルデータを作るために、ちょっとしたスクレイピングした時のメモ https://www.eigo-love.jp/english-word-list-business/ chromeのコンソールで以下叩く var forEach = Array.prototype.forEach; words = [] function pushWord(el){ word = el.outerText if (word !== '英単語') { words.push(word) } } elements = document.getElementsByClassName("column-1") forEach.call(elements, pushWord) words.join(',') カンマ区切りの(だいたい英語の)テキストが手に入る。 "business,campaign,company,cost,deal,department,discount,information,job,leader,meeting,member,offer,office,order,plan,practice,price,raise,record,role,sale,service,share,account,bill,bonus,capital,career,cash,cent,challenge,charge,coin,debt,dollar,economy,estimate,fair,fee,firm,fund,goods,income,interview,labor,leadership,network,notice,penny,post,profit,project,salary,schedule,task,trade,value,wage,yen,agency,agent,announcement,appointment,background,budget,commercial,contract,credit,equipment,expense,guarantee,in

ウェブアプリで Google アカウント認証して API 呼出してみた

ウェブアプリで Google アカウント認証して API 呼出してみた : はじめに Cordova アプリから Google アカウント認証して API 呼出してみました。 Cordova アプリで Google アカウント認証してみた - Qiita Cordova アプリで Google API 呼出してみた - Qiita いわゆるウェブクライアントアプリでも同様のことをしておきたいと思います。 ウェブクライアントアプリを作成する 既存のウェブクライアントアプリを使用します。 Google アカウント認証の準備する Google アカウントを作成する。既にあればそれを使用する ( https://www.google.com/accounts ) プロジェクトを作成する ( https://console.developers.google.com/project ) 使用したい API を選択して有効にする ( https://console.developers.google.com/apis/library ) 認証情報を作成 ( https://console.developers.google.com/apis/credentials ) OAuth 同意画面を設定する まず、 OAuth 同意画面 を設定します。 OAuth クライアント ID を作成する Google 認証情報 は、まず API キー を作成します。 以下の項目を設定します。 名前 ←任意です 制限 ←必要に応じて指定します 以下の情報が作成されます。後で使用します。 API キー 続いて、 OAuth クライアント ID を作成します。 タイプ(種類) ウェブアプリケーション 以下の項目を設定します。 名前 ←任意です JavaScript 生成元 リダイレクト URI 以下の情報が作成されます。後で使用します。 クライアント ID 利用したい API を有効にする 今回は Google Drive の情報を取得したいので、対象プロジェクトに対して Google Drive API を有効にしておきます。 スコープを調べておく 使用したい Google API に対応する

HTML5/CSS3のニュースやTIPSなどのまとめ (2019年1月19日)

HTML5/CSS3のニュースやTIPSなどのまとめ (2019年1月19日) : 4月1日、決定打はウィンドウズ更新 - 新元号公表日 (産経) Google / Vista / Likeなど技術系キラキラネームを自分の子どもにつける親が登場 (ギガジン) アマゾンアソシエイトだけで生活して73ヶ月になった、ついに7年目 (きんどう) グーグル、検索にアクティビティカード - 以前の検索の続きを容易に (CNET) 公式発信・オウンドメディアの限界と、SNS時代のPR方法 (塩谷舞 mai shiotani | note) 社長がTEDxに登壇するまでの4ヶ月間、地獄の準備を乗り越えた話 (ミライロ) ロボットハンバーガー店「Creator」で感じたUXの改善点 (freshtrax) 年収を上げたいエンジニアが習得しておきたいプログラミング言語は? (ITmedia) wiv.js - DIVタグをグニャグニャに (MOONGIFT) 「サイボウズLive」サービス終了まであと3ヶ月「Chatwork」へのデータ移行に対応 (INTERNET Watch) すべてのものがランダムに決まる確率論的時代へようこそ (TechCrunch) 詳細を読む

コンストラクタでメソッドを定義するときの注意点~JavaScript~

コンストラクタでメソッドを定義するときの注意点~JavaScript~ : JavaScriptでクラスを扱う時は多々あると思いますが その中でコンストラクタでメソッドを定義するときの注意点を知ったので記しておきます コンストラクタとなる関数でメソッドを定義するときに var Puke = function(x){ this.y = x; this.add = function(v){ this.y += v; } } var myfunc = new Puke(300); myfunc.add(50); document.write(myfunc.y + "<BR>"); ↑このようにやっても動きますが問題点があります それはPukeコンストラクタを使ってオブジェクトをたくさん作ると addメソッドの実体となる無名の関数オブジェクトがたくさん作られてしまうという点です このままではメモリがもったいないです なので var Puke = function(x){ this.y = x;//プロパティを作ってそれに引数のxを代入 this.add = addpuke;//メソッドを作るがPukeオブジェクトの中では定義を行わない } function addPuke(v){ this.y += v;//addPukeメソッドの定義 } var myfunc = new Puke(300); myfunc.add(50); document.write(myfunc.y + "<BR>"); ↑このように関数オブジェクトの定義をコンストラクタの外に書けばメモリがMottainaiってことも無くなるのでこれからはこうやって書いてみてください では

lambdaからRDSにアクセスするときに注意すること

イメージ
lambdaからRDSにアクセスするときに注意すること : RDSの設定はKMSでEncryptして書く Key Management Service (KMS) からEncrypt用のKeyを作成する (Consoleでできるので詳細割愛) KMSのAccess権をLambdaのRoleに与える KMSをLambdaが操作できるように、KMSを使ってDecryptできるPolicyを作成し、LambdaにつけるRoleに付与する allow-lambda-to-decrypt-policy { "Version": "2012-10-17", "Statement": [ { "Sid": "VisualEditor0", "Effect": "Allow", "Action": "kms:Decrypt", "Resource": "arn:aws:kms:<region>:<user_id>:key/<key_id> } ] } LambdaはRDSと同じVPCを指定する LambdaにVPCが指定されると、NATを設定しない限り、Internetへ出れなくなるので、RDSがLambdaのVPCの外にあると、指定したRDSのEndpointからresolveした先はPublicのIpとなりInternet経由で接続しようとするので、特に理由がない場合は、同じVPCにして、内部ネットワークでのアクセスにする。 別のVPCである必要がある場合は、Peer Connectionを貼って、RDSに内部IPでアクセスで切るかと思ったが、うまくいかなかったので、なにか設定が必要かも。(特に調べてない) LambdaにVPCAccessの権限をRoleに与える VPCを設定すると、LambdaにVPCの権限が必要になる。 AWS ma

【React Native】 Expoを使えば審査なしにアプリ更新出来てウハウハなのか?

イメージ
【React Native】 Expoを使えば審査なしにアプリ更新出来てウハウハなのか? : Expoとは ExpoはReact Nativeアプリの開発を支援してくれるサービスです。 https://expo.io/ ビルドや実行環境が提供され、リリース後のアプリでも Apple審査なしに変更がリアルタイムに反映 され、Webのような感覚で開発ができるのが大きな特徴です。 リリース後にアプリ挙動を外部で変更することを嫌っている Apple社がこれを許している理屈はよくわからないのですが、とにかく現状、問題視されていないのは事実のようです。 もし、今後、問題視されるようになったとしても、クリーンな React Native アプリとの互換性は100%に近いので移行も容易ではないかと思います。恐れずに使って、メリットを享受するというのも一つの考えかと思います。 ちなみに本文にありますが、若干、Expo対応のコードが必要だったりするようです。ネイティブライブラリの制限もある(どういうことが制限となるのか、自分はよく分かってません)ようですので、その辺りを許容できるかが、採用のポイントかなと思います。 開発環境構築 Expo-CLIのインストール Expoのコマンド群をグローバルにインストールします。 $ npm install expo-cli --g アプリ作成 プロジェクト作成 Expoのプロジェクトを作成します。 $ expo init [プロジェクト名] テンプレートの選択 blank と tabs が選べる。ここではblankを選択。 ? Choose a template: expo-template-blank Yarn を使う? npm ではなくYarnを使うかどうか聞かれてると思う。ここではNoを選択。 ? Yarn v1.7.0 found. Use Yarn to install dependencies? No $ expo start 次のようなコマンドライン表示と、 Metro Bundler (Webページ)が起動します。 「 Press a for Android emulator, or i for iOS simulator.」とあり、「i」押下でAndroidエミ

iPhoneのSafariをワイヤレスデバッグする方法

iPhoneのSafariをワイヤレスデバッグする方法 : 実はSafari Technology Previewでワイヤレスで DeveloperToolが開けるようになっているとのこと。 https://stackoverflow.com/a/50505122/3276863 Safari Technology Previewをインストール Develop → "Your mobile Device Name" → Connect via Network in the menu

【GAS修行⑨】文章翻訳BotをChatWorkでも作成。

イメージ
【GAS修行⑨】文章翻訳BotをChatWorkでも作成。 : ・GAS熟練者への道。 ・先人達のコードの「写経&コピー」の駆使の成果物のまとめ。 ・第九弾 ・ 第一弾 ・ 第二弾 ・ 第三弾 ・ 第四弾 ・ 第五弾 ・ 第六弾 ・ 第七弾 ・ 第八弾 はこちら。 経緯 ・「九回目。」 ・「材料不足を補うべく、過去作の他連携という荒業をしていることに、何の罪悪感もなく、平坦な顔で進める私。」 ・「今回は翻訳BOTを使いまわすか。Google翻訳に心酔している私の今回のテンションは爆発寸前。」 →そういうわけで、今回は第六弾をベースに作っていく。 →取り組み開始。 概要 文章を言語を指定して投稿すると、翻訳して返してくれるChatWork BOT。 →Slackに続き、ChatWorkともなれば、抜群の英語向上速度を誇るに違いない。 結果 ・実際の画面はこちらです。 作成環境 Google App Script ChatWork API ChatWork Webhook 手順 ※Google Apps Scriptの設定は、 第六弾 と一緒 Google Apps Scriptの設定 Googleドライブからスクリプトエディタを起動。 ※Googleアカウントを持っていない人は、作成する。 Googleドライブを起動 「新規」→ 「その他」→「アプリを追加」の順にクリック。 アプリ検索欄に「script」と入力して検索。 検索結果に「Google Apps Script」が表示されるので、そこの「接続」ボタンをクリック 改めて「新規」→ 「その他」の順にクリックしていくと、「Google Apps Script」が表示されているので、クリック。 起動したプロジェクトに名前をつける ※プロジェクト名が反映されるわけではないが、自分がわかる名前をつける。 →保存。(最初の3行のままで良い。) 保存後、タブメニューの「公開」から「ウェブアプリケーションとして導入」をクリック。下記の項目を設定。 プロジェクトバージョン:New(変更内容は任意) 次のユーザーとしてアプリケーションを実行:自分(アドレス) アプリケーションにアクセスできるユーザー:全員(匿名ユ

Glueの使い方的な㉜(Python Shellを使う)

イメージ
Glueの使い方的な㉜(Python Shellを使う) : Glue ジョブ の Python shell Glueのジョブタイプは今まではSpark(PySpark,Scala)だけでしたが、新しくPython Shellというジョブタイプができました。GlueのジョブとしてPythonを実行できます。もちろん並列分散処理するわけではないので以下のようにライトなタスクでの用途を想定しています。そのため料金も秒課金になっています。 https://www.slideshare.net/AmazonWebServices/building-serverless-analytics-pipelines-with-aws-glue-ant308-aws-reinvent-2018 Serverless Edge Node for triggering, light transformations, uncompress, tar extract, Parquet conversion Python shellを使ったジョブを作る 内容 1つ目のジョブ(pyspark):csvデータをparquetフォーマットに変換し、パーティションを切り、出力ファイルを1つにする。 2つ目のジョブ(python shell):1つ目のジョブの出力ファイル part-xxxxx.snappy.parquetのファイル名をリネームする 流れ 1つ目のPySparkのジョブを実行 => 2つ目のPythonShellのジョブを実行 まず1つ目のジョブ 内容 1つ目のPySparkジョブは以下のリンクの後半にあるse2_job3とほぼ同じ内容です https://qiita.com/pioho07/items/523aec26ca5dc5bc9697 上記読んでいただければ1つ目のジョブの内容はわかります。簡単に概要だけ説明します。 以下のcsvデータをparquetフォーマットに変換し、'country', 'year','month','day','hour'でパーティションを切ります。一箇所追加したのはrepartition(1)で出力ファイルを1つにしています

危険なチャレンジやいたずら動画を禁止に。YouTubeのガイドラインが改訂 - Engadget 日本版

イメージ
危険なチャレンジやいたずら動画を禁止に。YouTubeのガイドラインが改訂 - Engadget 日本版 : 危険なチャレンジやいたずら動画を禁止に。YouTubeのガイドラインが改訂 - Engadget 日本版 昨年末に公開された『Bird Box』は、リリース後10日で視聴アカウント数が4500万を超える超人気作です。その主人公になりきって、目隠ししたまま危険行為に挑戦する"BirdBoxChalleng"が全米の若者に大流行し、ユタ州の17歳の少女が運転中に目隠しして衝突事故を起こす事態にいたっています。 Bird Box Challenge while dr...

Scalaコードとともに考えるドメインモデリング - Speaker Deck

イメージ
Scalaコードとともに考えるドメインモデリング - Speaker Deck : Scalaコードとともに考えるドメインモデリング - Speaker Deck DDDコミュニティでは、なぜドメイン駆動設計をやるのかという必要性の議論ではなく、何をどのように実践するのかという議題に変わっています。Scalaコミュニティにおいても、DDDの実践方法に強い関心があることはいうまでもありません。 長大な設計哲学を説くDDDは、読み難く理解し難い、実践までの道のりが遠いという定...

Facebook、「Messenger」アプリの新しいユーザーインターフェイスを全てのユーザーに展開開始

イメージ
Facebook、「Messenger」アプリの新しいユーザーインターフェイスを全てのユーザーに展開開始 : 昨年10月、Facebookは「Messenger」のモバイル向けアプリの最新版である「Messenger 4」を正式に発表し、ユーザーインターフェイスの刷新を行うことを発表していましたが、本日、同社が全てのユーザーに対 […]

[ITmedia ビジネスオンライン] 両国駅“幻”のホームで「燗酒とおでん」 “あまり飲まない”層を狙う業界の危機感

イメージ
[ITmedia ビジネスオンライン] 両国駅“幻”のホームで「燗酒とおでん」 “あまり飲まない”層を狙う業界の危機感 : JR両国駅の“幻”の3番線ホームで、燗酒とおでんを楽しむイベントが開かれた。寒い季節にぴったりの内容だが、清酒業界が抱える課題に立ち向かうための狙いがあった。

PS VRで観る宇多田ヒカル『光』『誓い』配信開始。「近過ぎてイケナイものを観てるよう」な3D収録 - Engadget 日本版

イメージ
PS VRで観る宇多田ヒカル『光』『誓い』配信開始。「近過ぎてイケナイものを観てるよう」な3D収録 - Engadget 日本版 : PS VRで観る宇多田ヒカル『光』『誓い』配信開始。「近過ぎてイケナイものを観てるよう」な3D収録 - Engadget 日本版 VR宇多田こと『Hikaru Utada Laughter in the Dark Tour 2018 - "光" & "誓い" - VR』は、宇多田ヒカル12年ぶりのライブツアーとして話題になった『Hikaru Utada Laughter in the Dark Tour 2018』から、『光』と『誓い』の二曲をPS VR向けに3D収録した映像コンテンツ。 ツアーの名を冠しているものの、実際に観客が入っ...

MS、Release Preview リング向けに「Windows 10 October 2018 Update」の累積的な更新プログラム(KB4476976)を配信開始

イメージ
MS、Release Preview リング向けに「Windows 10 October 2018 Update」の累積的な更新プログラム(KB4476976)を配信開始 : 本日、Microsoftが、Windows Insider プログラムで”Release Preview”リングを選択しているユーザーに対し、「Windows 10 October 2018 Up […]

【配送修理】バッテリー交換に出したiPhoneが返ってこない!修理状況「梱包箱をお届け中です。」 - ゆうう兄のまったり奮闘記

イメージ
【配送修理】バッテリー交換に出したiPhoneが返ってこない!修理状況「梱包箱をお届け中です。」 - ゆうう兄のまったり奮闘記 : 【配送修理】バッテリー交換に出したiPhoneが返ってこない!修理状況「梱包箱をお届け中です。」 - ゆうう兄のまったり奮闘記 突然ですが、私の愛用機iPhone6sがタイトルにある通り修理に出したまま返ってこなくなってしまいました。 申し込んだ修理内容はバッテリーの交換。2019年1月18日現在、修理に出してから29日が経過しています。 Twitterでは何度か嘆きのツイートをしたのでご存知の方もいらっしゃるかもしれません。 戻ってこない原因は?...

2018年の半導体企業ランキング - トップ10からついに日本企業が消滅

イメージ
2018年の半導体企業ランキング - トップ10からついに日本企業が消滅 : 1: しじみ ★ 2019/01/18(金) 18:04:05.19 ID:ngJpyuF99 市場調査企業の米Gartnerは、2018年の半導体市場が前年比13.4%増の4767億ドル(2019年年頭の暫定値)となったことを発表した。世界半導体市場統計(WSTS)は、2018年秋の段階で、同年の市場成長率を15.9%増と予測してい...

Windows 10ミニTips 第344回 アイコンの右上に現れる2つの青い矢印は一体何?

Windows 10ミニTips 第344回 アイコンの右上に現れる2つの青い矢印は一体何? : 最近のWindows 10は圧縮状態や暗号状態を、ファイル名の配色だけではなく、オーバーレイアイコンを加えて現すようになった。

Microsoft、「Microsoft Edge for iOS」の最新のベータ版(ver 42.10.0)を公開

イメージ
Microsoft、「Microsoft Edge for iOS」の最新のベータ版(ver 42.10.0)を公開 : Microsoftが、テスターに対し、「Microsoft Edge for iOS」の最新のプレビュー版であるバージョン42.10.0をリリースしています。 今バージョンでは、メインメニューに表示しているページを更新す […]

筋トレ好きに!重さを自由に調節できてフィットネス管理ができるスマートダンベル「Kettlebell」

イメージ
筋トレ好きに!重さを自由に調節できてフィットネス管理ができるスマートダンベル「Kettlebell」 : ジムへ通うより自宅で筋トレ派という人たちに朗報だ。これからはやたら重さの違うダンベルをいくつも買い揃える必要がなくなるかもしれない。 今回紹介するJAXJOXのスマートダンベル「Kettlebell」を使えば、筋トレ生活が今までより快適になること間違いなしだ。 ・6段階の重さ調節が可能 Kettlebellの中には重さを6段階自由に調節できる技術が内蔵されている。本体の重さ調整ボタンを操作すれば、数秒で重量を12lb〜42lb(約5.5kg〜19kg)の間で6段階調節することが可能だ。トレーニングの種類によって重さを変えたいという人は多いはずなので、これは嬉しい機能だ。 専用の充電ドックもついており、バッテリーは1回の充電で14時間もつ仕様となっている。 ・アプリでトレーニングを管理 専用のアプリと接続することで、トレーニングのデータをアプリ上で管理することも可能だ。本体に6軸センサーが搭載されているため、本体の動きを綿密に計測してくれるそうだ。 アプリ上ではそのほかのデバイスで計測したデータも同期して管理することができる。また、月30ドル(約3250円)の会員になれば、ライブ/オンデマンドのフィットネスセッションも受けられるとのこと。 本体は350ドル(約3万7970円)と決して安くはないが、ジムの利用料と比べると、数ヶ月あれば元はとれるかもしれない。 執筆: Doga Kettlebell/JAXJOX

Microsoft、「Windows 10 Mobile」のサポート終了に関するFAQを更新 − バックアップ作成機能はサポート終了後も3ヶ月間は利用可能

イメージ
Microsoft、「Windows 10 Mobile」のサポート終了に関するFAQを更新 − バックアップ作成機能はサポート終了後も3ヶ月間は利用可能 : Microsoftは2019年12月10日をもって「Windows 10 Mobile」のサポートを終了することを昨年に発表済みですが、本日、同社が「Windows 10 Mobile」のライフサイクルに関するサポートペ […]

GraphvizをWindowsにインストールしてフローチャート図を書こう! - はるなぴログ

イメージ
GraphvizをWindowsにインストールしてフローチャート図を書こう! - はるなぴログ : GraphvizをWindowsにインストールしてフローチャート図を書こう! - はるなぴログ Graphvizを知っていますか? これを使うとフローチャート図を描くことができます。 おっと今はあまりフローチャート図とは言わず状態遷移図と言ったりするのですね。 Windows10にChocolateyを使ってGraphvizを簡単にインストールしましょう。 Graphvizの使い方についても紹介します。 Graphvizとは DOT言語とは Chocolat...