Jestで非同期関数が例外を投げることをテストする。 - QiitaHelp us understand the problem. What is going on with this article?
JavaScript/TypeScript の Lint ツールを XO で統一した - ドクターズプライム Official Blog
@1000ch (id:hc0001) です。掲題の通り、少し前にドクターズプライムの Frontend プロジェクトで使う lint ツールとして ESLint ではなく XO を使っていく方針に切り替えました。最近その振り返りを行ったので、その備忘録として文字に起こします。 github.com 経緯と課題 これまでは Create React App に付属する ESLint に加えてルールを少しカスタマイズして、それをいくつかのプロジェクトで使っていました。これにはいくつかの課題が存在しています。 ESLint およびその周辺プラグインの依存関係を含めたバージョンアップをケアし続ける必要がある renovate や dependabot などを用いて（半）自動化できるものの、依存の数や大きさに応じて依然としてコストが高い ESLint のルールを中長期的にメンテナンスする必要がある
エンジニアが「暇な喫茶店」をやるべきである７つの理由｜Tsukishima｜note
人の来ない喫茶店がやりたくて始めてみました。ツキシマでーす。 暇なコーヒー屋（ツキシマコーヒー）を始めて２年くらいになりました。 近所のワンちゃんちょっと前に世の中でこんなツイート（自分のツイートじゃないですけど）がバズってたので、人が来ない喫茶店をやりたいニーズっていうのは、世間に少しでもあるのかもしれないですね。 なぜ人の来ない喫茶店がしたかったのか。３年くらい前まで普通に外資系の企業勤めをしておりましたが、フリーランスエンジニアとしての働き方ができるかどうかを試したかったのと、その働く場所が欲しかったという簡単な理由ですね。 とりあえず仕事中にコーヒーは飲むからコーヒー屋でもしようかな、くらい。 エンジニアが暇な喫茶店をやることによるメリット。実際にやってみて分かったメリットが７つあります。 規則正しい生活が出来るフリーランスのエンジニアであれば、変な時間に寝たり起きたり深夜にプログ
いい感じのアニメーション研究会 - Hatena Design Group
こんにちは。id:akawakami です。今回は、はてなデザイングループで定期開催している「デザインゼミ」から「いい感じのアニメーション研究会」というプレゼンテーションをご紹介します。 デザインゼミとは デザインゼミは、はてなデザイングループの取り組みの一つで、社内メンバーに限定したクローズドな勉強会です。プレゼンテーションのテーマは自由。シニアデザイナーが交代で講師を担当します。 日頃蓄積された知見や経験、個人的な関心テーマ、ちょっとした工夫などを、みんなで聞いたり、話したりして、わいわい出来る、ちょっと砕けた感じのまかない勉強会です。 気軽な会なので、体系立てられた深い知識でなくても、超個人的な思いつきやアイデア、細かすぎるネタなどもテーマに採用しやすく、講師を担当する側としても、楽しみながらプレゼンテーションの準備が出来ています。 いい感じのアニメーション研究会 最近の個人的な関心
AWS CLIでSwitch Roleするパターン - あんパン
AWSアカウントを組織で管理していると複数アカウント利用するケースは多いかと思う。別のアカウントに切り替えるには、WebコンソールからSwitch Roleすればよい。そして以下のように $HOME/.aws/config と $HOME/.aws/credentials を設定すればAWS CLIからもSwitch Roleできる。 $ cat $HOME/.aws/credentials [main-account] aws_access_key_id = ACCESS_KEY_ID aws_secret_access_key = SECRET_ACCESS_KEY $ cat $HOME/.aws/config [profile sub-account] source_profile = main-account role_arn = ROLE_ARN mfa_serial = MF
AWSジャパンが今日からテレビCMを全国で放映開始。実在のサービスを少年や少女が活用
AWSジャパンは、8月15日月曜日からテレビCMを放映開始すると発表しました。放送エリアは一部地域を除く全国、放映期間は12月上旬まで。 テーマは「多様なビジネスをAWSのクラウドで」で、30秒のCMは、少女がプログラミングやリモート会議、デリバリーサービスなどを活用して家族と過ごす「データを活用して楽しい一日に」編と、少年がホテルの予約や動画配信、決済サービスなどを活用して小さな冒険を経験する「あらゆるシーンでイノベーションを」編の2種類。 それぞれのCMのなかで登場するサービスは、ANAや出前館、星野リゾート、Disney＋など実際にAWS上で稼働する実在のものとなっています。 すでにセールスフォースやサイボウズなどをはじめとするビジネス向けのSaaSを提供する企業や、ECサイトとしてのAmazonは多数のテレビCMを放映してマーケティングを活発化させています。 これらに続いて、主にI
Big Changes Ahead for Deno
TLDR: We've been working on some updates that will allow Deno to easily import npm packages and make the vast majority of npm packages work in Deno within the next three months. Our goal is to make Deno the fastest JavaScript runtime. For starters, the next release of Deno will include a new HTTP server. It is the fastest JavaScript web server ever built. Given the extensive use of Deno by develop
pixivをNext.jsでリプレイスする取り組みをご紹介します。 - pixiv inside
pixivではNext.jsを用いたフロントエンドのリプレイスプロジェクトを2022年3月末より行っており、現時点(2022年8月)でリクエスト機能をNext.jsにてリプレイスしました。 今回のpixiv insideではピクシブ株式会社で働くエンジニアの取り組みとして、pixivのフロントエンドをNext.jsでリプレイスする取り組みについて実際に取り組んだメンバーからご紹介します。 まずは皆さんの自己紹介をお願いします namazu: pixivのウェブ領域に関するテックリードを担当しているnamazuです。今回のNext.js化プロジェクトではPjMやNext.jsのホスティング回りの実装を担当しています。 shu: 2022年3月に入社したshuです。Next.js化ではフロントエンドの設計、実装を担当しています。 mog: エンジニアとしてアルバイトをしているmogです。Nex
React コンポーネントの「制御・非制御」を意識しない方法
一方「制御コンポーネント」として作成された<Checkbox>コンポーネントの例を見てみましょう。React Hook Form で制御コンポーネントを扱うとき、<Controller>コンポーネントやuseControllerフックを中継する必要があります。冗長ですが、外部ライブラリなど、デザインシステムがそもそも制御コンポーネントで作られていた場合、選択肢はこちらしかありません。 const { control } = useForm(); <Controller control={control} name="test" render={({ field: { onChange, onBlur, value, name, ref }, fieldState: { invalid, isTouched, isDirty, error }, formState, }) => ( <Che
Going too far with Jest Custom Matchers in TypeScript
Going too far with Jest Custom Matchers in TypeScriptDear future me, and other people who land here trying to copy-paste a matcher. Here’s the gist for you. I needed a Jest custom matcher a few days ago, and I couldn’t find any article I could copy-paste it from. The docs are okay, and they even mention how to use custom matchers in TypeScript, but I think I have some observations which are not in
Treat code like code and prose like prose
Some recent experiences have prompted me to rethink the value of treating docs like code in some respects. I want to return to focusing more on content rather than technical workflows, especially when creating new content. Some of the docs-like-code processes exclude too many people in non-engineer roles who would otherwise contribute to the review and development of the content. “Prose like prose
不満への過剰な共感は状況を悪化させる - Konifar's ZATSU
何かを相談された時、自分は相手の状況や主張にまず共感を示してしまいがちである。嘘をついて同調しているわけではないのだが、この姿勢自体が状況を悪化させることもわりとあるよなと思っていて、雑にまとめておきたい。 たとえば「他チームの◯◯さんが開発の状況を理解してくれていない。理解する気も見えない」といった相談をされたとする。それに対して、「あーなるほど、たしかにねぇ」みたいなことを言った瞬間に、溝を広げることになってしまうかもしれない。 この場合、本来はお互いの歩み寄りが必要な話なのだが、相談してくれた側に寄り添って話すことで当事者間の関係性がよくなるどころか悪化することもありうる。吐き出してスッキリするかもしれないが、根本の解決にはならない。 チームメンバー思いのマネージャーや組織の中の"いい人"ほど、知らず知らずのうちにこの罠に陥りがちな気がする。おそらくコーチングを学んだ人はこういう相談
Babel が Flow から TypeScript に移行した
先日 Babel のメンテナーとして知られる Nicolò Ribaudo 氏が次のツイートを投稿した。 We finally finished migrating the Babel monorepo from Flow to TypeScript! It has been a very long process started by @z_bodya, and after migrating package-by-package @JLHwung just opened this PR 😄 pic.twitter.com/WKXxV8x2MY — Nicolò Ribaudo 🏳️🌈 • 💙💛 (@NicoloRibaudo) July 23, 2022 そう、JavaScript のトランスコンパイラである Babel のソースコードが Flow から TypeScrip
[意訳]グローバルCSSの終焉 - Qiita
CSSセレクタはすべて同じグローバル空間に存在しています。 CSSに触れた人は皆、以下のような見解に至っていることでしょう。 CSSの考えはドキュメントの時代に設計されたもので、今ではモダンなウェブアプリケーションのためのマトモな開発環境を提供することが困難であると。 全てのセレクタには意図しない副作用を起こす可能性があり、期待と違う要素にスタイルが適用されてしまったり、他のセレクタと競合してしまったりします。さらに驚くべきことに、セレクタはグローバル空間で詳細度の競争に負けることもあり、ページのデザインに全く影響を持たなくなることだってあり得るのです。 CSSファイルを変更する時はいつでも、スタイルが適用されるグローバル空間について慎重に考慮する必要があります。CSSの保守性を担保するためには多くの規約が必要なのです。 しかし、もはや状況は変わりました。 グローバルなスタイルシートは過去
![[意訳]グローバルCSSの終焉 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cfb2842aa99b8686c7970a2a22ddbd0cd0c0693/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCJUU2JTg0JThGJUU4JUE4JUIzJTVEJUUzJTgyJUIwJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTkwJUUzJTgzJUFCQ1NTJUUzJTgxJUFFJUU3JUI1JTgyJUU3JTg0JTg5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jYmQ2ZTA2MGQ1YTcxMWI3ZTg2YzhhY2EzYmQ4MmM3YQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwY2h1Y2swNTIzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wYmU4Nzk0Mzg4MjBiNjRhMWVlMGFkNmI1NTI5MTg5ZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D71aeee8b4792bb53c81ab32291be1675)
はてなブログでmermaidの図を描く - はしくれエンジニアもどきのメモ
はてなブログでmermaidの図を描く Githubでもサポートされたmermaidをはてなブログでも描けないか試したところ多少なんとかなったのでメモ。 ```mermaid graph TB H["Hatenaで"] M["mermaid"] H-->M ``` 👇上のmarkdownコードがこうなる graph TB H["Hatenaで"] M["mermaid"] H-->M mermaidって何？ GraphvizやPlantUMLのようにコードでフローチャートのような図を描ける。 JSで書かれているのでHTML上にそのままSVG画像として出力できる。 mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git gr
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Changelog #142
MacBook Pro/Airのノッチにファイルをドラッグ&ドロップすることで様々なアクションを実行できるアプリ「TopDrop」にファイルを一時保存しておけるシェルフ機能が追加。
[第9話]ラーメン赤猫 - アンギャマン | 少年ジャンプ＋![[第9話]ラーメン赤猫 - アンギャマン | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b40ce1f0c375ba903cf280a552d52ae34f87e8f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F3269754496804659294-bde0f4eac8e6242e6199bcb9429c7533%3F1652947745)
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
専門家「死ぬまでもう見られない」と評する歴史的偉業…昆虫大好き小学生が国内3例目の“トゲナナフシのオス”発見 | 東海テレビNEWS
