詳解版はこちら => http://www.slideshare.net/You_Kinjoh/html5-open-web-platformRead less

こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な

JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:

This document summarizes Amazon Web Services Japan speaker Tsukagoshi Keisuke's presentation on AWS AppSync. It introduces AppSync as a fully managed GraphQL service that allows building GraphQL APIs integrated with various data sources like Amazon DynamoDB, AWS Lambda, and Elasticsearch. AppSync provides a GraphQL schema definition language to define types and queries, uses Apache Velocity Templa

Hi, this is Chris from Cookpad's Media Product Globalization department. I'm going to discuss some pitfalls we've run into while working with AWS AppSync for iOS. This post is not a primer on AppSync, nor is it a general review of whether you should or should not use AppSync for your project. My goal is to point out some various lessons we've learned so far that weren't obvious at first. My second

チーム開発でGitHubを使用していると、メンバーが増えるにつれてメール通知の量が多くなってしまいがちではないでしょうか。 「あっそれ見落としてました！今から確認します！」みたいなやりとりをした経験もあるのではないでしょうか。 メールを頻繁にチェックしていれば良いですが、忙しいとそうも言っていられないのが現実です。 そこで、GitHub上で何かイベントが起きたらSlackに通知が来るような仕組み があるとなかなか良さそうです。 Slack用GitHubアプリを使用することでGitHub上のアクションをSlack通知することが簡単に出来るのですが、せっかくGitHubがwebhookを提供しているので、API GatewayとLambdaを使用したSlackへの通知をやってみようと思います。 構成図 GitHub上のイベントをAPI GatewayとLambdaを通してSlackに通知する構

lambda上でseleniumを動かしたときに異常に時間がかかる問題があったので、原因と解決策のメモ。 lambda上で、google.comにアクセスし、titleをとってくるだけのコードで5分近くかかっていた。 原因 lambdaに割り当てているメモリが少なかった(128MB) 解決策 lambdaに相応のメモリを割り当てる(512MBくらい) 改善後 実行時間が10秒程度に減った(これでも十分遅いが、メモリをもっと割り当てればそのぶん早くなりそう) 懸念 メモリを増やすとlambdaの価格がめちゃくちゃ上がるのでは...？ → yes。ただ、めちゃくちゃ、というわけではない → メモリを2倍にすれば、価格も二倍になるよ、という感じ。 → そもそもが安いので、そんな長時間動かさないのであれば誤差程度。

サーバーレス開発部＠大阪の岩田です。 Lambdaの実行環境は EC2モデル Firecrackerモデル 2つのモデルに分かれることが知られていますが、Lambdaがどちらのモデル上で実行されているかを判断できるかもしれない方法を発見したのでご紹介します。 筆者の想像を多分に含む内容なので、実際の環境とは異なる可能性が高いことを事前にご了承ください。 環境 今回利用した環境です EC2インスタンス: i3.metal OS: Ubuntu Server 18.04 LTS (HVM) SSD Volume Type x86_64 (ami-024a64a6685d05041) Firecracker: v0.17.0 EC2モデルとFirecrackerモデルの違い まずはおさらいから。 AWS公式の資料Security Overview of AWS Lambdaに分かりやすくまとまっ

GitHubとクラスメソッドの勉強会にて、「DevOpsとAWS」というテーマでお話しました。DevOpsってなんだっけ？というところから、AWSサービスの紹介、CI/CDに関するアーキテクチャの紹介となります。 Read less

おはようございます、もきゅりんです。 CFnを使用してGitHub CodePipelineを作成してみたので、まとめておきます。 テンプレートの再利用等で役立てば幸いです。 先日、CodeCommitで構築したFargate+RDS(MySQL5.7)+FlaskをCFnで構築してみるを使った、GitHubでのケースになります。 実際に確認したい場合は、先にこの環境を構築する必要があります。 なお、やってから気付きましたが、こんなのも2年以上前にありました。 AWS CodePipeline, AWS CodeBuild, Amazon ECR, AWS CloudFormationを利用したAmazon ECSへの継続的デプロイメント そして、上記内容を弊社ブログ記事が丁寧に補足説明しています。 CodePipeline, CodeBuildを使ってAmazon ECSへの継続的デプロ

