<btn open />
Improving user privacy and developer experience with User-Agent Client Hints | Privacy & Security | Chrome for Developers
Client Hints enable developers to actively request information about the user's device or conditions, rather than needing to parse it out of the User-Agent (UA) string. Providing this alternative route is the first step to eventually reducing User-Agent string granularity. Learn how to update your existing functionality that relies on parsing the User-Agent string to make use of User-Agent Client
プログラム内でdotenvを読み込むのをやめた話
dotenvというRuby発のOSSがあります。 .envって名前のファイルに環境変数を列挙してライブラリを読み込むと、それらの値をプロセス内の環境変数として値を展開してくれるというツールです。 もちろんNode.js版の実装も存在します。 Herokuを愛用していた時期によく使っていたのですが、何年か使ってみた結果プロセスの中でrequire('dotenv').config()と書くのではなく、そのプロセスを起動するときにnode --require dotenv/configとrequireオプションを用いてdotenvとプログラムの依存をなくす方向に落ち着きました。 なぜそちらの方がいいのか考えていることを残しておく。 コードがコミットされてない（はずの）ファイルに依存している 当然ですが、dotenvがソースに書かれているということは.envという名前のファイルが存在していること
New In Chrome: CSS Overview | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations… even down to the total number of defined media queries. Again, this is an experimental feature. Not only does that me
【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい
そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400" alt="画像の説明"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般的（？）になっていました。また、widthとheight属性が記述してあってもCSSでwidth: 100%; height: auto;が指定されているとレイアウトシフトが発生してしまっていました。 参考： img要素のサイズ属性の記述の有無についてのTwitterのアンケート なんでいまさら？ なぜなら、2019年の後半にブラウザにレイアウトシフトを回避するための新たな機能が実装されたか
apollo-link-stateで状態管理を行う - 技術探し
www.apollographql.com 昨日、会社の同僚とreduxにapolloのキャッシュを乗せるかどうかって話をしたので、サンプルを書いてみました。 自分はreduxのアーキテクチャが大変好きですが、Apolloとは相性が悪いためと思っています。 (なんでApolloClient.reducer()がなくなったのかも考えるといいかも) また、ここでは話しませんがprop drillingを解決するための他の方法として、context apiの使用も考えることが可能です。 サンプルコード github.com react-apollo react-apolloではクエリを渡すことで自動にfetchを行い、コンポーネントをレンダリングすることが可能です。 // github/graphqlを叩き、hiroppyの情報を取得し表示する const GET_AUTHOR = gql` q
Managing Local State with Apollo Client and React Hooks
In this post, we will learn how to work with your local data in Apollo Client Need for local stateModern Web and mobile applications have become extremely data-driven. Building large single-page applications is complex because of the constantly changing data over time. Detecting these data changes and re-rendering the UI every time is painful. We want to access all the properties stored in differe
冷蔵庫で1時間「旨辛壺ニラ」を自作したら、そうめんが無限に食べられた【筋肉料理人】 - メシ通 | ホットペッパーグルメ
こんにちは～筋肉料理人です！ 今日は、ラーメン屋さんなんかによくある「壺ニラ」を自作して、そうめんにごま油をまぶした「油そうめん」にトッピングします。ピリ辛、旨辛の壺ニラで油そうめんを美味しく食べましょう。 壺ニラは、ニラの一夜漬けみたいなもの。思い切って辛味を効かせた旨ダレに、ニラを漬け込んで作ります。ニラ独特の風味と、タレの旨辛がクセになる味。そうめんやラーメンのトッピングだけでなく、うどんやそば、ご飯、冷奴にのっけるのもおすすめです。まずは、筋肉料理人流の壺ニラを、ポリ袋を利用して手軽に作ります。 筋肉料理人の「旨辛壺ニラ」 【材料】2～3人分 ニラ 1束 （A） 豆板醤 小さじ2 麺つゆ（3倍濃縮） 大さじ1 白いりごま 大さじ2 おろしにんにく、鶏ガラスープの素、ごま油 各小さじ1 作り方 1. ニラは4～5cmに切ります。 2. ポリ袋に切ったニラを入れ、（A）を加えて口をしっ
保存版・自宅で最高の「餃子」を包んで焼きたい人のためのレシピ【四川料理のスゴい人】 - メシ通 | ホットペッパーグルメ
※この記事は緊急事態宣言前の2020年3月頃に取材したものです。 餃子はやっぱり自分で包んでナンボ 餃子は、たくさんの人が自分なりのこだわりを持って作っているソウルフルなフードですが、作るための実践的なノウハウを知れば、さらに皆さんの食卓が豊かになります。 【材料】（40個分目安） 餃子の皮 40枚（市販のもの） サラダ油 分量外 タレとして 醤油、酢、ラー油、胡椒など 分量外 餃子のアンコの材料 白菜 500g 長ネギ 1本100g ニラ 1束 ショウガ 20g ニンニク 10g 豚ひき肉 500g 塩 4g 上白糖 6g 醤油 15g 酒 10g 胡椒 適量 ごま油 10g 麻辣餃子の場合（普通のアンコ500gに以下の材料を追加してアレンジ） 山椒 1g 唐辛子 お好みで40gくらい 特製ラー油（底の粉） お好みで20gくらい 豆苗 1パック タレとして 麻辣ソース（醤油大さじ1.5、
何が届くかわからない生魚ガチャ！ 産地直送の「お任せ鮮魚セット」を余すことなく楽しむ方法 #ソレドコ - ソレドコ
こんにちは。魚釣りが好きなライターの玉置です。月に一度は自分が釣った魚を捌いて調理しておいしく食べて、心身ともにリフレッシュをしていたのですが、ここ数カ月は新型コロナの影響で残念ながら魚釣りに行けていません。新鮮な魚が食べたいのに！ もちろん魚を買ってくれば好きなだけ食べられますが、何が釣れるかわからない海にエサを投げ入れ、ハリに掛かってくれた魚を料理する喜びは、スーパーや魚屋で選ぶのとはちょっと違うんですよね。一期一会、出たとこ勝負の腕磨き、そこにドラマがあるんですよ。 この魚をどう料理してやろうかと迷いながら包丁を入れるあの緊張感を、自宅で手軽に味わえないものかと悩んだ結果、通販で「鮮魚セット」を注文してみました。 ということで、この記事は届いた魚を3日間にわたって食べ尽くした記録です。魚を捌くのが苦手な人も挑戦できるよう、私なりの捌き方、保存方法も解説してみました。和洋中、さまざまな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
