はてなブックマーク

API 通信などのエラーハンドリングはどうしていますか？ await したものを try/catch で囲む、もしくは Promise の catch を使うなどがありますが、きちんと都度エラーハンドリングしていくとコードが複雑になりがちです。 await-to-js はそういったエラーハンドリングの辛さを解消する手段の1つとして効果的です。 それでは簡単なエラーハンドリングの例を元に説明していきます。 非同期処理のエラーハンドリング 例えば「ユーザーを取得してタスクを保存する」というものを考えてみます。 async function saveUserTask(userId) { // ユーザー取得 const user = await fetchUser(userId); if (!user) { throw new Error("存在しないユーザー"); } // タスク保存 cons

メッセージに error.message や error.trace を連結して入れるのも手ですが、メッセージとしては読みづらく使いづらいです。 よってこれまでは、コード全体のエントリポイントなどでまとめてエラーをキャッチしスタックトレースが失われない形で処理するなどしていたかと思います。 Error の cause オプション ES2022 で入った機能で、このように Error の第二引数にオプションで cause を渡せるようになりました。

横断的なテックブログのウォッチや、転職先探しなどにご活用ください。 サイトからもフィードURLをコピーでき、直近更新された記事も閲覧できます。 企業テックブログRSS 特徴 約500社のテックブログの更新をまとめてRSS/Atomフィードで配信しています。 GitHub Actions で定期的に更新していて、サイトの生成には Eleventy を使用しています。 GitHubリポジトリ 経緯 企業のテックブログは記事が比較的良質で、ウォッチしている方も多いと思います。 しかし、テックブログの RSS を Feedly や Slack などで1つ1つ管理していくのはかなり面倒なのと、常にアンテナを張っておかないと新しいテックブログに気づけなかったりします。 そこで「もっとカジュアルに企業のテックブログの更新を受け取れないか？」と思いました。 そんな時に azu さんのツイートから、GitH

はじめに そのChrome拡張、Firefox や Edge などで出したいと思ったことはありませんか。 しかし、いざやるとなると調べることも多く面倒臭いです。 そこで本記事は「ブラウザ拡張の開発から公開まで」を以下の2点を軸にまとめていきます。 開発の工程を減らす クロスブラウザ拡張用パッケージによる開発・デバッグ・パッケージ化 申請・公開をスムーズに 各ベンダーの審査の共通点・相違点をまとめ、準備の負担を軽減 対象の読者 これからChrome拡張などを作りたい方 ブラウザ拡張のクロスブラウザ対応をしたい方 ただし Chrome, Firefox, Opera, Edge に限ります 各ベンダーの審査の違いについて知りたい方 必要な知識 ターミナルコマンドが打てる npmなどが実行できる 拡張に必要なJavaScript, CSSなどが書ける 作るもの 今回は簡単な例として「Qiita記

地味に面倒な型定義パッケージの追加。 自動で入れてくれないかな〜と思ったことはありませんか 今回はそんな悩みを解決してくれるパッケージをご紹介します。 GitHub - jeffijoe/typesync Install missing TypeScript typings for dependencies in your package.json. package.jsonを見て足りない型定義パッケージがあれば自動で追加してくれるパッケージです。 インストール さっそくインストールしましょう

チャンネルが増えすぎて目が辛いので、いい感じにまとめてくれる拡張を作りました！ これが こうなります インストールはこちら Chrome: Slack Channels Grouping - Chrome ウェブストア Firefox: Slack Channels Grouping – 🦊 Firefox (ja) 向け拡張機能を入手 Opera: Slack Channels Grouping extension - Opera add-ons Edge: Slack Channels Grouping – Microsoft Edge Addons 特徴 ハイフンやアンダースコアで区切られたものをまとめます。 chat-犬 chat_猫 DOMの更新を監視しているので、チャンネル作成や名前変更などにも対応しています。 タブが非アクティブな場合はDOMの監視は止めています。 経緯 チ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この翻訳について Airbnb React/JSX Style Guideの和訳です。 間違っていたり分かりにくい箇所があれば、ご指摘いただけると幸いです。 Airbnb React/JSX スタイルガイド このスタイルガイドは現在一般的に使用されている標準に基いていますが、場合によってはいくつかの慣例（async/awaitやstatic class fields）が含まれていたり禁止されていたりします。現在、このガイドにはステージ3より前のものは含まれておらず非推奨です。 目次 基本的なルール クラス vs React.createClass vs ステートレス ミックスイン 命名規則 宣言 アラインメント 引用符 空白 引数 参照 括弧 タグ メソッド 順序 isMounted 基本的なルール Reactコンポーネントは1ファイルに1つだけにしてください。 ただし、1ファイルに複数の