フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング
去年からフロントエンドのパフォーマンスについて断続的に学んでいるが、自分の頭のなかにある知識はどれも断片的で、まとまりを欠いているような感覚があった。 知識と知識がつながっておらず、各施策が何のために行われるのかも、必ずしも自明ではなかった。何となく「パフォーマンスに効果がある」と言ってしまうが、それが何を指しているのかは実は曖昧だった。 このような状態では新しい知識を得ていくのが難しいというか、効率的に行えないように思えた。議論の背景が分からないし、文脈や問題意識を上手く掴めないから。何の話をしているのかよく分からない、という状態になりがち。書かれてあることの意味は分かっても論旨を掴めているわけではないから、自分のなかに定着しない。 そこで、現時点で自分が知っていることを整理して、自分なりに分類しておくことにした。 当たり前だが、どのテクニックがどの程度有効なのかは、状況によって違う。
Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関
NTT Com オンボーディングハンドブック
オンボーディング ハンドブック #このサイトについて #NTTコミュニケーションズ(以降、NTT Com)社内で製作したオンボーディングハンドブックの内容を、より一般化して広く公開するものです。 ソースコード #本書のソースコードは https://github.com/nttcom/onboarding-handbook で公開しています。 ライセンス #NTT Communications Corporation 作『オンボーディング ハンドブック』は クリエイティブ・コモンズ 表示 - 非営利 - 継承 4.0 国際 ライセンス で提供されています。 関連ハンドブック #リモートワークの働き方に特化したリモートワークハンドブックや、チームビルディングのプラクティスをまとめたチームビルディングハンドブックも参照ください。 読み始める #こちらから本編に進めます。 はじめに
道の真ん中をきれいにするプロジェクトマネジメント～イケてるチームになるための10原則～ - Qiita
はじめに 私が好きな江戸の小話的なものに、こういったものがあります。 江戸下町では、道向かいのそれぞれが軒先を掃くときに、道の真ん中よりもちょっと向こうまで掃くのがならわしだったそうです。両側の人がそれぞれ真ん中よりも向こうまで掃くので、道の真ん中が一番きれいになる、というお話です。 近年こうした「江戸しぐさ」のようなお話は、真偽のほどが定かではないとして、流布することに批判もあるようです。実際この話も正直事実かどうかは全くわかりません。 ただお互い完璧ではない他人同士が肩寄せ合って共に生きる知恵といいますか、プロジェクトへの参画姿勢について良い示唆を与えてくれる話だと思い、その前提で使っています。 実際私が関わる案件のキックオフでもお客様や関係者によくこの話をするのですが、「キックオフでの『道の真ん中の話』、他の現場でも最近してるんですよ」とお客様やパートナー様から言っていただけたことが
プロジェクトの心理的安全性を高める変更管理の話 - Qiita
先日Twitterを見ていたらこんなつぶやきを見つけました。 筋トレを一年続けられる人って0.3%しかいないらしい。これは日本の富裕層の割合と近くて、成功者は継続し続けた者だけって言う証明。続けられる人だけが勝つ。筋トレに限らず何事も。 https://twitter.com/_sunny_fit_/status/1199123876011134977?s=20 最近ジムに行っていない自分には耳が痛いですが、今回はクライアントワークにおいて極めてその重要性が高く、継続こそが肝である変更管理について書いてみました。 変更管理とは何か？ 変更管理とはその名の如く「変更を管理する仕組み」のことです。PMBOKにおいても、統合マネジメント知識エリアの中の統合変更管理として定義されているぐらい、プロマネの仕事のど真ん中です。教科書的な説明は下記のサイトも参考にしていただければと思います。 プロジェク
心のバリアを取り去って「正規表現」に取り組む一歩を踏み出すためのメモ｜DTP Transit 別館
長年、後回しにしてきた「正規表現」。四の五の言わずにはじめようよ！と20年前の自分に伝えたく、まとめてみました。 詳しい方が見ると、乱暴だったり、おかしなところがあると思いますが、入り口に立つことが大切だと考えています（書いた人は文系・グラフィックデザイン関連です）。 はじめにたとえば、文章中に「コンピュータ」と「コンピューター」が混在していて、これを「コンピューター」に統一したいとき、あなたなら、どうしますか？ 単純な検索置換なら、次のような順番で処理できます。 ❶「コンピューター」を「コンピュータ」に一括置換する ❷「コンピュータ」を「コンピューター」に一括置換する ❸ ちょっと心配なので「ーー」（音引きの繰り返し）をチェック これはこれでアリなのですが、1回の作業でできたらベターです。 しかし、「コンピュ-タ」のように正しく音引き（ー）が入力されていない場合には単純な検索置換ではお手
ブリ刺身を揚げずにサクサク「ソースブリかつ丼」にして大盛りご飯と頬張ってほしい【魚屋三代目】 - メシ通 | ホットペッパーグルメ
こんにちは！ 鮮魚魚武の三代目、料理家の魚屋三代目です。 手軽で美味しいブリ刺身の丼レシピ、 www.hotpepper.jp 今回は、ブリに衣をつけて軽く火を通し、旨味を閉じ込める「ブリかつ」にしてからソースかつ丼風に仕上げます。 ソースかつ丼は福井、福島、群馬などのローカルめしとしてもおなじみ。甘辛いソースでご飯がすすむ一杯ですね。 そして、ブリかつは油で揚げずにオーブントースターで焼きます。後片付けもラクですし、油くどさがなくどんどん食べられるので丼にもぴったりです。 ブリは刺身用を使うので、火の通りは心配ご無用。養殖ブリならお財布にもやさしいですし、しっかり火を通すもよし、レアに焼き上げて、たたきのように食べてもウマいですよ。 魚屋三代目の「ソースブリかつ丼」 【材料】2人前 ブリの刺身 10切れ（あれば厚切りで、サクを厚めの1cmくらいに切るのもおすすめ） ご飯 2膳分 パン粉
かわいい人にかわいいと言うのは、僕としては結構ありえない｜安原健太
（このエッセイは微妙にではありますが前回のエッセイと繋がっています） ーーーーーー 移動教室の夜は、どうして好きな人の話になるんだろう。 中2のときもそうだった。僕は口を割らなかったが、2つ隣の布団で寝ていた同級生は僕と同じ人を好きだと言った。彼は騒がしくもなければ静かでもない、嫌われてはいないがモテてもいない、つまりは普通の中学生だった。 会話はヒソヒソと続き、就寝時間を軽くすぎた頃、突然彼が「あー！」と、必殺技を出すときのような声量で叫んだ。 「あー！ 〇〇、おかしてえー！！」 それは、さっき好きだと言った女の子の名前。当然周りは静まり返ったが、「何言ってんだよー」と苦笑いが起きた程度で、会話はまたヒソヒソと続いた。あの山ちょくちょく噴火するのよみたいな感じで、その内容については誰も触れていない。 下ネタに疎かった僕も、状況的に何らかのワードであることは想像ができた。 男子同士で誰かが
ジャンプの漫画学校講義録⑥ 作家編 松井優征先生「防御力をつければ勝率も上がる」 - ジャンプの漫画学校
週刊少年ジャンプ・ジャンプSQ.・少年ジャンプ＋編集部は、2020年度より、漫画家を対象とした創作講座「ジャンプの漫画学校」を開講しています。 第1期の全10回の講義より、一部を抜粋し、本ブログで順に公開していきます。 今回は「作家編①」から松井優征先生の講義の一部を紹介いたします。 松井先生が語って下さったノウハウや考え方が、クリエイターの皆様の漫画制作の一助になれば幸いです。 【講師】 必ず身に着くテクニック「防御力」！ 松井 漫画では「面白さとは何だろう？」といった問題が常に付きまといます。一昔前の編集さんは「面白ければ何でもいい」と言い、では面白いとは何かと聞くと「人それぞれだよ」という人が多かったです。皆さんはそういう人の言うことを聞いてはいけません。「面白い」とは何なのか、それは作家も編集も本人なりに言語化できないといけません。 そこでまず説明したいのが「防御力」です。 松井
便利すぎて時間がとける検索コマンド ツイッタラー向け完全保存版「Twitter検索で便利なキーワードまとめ」
特定のアカウントや条件を満たすツイートに絞って検索できるTwitter検索機能をまとめた表が、Twitterユーザーなら逃さず保存しておきたいほど便利です。 【3月8日改訂版】便利な検索機能一覧表 最新情報が簡単に確認できるタイムラインがTwitterのいいところですが、ときには友だちのつぶやきや注目されている話題だけに限定してツイートをながめたくもなります。そんなときに「Twitter検索で便利なキーワードまとめ」に書かれたコマンドを利用すると、条件に合ったツイートを絞り込んで表示してくれるので便利です。 特定のアカウントが投稿した内容を調べたいときは「from:（Twitter ID）」と検索すると、指定したアカウントのツイートが検索結果に表示されます。推しの投稿だけを一括でチェックしたいときに便利そう……！ その他にもフォローしている人のツイートを絞り込むには「filter:foll
AWS IAMの属人的な管理からの脱却【DeNA TechCon 2021】/techcon2021-19
AWSをはじめとするクラウドプラットフォームの普及に伴い、DevとOpsの境目はかなり曖昧になっています。その中でもIAMの管理は設定によっては権限昇格を引き起こしかねないことから、その管理権限は慎重な管理になりがちです。結果的に、IAMは属人的な管理を行っている組織が多いのではないでしょうか。 一方で、DevとOpsの境目がどんどん曖昧になっていく中で、IAMロールやIAMユーザーを自由に作りにくい状況があると大変不便です。IAM関係のトライ・アンド・エラーが手軽に行えないことから、開発速度の鈍化を引き起こしたり、アーキテクチャ設計の上で運用上の足かせとなったりといったことが起こります。 また、それらの問題を回避しようとした結果として、IAMロールやIAMユーザーの使い回しが横行しはじめるなど、結果的に最小権限の原則が守られなくなっていくことも少なくはないのではないでしょうか。最小権限の
Python と Playwright でブラウザを自動操作させるコードを自動生成したよ - Qiita
Playwright が昨年１年間で大幅パワーアップしていたので、使い方を確認したときの記録のまとめです。 ブラウザを自動操作できるということは、簡単なスクレイピングやブラウザ側のテスト自動化が簡単にできるようになります。 特に、Python での解説がまだまだ少なかったので、自分の学習を含めてまとめました。 今回は入門編ということで全体像をつかみつつ使用方法の流れを確認していただければありがたいです。 Selenium や Puppeteer を使っている方も、一度試す価値ありと思っています。 選定した理由 ブラウザのテストを Python で自動化したかったんです。 私なりの要件がありまして、非常にわがままな要件でしたが余裕ですべてクリアしました。 Python で書けること。社内で Python を使える方が多いので。pytest と連携してくれるとなおうれしい。 Docker コン
【追記有】女子高生の私が学生結婚した話
ムラタヤスコ｜ワイアットデザイン @yat_design @m_emko 今えむ子さんの文才に震えてます…✨ むっちゃくちゃ面白かった‼️6本全部一気読みして、めちゃくちゃ笑いました。そして本当に文章力が素晴らしい😍💘 エッセイや小説って、本当に読みやすいものでないと読めない私なんですが、えむ子さんのエッセイはどれも面白くてわかりやすく、読者を惹きつける→ 2021-02-03 20:44:43 潮井エムコ @m_emko @yat_design ヤスコさん〜！！！😭😭嬉しい感想ありがとうございます…私、集中力がなくて本が全く読めなくて💦読むのが苦手な人にも頭からっぽにしてみてもらえたらと思って書いてたのでとても嬉しいです！😭 チャランポランな半生が浮かばれます🙏引き続きnoteに載せていきますのでお暇な時に是非！ 2021-02-03 21:03:13
[翻訳] BioNTech/Pfizer の新型コロナワクチンを〈リバースエンジニアリング〉する｜柞刈湯葉
本記事は Bert Hubert による [Reverse Engineering the source code of the BioNTech/Pfizer SARS-CoV-2 Vaccine] を許可を得て日本語訳したものです。 はじめにようこそ。この記事では、バイオンテック社・ファイザー社による新型コロナウイルスの mRNA ワクチンのソースコードを、1文字ずつ解読していきます。 本記事を読みやすく、正しいものとするために時間を割いていただいた多くの方々に感謝いたします。間違いはすべて私の責任に属しますが、 bert@hubertnet.nl または @PowerDNS_Bert までお知らせいただけると幸いです。〔訳注：翻訳に関する指摘は柞刈湯葉 @yubais まで。〕 「ワクチンのソースコード」だって？ ワクチンは腕に注射する液体だろ、そのソースコードって何だよ？ と思われ
![[翻訳] BioNTech/Pfizer の新型コロナワクチンを〈リバースエンジニアリング〉する｜柞刈湯葉](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c5865c16c07431af88f32f7178e111f2f698d53/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F41963373%2Frectangle_large_type_2_f2307f54339a6763e5556c912f52bedc.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Amazon裏技の検索コマンド「&sort=salesrank」ほかで絞り込み
Amazonで商品を探そうとしても、どこのメーカーかも分からずに「最新版」をうたうヘッドセットなど、見るからに怪し過ぎるアイテムが次々と出てきます。闇市化しているAmazonでは、説明文の日本語がおかしいこともしばしばです。 実際、Amazonの本から「ラジオ」で検索すると、スポンサー表示であるラジオ機器が先頭に表示されます。そこで、Amazon裏技の検索コマンド「&sort=salesrank」を追加して絞り込みすると、公式「ベストセラー」表示の付いた書籍が表示されました。 Amazonには検索結果URLの末尾に特定の検索コマンドを追加すると、表示される商品を絞り込める裏技があります。例えば、インチキベストセラーを除去するには、Amazon裏技の検索コマンド「&sort=salesrank」を追加。これでAmazonが本当のベストセラー順に絞り込み検索表示が変わります。 実際にAmazo
AWS LambdaでAPI開発するときのパターン集 - Qiita
背景 AWS LambdaでAPI開発をする AWS LambdaとAPI Gatewayを組み合わせることでサーバレスのAPIを開発することが可能です。サーバレスで構築することで手間をかけずにスケーラビリティやコストの最適化を手に入れることができ、さらに死活監視等が不要のため運用のコストを大幅に下げることができます。 開発パターンがまとまっていない サーバレスによるAPI開発は非常にメリットが多いのですが、開発パターンが様々あり一貫した方法があるわけではありません。例えば、Lambdaのデプロイは手動でzipをアップロードする方法や、SAM/ServerlesssFrameworkなどのデプロイ支援ツールを利用する方法、さらにオンラインエディタのCloud9を利用することもあります。関数ごとにディレクトリを分離する場合もあるし、ソースコードを共有してエントリーポイントだけ切り替える場合も
[こかげ] フォント : Nu みちしるべ
概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。（なお「直接編集」を無効にした場合、文字列の書き替えは左上の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東日本大震災タイムラインプロジェクト｜NHK NEWS WEB
Effective Remote Working
Serverless Architecture Patterns in #AWS - DEV