AWS Startup ブログ 【週刊 Ask An Expert #09】Amazon Cognito でサーバーレス認証基盤を作るには？ビジネスサポート60日間無料キャンペーンとは？ AWS Loft Tokyo で受けた質問まとめ #AWSLoft こんにちは、ソリューションアーキテクトの塚田 (Twitter: @akitsukada) です。 さて、先週は AWS Summit Tokyo 2019 が幕張メッセにて開催されましたが、お楽しみいただけたでしょうか？Day 1 〜 3 のスタートアップ関連速報＆資料は以下に随時まとめているので、ぜひ見てみてくださいね。 そんな AWS Summit Tokyo の興奮も冷めやらぬ中、週刊 Ask An Expert 第9回目をお届けしたいと思います。先週は AWS Summit 期間中につき、Ask An Expert は月曜・火曜

こんにちは、会員事業部の新井です。余暇を全て Auto Chess に喰われています。 過去このブログにはサービス開発に関する記事*1を投稿させていただいているのですが、今回はシステム改修についての記事になります。 クックパッドには検索バッチと呼ばれる大規模なバッチが存在するのですが、今回それを刷新することに成功しました。 そこでこの記事では旧システムに存在していた問題点、新システムの特徴や実際の開発について述べたいと思います。 背景 クックパッドのレシピ検索では Apache Solr を検索サーバーとした全文検索を利用しています。古くは Tritonn を利用して MySQL に作られた専用 table を対象に全文検索を実行していたようですが、その頃から「検索バッチ」と呼ばれるバッチが存在していました。 このバッチは、簡単に言うと「検索インデックス」と呼ばれる検索用メタデータを生成す

こんにちは。インフラエンジニアの永井(shnagai)です。 今回は、CodeBuildでのECSデプロイについて書いてみました。 普段、TravisCIを使ってメインサービスのECSのデプロイを行っているのですが、新規開発するにあたりCodeBuildを使ったECSのデプロイを組んでみたのでその内容をまとめています。 内容はざっくり下記4項目について書いてます。 CodeBuildのみで行うECSへのコンテナデプロイの構成図 他のCIサービスと比べた時のCodeBuildの良さ CodeBuildの設定でハマった点 デプロイフロー CodeBuildのみで行うECSへのコンテナデプロイの構成図 CodePipelineを使ったECSへのデプロイをする選択肢もあるのですが、これだと運用フローに大きく変更が入るので今回は、現在使っているecs-deploy を使ったECSデプロイを移植する形

東京都美術館が16日、公式ツイッターを更新。SNSなどで拡散している館内トラブルについて謝罪した。 「アラサーちゃん」で知られる漫画家の峰なゆか氏（34）が15日夜、自身のツイッターで、同美術館で展覧会を鑑賞中に「車椅子に乗った男に殴られた」被害に遭ったことを告白。峰氏は「今日は東京都美術館のクリムト展に行って絵を見てたら、急に車椅子に乗った男に殴られた。びっくりしすぎて固まってたら、さらに無言で2、3発殴られた。美術館の人に伝えると『常連のお客様で頻繁にトラブルを起こす方なんですけど、こちらでできることは口頭注意くらいです』とのこと」と説明し、さらに「追いかけて殴り返そうとしたけど『峰なゆか障害者男性に暴行』という見出しがよぎってやめた。何もできないわ痛いわ惨めだわで泣けてきて、とにかく私が泣きまくるので最終的に私が救護室に連れていかれて終了しました」とつづった。 この書き込みに対して2

台湾発祥の「タピオカドリンク」が大ブームだ。繁華街を歩けば若者がカラフルなドリンクで喉を潤す姿が目に入ってくる。だが、カップ底に沈む黒いタピオカが暴力団にとって“黒い真珠”に化けていることは知られていない。実態を、暴力団事情に詳しいフリーライターの鈴木智彦氏が明かす。 ＊　＊　＊ その店──暴力団経営のタピオカドリンク屋はJR山手線某駅に近い繁華街の一角にあった。立地も、ファンシーな店構えも、笑顔の店員も、暴力団と無関係にしか見えない。実際、働いている店員は、自分が暴力団のフロント企業でアルバイトをしているとは思っていないだろう。ましてや、SNS上にアップする写真を撮影したり、モチモチした食感を楽しんでいる“タピオカ女子”たちは、その代金が暴力団に還流されているとは想像すらできないはずだ。 若い男女に混じって行列に並び、人気メニューの『タピオカミルクティー』を買ってみた。透明容器に入れられ

💁‍♀️Your new best friend built with an artifical neural network

