decoratorを使ってログ出力コードの削減し可読性を上げた話 - NTT Communications Engineers' Blog
この記事では TypeScript ver4.x にて実験的な機能である decorator を使い、ログ出力コードを削減・コードの可読性を上げた経験を紹介します。 はじめに 背景 decorator とは decorator を使ったログ出力方法の検討 decorator を使ったログ出力の実装 実装時にハマったこと等 関数定義方法の変更 非同期・同期両方に対応 クラス名の取得 ログメッセージの統一 その他考慮した点 ライブラリの利用 実践結果 良かった点 悪かった点(苦労した点) まとめ 参考文献 はじめに こんにちは、NeWork 開発チームの加藤です。普段はオンラインワークスペースサービス NeWork の開発エンジニアをしています。 今回は TypeScript ver4.x にて実験的な機能である decorator を使った事例紹介をします。我々開発チームではログ出力のための
はじめに grpc-kotlin の実装に必要な要素 リクエスト・レスポンスクラス サービスクラス サーバークラス 普通に実装したときの不満点 不満1: 異なる関心事の混在 不満2: 共通処理 不満3: エラーハンドリング インターフェースを定義する validateAndConvertRequest process convertResponse エラーハンドリング おわりに We are hiring! & Kotlin Fest出展のお知らせ はじめに 過去にも何度か紹介しておりますが、現在開発中の新しい教材システムでは新たにgRPC通信によるKotlinサーバーを採用して開発が進められています。 blog.nnn.dev そして、技術選定の方針としてWebアプリケーションフレームワークはなるべくシンプルで薄くすることを決めたので、Spring Boot のような別フレームワークを介
Today we are excited to announce the availability of the release candidate of TypeScript 5.5. To get started using the RC, you can get it through NuGet, or through npm with the following command: npm install -D typescript@rc Here’s a quick list of what’s new in TypeScript 5.5! Inferred Type Predicates Control Flow Narrowing for Constant Indexed Accesses Type Imports in JSDoc Regular Expression Syn
www.nhk.jp 【目次】 アストン・バレット追悼特集 Tony Scott「What Am I To Do」 Harry J. Allstars「The Liquidator」 Bob Marley & The Wailers「Duppy Conqueror」 Bob Marley & The Wailers『Live!』 Trenchtown Rock Get Up, Stand Up アストン・バレット追悼特集 今回は2月3日に77歳で亡くなったアストン・バレットの追悼特集でした。アストン・バレットはファミリーマンというニックネームでも知られていたベーシストでボブ・マーリー&ザ・ウェイラーズのベース奏者でもあり、殆どの曲の編曲もしていたし、曲を共作することもあったし、ボブ・マーリーと一緒にプロデュースすることもありました。ベーシストとしてもサウンドが素晴らしく、レゲエのベースサウ
Node.js — Node v21.0.0 (Current)
2023-10-17, Version 21.0.0 (Current), @RafaelGSS and @targos We're excited to announce the release of Node.js 21! Highlights include updates of the V8 JavaScript engine to 11.8, stable fetch and WebStreams, a new experimental flag to change the interpretation of ambiguous code from CommonJS to ES modules (--experimental-default-type), many updates to our test runner, and more! Node.js 21 will repl
Nix is a better Docker image builder than Docker's image builder - Xe Iaso
$50 of Fly.io CreditsCoupon code go-fly-nix. Only valid for new accounts that have not used a DevRel coupon code before. The Talk The title slide of the talk. It features a hot air balloon breaking into a shipping container with a crowbar. Art by Annie Rugyt. Hi, I'm Xe Iaso and today I'm gonna get to talk with you about one of my favourite tools: Nix. Nix is many things, but my super hot take is
Eyes Above The Waves Robert O'Callahan. Christian. Repatriate Kiwi. Hacker. Archive 2024 June So You Want To Build A Browser Engine Real-Time Settlers Of Catan April Auckland Waterfront Half Marathon 2024 Whanganui River Journey 2024 2023 December Rees-Dart Track 2023 Caples/Routeburn Track 2023 Abel Tasman Kayaking November Mount Pirongia 2023 Blog Migrated April Why I Signed The "Pause" Letter A
Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - SSR + App Router Cache編
「Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する」シリーズの3記事目、最終記事です🌟 今回は「 Next.js Pages Router(SSR)でのデータフェッチとApp Routerでのデータフェッチ」について理解を深めていきます。 また、最後の全体の結果で「Reactのさまざまなデータフェッチ」シリーズの総括をしていきます。 イントロ+useEffectを用いたデータフェッチ SWR・TanStack Queryを用いたデータフェッチ Pages Router(SSR)でのデータフェッチ+App Routerでのデータフェッチ+まとめ ← 👀この記事 Repository 以下は今シリーズで用いたリポジトリです。 🔽クライアントサイドフェッチの調査に用いたリポジトリ：React+Vite（useEffect, SWR・TanStack Query）
Chrome XSSThe article is informative and intended for security specialists conducting testing within the scope of a contract. The author is not responsible for any damage caused by the application of the provided information. The distribution of malicious programs, disruption of system operation, and violation of the confidentiality of correspondence are pursued by law. PrefaceThis article is dedi
Intro Promise.withResolvers() は、 Stage 4 であり ES2024 の候補となった。 すでにブラウザでの実装も進んでいるため、その活用方法を解説する。 イベントの Promise 化 JS では、非同期処理 API は長らくイベントリスナベースで定義され、それを組み合わせるフロー制御で処理されてきた。 しかし、 Promise が定義されて以降は、標準 API も Promise を返すようになり、 async/await によって処理されるのが一般的になってきた。 結果、イベントリスナベースの API を Promise 化するような場面も増えた。 例えば以下のようなものだ。 async function request() { return new Promise((resolve, reject) => { document.querySelect
TypeScriptユーザーに贈るGleam入門
最近v1に到達したGleamという静的型付けな関数型言語があります。 GleamはErlangとJavaScriptをターゲットに実行できるため、今TypeScriptを使っている領域でも使うことができます。 この記事ではTypeScriptユーザー向けにGleamの文法を解説していきます。 記事を通してGleamの良さを感じていただければ幸いです。 Gleamの公式サイトでは以下の言語のユーザー向けのチートシートもあるため、この中に知っている言語があるのならそちらを読んでみるのがオススメです。 Elixir Elm Erlang PHP Python Rust また、個人的にGleamの情報をCosense(Scrapbox)にまとめているので、リファレンスがてら覗いてみてください。 organizationとして管理していきたいと考えているので、編集のリクエスト等も歓迎です。 編集した
CSS Length Units | CSS-Tricks
Overview Many CSS properties accept numbers as values. Sometimes those are whole numbers. Sometimes they’re decimals and fractions. Other times, they’re percentages. Whatever they are, the unit that follows a number determines the number’s computed length. And by “length” we mean any sort of distance that can be described as a number, such as the physical dimensions of an element, a measure of tim
オクトレイン @octo_rain_game オンラインで名前も知らぬ誰かとキャッチボールできる「play a catch ?」がとにかく最高だった。 言葉なしでも少しずつ心を通い合わせることができるキャッチボールの本質をみた気がする。 最後は当然別れないといけないけど、さみしい。 このゲームは一人でも多くの方に体験してほしい。 #unity1week pic.twitter.com/1iR3tfQcmL 2024-04-06 08:25:32
Storybook 7.6 contains massive performance improvements. Most will become the default in our next major release (Storybook 8.0), but you can adopt them today by opting in manually. Here’s how to get started! ⛳️ --test flag for 2-4x faster test builds 🩺 2.2x faster React docgen 🧳 Streamline essential addons 🌐 SWC for 50% faster Webpack projects 🔬 @storybook/test for more streamlined and perform
React Server Components (RSC) are a new programming model for React-based web UIs. In contrast to traditional React “client” components, they only render on the server. This leads to a variety of performance and security benefits, but it is also a huge departure from the React tools and libraries we use today. One of the most impacted areas is component-driven development and testing. Tools like S
VS Code の Terraform 拡張に新規追加された “Enhanced Validation”を試してみた | DevelopersIO
どうも、ちゃだいん（@chazuke4649）です。 HashiConf 2023 にて、Visual Studio Code (VS Code) のTerraform の拡張機能 における、バリデーションチェック強化が発表されました。 アップデートの概要や、リリース速報ブログは以下です。 自分も普段 VS Code を利用しているので、実際に試してみたいと思います。 前提 HashiCorp Terraform - Visual Studio Marketplace Release v2.28.0 · hashicorp/vscode-terraform ちなみに、上記が VS Code 拡張の本体ですが、内部的には、Terraform-ls (Terraform language Server) という LSP をバンドルしており、VS Code エディタに対して、Terraform/
「iOS 17.6」が間もなくリリースへ - こぼねみ
Appleはまもなく「iOS 17.6」のリリースし、そのビルド番号は「21G79」 になるという情報を9to5Macが伝えています。 過去に実績ある匿名筋からとされ、内容はバグフィックスと改善が主になりそうです。 iOS 17.6は現在、Beta 4までベータテストが進んでいます。 iOS 17.6Appleは先月、iOS 18の最初の開発者ベータ版のリリース直後にiOS 17.6のベータテストを開始しました。現時点での唯一の新機能は、MLS Season Pass（シーズンパス）視聴者向けのApple TVアプリの「Catch Up」機能です。これにより、シーズン途中からパスを購入した場合でもハイライトを見ることで追いつくことができます。 Appleは9月中旬のiOS 18のリリースに向けて注力しており、iOS 17.xのリリースはこれからも機能改善やバグ修正が基本となるでしょう。 ※
Can you really adopt Next.js App Router incrementally? At WorkOS, we learned that you can’t really migrate a complex app page by page without a hit to the UX. Instead, we worked out a migration guide that allowed us to test our entire app with App Router while still serving the Pages Router to users—before making the final switch. We use Next.js for all of our frontend apps at WorkOS. Recently, th
What kind of books can I publish? Whatever you’ve written is ready for Writebook. No publisher, no gatekeeper, no permission necessary. Just write it. Instruction manuals. Publish a manual to go along with a piece of software, hardware, or a process that needs simple, clear documentation. Like the Writebook Manual itself. Graphic novels. Writebooks offer a picture-page type so you can have a book
Introducing AWS Step Functions redrive to recover from failures more easily | Amazon Web Services
AWS Compute Blog Introducing AWS Step Functions redrive to recover from failures more easily Developers use AWS Step Functions, a visual workflow service to build distributed applications, automate IT and business processes, and orchestrate AWS services with minimal code. Step Functions redrive for Standard Workflows allows you to redrive a failed workflow execution from its point of failure, rath
PowerShell: the object-oriented shell you didn’t know you needed
PowerShell is an interactive shell and scripting language from Microsoft. It’s object-oriented — and that’s not just a buzzword, that’s a big difference to how the standard Unix shells work. And it is actually usable as an interactive shell. Getting Started PowerShell is so nice, Microsoft made it twice. Specifically, there concurrently exist two products named PowerShell: Windows PowerShell (5.1)
ダイソー 立体マスク 15枚 100均大好き主婦の節約しているつもりな100均生活をちらっとお届けします おはようございます miyuremamaです うれしいお知らせです 値上げラッシュの世の中ですが 今までの約2倍の量になりました マスクです 高齢母の付き添いで 病院に行くときや 人混みに行く時は まだマスクをする事があります 内側は白いです 小顔効果があるデザインのマスク 「EYE CATCHマスク」を いつも使っていますが 7枚入りですが こちらは15枚も入っています 並べてみても見た目は ほとんど変りありません 違いは多少不織布が固めです 耳ゴムはバイカラーではなく そして平ゴムではありません それでも 長時間マスクする機会が 減ったので 安い方が助かります 1回使ったら捨てちゃう物だから・・ でも一応見た目は気にしています 小顔効果は大事です ★応援ポチッっとお願いします★ に
PostgreSQL isn’t just a simple relational database; it’s a data management framework with the potential to engulf the entire database realm. The trend of “Using Postgres for Everything” is no longer limited to a few elite teams but is becoming a mainstream best practice. OLAP’s New Challenger In a 2016 database meetup, I argued that a significant gap in the PostgreSQL ecosystem was the lack of a s
こんにちは、CyberFight DX 事業本部で web フロントエンドエンジニアをしている久保です。CyberFight DX 事業本部は複数のエンタメサービスを開発、運用するFANTECH本部に所属しています。今回は、管理画面を対象に WebAssembly ( Wasm ) を導入した事例をご紹介します。 FANTECH 本部では技術ブログでの発信を強化しており、最近では下記のような記事を投稿しています。ぜひご一読ください。 Cloud Run サイドカーで Fastly の Prometheus Metrics を収集して Grafana で可視化する reminder-lintでFeature Flagsの削除漏れを防ぐ マルチリージョンで稼働する内製Feature Flagsの実装 私たちのプロダクト WRESTLE UNIVERSE では、ユーザー対象のキャンペーンを実施す
Last week, I went on an adventure through the electromagnetic spectrum! It’s like an invisible world that always surrounds us, and allows us to do many amazing things: It’s how radio and TV are transmitted, it’s how we communicate using Wi-Fi or our phones. And there are many more things to discover there, from all over the world. In this post, I’ll show you fifty things you can find there – all y
なぜ『達人プログラマー』は今なおエンジニア必読書なのか 翻訳者・村上雅章さんに聞く“読むと元気が出る本書の魅力”とは - Findy Engineer Lab
プログラマの必読書と名高い『達人プログラマー』。2013年にピアソン桐原社が技術書を取り扱わないことになり、数多くの名著が日本で入手困難となった「ピアソンショック」の影響を受けたものの、その後オーム社から新装版として発行されました。さらに、原著の第2版発行に伴い、『達人プログラマー 熟達に向けたあなたの旅』を刊行。進化の速い業界内で、20年以上も定番として扱われる、他に類を見ない技術書となっています。 3冊すべての翻訳者である村上雅章さんは、ご本人もニュージーランドで活躍しているエンジニア。本書とのかかわりや受けた影響、おすすめの読み方まで、メール取材でたっぷりとうかがいました。 村上雅章（むらかみ・まさあき） 1982年、京都産業大学外国語学部言語学科卒業。1982～1999年、国内情報処理企業にてSEとして勤務。1999年から現在に至るまでニュージーランドにて翻訳およびシステム開発に従
Cloudflare Workers の環境変数のドキュメントを読むと分かりますが wrangler.toml に記述した環境変数をローカル環境のみ .dev.vars に記述した環境変数で上書きしてくれます。 ここで、ローカルから外部の API を叩いて API の動作を確認したいケースがありますが、皆さんはどのようにして API キーなどの共有をされてますか？ NOT A HOTEL では 1Password に開発環境用のクレデンシャルを保存してチームで共有しています。.dev.vars は以下のようになってます。 GCP_SERVICE_ACCOUNT='{"type":"service_account","project_id"...}' OPENAI_API_KEY="sk-gET5lej..." FIREBASE_AUTH_DOMAIN="localhost:8788" GI
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript – Frontend Masters Boost
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript July 29, 2024 I’ll discuss best practices to avoid excess memory usage when managing updating the DOM to make your apps blazingly fast™️. DOM: Document Object Model – A Brief OverviewWhen you render HTML, the live view of those rendered elements in the browser is called the DOM. This is what you’ll see in your developer
CloudFront Hosting Toolkitを使って静的Webサイト環境を作ってみた | DevelopersIO
手間をかけずにCloudFrontを使った静的Webサイトを作りたい こんにちは、のんピ(@non____97)です。 皆さんは手間をかけずにCloudFrontを使った静的Webサイトを作りたいなと思ったことはありますか? 私はあります。 過去にAWS CDKを使ってこの思いを実現したことがありますが、一からAWS CDKを作り込むのはなかなか大変でした。 そんな苦労はCloudFront Hosting Toolkitを使用すると少し解消されるかもしれません。 CloudFront Hosting ToolkitはCLIまたはAWS CDKでフロントエンドのホスティングとCI/CDパイプラインを用意するツールです。 今だとAmplifyを使えば良いのではないか? という声も聞こえてきますが、細かいカスタマイズを行いたい場合にCloudFront周りを直接操作したい場合があります。そうい
2023年8月にリリースされたばかりの、元 Google の AI エンジニアが創業した LLM プラットフォーム「Fireworks.ai」に、日本語のオープンソース LLM モデル「ELYZA-japanese-Llama-2-7b-fast-instruct」が追加されました。 これが滅茶苦茶速くて、なんと現在はプロモーション期間で無料で使えます。急げ。 1. 高速＆格安で生成できる API エンドポイントFireworks.ai は、大規模言語モデル (LLM) のサービスに活用できる、超高速推論プラットフォームです。 以下はオリジナルの Llama2-7b と Fine-tuner Llama2-7b の推論にかかる料金を、Fireworks / Mosaic / Replicate / OpenAI それぞれのプラットフォームで比較したものですが、最大 120 分の 1 の料金
はじめに Excelで、表の集計でChatGPTを使いたい、と思うことは無いでしょうか？ たとえば、大量のアンケートを集計・分析したい、とか・・・ 今回、OfficeScriptとChatGPT（OpenAI）を使って処理ができることが分かったので、共有したい やること 以下のような表をあらかじめ作っておいて、Productの内容をもとに、OpenAIにカフェメニューを挙げさせるサンプルを作る コード共有 async function main(workbook: ExcelScript.Workbook) { // Get the active worksheet. let sheet = workbook.getActiveWorksheet(); // Get the table const table = sheet.getTable("CafeMenuTable"); // "C
An Introduction to Asynchronous Programming in Rust and a High-level Overview of Tokio's Architecture
An Introduction to Asynchronous Programming in Rust and a High-level Overview of Tokio's Architecture Asynchronous programming allows the development of services that can handle millions of requests without saturating memory and CPU utilization. Support for asynchrony is usually baked into the programming language; we take a look at async support in Rust, a type-safe and memory-safe systems progra
My techno-optimism
My techno-optimism 2023 Nov 27 See all posts Special thanks to Morgan Beller, Juan Benet, Eli Dourado, Karl Floersch, Sriram Krishnan, Nate Soares, Jaan Tallinn, Vincent Weisser, Balvi volunteers and others for feedback and review. Last month, Marc Andreessen published his "techno-optimist manifesto", arguing for a renewed enthusiasm about technology, and for markets and capitalism as a means of b
Kafka Streams の State Store が tombstone によって遅くなってしまったので RocksDB のパラメータを調整してみた話 - Repro Tech Blog
Platform Team の Repro Core という Unit に所属している村上と申します。 Repro Core の役割の 1 つとして、共通基盤となる Kafka Streams アプリケーションの運用があります。 この共通基盤は Repro の大量トラフィックを捌いている基盤になるため、日々の運用の中で様々な課題に直面します。 今回はそのような課題の中から、tombstone によって State Store のパフォーマンスが低下し、その解決策として RocksDB のパラメータを調整した話をします。 前半部分では tombstone によって State Store のパフォーマンスが低下した件を説明します。後半は RocksDB の compaction の挙動確認とそのパラメータ調整について説明します。 ちなみに、私が所属している Repro Core については、
How to communicate like a GitHub engineer: our principles, practices, and tools
CompanyHow to communicate like a GitHub engineer: our principles, practices, and toolsLearn more about how we use GitHub to build GitHub, how we turned our guiding communications principles into prescriptive practices to manage our internal communications signal-to-noise ratio, and how you can contribute to the ongoing conversation. As a company that’s been remote-first since day one, GitHub Engin
書き終わって気づいたが、この記事とだいたい一緒 https://zenn.dev/ptna/articles/a3882d095fa685 せっかく書いたので別視点の記事として残しておく。コンセプトの理解というより、コードの中身を掘り下げる。 typechat そのものを使うというより、 typechat がどのようにコードを生成するプロンプトを生成しているか、という視点で参考にするためにコードを読んだ。 Typechat とはなにか MS謹製の自然言語をコード実行ステップに変換するプロンプトジェネレータ。 TypeScript の API スキーマを定義して、自然言語の入力をそのAPIに対するコード実行にステップに変換する。 自分の大雑把な理解 プログラマは呼び出し可能なAPIのスキーマと、それを実行するインタープリターを実装する chatgpt は入出力を加工して API 呼び出しのス
Ruby typing 2024: RBS, Steep, RBS Collections, subjective feelings
Ruby typing 2024: RBS, Steep, RBS Collections, subjective feelings I was writing a new Ruby gem recently, and being a strong proponent of a type checking step, I wanted to do right by the ecosystem so that anyone using it would get the full benefit of type checking against my gem’s API in their own projects, so I dug into the current state of the art to find out how that’d be done. I used Sorbet f
Difyで生成AIアプリケーション入門 後編：自作プログラムで機能追加して生成AIの指向性と精度を高める | フューチャー技術ブログ
概要前回に引き続き Dify と Anthropic Claude （OpenAI でも OpenRouter 経由の何かでもOK）を使って簡単に生成AIアプリケーションを構築する方法をご紹介します。 チュートリアル3：セルフレビュー機能付きのSQL生成AIチャットbot前編のチュートリアル1で作ったSQL生成チャットbotをベースに、セルフレビュー機能を追加し、間違ったSQL文や存在しないテーブルやカラムを使用しようとした時に自動でやり直すように改修します。 DB用意SQLの実行環境が必要になりますが、ちょうど Dify が使用している DB（Postgresql） サービスがあるので、これにホストOSからアクセスできるようにします。別でDBを用意できる場合はそちらでもOKです。 docker-compose.yml で以下の行をアンコメントしてください。 docker-compoese
using : リソース変数の管理が楽になるキーワード (JavaScript&TypeScript) - Qiita
この記事の内容にある意見は、個人の主観的意見を前提とします。 記事の内容は間違いがあり得ますので、ご了承いただけると幸いです。内容の間違い、認識の違い、違う意見などありましたら、コメント大歓迎です！ 概要 JavaScriptにおいて、変数を初期化できるkeyword var, let, constに加え、usingがまもなく追加される予定です。 usingキーワードで宣言した変数は、リソースタイプ変数として見なされ、変数がscope外になる前に自動でリソース解除作業を行うことができるようになり、従来の明示的にリソース解除コードを書くという面倒な作業がだいぶ楽になることが期待できます。 ECMAScript Proposalは以下となっておりStage3段階となってます。 https://github.com/tc39/proposal-explicit-resource-manageme
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
grpc-kotlinの実装をinterfaceの定義によってテンプレート化する - ドワンゴ教育サービス開発者ブログ
Announcing TypeScript 5.5 RC - TypeScript
ウィークエンドサンシャイン 2024年3月9日（アストン・バレット追悼特集） - ラジオと音楽
So You Want To Build A Browser Engine
CVE-2023-5480: Chrome new XSS Vector
Promise.withResolvers によるイベントの Promise 化 | blog.jxck.io
「言葉がなくても人はここまで繋がれるのか」オンラインで見知らぬ誰かとキャッチボールするだけのゲームにじんわり感動する
How to make Storybook 2-4x faster
Storybook for React Server Components
Migrating to Next.js App Router with zero downtime — WorkOS
Writebook
立体マスクで小顔効果UP！15枚入りも新発売 - 100均ブログ miyuremama’ｓ life
Postgres is eating the database world
管理画面にWasm入れてみた | CyberAgent Developers Blog
Fifty Things you can do with a Software Defined Radio 📻
1Password の情報を基に .dev.vars を作成する
超高速&格安LLMプラットフォーム「Fireworks.ai」に日本語モデルが追加されたよ｜さいぴ
ExcelでChatGPTを呼び出して楽をする - Qiita
[法林岳之の「週刊モバイルCATCH UP」]シャオミ「Redmi 12 5G」、ちょい上を狙ったお買い得モデル
![[法林岳之の「週刊モバイルCATCH UP」]シャオミ「Redmi 12 5G」、ちょい上を狙ったお買い得モデル](https://cdn-ak-scissors.b.st-hatena.com/image/square/c87002f6463bd037e132ca27da7dce16ec62f0a4/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1552%2F773%2Fredmi125g.jpg)
Typechat はどのようにプロンプトを生成してコードを実行するか