画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
できたて缶コーヒーはうまいらしい【デジタルリマスター版】
1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」（アスペクト）など。イカの沖漬けが世界一うまい食べものだと思ってる。（動画インタビュー） 前の記事：家庭教師のチラシを堪能する ＞ 個人サイト webやぎの目 モザイクですがいやらしいわけではありません 「XXX県のとある工場って書けばいいですか」 「いやあ、場所がわかるとウチだってわかるからなあ」 「北関東だったらいいですか」 「それならいいですよ」 というやりとりがあったので今回のレポートはモザイクが多いです。フォトショップ大活躍。 ＊ 3月某日、北関東のとある駅を降りた。とあるタクシーに乗ってとある工場に到着。 北関東のとある駅を降りる 工場の外にはかすかにコーヒーのにおいがしていた。期待に胸がふくらむ。 立派な工場 応接に通されるとそこにはすでに数種類の缶コーヒー
NURO光はセキュリティ的にやばいって話 (安全に使うための方法) - Qiita
要約 NUROひかりのHGWはデフォルトでIPv6ファイアウオール機能が 無効 または 未搭載 の可能性がある ので、そのまま使うと家庭内LANがインターネットから見えちゃうからちゃんと設定か対策して使おうぜって話。 このドキュメントの対象とする人たち 何も考えずに速度が速いだけでNURO光を使っている、「いんたぁねっとが何かよく分かっていない」人向けです。 ネットワークやセキュリティを理解していて、自分のルータでセキュリティを維持しつつ使える！って人には全く関係ない話なので気にしなくていいです。読まなくていいです。 IPv6 と IPv4 のセキュリティ ここでは IPv6 と IPv4 のアドレスが割り当てられたPCやスマホとかがインターネットからどう見えるのか？について説明します IPv4 の場合 一般的にIPv4アドレスは1契約につき1アドレスが付与され、それをルータ呼ばれる機器を
VSCode上のマークダウン とDraw.ioでドキュメントを作成する - Qiita
VSCode拡張機能 Draw.io Integration導入方法 先人の方がまとめて下さってます。⇒ VSCodeでDraw.ioが使えるようになったらしい！ Draw.ioでsvg形式のファイルを作成する 拡張子を.drawio.svgまたは.dio.svgにしてファイル作成すると、Draw.ioに関連付けられ、svg形式のファイルを作画＆作成できます。 mdファイルにsvgを埋め込む mdファイルに以下のように作成した画像（.drawio.svg)を埋め込むことができます。 マークダウン構文またはimgタグで記述します。 mdファイルの編集画面からDraw.io画面を開ければ... マークダウン構文で記載した場合、画像ファイルを cmd + クリック で開くことはできますが... 残念ながら、テキストエディタが開いてsvgのソースが表示されます。 Draw.i
「警官に押さえ込まれけが」 渋谷署前で200人が抗議デモ クルド人訴えに共鳴 | 毎日新聞
渋谷の路上で警察官2人に押さえ込まれるなどして首に全治1カ月のけがをし、抗議デモに参加するトルコ出身のクルド人男性（中央）＝東京都渋谷区で2020年5月30日、後藤由耶撮影 東京都渋谷区の路上で警察官2人に押さえ込まれるなどして首に全治1カ月のけがをした外国人男性（33）を巡り、30日、市民らによる警察への抗議デモがあった。一緒にいた友人が撮影した動画がインターネットを通じて拡散したことで約200人が集まり、警視庁渋谷署前などで「外国人を差別するな」などと声を上げた。 けがをしたのはトルコ出身のクルド人男性。15年前に来日し、定住者ビザを得て、飲食店で働いている。男性は27日、氏名不詳の警官2人を特別公務員暴行陵虐致傷罪で東京地検に刑事告訴した。男性は毎日新聞の取材に「交通違反も何もしていないのに、外国人というだけでひどいことをされた。外国人だから、話も聞かずに乱暴することが許されていいの
Zero-day in Sign in with Apple | bhavukjain1
Zero-day in Sign in with AppleMay 30, 2020 — 3 min read What if I say, your Email ID is all I need to takeover your account on your favorite website or an app. Sounds scary, right? This is what a bug in Sign in with Apple allowed me to do. In the month of April, I found a zero-day in Sign in with Apple that affected third-party applications which were using it and didn't implement their own additi
新しいスタートアップ企業がここを巣立つ時 - 物件ファン
渋谷駅徒歩5分。おしゃれスタートアップの皆が欲しがるっていうことが すぐにわかるだろう人は、きっとそっち寄りな世界でいる人たち。 だからぜひお友達に教えてあげてください。 いい空間ができましたよ、って。 出典: www.realtokyoestate.co.jp 二面採光の日当たりと抜け感はさすが。 窓の外すぐそこに高速道路が走っていて 出典: www.realtokyoestate.co.jp 二重窓で対応しているそうですが、 この辺りは要現地確認だと思います。 出典: www.realtokyoestate.co.jp だってねぇ、どんなオフィスのイメージで作ろうか みんなそれぞれ楽しみに考えているでしょうから。 きっとそこに関わる音って大事。 集中して仕事をする時の音って個々人で違いますからねー。 たとえば、 私はここをガラーンと贅沢な事務所にするといいなと それも外の音が多少なり入
胸に肉割れできるんだよ。肩こりやばいんだよ。なめてんじゃねえ。誰かHカップ巨乳の声をきいてくれ。｜女子大生のん｜note
私はスタイル抜群だ。フジ子ちゃんまでとはいかないが、グラマーだ。身長が高くて、全体的には細くて、お胸とおしりがある。本当に魅力的ボディだ。そうみられることが多い。 そのおかげで大学生になって人から魅力的にみられることは多くなったし、交流も人より取りやすかった瞬間もたくさんある。 でも実際、スタイルが良すぎることはメリットばっかじゃない。大きなデメリットもたくさん存在する。物事は表裏一体ってわかっている。そんなこととっくに前に。 でも、誰にも言えないこの巨乳ってすごく大変なんだっていう気持ちを吐き出したい。これを読んでいる人に完璧に気持ちを理解してもらおうとは思ってない。ただ、知っておいてほしい。そんな思いで今回書いている 肉割れって知ってるか？「胸の肉割れ」って聞いたことがあっか？ 肉割れってしってますか？体験したことあります？ 肉割れとは、まるでひび割れのような蛇行した線が皮膚にできるこ
300種類以上の美容メニューに通い放題のサブスクアプリ「Salt.（ソルト）」が6月1日リリース
300種類以上の美容メニューに通い放題のサブスクアプリ「Salt.（ソルト）」が6月1日リリース厳選した美容サロンに365日通える新しい美容のルーティン「Salt.」/株式会社BYK ■美容サロン通い放題サービス「Salt.（ソルト）」とは Salt.は、厳選した200店舗以上の美容サロンに365日通い放題のサブスクアプリです。 美容サロンは、美容室・エステ・ホワイトニング・フィットネス・ネイル・まつエク・美容フードなど多種多様。そして、多彩な300種類以上のメニューを取り揃えています。 〈ご利用メニューの一例〉 提携している美容サロンの中から、その日の気分で通いたいメニューを選ぶことができ、毎日の美容がSalt.で完結します。また、知らなかった美容、気になっていた美容を試すことで新しい美容の選択肢が広がります。 「本当に良いサロンはどこ？」「美容をもっと制限なく楽しみたい！」美に対して貪
フィヨルドトーーク！ - komagataのブログ
先日のフィヨルドブートキャンプのオンラインミートアップにフィヨルドトーーク！を初めて使ってみました。 フィヨルドトーーク！は以前フィヨルドブートキャンプにエンジニア研修で来られたGMOペパボの@akhtさんが卒業制作で作ったペパトーーク！（旧Super Cool Web App）を@akht_ikdさんの許可を得てforkして@komagataと@machidaがミートアップ用に改造したサービスです。（「誰に」という項目を追加してデザインを変えただけ） akht/super-cool-web-app: ランチで話すネタがない？そんなあなたにsuper-cool-web-app フィヨルドトーーク！はイベントの時のトークテーマを募集してランダムで表示するアプリです。 匿名で質問やトークテーマを応募できます。この画面を見ればなんとなくわかると思います。 事前に募集しておいたものからランダムで一
目黒で愛でる大空間 - 物件ファン
もし、東京の一等地・目黒に 住めるとしたら。 もし、その家が100平米近い 大空間だとしたら。 なんて贅沢なことでしょう。 出典: www.realtokyoestate.co.jp 親近感が湧く 古き良きマンション。 最上階がお部屋です。 出典: www.realtokyoestate.co.jp リビングの広さ、なんと約31帖！ 2LDKのお部屋には 大きなバルコニーもあるとか。 これで、場所が目黒ですからね。 ドキドキが止まりません。 出典: www.realtokyoestate.co.jp 廊下から雰囲気たっぷり。 ちょっとダークな照明が ブルーグレーの壁や レトロなトリルスイッチを際立たせてくれる。 モノクロの写真や抽象画を飾っても 似合いそうです。 出典: www.realtokyoestate.co.jp リビングを見た瞬間、 思わず息を呑みました。 オーナーさんのこだわり
クセが強め、キャンピングカー的ライフ。 - 物件ファン
外見やちょっと話した感じから クセ強いなー！て思う人が、 たまにいますね。 でも、付き合っていくうちに 性格はすごく良い人だとわかったり、 意気投合して仲良くなったり。 こちらの物件は、そんな人に 少し似たものを感じる。 出典: www.realtokyoestate.co.jp クセが強い。 思わず呟いてしまう第一声。 ピンクの建物、お店、 パラソルのようなひさし、 なかなかのインパクト。 この2階にあるお部屋。 出典: www.realtokyoestate.co.jp 間取り図も、ちょっとユニーク。 カタツムリのようですな。 外の螺旋階段に合わせて カーブした部屋。 ドアを開けた先には 予想外の異空間が広がっていた。 出典: www.realtokyoestate.co.jp スタイリッシュ！ でありつつ、何だか楽しげな この空気は何だろう。 倉庫のようなデッキプレートの天井、 壁沿
【転職】7次面接まで行ってシリコンバレーの企業に祈られた話 - 旅ジャーニー
もう数カ月も前のことですが、タイトル通り”祈られた話”ですw エンジニア以外でシリコンバレー系の企業にトライしている記事が少ないので筆をとりました。 不採用になってしまった事に対して、めちゃくちゃ悔しかったのでブログで成仏します。 ※応募当時はイギリスで働いていました。 現在はドイツに流れつき楽しく働いています。 7次面接まである企業ってどんなところ？ 2019年の上場が噂されていた会社です。 この記事を書き終わった頃には上場してるかもしれないし、してないかもしれません。 一旦A社としておきます。 多少濁しながらライフログしていきます。 応募。ことの始まり LinkedInでInnovation Teamのマネージャー求人を見つけた。 Job descriptionを読んでいくと、意外と自分とマッチするんじゃね？と勘違いする。 カバーレターは書かない派だけど、必至事項で直接応募フォームに記
子供にインターネットの正しい歩き方について話をした - そーだいなるらくがき帳
一番上の子がLINEのオープンチャットで鬼滅のキャラになりきりチャットをしてた。 そしてその中で知り合った人とLINE上で繋がり、直接チャットをしていた。 インターネットらしいな、と思うし、自分自身も魔法のｉらんど*1を思い出した*2りしたので、そんなお年頃かと感慨深い気持ちになった。 もちろん、それ自体が問題の行為ではないのだけど、インターネットの怖さもあるな、と感じて良い機会なので父親として、そして自分がインターネットを作り、育てる立場の人としての意見を説明した。 自戒ならびに今後のために原文を置いておく。 https://www.secom.co.jp/kodomo/m/20180726.html 「危ないから使わせない」とSNSの使用そのものを禁止してしまうと、子どもは親に隠れてなんとかしようと頭を巡らせるものです。 どうしてもお子さんが使いたいというなら、どういう理由で使用するの
彼氏の東京転勤が決まった
半年付き合っている彼氏の東京転勤が決まった。 まだコロナのこともあって仮らしいけれど、延びても今年中には東京へ行ってしまうらしい。 早くて7月。この状況なら、7月にはいなくなってしまうだろう。 まあ2～3年にはまた地元に戻ってくるらしいけど、それまでは遠距離恋愛が確定で、3年後には私は29歳、彼は27歳。 まさか、新卒に毛が生えたような子が転勤させられるなんて思ってなくて、一ヶ月前には想像もしていなかった。 本社も地元にあるのに。転勤が多い会社ってわけでもないのに、しかもこんなコロナが流行っている時期に彼が選ばれるなんて。 これから、遠距離になったとして、東京へ会いに行けるのだろうか。 彼には「大丈夫！こっちと違って、たくさんデートスポットあるから、むしろ楽しみだよ」と話しているけど、正直すごく不安だ。 彼がすごくつらそうにしているから、私くらいはポジティブにならなきゃと思って明るく振る舞
I Can't Breathe事件
アメリカがいま、大変なことになっている。 View this post on Instagram Protesters angered ...
年収1000万のリアルを教えよう
そこの学生君！年収1000万なら贅沢で優雅な暮らしをしていると勘違いしていないか？ 今日はそんな誤ったイメージを正し、実際にどれくらいの生活レベルか教えよう。 まず自分のスペック。 36歳男、独身、都内在住、年収1200万ほど。1000万も1200万も変わらないのでこれは誤差だ。 なおマウンティングなどと言われるかもしれないが、そんなつもりは全く無く、 ただただリアルを伝えるために書いた記事である。 家賃について家賃は15万、1DK。別に広くもない普通の部屋。 アパートがある地域の治安は良いが、部屋自体は普通。 別段キレイとかお風呂が特別広いとか全く無い。普通。 窓から綺麗な夜景が見れるとかも無い。シャンデリアももちろん無い。 駐輪場も無い。普通のアパート。 普段の食事について吉野家とかコンビニ飯、ラーメンなど。ザ・普通。 スーパーで買う時はまいばすけっとかライフ。 安いスーパーの売れ残っ
連鎖退職 - @kyanny's blog
要約 感想 メモ ハイライト 優秀な人材の退職が組織に与える影響 マネジメント体制 ファーストランナーの退職が逆に良かったケース 信頼される管理職 連鎖退職の火消しをして燃え尽きた管理職 要約 これは「従業員が立て続けに辞める事象 = 連鎖退職」について分析した本である 連鎖退職には二種類ある ドミノ倒し型 蟻の一穴型 「ドミノ倒し型」は、退職による業務負荷の増大が原因 「蟻の一穴型」は、影響力がある人の退職で職場の問題が顕在化することが原因 「ドミノ倒し型」は人的余裕の少ない中小企業に多く、「蟻の一穴型」は大企業に多い（管理職や経営者が職場の問題を放置していたことが原因のため） 予防策 採用 採用前にネガティブな面も含めて詳細に情報提供する 採用基準を変更して合う人をとる 人事評価 報酬の分配方針（成果主義） 評価結果に対するフィードバック キャリア形成支援（メンター制度） 定期的な配置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2020/05/30/2020-05-29-spacexs-starship-sn4-launch-vehicle-prototype-explodes-after-static-engine-fire-test/
米、中国人留学生のビザ取消計画 最大5000人に影響も＝関係筋