Here comes SuperJSON
After years of working on advanced JavaScript applications I’ve learn a lot. As my applications have grown more complex with more data needing to be shifted around and saved. I’ve found a painful truth, JSON isn’t good enough. With more complex data being used in applications, I’ve had to start writing converters to turn the data into something that can be used by JSON and then write more converte
PagesやKeynote、様々なサードパーティアプリにドラッグ&ドロップでカラーを適用できるカラーパレット「Pastel」のMac版がリリース。
PagesやKeynote、様々なサードパーティアプリにドラッグ&ドロップでカラーを適用できるカラーパレット「Pastel」のMac版がリリースされています。詳細は以下から。 iOSやiPadOS、tvOS、macOSにも対応したポッドキャストアプリ「Broadcasts」を開発しているSteve Troughton-Smithさんは現地時間2020年07月13日、PagesやKeynote、その他様々なサードパーティアプリにドラッグ&ドロップでカラーを適用できるカラーパレットアプリ「Pastel for iOS/iPadOS」をMac CatalystでMacへ移植したと発表しています。 Surprise! If you previously purchased Pastel for iPhone or iPad, you now own the Mac version for free
Context switching costs more than we give it credit for.
Photo by Jarek Ceborski on Unsplash When I was a junior engineer, one of the best advice I got from a seasoned principal engineer was to batch things, stack rank them in preferred order (by time, size, impact, or priority), and execute. And, be careful when batching them. Batching them by function increases productivity as it minimizes context switching cost. At the time, I didn't pay much attenti
Lookerベスト・プラクティス：LookML 要素別オススメ開発手法 #looker | DevelopersIO
Lookerではトピック毎のベストプラクティスを個別にドキュメントやナレッジベースとしてまとめています。当エントリではその中から、『LookML開発における"要素別のベスト・プラクティス"』についてご紹介したいと思います。 LookML Best Practices - LookML - Looker Community 目次 命名規則 プロジェクト組織 モデル構築 エクスプローラ(Explore)設計 結合(Join)設計 ビュー(View)設計 派生テーブル(PDT)の使用 ダッシュボードの組織/設計 まとめ 命名規則 下記の「読み易さを考慮したフィールド名の設定」を参考。 Naming Fields for Readability - LookML / Modeling - Looker Community 集計関数、または一般的な用語を用いる形で「メジャー」項目に名前を付ける。 合
satoriでブログのOGP画像を動的に生成する
import fs from "fs/promises"; import path from "path"; import type { AstroIntegration } from "astro"; import fm from "front-matter"; import satori from "satori"; import { Resvg } from "@resvg/resvg-js"; // eslint-disable-next-line @typescript-eslint/naming-convention const __dirname = path.dirname(new URL(import.meta.url).pathname); const getStaticPaths = (): string[] => { const posts = Object.key
今回の記事は上記のような方におすすめ。 今回の記事では、Gitブランチの命名規則について…Git初心者でもわかるよう、わかりやすく解説いたします！ 先輩に「適当につけといて…」と言われて一番困るものの１位がブランチ名ではないでしょうか。「適当って言われても、その適当がわからないから困ってるんだよ！」とキレたくなる方も多いかもしれません。ですが、本日は命名規則を７つ「厳選して」お伝えいたします！ 本記事の内容 命名規則のメリット【開発効率化！】永続ブランチと一時ブランチGit ブランチ７つの命名規則【厳選】 なおこの記事は3分で読める内容です。 命名規則のメリット【開発効率化！】 チーム内で命名のガイドラインを策定し、記述方法を統一することで、どんなメリットが得られるでしょうか？ 一言で言えば「より開発を効率化する」ことが可能です。適切にブランチが命名がされていなければ、いざ過去のコードを探
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! vanilla-extract is a new framework-agnostic CSS-in-TypeScript library. It’s a lightweight, robust, and intuitive way to write your styles. vanilla-extract isn’t a prescriptive CSS framework, but a flexible piece of developer tooling. CSS tooling has been a relatively stable space over the la
Wheel vs Egg¶ Wheel and Egg are both packaging formats that aim to support the use case of needing an install artifact that doesn’t require building or compilation, which can be costly in testing and production workflows. The Egg format was introduced by setuptools in 2004, whereas the Wheel format was introduced by PEP 427 in 2012. Wheel is currently considered the standard for built and binary p
Scroll-driven Animations
Scroll-driven Animations W3C Working Draft, 6 June 2023 More details about this document This version: https://www.w3.org/TR/2023/WD-scroll-animations-1-20230606/ Latest published version: https://www.w3.org/TR/scroll-animations-1/ Editor's Draft: https://drafts.csswg.org/scroll-animations-1/ History: https://www.w3.org/standards/history/scroll-animations-1 Feedback: CSSWG Issues Repository Inline
現在携わっているプロジェクトでは、UIライブラリとしてChakraUIを導入しています。 実装を進めるうちに便利だな〜と思う部分がたくさんあったので、今回はChakraUIの概要について共有したいと思います。 対象読者 ChakraUIの導入を検討している人・ChakraUIに興味がある人 そもそも ChakraUIとは？ “Chakra UI”は、UIコンポーネントライブラリの一つです。これを使用することで、1からCSSを記述することなくスタイルに一貫性を持たせたUIを楽に実装することができます。 Our goal is to design simple, composable components that cater to real-life UI design problems. In order to do that, we developed a set of principl
It's increasingly hard to know what to do with data like that from Cit0Day. If that's an unfamiliar name to you, start with Catalin Cimpanu's story on the demise of the service followed by the subsequent leaking of the data. The hard bit for me is figuring out whether it's pwn-worthy enough to justify loading it into Have I Been Pwned (HIBP) or if it's just more noise that ultimately doesn't reall
Participants in the boogaloo movement often wear Hawaiian shirts along with military fatigues to identify themselves at protests such as this VCDL Lobby Day gun rights demonstration on January 20, 2020, in Richmond, Virginia.[1][2] The boogaloo movement, whose adherents are often referred to as boogaloo boys or boogaloo bois,[3] is a loosely organized far-right anti-government extremist movement i
A lot of new CSS features have shipped in the last years, but actual usage is still low. While there are many different reasons for the slow adoption, I think one of the biggest barriers are our own brains. New feature fatigue Permalink to “New feature fatigue” #Right now, we’re in the middle of a real renai-css-ance (the C is silent). It’s a great time to write CSS, but it can also feel overwhelm
M2dir: treating mails as files without going crazy - bitfehler!
Sometime recently in the past I complained about Maildir. You can go read the post, but the executive summary is that I think Maildir uses an actively user-hostile directory structure and extremely convoluted filenames that do not convey any meaning at all. For good measure, I will also reiterate that Maildir does this for a good reason, and is simply often being used for a purpose it wasn’t desig
Introducing Merged APIs on AWS AppSync | Amazon Web Services
Front-End Web & Mobile Introducing Merged APIs on AWS AppSync AWS AppSync is a serverless GraphQL service that makes it easy to create, manage, monitor and secure your GraphQL APIs. Within an AppSync API, developers can access data across multiple different data sources including Amazon DynamoDB, AWS Lambda, and HTTP APIs. As the service continues to grow in adoption, our customers have faced chal
MagicWeb: NOBELIUM’s post-compromise trick to authenticate as anyone | Microsoft Security Blog
April 2023 update – Microsoft Threat Intelligence has shifted to a new threat actor naming taxonomy aligned around the theme of weather. NOBELIUM is now tracked as Midnight Blizzard. To learn about how the new taxonomy represents the origin, unique traits, and impact of threat actors, and to get a complete mapping of threat actor names, read this blog: Microsoft shifts to a new threat actor naming
Build incremental data pipelines to load transactional data changes using AWS DMS, Delta 2.0, and Amazon EMR Serverless | Amazon Web Services
AWS Big Data Blog Build incremental data pipelines to load transactional data changes using AWS DMS, Delta 2.0, and Amazon EMR Serverless Building data lakes from continuously changing transactional data of databases and keeping data lakes up to date is a complex task and can be an operational challenge. A solution to this problem is to use AWS Database Migration Service (AWS DMS) for migrating hi
About IntroductionContributing to the ProjectGeneral Code completionComment to codeCode to commentQuick Q&ARegular expressionLanguage translationType hintingCode to documentObject generation from structured dataShowing examplesClient Side Tips Copilot snippet handlingGitHub Copilot ShortcutsGo to definitionPin the files you needDesign Patterns AI readable naming conventionConsistent coding styleHi
Reactにおけるイベントハンドラの命名規則
Responding to Events では、イベントハンドラの追加方法だけではなく、その命名規則についても触れられているので良いですね。 今回はそれを紹介します。 基本的な命名規則 Have names that start with handle, followed by the name of the event. By convention, it is common to name event handlers as handle followed by the event name. You’ll often see onClick={handleClick}, onMouseEnter={handleMouseEnter}, and so on. By convention, event handler props should start with on, followe
Knowing the basic Japanese phrases commonly used in daily communication is extremely helpful if you plan to stay in Japan. These phrases will be handy even if you visit Japan, especially for business. Most of these common Japanese phrases for day-to-day conversation are not just for communication but reflect the deep-rooted cultural values of Japanese society. Therefore, learning and using these p
Classic DevOps misspell on a YAMLWhat is DevOps?If you are reading this post you already know it but for those in the back who don’t: DevOps is a culture, a movement, a philosophy if you will; that aims to foster collaboration during the Software Development Life Cycle. DevOps is not a role or a set of tools or (just) a methodology. It is indeed achieved by adopting tools, approaching to software
Mastering Vue 3 Composables: A Comprehensive Style Guide
Introduction The release of Vue 3 ushered in a transformational change, moving from the Options API to the Composition API. At the heart of this transition lies the concept of "composables" — modular functions that utilize Vue's reactive features. This change has injected greater flexibility and code reusability into the framework. However, it has also birthed challenges, notably the inconsistent
Javaソースコードのアーキテクチャーをチェックするテストが書ける、ArchUnitを試す - CLOVER🍀
これは、なにをしたくて書いたもの？ ArchUnitというものを試してみたいな、ということで。 ArchUnit ArchUnitは、Javaソースコードのアーキテクチャーをチェックするためのユニットテストフレームワークです。 ArchUnit is a free, simple and extensible library for checking the architecture of your Java code using any plain Java unit test framework. Unit test your Java architecture - ArchUnit ArchUnitを使うことで、パッケージやクラス、レイヤーやスライスの依存関係、循環参照などをチェックできます。 That is, ArchUnit can check dependencies betw
Benrito
BEM Naming Cheat Sheet by 9elementsCSS のクラスの命名規則に BEM を用いる際のチートシート
Using feature flags to rewrite every view in our Rails app
Feature flags are an effective method for developing and introducing large changes to an existing codebase without large interruptions to the engineering team. We have over 400 ERB files (views & partials) in our Rails app, and we re-wrote all of them over the course of 9 months using feature flags. Some large projects can be thought of as enhancements, where you start with a set of base functiona
Argo Events v1.0 Released!
By Derek Wang & Vaibhav Page We are very excited to announce Argo Events v1.0! Apropos to the naming, the new release introduces a re-architecture and many new features, enhancements, and community contributions. Enjoy the more user-friendly, reliable, secure eventing framework for Kubernetes that is Argo Events v1.0! ArchitectureStarting from v0.17.0, we gradually re-architected Argo Events. Intr
Reading Code - React
Reading Code - ReactJuly 15, 2022 • 13 minute read It’s daunting to even think about reading the code of a framework I’ve been using for years. I’ve always seen React as a black box that takes JSX and puts things on the screen without thinking too much about it. Of course, I know this and that about the virtual DOM and the reconciliation algorithm. At least in theory. But it wasn’t until this year
Your SPA doesn’t need a router
So you are building a client-side web app for that next big project and wondering: “Which router should I use?”. Here is the thing: you don’t need any, and you will understand why shortly. What is routing?The first interface for a user to access any website is their browser address bar. Even if your website is visited via a link or from bookmarks, for a user it still goes through the address bar.
🔰If CRDTs are new to you, here are some introductory links. - An interactive intro to CRDTs - An introduction to state-based CRDTs - CRDTs for non-academics - CRDT: The Hard Parts - Readings in CRDTs - crdt.techLast time, I discussed the trade-offs between more traditional CRDTs, such as the State-based CRDT, Op-based CRDT, and Delta-based CRDT. There is another class of CRDTs: Merkle CRDTs. Most
分散システムにおけるScalableな名前付けアルゴリズム「Chord Protocol」を実装してみた - Enjoy Architecting
概要 分散システムを学術的に学びたくて、 Chord Protocolというアルゴリズムが面白かったので実際に論文を読んで実装してみました。 この記事では、分散システムにおける名前付けの概念と、Chord Protocolの紹介、簡単な検証について言及していこうと思います。 実際に作ったサーバ 分散システムにおける名前付けとは？ 分散システムの分野には「名前」、「名前付け」、「アドレス」と呼ばれる概念があります。 それぞれどのような意味を持っているのでしょうか？ 名前付けと名前 分散システムはネットワークを通じてそれぞれのサーバ、プロセスが協調して動作しています。 この中で、各サーバ、プロセスはやり取りをする相手の「名前」を知らなければやり取りを行うことができません。 この名前の解決を行うことを「名前付け」と呼んでいます。 そして、あるリソース（特定のプロセス、サーバなど）を一意に特定する
Rust/WinRT coming soon
My rust adventure continues as I have been furiously working on Rust/WinRT for the last five months or so. I am indebted to Ryan Levick for patiently answering all of my questions and also jumping in and getting deeply involved in the project early on. I am also looking forward to opening it up to the community as soon as possible. Even then, it will be early days and much still do. I remember cha
What's New In DevTools (Chrome 99) | Blog | Chrome for Developers
Throttling WebSocket requests The Network panel now supports throttling web socket requests. Previously, the network throttling didn't work on web socket requests. Open the Network panel, click on a web socket request and open the Messages tab to observe the message transfers. Select Slow 3G to throttle the speed. Chromium issue: 423246 New Reporting API pane in the Application panel Use the new R
Why Marvel's 'New' New Warriors Have Already Sparked Backlash
Marvel has unveiled the next generation of New Warriors, and not everyone is happy about the latest incarnation of the classic Marvel team. The "New" New Warriors were revealed yesterday to immediate scorn. While Marvel has received backlash for racially diverse and LGBTQA characters from some corners in the past, those progressive steps have earned widespread acclaim and successfully made the Mar
Entity Framework Core 5 - Pitfalls To Avoid and Ideas to Try | The .NET Tools Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
Introduction - The Node Experiment - Exploring Async Basics with Rust
Introduction Don't block the event loop! Don't poll in a busy loop! Increase throughput! Use async I/O! Concurrency is not parallelism! You've most likely heard and read claims like these many times before, and maybe, at some point you've thought you understood everything only to find yourself confused a moment later. Especially when you want to understand how it works on a fundamental level. Me t
Almost 25 years ago, in 1997, Daniel Stenberg created curl, a command line tool for transferring data. The name stands for “client URL,” works on any platform, and is used in billions of installations. Despite maintaining curl for a quarter of a century, Daniel couldn’t be happier where he is, and wouldn’t want to be doing anything else. We recently sat down with him to hear how he first discovere
tl;dr: To bring modern JavaScript to our libraries, we should adopt a new "browser2017" conditional export key. The "browser2017" key points to modern code that targets modern browsers, without the polyfills that bloat our bundles. This change requires support from bundlers and adoption from package authors. Background Although modern browsers represent over 90% of web traffic, many websites still
This is part 1 of a series of articles:“ML Feature Stores: A Casual Tour”. Part 2 is here and Part 3 is here. The combined pressures of data monetization and privacy compliance are escalating at a dramatic pace. Machine learning (ML) and data science (DS) teams are asked to ship autonomous and intelligent products at a faster rate. This comes with many hurdles. A central for ML practitioners to sc
Checklist Development environment: Use a stable compilation toolchain (DENV-STABLE) Keep default values for critical variables in cargo profiles (DENV-CARGO-OPTS) Keep default values for compiler environment variables when running cargo (DENV-CARGO-ENVVARS) Use linter regularly (DENV-LINTER) Use Rust formatter (rustfmt) (DENV-FORMAT) Manually check automatic fixes (DENV-AUTOFIX) Libraries: Check f
Airbnb JavaScript スタイルガイドのうち、eslint でカバーできないルールのみを集めました。 Types 1.1 1.2 References 2.3 Objects 3.2 3.5 3.8 Arrays 4.2 4.3 4.4 4.5 4.6 4.8 Destructuring 5.3 Strings 6.2 Functions 7.4 7.5 7.7 7.8 7.9 アロー関数(Arrow Functions) 8.3 Classes & Constructors 9.1 9.2 9.3 9.4 Modules 10.1 10.2 10.3 10.8 Iterators and Generators 11.2 Properties 12.2 Variables 13.3 13.4 Hoisting 14.1 14.2 14.3 14.4 Comparison Ope
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Git】ブランチ命名規則と開発効率化【7つのベストプラクティス】 - アラサーPHPerの日常
CSS In TypeScript With Vanilla-extract | CSS-Tricks
Wheel vs Egg — Python Packaging User Guide
ChakraUIについてまとめてみた（概要編） - Qiita
Inside the Cit0Day Breach Collection
Boogaloo movement - Wikipedia
Old Dogs, new CSS Tricks
| GitHub Copilot Patterns & Exercises
Useful Common Japanese Phrases and Words
2023 DevOps is terrible.
CRDTs Turned Inside Out
curl: 25 years and 200 releases later
Bringing Modern JavaScript to Libraries
ML Feature Stores: A Casual Tour 1/3
Checklist - Secure Rust Guidelines
Airbnb JavaScript スタイルガイドの eslint 未対応ルールまとめ - Qiita