ここ数年のAIブームで、AIの勉強全くしてこなかった私でも、少しずつ仕事でAI関係に関わることができてきました。その度に部分的に頑張って追いつくというのを続けてきたのですが、そろそろ限界を感じたので、どこかで体系的に勉強しなくてはと考えていました。 勉強嫌いな方では無いですが、根がサボり屋なので、何か切迫した目標が無いと勉強に集中することができません。 そこで、5月中に「AWS Certified Machine Learning – Specialty 」を取得するというニンジンを設定して、今年のGWの10連休で勉強やろうと一年発起しました。 GWは子供が寝静まってから勉強というハードスケジュールでしたが、その甲斐あって、無事に試験合格したので、記事書きます。 勉強方法 基礎部分 試験向け 他にも役立った本 勉強時間 点数 その他試験の所感 まとめ 参考URL 試験ガイドとサンプル問題

こんにちは、てつです。 2個目のサイトやサブブログを作成した時に同じく収益化の手段としてAmazonアソシエイトを使う方も多いのではないでしょうか。 しかし、Amazonアソシエイトでは新しく作ったサイトに、勝手に広告コードを貼るのはNGです。 しっかり手順を踏んでサイトを追加する必要がありますが、その手順を紹介します。 Amazonアソシエイトに複数サイトを追加する流れ 以前のはてなブログ独自ドメイン後にAmazonアソシエイトへURL変更依頼をする方法でも紹介しましたが、ざっくり言うと Amazonアソシエイトの問い合わせからサイト追加の旨を連絡 許可がおりたら手動でサイトを追加する 通常のASPとは違い、問い合わせからサイト追加を連絡するという流れが少し特殊です。 とは言っても難しい作業ではないので、新しくサイトやブログを追加する人は参考にしてみてください。 1)Amazonアソシエ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 皆さん初めまして、エンジニア見習い(2年目突入）のSawada(@AtSw0524)と申します。 Qiita に登録だけしておいて何も書かないというのもどうかと思いますので、AWS 認定ソリューションアーキテクト-アソシエイト(以下、SAA-C01)に合格した記念に一つ記事を書いてみたいと思います。 同じ資格を目指している方々に少しでも参考になれば幸いです。 自己紹介 実務歴は2年未満の自社サービス(クラウド関係)のエンジニア。 持ってる資格 - CCNA/LPIC-Level3/AWS SAA-C01。 何ができるの？ - 個人レベル

http://www.youtube.com/watch?v=SgAnnwl2VB8 目次 People Occlusion Motion Capture Simultaneous Front and Back Camera Multiple Face Tracking Collaborative Sessions Additional Improvements(省略) 1.People Occlusion http://www.youtube.com/watch?v=vkS-VqAss4s 説明 AR空間のなかにいる人間を認識し、3Dオブジェクトを隠してくれる 何が変わる？ 人間と3Dオブジェクトが重なる不自然さが無くなり、より臨場感のあるAR体験が可能になる 2.Motion Capture http://www.youtube.com/watch?v=VKSFVLO_qaI 説明 カ

スマートフォンを活用して給料を前払いで受け取れるサービスが広がっています。アルバイトを集めやすくなることが背景ですが、従業員に手数料がかかる場合があるため、金融庁は利用のしかたには注意も必要だとしています。 このうち、都内の飲食店はアルバイトの確保が課題になっていましたが、サービスを導入したところ、求人の際、応募者が増えたということです。 飲食店の運営企業の室井進外食部部長は「アルバイトの従業員が日々働いた成果をすぐお金で得られることが、人材確保につながっている」と話しています。 こうしたサービスは、伊藤忠商事の子会社も来月から本格的に始めるほか、リコーの子会社もすでに参入しています。 一方で、サービスの利用には企業か従業員のどちらかが手数料を支払う必要があり、従業員が数％の手数料を負担する場合もあります。 このため金融庁は、頻繁な利用には注意が必要だとしていて「賃金の先取りで利用者の生活

こんにちは、らくからちゃです。 せっかくの華金なので、18時前には会社を出たいなあと思っていましたが、いつものごとくトラブルに巻き込まれて結局退社したのは19時半過ぎでした。とほほ。それはさておき、先日労働環境に関する中々興味深い車内広告を見つけたのでツイートしてみたところ、バズりました。 勘違いではないと思うで。 pic.twitter.com/jhI7AFbf66 — らくからちゃ (@lacucaracha) June 9, 2019 ちょw俺のツイート伸びすぎww有名人じゃんwwwまじ通知止まらんwww 何か新事実を発見したわけでも、気の利いた一言を言ったわけでもなく、広告にツッコミを入れただけなので、賢くも偉くもありゃしません。しかし1万を超えるリツイートをいただきますと、FF外の皆様から色んなガヤクソリプもいただけましたので、色々と思うところを書いてみようかなーなんて思います。

わたしのチカラ® Q10ヨーグルト 「わたしのチカラ® Q10ヨーグルト」 は、還元型コエンザイムQ10を100㎎配合した機能性ヨーグルトです。 BENOIT NIHANT GINZA 私たちはチョコレートブランド「BENOIT NIHANT（ブノワ・ニアン）」と出会い、2019年に輸入販売を開始しました。

実際手を動かしてみて思ったのだが、３章で使った内容を４章でも発展して使い、そして５章でさらに発展させるという形で段階的にわかるようになっている構成であることに気がついた。手を動かしてみないとわからないものである・・。 ●練習問題がある 章の終わりに練習問題がある。コレの良いところは、一つに付き2~5分くらいで終わること。たくさん時間がかかると本章だけで、挫折しそうになるのに、問題がいい感じに軽いというところが乗り越えられるポイントだった ●気になっていたアルゴリズムが紹介されていた。 ナップザック問題や巡回セールスマン問題。名前は聞いたことあるけど、具体的にどうやって解くのか知らないという問題を絵付きで解き方が紹介されていてよかった。 ●メモリの仕組みビックオー記法と配列とリンクリストの紹介 どうしたら早くなるかという話だけじゃなくて、そもそもどうして遅くなるのか、どうやって値が保存されて

こんにちわ、札幌のヨシエです。 AWS Summit Tokyo 2019 3日目のA3-03で行われたセッションのレポートを書きましたのでご査収頂ければと思います。 登壇者 アマゾン ウェブ サービス ジャパン株式会社 技術統括本部 ソリューションアーキテクト 原 康紘 AWS 上でのマネージド・サービスメッシュを実現する AWS App Mesh や、Kubernetes ワークロードとの親和性が高い Istio など、サービスメッシュの世界には数々のプロダクトやソリューション、アイデアが生まれつつあります。本セッションでは、マイクロサービスにおけるベストプラクティスの集大成とも言えるサービスメッシュについて、その解決すべき課題と人々が熱狂する理由、サービスメッシュそのものの必要性について掘り下げます。同時に、サービスメッシュを実現する上で最も重要なコンポーネントの一つとも言える En

マイクロソフト、Javaの開発環境をまるごとインストールしてくれる「Visual Studio Code Installer for Java」公開。VSCode、JDK、テストランナー、デバッガ、依存関係ビューア、IntelliCodeなど マイクロソフトは、Windows上にJavaの開発環境をまるごとインストールしてくれるツール「Visual Studio Code Installer for Java」をリリースしました。 「Visual Studio Code Installer for Java」は、コードエディタのVisual Studio Codeを中心に、Javaの実行環境、テストランナー、デバッガ、依存関係ビューア、コード補完をしてくれるIntelliCodeなど、Javaアプリケーションの開発を支援するツール群を一括してインストールしてくれるというもの。含まれているも

皆さんお久しぶりです！！！ 梶松です！！！ 最近、仕事やら勉強やらで全くブログを更新できていなかったのでちょっと反省しております。。。 さぁ！！！それはさておき！！！ 行ってきましたよ！！！ AWS　Summit！！！！！！ yeeeeeeeeeeeeeeeeeeeeeeeah!!! 今回はそんなAWSに行ってきた感想のお話です AWS Summitとは AWS Summit は、クラウドコンピューティングコミュニティが一堂に会して、アマゾン ウェブ サービス (AWS) に関する情報交換やコラボレーション、学習を行うことができる日本最大級のカンファレンスです。世界 25 ヵ国 35 都市で開催され、あらゆる業界や学習レベルの技術者が、AWS を利用することでいかに自社のビジネスを迅速に革新し、柔軟で信頼性の高いソリューションを大規模に提供できるかを発見できる機会です。[公式サイトより]

16日、大阪 吹田市の交番の前で男性巡査が刃物で刺されて拳銃が奪われた事件で、警察は以前、現場近くに住んでいた33歳の男を強盗殺人未遂の疑いで逮捕しました。警察によりますと調べに対し、男は「私のやったことではありません」などと供述し、容疑を否認しているということです。 古瀬巡査は意識不明の重体になっています。 警察は交番の防犯カメラの映像を公開するなどして捜査を進めていましたが、東京 品川区の飯森裕次郎容疑者（33）の犯行と判断し、強盗殺人未遂の疑いで逮捕状を取って行方を捜していました。 そして吹田市の北に隣接する箕面市内の複数の防犯カメラに、16日の昼前から午後８時すぎにかけて、飯森容疑者に似た人物が住宅街と山との間を行き来する様子が写っていたことから、警察は山中に潜伏している可能性もあるとみて捜索していました。 その結果、午前６時半すぎに飯森容疑者を山の中で見つけ、逮捕したということで

転職活動中の自分にとっては、何ともホットな話題がありました。 ヘッドハンターを名乗る人からの詐欺事例です。 どういうことかというと、ヘッドハンターを名乗る人から転職斡旋の話があり、転職を進めるために高額なセミナーを受ける必要がある、と。 このセミナーが存在しないもののようです。 あとは、保証金が必要、というもの。 先方（受け入れ企業側）にもリスクがあるため、保証金という形で預かるが、後日返金する、というもの。 これも支払ったところでドロン。 ヘッドハンターからの連絡時には、現職のことやキャリアについて知っているような内容で、現職の会社にも、転職先の会社にも内密で、ということで話を進めさせられるようです。 そりゃ、転職に関わることですから、すべてが決まるまではペラペラしゃべれませんしね。 際どいところを突いてきますね。 スポンサーリンク なお、転職サイトなんかに登録していることがもし漏洩した

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨年からAWSの勉強を始め、2019年2月にAWS認定ソリューションアーキテクト・アソシエイトを取得しました。 これに気を良くしたため、AWS Summit Tokyo 2019に参加してきました。 AWS Summit Tokyo 2019は2019年6月12日(水)〜14日(金)の3日間開催、会場は幕張メッセ国際展示場Hall1～3でした。 初参加でしたが幕張メッセは音楽フェスでちょくちょく行っているため勝手知ったるので、 若干の余裕をもって初日の12日(水)のみ(有給休暇を取って)参加しました。 利用できるサービス 昼食 セッショ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

おさらい chrome://webrtc-internals って何？ Chromeのアドレスバーで chrome://webrtc-internals と入力すると利用できる、WebRTCのデバッグツールです。 WebRTCを触ったことがある人であれば、誰もが一度はお世話になったことがあるあれです。 現在の chrome://webrtc-internals どんな情報が見られるの？ webrtc-internalsはコールバックベースのgetStats API(WebRTCの統計情報収集用のAPI)で情報を収集して、ビジュアル表示してくれます。 getStats APIはもともと各ブラウザベンダが独自に実装していましたが、現在はW3CによってプロミスベースのAPIの標準化がすすめられています。 Identifiers for WebRTC's Statistics API 2018.0

毎年会社で行なっている恒例行事の3泊4日のプログラミングキャンプで、 まさかのリーダーに任命されました。 彼女にはリーダー向きじゃないのにねって言われました。（確かに...） プログラミングキャンプで要件を整理する上でdraw.ioを使ってみました。 チームで共有がしやすく、導入が簡単でしたので、投稿してみました。 https://about.draw.io/ 導入方法 こちらにアクセスして、アカウントを設定するだけ。 無料なので、導入コストが低いです。 ちなみにデスクトップ用アプリもあります。 使用方法 基本的には他のデザインツールと同じように、 左のメニューにある図形を選択して、図などを作成していきます。 左のメニューにある図形は用途に合わせてカスタマイズができます。 何を使うか悩むぐらい種類が豊富です。 テンプレートも豊富です。 まだ駆け出しなので、書き方がわかるテンプレートを参考に

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

What's the news? Last week, Apple announced Project Catalyst for macOS 10.15 Catalina, which makes it easy for developers to bring their iPad projects to macOS as native Mac apps. We are excited that Project Catalyst will enable us to bring Twitter back to the Mac by leveraging our existing iOS codebase. We’ll also be able to add native Mac features on top of our existing iPad experience, while ke

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? slackあるある ※※お知らせ※※ 今後、備品購入を希望される方は当チャンネルで ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 【購入品名】　： 【購入URL】　： 【購入承諾者】： 【納品希望日】：2019/mm/dd 【備考】　　　： ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ というフォーマットを使って下さい。 (ピンどめしておきます) 現実は・・・ フォーマットを自己流に改変する人 そもそもフォーマットを使ってくれない人 別のチャンネルで依頼する人 etc..... 解決策 今後、備品購入依頼は 当チャンネルで /bihin と投稿し、 表示される