videoタグで設置した画面いっぱいの動画ですが、画面サイズを変更すると、横縦比が変動して動画が画面中央に設置されなかったので、以下の方法で対応してみました。 そのまえに…基礎的なvideoの属性メモ 属性 値 効果
![videoタグで画面いっぱいレスポンシブな動画を設置する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4406f46576cda97a2213549f243e57656bc9bf94/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9dmlkZW8lRTMlODIlQkYlRTMlODIlQjAlRTMlODElQTclRTclOTQlQkIlRTklOUQlQTIlRTMlODElODQlRTMlODElQTMlRTMlODElQjElRTMlODElODQlRTMlODMlQUMlRTMlODIlQjklRTMlODMlOUQlRTMlODMlQjMlRTMlODIlQjclRTMlODMlOTYlRTMlODElQUElRTUlOEIlOTUlRTclOTQlQkIlRTMlODIlOTIlRTglQTglQUQlRTclQkQlQUUlRTMlODElOTklRTMlODIlOEIlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTQwZWNkMGNiNDVlZjBjYzhmYjAxMjk0NjZmM2IyOWE2%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBkcmFza3kxMTMyJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xNTU3NzRiOWRlM2VhY2E1MWU2ZjljMzhmNmY5ZmZlNQ%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Ki44OI44Op44Ko%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Dbc41d0b600afb9714165449beda32ca0)
概要 2019年10月5日、(おそらく) このツイートを端緒として、多くのエンジニアが自身のプログラミング言語歴や好みについて語るという試みがなされ、10月14日には自然言語クラスタを巻き込んだこともあってかトレンド入りを果たしました。 1. 最初の言語: Basic 2. 難しかった言語: Javascript 3. 一番使っている言語: C++ / C# 4. 嫌いな言語: HTML / CSS 5. 一番好きな言語: C++ 6. 初心者にオススメ: Unity 他の人のも聞いてみたいですね。 — たつなみ (@qrostar) 2019, 10月 5 本記事では、10月18日18時までに集まった1480件のツイートの集計結果を示したいと思います。なお結果にはプログラミング言語ではなくマークアップ言語も含まれていますが、票数が多かったこともありそのままにしてあります。ご了承ください。
完成品 赤外線の登録も楽チン! pic.twitter.com/cUIZGx2qUm — なべこう (@nabekou29) October 18, 2019 やりたいこと タイトル通り、「リモコンの web アプリへの複製(移植)」です。 ラズパイを使ったスマホからの赤外線の送信は多くの人が記事をあげてくださっています。 ラズパイで信号を登録 → Slack, GoogleAssistant を通して送信する。という手法を取っている記事が多く見られます。 この方法の欠点として、 - 多くの信号の登録するのが面倒 - 家で操作するのに文字を入力したりするのは億劫 という点があります。そこで今回は、 信号の受信・登録をスマホからできるようにする なるべく実際のリモコンに近い UI にして操作性をあげる この 2 点を意識して作っていこうを思います。 使うもの RaspberryPi zero
今回は Elasticsearch + Sudachi でユーザー辞書を使う Dockerfile を作ったので作り方を共有します。 Elasticsearchのバージョンは現行の最新(v7.4.0)ですがv6.8あたりでも動くことを確認済みです。 Sudachi とは Sudachi は日本語形態素解析器です。株式会社ワークスアプリケーションズ下の機関であるワークス徳島人工知能NLP研究所が開発しています。複数の分割単位をサポートしているなどの特徴があります。 ドキュメントはこちら https://github.com/WorksApplications/Sudachi/#sudachi-%E6%97%A5%E6%9C%AC%E8%AA%9Ereadme 今回のハンズオンの最終構成 最終的に下記のような構成を目指します。 . ├── docker-compose.yml └── elas
アプリの申請を完全に自動化する ソースコードをpushしたら、あとは何も考えなくてもストアにリリースされる。 そんな環境を作ってみたのでメモ まだちゃんと動かなさそう(fastlane_sessionが1ヶ月でexpireする) 全体の流れ ↑こんな感じ Bitriseの部分は別になんでも良いのだけど、無料枠があったのでBitriseにしている。 automate.io は、いわゆるIFTTTのようなサービス。 似たようなサービスでメルカリの採用しているZapierと言うのがあるが、カスタムWebhookがプレミアム専用なのでautomate.ioを使うことにした。 正直Zapierの方がsampleみながらzap作れるしgmailの取得速いし、正規表現ちゃんと使えるのでZapierの方がおすすめです。 GithubにpushしてBitriseからappstore connectへアップロ
はじめに ひさしぶりにPythonで久しぶりにHTMLを出力したくなったのでテンプレートについて調べます。 環境: Python 3.7.4 標準ライブラリでの文字列の書式の扱い まず標準で使える範囲で文字列の書式をどう扱えるか調べます。 これについては下記の素晴らしいまとめが存在します。 Python String Formatting Best Practices https://realpython.com/python-string-formatting/ ここで紹介されている方法は以下の通りです。 古い形式の文字列の書式 新しい形式の文字列の書式 PEP498で定義された書式設定方法 テンプレート文字列 古い形式の文字列の書式 昔ながらの文字列の書式の指定方法です。 name = 'アンジュ' age = 18 print('古いやり方----------------------
The OWASP Cheat Sheet Series was created to provide a concise collection of high value information on specific application security topics. These cheat sheets were created by various application security professionals who have expertise in specific topics. We hope that this project provides you with excellent security guidance in an easy to read format. You can download this site here. An ATOM fee
Amazon Web Services ブログ [AWS Black Belt Online Seminar] Amazon Route 53 Resolver 資料及び QA 公開 先日 (2019/10/16) 開催しました AWS Black Belt Online Seminar「 Amazon Route 53 Resolver 」の資料を公開しました。当日、参加者の皆様から頂いた QA の一部についても共有しております。 20191016 AWS Black Belt Online Seminar Amazon Route 53 Resolver AWS クラウドサービス活用資料集(すべての過去資料が閲覧できます) Q. オンプレミスと Amazon VPC との相互の名前解決は、AWS Direct Connect や Internet VPN を用いて、オンプレミスと Am
If you want to add another reason or your website, this is how.
日本マイクロソフトは、10月17日に開催したSurfaceシリーズの新製品発表会の中で、米国で2020年末の発売に向けて開発中の9インチでデュアルディスプレイの手のひらサイズPC「Surface Neo」と、GoogleのAndroidプラットフォームを採用する5.6インチのデュアルディスプレイのポケットサイズPC「Surface Duo」を日本で初披露した。米国で10月2日(日本時間10月3日)に発表したもので、DuoはAndroidを採用。いずれも、2画面を360度回転できるヒンジで接続するスタイルで話題になった。日本での発売は未定。 Surfaceのマーケティングの総責任者として来日した米マイクロソフトのマット バーロゥ コーポレートバイスプレジデントは、「日本で公開するのは初めて」としてSurface Neoを持ちながら、2画面を自在に回転させながら、さまざまな使用シーンで効果的に
https://megalodon.jp/2019-1020-0018-11/https://webukatu.com:443/wordpress/blog/1205 https://takuzoublog.com/2018/05/13/javascript%E5%9F%BA%E7%A4%8E%EF%BC%9A%E9%96%A2%E6%95%B0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/
はじめに Webアプリケーションに対してある種の繰り返しの操作を行ったり、定型処理を定期的に自動実行したい場合がよくあります。 大きくわけてWebアプリケーションの自動化には3種類のやり方が存在します。 1つ目はブラウザのGUI上の操作をプログラム上で真似して自動化する方法 2つ目はブラウザから送信しているデータを真似する方法 3つ目はWebアプリケーションが提供しているAPIを利用する方法 1つ目のブラウザのGUI上の操作をプログラム上で真似して自動化する方法は直観的にわかりやすいと言われますが、実際は最も難しい自動化の方法になります。また、アプリケーションのバージョンアップに伴い自動化用のプログラムが動作しなくなる可能性があります。 2つ目のブラウザから送信しているデータを真似する方法はプログラムで実装しやすいやり方ではありますが、Webアプリケーションがどのようなデータを送信している
Docker Desktop for Windows と VirtualBox を共存できないか試していて、 もっとも納得できていない現象を紹介します。 本記事はトライしたけどできなかった系のお話から始まります。 さらに妥協した方法を模索しているうちに不可解な現象に遭遇しました。 たまたまその不可解な現象の回避方法を発見しましたが、 どうしてそれがうまく機能するのかはわかっていません。 教えてもらったことをきっかけに正しい理解を得ました。 詳しくはこちらの 追加記事 をご確認ください。 TL;DR Docker Desktop for Windows の仮想スイッチ vEthernet (DockerNAT) が生きてると、VirtualBox のポートフォワーディングで 1688 から 2279 の範囲が利用できなくなる ネットワークアダプタ vEthernet (DockerNAT)
ちょっと前の話になるんですが、はてな匿名ダイアリー、通称「増田」でこんな記事を読みました。 質問力の付け方 知識がなくて質問できない部分も確かにあるけれど、少し考えれば分かる違和感に気付かないままの時もある。 そして質問しても、後が続かない質問しか出てこない。もしくは、本質的ではない的外れなものしか出てこない。 論議に対してクリティカルに効くような質問が出来ないし、それを引き摺り出すことも能わない。 ベストディスカッション賞を取る質問なんか一生出てこない。 「質問が思いつかない」「いい質問が出来るようになりたい」という増田の話ですね。 当たり前の話なんですけれど、「質問」というのは確かに非常に重要でなんす。 基本、話す側には、「聞き手が何を知らないか」が分かりません。 ゼミだろうが発表会だろうが関係なく、話し手と聞き手の間には、間違いなく知識の溝が出来るものでして、話す内容だけでそれを埋め
Amazon EKS (Elastic Kubernetes Service) の環境を簡単に構築できるコマンドラインツール「eksctl」の使い方を解説します。 みなさん、こんにちは! AWS事業本部の青柳@福岡オフィスです。 今回は「Amazon EKS (Elastic Kubernetes Service)」の入門記事をお送りします。 EKSの入門記事と言うと、当ブログ(Developers.IO)でも何度か紹介されましたし、巷にはKubernetesの入門書や初心者向けWeb記事が多く出版・公開されています。 それらの入門記事・書籍では、EKS(あるいはGKEやMinikubeなど)を使ったKubernetes環境構築から、構築したKubernetes環境の上で「Pod」や「Service」等のリソースを起動するところまでを一通りやってみる、という流れが多いようです。 一方、今回
クラスメソッドでは、リモートワークを始めとして、さまざまな働き方ができます。 本記事では、CX事業本部のエンジニアとして、「こんな働き方をしているよ」をご紹介します。 クラスメソッドでは、リモートワークを始めとして、さまざまな働き方ができます。 本記事では、CX事業本部のエンジニアとして、「こんな働き方をしているよ」をご紹介します。 おすすめの方 クラスメソッドに興味ある方 クラスメソッドでの働き方の一端を垣間見たい方 採用応募に申し込もうか迷っている方 代表的な制度 クラスメソッドでは、働き方に関する代表的な制度として下記があります。 リモートワーク フレックスタイム制 そのままですが、少し補足します。 リモートワーク どこでもリモートワークが可能です。その様子はブログにもなっています。 リモートワーク | シリーズ | DevelopersIO また、事前申請&承認フローは無く、前日ま
#Go_SaaS 三種の神器 オンボーディングセミナーとは Go_SaaS 三種の神器は、AWS上にシステムを構築しているAuth0、CircleCI、Stripeの3社による ISV・スタートアップ企業のためのSaaS化支援プログラム です。 Go_SaaS 三種の神器 - ISV・スタートアップ企業のための SaaS化支援プログラムです。 それぞれ以下の機能を提供するSaaSとなっています。どのようなビジネスを始める上でも、必ず「土台」として必要になるものです。 Auth0 : ID管理のSaaS。ID/Passwordを使ったログイン、ソーシャルログイン、エンタープライズログインなどに柔軟に対応。 CircleCI : 継続的インテグレーション/継続的デプロイ(CI/CD)のSaaS。ブランチごとのワークフローも自由にカスタマイズできる。 Stripe : オンライン決済のSaaS。
人月商売のITベンダーの営業担当者はとんでもなく技術者に嫌われているなとつくづく思う。何せ聞こえてくる罵詈(ばり)雑言がものすごい。「人売り屋の連中め」などはまだまともなほうで、お行儀の悪い「極言暴論」でも紹介できないようなひどい言葉を何度も聞いたことがある。 私は取材の関係で、人格も成績も優れた営業担当者を何人も知っているので、そこまで言われるとさすがに気の毒になる。ただ、実際に「君ら、(人月単価)70万円で売れたからな」などと不適切な表現を平気で使う営業担当者もいる。おそらく下請けITベンダーの営業担当者だけだと思うが、こんな言葉を投げつけられたら技術者は気分が良いはずがない。 営業担当者が評判を落とす理由はもちろん言葉遣いだけではない。例えば技術者が精緻に見積もったにもかかわらず、客に「この金額じゃ、おたくに任せられないよ」と脅され、あっさり値引きしてしまうアホ営業の話は数知れない。
次いで、2019年10月7日には468枚の交通系電子マネーの「PASMO(パスモ)」カードが「無効」になって使えなくなるトラブルが判明した。TFペイメントサービスは2019年10月9日に「当社処理に起因する交通系ICカード使用不能事象に関するお詫びとお知らせ」の文書をWebサイトに掲出。文書中に明にPASMOとは書いていないが、同社は日経 xTECHの取材に対し、文書中の「交通系ICカード」がPASMOであると認めた。 トラブルの原因について、TFペイメントサービスは「いずれもバッチ処理の不具合だった」とした。Thincacloudから「アクワイアラー」と呼ぶクレジットカード会社などのシステムに対してバッチ処理で決済データを送る際に不具合が生じた。データを再送した際に同一のデータを2度送るという不具合だ。すき家のQUICPayではこれが二重決済を招いた。 PASMOのトラブルも同一のデータ
目次 -対象者 -簡単な自己紹介 -アプリ紹介 -開発テーマ -アイデア出し -市場調査 -アプリ開発で意識した事 -開発過程 -デザイン -工数期間 -技術的に意識した事 -開発環境 -ライブラリ -ライブラリ管理ツール -CI/CDツール -ソースコード管理 -タスク管理 -アーキテクチャ -運用 -参考書籍 -個人開発参考リンク -最後に -(余談)今まで作成したアプリ紹介 対象者 アプリ開発に興味がある方 エンジニアを目指したい方 駆け出しエンジニアの方 簡単な自己紹介 今年1月から未経験としてエンジニア採用して頂き、開発会社で働いています。 プログラミング自体は2018年1月から本格的に開始し、それまではずっと営業をしてました。 当時のパソコンスキルは完全素人です。Youtube視聴とWord以外本当に使った事が無く、ファイルの意味も分かりませんでした。 そんな自分がアプリ開発を
今月はじめに CData API Server というAPIの自動生成ツールで無料版・freeのライセンスがリリースされました! 今日はこの CData API Server を使ってExcel ファイルから REST API を生成する方法を解説したいと思います。(ちなみに機能的にはExcel だけでなく、MySQL などのRDBからもAPIの生成が可能です。というかそっちの方がメインです) ちなみに今回作ったAPIは以下の内容で公開しています。 O'Reilly Demo API ID:user Token:7y3E6q4b6V1v9f0D2m9j CData API Server って何? こんな REST API を生成するよ 実施手順 1. Excel データソースの接続設定を追加する 2. ExcelのシートをAPIリソースとして追加する 3. アクセス用のユーザーを追加する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く