GitHub - kvendrik/jest-lite: 👩🏻💻 Run Jest in the browser.
Codesandbox allows you to write Jest and execute the tests right in their environment. Getting this to work took a bit of research as Jest is typically meant to be ran in a Node environment. The Codesandbox team however didn't open-source their solution so I decided to write my own, for two reasons: Create a way to use Jest in any code sandboxing environment. Show me how Give code sandbox maintain
microCMS + Next.jsでJamstackブログを作ってみよう
この記事は10月1日に行われたJamstackオンラインワークショップ #4「microCMS × Next編」の内容を記事にしたものです。 microCMSとNext.jsを組み合わせて、Jamstackなブログを作成することができます。 こちらが本ワークショップのイベントページです。 Jamstackオンラインワークショップ #4「microCMS × Next編」 前提下記のバージョンで開発を行っています。バージョンの差異によって若干機能が異なる可能性があります。 Next 10.0.1react 17.0.1react-dom 17.0.11. Next.jsプロジェクトを用意するまずは、Next.jsのプロジェクトを作成していきます。プロジェクトの雛形を作成するCLIがあるので、コマンドを入力して作成していきましょう。 $ npx create-next-app microcms
Serve modern code to modern browsers for faster page loads | Articles | web.dev
Serve modern code to modern browsers for faster page loads Stay organized with collections Save and categorize content based on your preferences. Building websites that work well on all major browsers is a core tenet of an open web ecosystem. However, this means additional work of ensuring that all of the code you write is supported in each browser that you plan to target. If you want to use new J
Improving third-party web performance at The Telegraph
At The Telegraph we’re currently going through a process of rebuilding our public-facing website. This gives us the opportunity to take learnings from the existing build but also write some of the code from scratch. You can see our progress so far on pages such as Gaming and Culture. We can monitor the impact this has on metrics across usability, performance and accessibility. We’re incredibly pas
Tuning Google Tag Manager for Speed | Dexecure
Learn how Dexecure improved website performance by 35% for theAsianparent! Tag managers are a popular way to manage third party scripts in your website. It helps marketing people try out new tools without getting the development team involved and having to re-deploy the entire website. Tag managers have lowered the bar for adding and deploying code to websites significantly. As a wise man once sai
OpenAPI.Tools - an Open Source list of great tools for OpenAPI.
OpenAPI.Tools Stay up to date with a community-driven list of high-quality, modern tools for OpenAPI. An open source project from APIs You Won't Hate. Is there a tool missing that you think should be on the list? Submit a Pull Request on GitHub apisyouwonthate/openapi.tools Submit an OpenAPI tool Tool Types We've organised everything into categories so you can jump to the section you're interested
Hello from OpenAPI Generator | OpenAPI Generator
SponsorsIf you find OpenAPI Generator useful, please consider asking your company to become a sponsor. You can also individually sponsor the project by becoming a backer. Thank you to our bronze sponsors! With 50+ client generators, you can easily generate code to interact with any server which exposes an OpenAPI document. Maintainers of APIs may also automatically generate and distribute clients
TypeScriptのTips集
この記事は TypeScript Advent Calendar 2020 の 17 日目です。 今回は TypeScript のTipsをいくつかあげていきたいと思います！ 割と基本的なものが多いので、普段から TypeScript をがっつり書いている方に取ってはすでに知っているものが多いかもしれません。ただ、意識しないとあまり使わなかったり、TypeScript の経験がない方に取っては新鮮なものもあるのでは？と思ったので書いてみました。 keyof オブジェクトのキーを union 型に type Post = { id: number; title: string; content: string; }; type PostKey = keyof Post; // type PostKey = "id" | "title" | "content" const sortBy = <
OpenAPI(Swagger)を利用してTypeScriptのAPI Clientを自動生成する設計と実装 | himenon.github.io
追記 (2021/11/01)手前味噌ではありますが、自作したTypeScript Code Generatorの記事も参照してみてください。 OpenAPIのenumがUnionTypeで吐き出されないなど、細かい問題を解決しています。 OpenAPI TypeScript Code GeneratorをASTを利用して作成しましたOpenAPI Specification(OAS)とはなにかOpenAPI SpecificationはAPIを記述するため規格で、旧名がSwaggerとなっている。HTTP APIをインターフェースとするSchema定義になっているため、相手がWEBでなくても良い。→ すなわち、WEB APIではなくてシステム間のプロトコルベースがHTTPであればOpenAPI Schemaで記述可能となる。Schemaの例) Develop with Docker
DevTools の新機能（Chrome 89） | Blog | Chrome for Developers
Trusted Types 違反のデバッグサポート Trusted Type 違反のブレークポイント [Sources] で、信頼できるタイプ違反に対するブレークポイントの設定と例外のキャッチを行えるようになりました。 できます。 Trusted Types API は、DOM ベースのクロスサイト スクリプティングの脆弱性を防ぐのに役立ちます。詳細 Trusted Types により DOM XSS の脆弱性のないアプリケーションの作成、レビュー、維持が可能に こちらをご覧ください。 [ソース] パネルで、[デバッガ] サイドバー ペインを開きます。拡大するCSP 違反 Breakpoints] セクションに移動し、[Trusted TypeViolation] チェックボックスをオンにして 例外があります。こちらのデモページで実際にお試しください。 Chromium の問題: 1142
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lebab Modernizing Javascript Code
prateekbh/babel-esm-plugin: Add this plugin to generate mirrored esm modules for your existing bundles