{ "componentChunkName": "component---src-templates-blog-post-jsx", "path": "/post/2022-javascript-typescript-trending-history/", "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"c323e62d-83e9-5118-a8b8-bd6f0451cb6c","excerpt":"今年も GitHub トレンドから 2022 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2021 年の JavaScript | WEB EGG 集計方法 本記事の集計期間は 2022/01/01〜2022/12/0…","html":"

今年も GitHub トレンドから 2022 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。

\n

— GitHub のトレンドで振り返る 2021 年の JavaScript | WEB EGG

\n

集計方法

\n

本記事の集計期間は 2022/01/01〜2022/12/07、対象言語は JavaScript および TypeScript です。
\nなお GitHub がそのリポジトリをなんの言語と見なしてトレンドに掲載したかをもとに集計対象を決定していることにご留意ください。 別言語で書かれた Rust 製の JS 向けのツールや CSS フレームワークなどは基本的に対象外となります。

\n

集計に利用したデータですが、GitHub は過去のトレンドを閲覧する方法を提供していないため、独自の仕組みで GitHub トレンドのアーカイブを生成しそのデータを利用しました。毎日 UTC 0 時ごろにデータ取得処理が走り、日毎のディレクトリの中にその時点でのトレンドの内容を CSV 化した言語名.csvが作成されます。

\n

当記事では集計期間の全てのjavascript.csvとtypescript.csvをマージし、リポジトリの作成日やリポジトリのトピック、今年に獲得した star 数などのいくつかのメタ情報を追加取得する集計スクリプトでサマリーデータを生成しました。

\n\n

2022 年に作られた・2022 年から流行ったリポジトリ

\n

まずは今年作られた・今年から流行ったリポジトリの紹介です。リポジトリの作成日を考慮せずトレンドの掲載回数やスター数だけで集計すると既知のリポジトリばかりになるので今年からトレンドになったリポジトリに絞って紹介します。

\n

抽出条件:

\n\n

一覧:

\n\n

AykutSarac/jsoncrack.com

\n
\n

🔮 Seamlessly visualize your JSON data instantly into graphs; paste, import or fetch!
\nAykutSarac/jsoncrack.com

\n
\n

JSON の構造をグラフィカルに可視化できる GUI ツールです。AWS Cloudformation とか読めない巨大 JSON(YAML)に使えそうな予感はしますが、 JSON を可視化するだけのアプリが 2 万 stars まで流行った文脈は汲み取れませんでした…。

\n

\n \n \n \n \n \n \n

\n

Looking to understand or explore some JSON? Just paste or upload to visualize it as a graph with https://t.co/HlKSrhKryJ 😍

Thanks to @aykutsarach! pic.twitter.com/0LyPUL8Ezz

— GitHub (@github) April 27, 2022
\n

UML 記述でおなじみのPlantUML でも JSON の可視化（下記画像）ができますが、それより洗練された UI に見えます。

\n

\n \n \n \n \n \n \n

\n

spacedriveapp/spacedrive

\n
\n

Spacedrive is an open source cross-platform file explorer, powered by a virtual distributed filesystem written in Rust.
\nspacedriveapp/spacedrive

\n
\n

Spacedrive は 仮想分散ファイルシステム(VDFS)という技術ベースにした Rust 製のクロスプラットフォームなファイルマネージャーです。UI だけ刷新した単なる better Finder な訳ではなく、VDFS を利用しクラウド上にあるデータ（Google Drive, Google Photos, iCloud, etc)も同様のインターフェースで閲覧できるものだそうです。Desktop 版は Tauri, モバイルは RN、web 版も提供されているなど各種デバイスに対応しているようです。
\nSpacedrive app 自体は Not for me ですが、VDFS の概念（UC Berkeley の論文（英語））は面白く、分析や集計のプログラムでクラウドベンダーの差異を透過的な API で扱えるのは便利そうなので深掘りしてみたいと思います。

\n

\n \n \n \n \n \n \n

\n

pyscript/pyscript

\n
\n

Home Page: https://pyscript.net Examples: https://pyscript.net/examples
\npyscript/pyscript

\n
\n

Pyodideという CPython を WASM 化した Python インタプリタを積んだ Custom Element を使って、<py-script>というタグに Python のコードを書いて実行できるようにしたもの。matplotlib などで生成したチャートを DOM に append したり pandas などのライブラリを読み込んで実行したり、外部ファイル化した Python を HTTP 経由で読み込んで実行できます。

\n

facebook/lexical

\n
\n

Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
\nfacebook/lexical

\n
\n

オープンソースで拡張性の高い WYSIWYG エディタが作れるフレームワークだそうです。ぱっと見かなり高機能そう。昔流行ったDraft.jsみたいだなと思ったら、Draft.js 側に「For users looking for an open source alternative, Meta have been working on migrating to a new framework, called Lexical. It’s still experimental, and we’re working on adding migration guides, but, we believe, it provides a more performant and accessible alternative.」と書いてあり、Lexical が代替となったようです。

\n

\n \n \n \n \n \n \n

\n

t3-oss/create-t3-app

\n
\n

The best way to start a full-stack, typesafe Next.js app
\nt3-oss/create-t3-app

\n
\n

T3 Stackというスタックでアプリが作れるボイラープレートです。T3 Stack が初耳だったので調べたところこれらの 3 つの ~ty をコンセプトに、Next とか Prisma とかを利用してアプリを作るスタックのことみたいですね。

\n
\n

T3 Stack においては以下 3 つの思想に焦点が当てられている。

\n\n

— フロントエンド界隈で新しく提唱されている T3 Stack について調べてみた

\n
\n

toeverything/AFFiNE

\n
\n

There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.
\ntoeverything/AFFiNE

\n
\n

説明文曰く Notion と Miro を合体させた次世代のリアタイ編集できるナレッジベースです。Notion を無限平面にして、手書きやシェイプを置けるようにしたツールのように見えるけど、まだ Coming Soon な機能が多く Notion っぽい WYSIWYG しか 試すことはできませんでした。

\n

来年あらためてどんな感じにアップデートされたかチェックしてみようと思います。

\n

lensterxyz/lenster

\n
\n

Lenster is a decentralized, and permissionless social media app built with Lens Protocol 🌿
\nlensterxyz/lenster

\n
\n

Lens Protocol という SNS の根幹機能を提供するプロトコルを利用した SNS です。

\n
\n

Lens Protocol とは

\n

Lens Protocol は、分散型のレンディングサービスとプロトコルを開発する AAVE による分散型のソーシャルグラフ（人と人との関係図）とそこに紐づくコンテンツを扱うためのプロトコルで、ソーシャルメディアのためのプロトコルといわれることもあります。

\n

— Lens Protocol – Aave が開発する分散型ソーシャルグラフプロトコル

\n
\n

alibaba/lowcode-engine

\n
\n

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
\nalibaba/lowcode-engine

\n
\n

いわゆるSTUDIOのようにローコードでホームページやダッシュボードを作るためのエンジンっぽいですが、デモの UI が中国語なので読めなくて使い方がよくわかりませんでした…。

\n

faker-js/faker

\n
\n

Generate massive amounts of fake data in the browser and node.js
\nfaker-js/faker

\n
\n

2020 年に起きた Faker.js の Marak 氏の一件（覚えてない方は下記）を Faker.js Team が落ち着かせて、公式の org に移管し、Issue のトリアージ・修正が完了し今年の 1 月に公式ブログ（An update from the Faker team | Faker）を発表していたようです。

\n
\n

— OSS のゆく道：Faker.js の顛末｜ Takahiro Ito ｜ note

\n
\n

upscayl/upscayl

\n
\n

🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.
\nupscayl/upscayl

\n
\n

AI を用いて低画質な画像を高画質化できるデスクトップアプリです。

\n

試しに私のアバター（下記）を 40px まで縮小し、2 回 upscale した結果がこちらです\n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n

\n

流石に元画像が小さすぎたのか、ちょっと想像したのと違いました。
\n元画像をリサイズせずにオプションをデジタルアートに変えて実行した結果はこちらです。微妙な違いですがちゃんと高画質になっている。柴犬の 🍞 感が増してもっちりしています。

\n

\n \n \n \n \n \n \n

\n

apihero-run/jsonhero-web

\n
\n

JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. 🚀
\napihero-run/jsonhero-web

\n
\n

前述の jsoncrack.com のように JSON の構造を可視化できるツールですが、こちらの方は可視化というよりナビゲーションに特化しており、ぱんくずで jump したりができるようです。

\n

\n

https://jsonhero.io/

\n

total-typescript/beginners-typescript-tutorial

\n
\n

An interactive TypeScript tutorial for beginners
\ntotal-typescript/beginners-typescript-tutorial

\n
\n

Web 上のテキストエディタで、TypeScript の初心者向けのチュートリアルを提供しているプログラミング学習サービス。エディタに型チェック機構を搭載しており、型エラーを解消すると次に進めるようになってます。

\n

divamgupta/diffusionbee-stable-diffusion-ui

\n
\n

Diffusion Bee is the easiest way to run Stable Diffusion locally on your M1 Mac. Comes with a one-click installer. No dependencies or technical knowledge needed.
\ndivamgupta/diffusionbee-stable-diffusion-ui

\n
\n

Stable Difusion の面倒な環境構築を、このアプリをインストールするだけで完了させるデスクトップアプリ。説明文でon your M1 Macと言ってますがダウンロードページを見ると Intel でも動くようになってるようです。

\n

\n \n \n \n \n \n \n

\n

自分のアバターを使って試してみましたが Image to Image もできました。誰やねんって感じですが要素としては全て揃ってます。

\n

\n \n \n \n \n \n \n

\n

formkit/auto-animate

\n
\n

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
\nformkit/auto-animate

\n
\n

react-sprint のようなアニメーションを入れるライブラリ。特定のライブラリに依存せず動作するのが特徴なようです

\n

vercel/satori

\n
\n

Enlightened library to convert HTML and CSS to SVG
\nvercel/satori

\n
\n

Vercel が開発する、HTML と CSS を SVG に変換するツール。レイアウトの計算には React Native でお馴染みの Yoga が使われているようです

\n

Vercel で HTML/CSS から OG 画像を生成するユーティリティの@vercel/ogでも内部的に Satori が使われているようです

\n

こちらに作者による解説スレッドがあります。

\n

Some tech details and stories behind @vercel’s OG image generation and Satori lib...

There’s been a demand to generate dynamic and fancy OG images for a long time. And we have some solutions but they all seem to be a little “limited”.

— Shu (@shuding_) October 10, 2022
\n

BishopFox/unredacter

\n
\n

Never ever ever use pixelation as a redaction technique
\nBishopFox/unredacter

\n
\n

文字にモザイクをかけた画像から、元のテキストを復元できるツールなようです。デモ動画（Gif）を見る限りモザイクをかけた画像を生成し元画像との差分を検知する総当たりをしてるようです。

\n

\"\"

\n

alyssaxuu/omni

\n
\n

The all-in-one tool to supercharge your productivity ⌨️
\nalyssaxuu/omni

\n
\n

Chrome のタブや履歴、お気に入りから検索できるランチャー的な Chrome 拡張です。とても便利そうですがタブを探すだけなら Chrome のショートカット⌘+shift+Aで曖昧検索できるので個人的には使い道はなさそうです

\n

\n \n \n \n \n \n \n

\n

Sanster/lama-cleaner

\n
\n

Image inpainting tool powered by SOTA AI Model. Remove any unwanted object, defect, people from your pictures or erase and replace(powered by stable diffusion) any thing on your pictures.
\nSanster/lama-cleaner

\n
\n

動画を見ての通りで画像から不要な箇所を削除できるアプリ。前述の Diffusion Bee（divamgupta/diffusionbee-stable-diffusion-ui）でも同じことができますが、こちらの方が機能を絞っている感じがします。prompt を追加することで別の画像に差し替えるなんかも可能です。

\n

\n

tremorlabs/tremor

\n
\n

The react library to build dashboards fast.
\ntremorlabs/tremor

\n
\n

管理画面・ダッシュボード作る系のコンポーネント＆チャートライブラリ

\n

2021 年にもっともスターを獲得したリポジトリ

\n

次に新しいか否かに関わらず 2021 年もっともスターを獲得したリポジトリを見ていきます。

\n

抽出条件:

\n\n

ここまでの内容と重複しているものは取り消し線を入れてます

\n\n

お変わりない顔ぶれです。特に触れたいものはありませんでした。

\n

Node.js 関連のトピックに絞った場合

\n

次に Node.js に関連したトピックを持ったリポジトリを比較します。

\n

抽出条件:

\n\n

ここまでの内容と重複しているものは取り消し線を入れてます

\n\n

withastro/astro

\n
\n

Build faster websites with Astro’s next-gen island architecture 🏝✨
\nwithastro/astro

\n
\n

最近注目度が上がっている静的サイトジェネレータ。去年の記事でも紹介しました。社内の Astro 大好きなメンバーが Astro でブログ作り直したそうなのでぜひみてみてください。

\n
\n

— Astro でサイトを作り直し、ブログをはてなから移管しました - hiroppy’s site

\n
\n

ToolJet/ToolJet

\n
\n

Extensible low-code framework for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. 🚀
\nToolJet/ToolJet

\n
\n

前述のalibaba/lowcode-engineやGoogle Looker Studio（旧 Google Data Studio）に近いローコードソリューションのようです。内部向けツールを作ることに特化しているようで、各種 DB/DWH やクラウドストレージ、SaaS などからもデータを引っ張って画面やダッシュボードが構築できます。

\n

novuhq/novu

\n
\n

The open-source notification infrastructure for products
\nnovuhq/novu

\n
\n

OSS の通知インフラストラクチャ。アプリケーションのコードから通知をトリガーするメソッドを呼ぶと novu で設定した通りに通知が発行されるというように関心の分離が可能。メール・Push 通知・SMS を送ったりといった自前で実装したくない部分を隠蔽してくれて、なおかつアプリケーションコードからは柔軟な呼び出しができ自由度が高そうな予感がします。複数の溜まった通知をダイジェスト化する仕組みなどもあるようでとても便利そうです。

\n

nestjs/nest

\n
\n

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) 🚀
\nnestjs/nest

\n
\n

今年から弊社プロダクトにて NestJS を本番投入したのですが、デコレータへの抵抗感を乗り越えればとても宣言的で柔軟で拡張しやすい BFF が DX よく作れます。おすすめです。

\n

payloadcms/payload

\n
\n

Free and Open-source Headless CMS and Application Framework built with TypeScript, Node.js, React and MongoDB
\npayloadcms/payload

\n
\n

OSS のヘッドレス CMS。データストアと REST/GraphQL API の提供のみでなく、Admin UI も提供してくれるところが特徴のようです。

\n

n8n-io/n8n

\n
\n

Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
\nn8n-io/n8n

\n
\n

GUI でワークフローを組み立てられるオートメーションツール。Zapier の OSS クローンという感じがしますが、独自のコンポーネントやロジックを追加実装できるようで、こちらの方が拡張性は高そうです。

\n

\n \n \n \n \n \n \n

\n

トレンドに上がったリポジトリのトピック

\n

今年トレンドに上がったリポジトリのトピックを集計しました。

\n

抽出条件:

\n\n

トピック毎にそのトピックがついたリポジトリ数を円の大きさとしたバブルチャートがこちらになります。なお当記事のサムネイル画像はバブルチャートの中心あたりを一部抜粋したものになります。こちらから SVG で全体を確認できます。

\n

トレンド常連組

\n

最後に GitHub のトレンド常連組を載せます。

\n

抽出条件:

\n\n

リポジトリ:

\n\n

今年は SaaS クローン少なめでテクニカルなリポジトリが多く、調べてて楽しいリポジトリが多かったです。良いお年を！

","timeToRead":25,"frontmatter":{"title":"GitHubのトレンドで振り返る2022年のJavaScript/TypeScript","tags":["JavaScript","TypeScript","GitHub"],"date":"December 22, 2022","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='270'%20viewBox='0%200%20400%20270'%20preserveAspectRatio='none'%3e%3cpath%20d='M34%202c-2%2011%2014%2014%2018%204%202-5%201-6-9-6-8%200-8%200-9%202m23%200c-4%204-4%207-3%2011%206%2010%2019%207%2019-3%200-9-9-13-16-8m16%200c0%203%204%208%208%2010%206%202%2014-2%2015-9l1-3H85C74%200%2073%200%2073%202m26%200c-3%206%201%2013%207%2015%208%203%2015-3%2015-12V1l-11-1c-9%200-11%200-11%202m24%202c1%208%2010%2013%2017%2011%205-1%2010-7%2010-12V0h-27v4m31-1c-13%2016%206%2038%2023%2027%209-6%2011-18%204-27l-2-3h-23l-2%203m51%201c-3%2011%207%2022%2018%2019%209-2%2014-11%2011-19l-1-4h-27l-1%204m56-3c-2%206%206%2014%2013%2014%206%200%2014-8%2012-13-1-3-24-3-25-1m27%201v7l3%204c8%208%2022%200%2018-10-1-3-1-3-11-3-9%200-9%200-10%202m47%201c-2%204%200%209%205%2011%207%204%2016-4%2013-11-1-3-1-3-9-3s-8%200-9%203m21-2c-2%201-1%206%201%209%206%205%2014%201%2014-6V1l-8-1-7%201m17%201c-1%206%204%209%2010%207%202-1%204-5%203-7s-2-2-6-2c-5%200-6%200-7%202M5%203c-5%205-2%2011%205%2011%206%200%208-7%204-11-3-2-7-3-9%200m13%207l-2%205c0%207%209%2010%2013%205%206-7-5-16-11-10m225%200c-13%206-15%2021-5%2030%2016%2014%2040-6%2028-24-5-7-16-10-23-6m145%201c-3%205%204%2011%209%207l3-1c1%201%201-1%201-3%200-3%200-5-1-4%200%202%200%202-2%200-2-3-7-3-10%201m-13%203c-5%204-2%2012%205%2012%206%200%209-7%205-12-3-2-7-3-10%200M34%2017c-6%206-3%2015%206%2015%205%200%209-4%209-9%200-4-5-9-9-9l-6%203m323-2c-6%203-6%2011%200%2015%208%207%2019-5%2012-13-3-3-9-4-12-2m-79%202c-9%206-9%2019-1%2024%2013%209%2029-7%2020-20-4-6-14-8-19-4M4%2018c-4%205-2%2012%205%2012%206%200%209-7%205-12-3-3-7-3-10%200m116-1c-32%207-37%2050-8%2065%207%204%2023%204%2030%200%2026-14%2026-50%200-62-7-3-15-4-22-3m188%201c-11%207-6%2024%207%2024%205%200%2010-3%2012-8%202-4%202-4%200-9-3-8-12-11-19-7m26%202c-7%206-4%2016%205%2018%207%201%2012-4%2012-11%200-9-10-13-17-7M52%2024c-5%206-4%2013%202%2017%205%203%2011%202%2014-2%2010-10-6-25-16-15m337-2c-6%203-4%2013%204%2013%202%200%206-4%206-7%200-5-6-8-10-6m-197%202c-21%207-33%2026-29%2046%206%2032%2044%2044%2067%2022%2026-24%2010-67-26-69l-12%201M3%2034c-3%201-3%201-3%206%200%208%206%2011%2012%205s0-15-9-11m33%201c-5%202-7%209-4%2015%205%2011%2022%203%2018-8-1-6-9-9-14-7m316%201c-4%204-4%209%200%2013%206%207%2017%201%2015-8-1-7-10-9-15-5m34%202c-4%203-4%208%200%2011%203%203%206%203%209%200%206-7-2-16-9-11M72%2040c-9%203-13%2013-9%2021%207%2014%2029%208%2028-8-1-9-10-15-19-13m258%203c-7%206-3%2019%207%2019%208%200%2013-7%2011-14-3-8-12-11-18-5m-70%201c-15%206-20%2028-9%2040%2014%2014%2036%208%2042-10%205-19-13-37-33-30M16%2045l-4%204c-6%209%207%2019%2015%2011%207-7-1-19-11-15m288%200c-9%205-12%2019-4%2025%2010%209%2025%203%2025-11%200-11-11-18-21-14m69%200c-7%202-8%209-4%2014%204%203%209%203%2012-1s4-5%202-9c-2-2-7-6-8-5l-2%201m-23%2012c-3%202-5%206-3%2010%203%209%2016%209%2019%200%202-6-3-13-9-13-3%200-5%201-7%203m35%200c-3%203-2%208%201%2010%207%206%2016-5%2010-11-3-3-8-3-11%201M45%2056c-11%205-8%2022%204%2024%2014%201%2019-18%207-23-5-2-7-2-11-1M0%2065l1%208h3c4%200%209-4%209-8%200-5-4-8-10-8H0v8m371%200c-4%203-5%207-3%2011%203%206%209%207%2014%202%208-8-3-20-11-13M23%2065c-6%202-8%209-5%2015%204%206%2012%206%2016%201%207-8-2-20-11-16m306%200c-10%204-9%2021%202%2024%2012%204%2021-11%2013-21-4-3-10-5-15-3M78%2072c-21%2010-12%2041%2011%2038%2019-3%2023-30%206-38-5-2-13-2-17%200m312%200c-9%205-3%2020%207%2016h3V76c0-2-5-6-6-5l-4%201M3%2076c-2%201-2%202-2%208%200%207%200%207%203%208%206%203%2012-1%2012-8S9%2073%203%2076m294%202c-11%205-14%2019-7%2029%2011%2016%2035%208%2035-11%200-14-14-24-28-18m56%200c-7%203-8%2013-3%2019%207%206%2016%205%2020-4%205-11-7-21-17-15M43%2084c-6%204-8%2013-4%2019%207%2011%2025%206%2025-7%200-11-12-18-21-12m-23%203c-10%205-7%2021%205%2021%2011%200%2014-16%203-21h-8m110%201a56%2056%200%2000-31%2084c23%2034%2075%2031%2094-4%2011-23%207-49-10-66a56%2056%200%2000-53-14m245%202c-6%206-3%2015%205%2017%2010%201%2016-10%209-17-4-4-10-4-14%200m-136%203c-37%209-50%2056-22%2083%2023%2023%2063%2016%2078-13%2018-38-15-80-56-70m96%202l-5%204c-9%208-3%2023%209%2023s19-14%2011-23c-4-4-9-5-15-4m23%2010c-2%203-3%205-3%208%200%2012%2017%2015%2021%203%204-10-10-19-18-11M5%20106c-9%204-5%2018%206%2018l5-3c9-7%200-21-11-15m384%201c-5%203-6%209-3%2013s6%204%2010%203c4-2%204-2%204-8%200-5%200-6-2-7-3-2-7-2-9-1m-358%201c-8%203-8%2017-1%2021%2013%205%2024-9%2014-18-3-3-9-5-13-3m28%200c-12%206-13%2024%200%2031%2019%209%2034-17%2017-29-4-3-12-4-17-2m316%2014c-5%202-7%2011-3%2015%207%207%2017%203%2017-6%200-7-7-12-14-9m-30%202c-6%203-8%2011-4%2017%209%2013%2028%202%2021-12-2-7-11-9-17-5M9%20128c-9%2010%202%2025%2014%2019%2011-6%207-22-5-22-5%200-6%200-9%203m295%202v2c1%203%2027%203%2027%200%200-2%201-2-17-2h-10m-265%203l-5%203c-9%209-3%2023%2010%2023s17-20%204-25c-4-2-5-2-9-1m349%206c-5%202-7%2010-2%2015s14%201%2014-7c0-6-6-10-12-8m-21%202c-2%200-7%205-8%208-3%2013%2016%2020%2022%207%203-8-4-17-14-15m-300%203c-15%204-15%2025-1%2031%2017%207%2031-16%2017-28-4-5-10-6-16-3m264%201c-11%204-14%2017-7%2025%2010%2011%2027%204%2027-10%200-7-4-13-11-15h-9M5%20149c-6%202-7%2013-2%2017s12%202%2015-5-6-15-13-12m17%2012c-9%207-4%2021%208%2021%208%200%2013-8%2011-15-3-9-13-12-19-6m360-2c-5%203-6%2011-2%2015%203%204%2012%203%2015-2%204-8-6-17-13-13m-81%206c-20%208-16%2035%205%2037%2020%201%2028-25%2010-35-4-3-11-3-15-2M0%20179v9h3c3-1%208-6%208-9%200-5-4-10-9-10-2%200-2%201-2%2010m45-5c-12%207-6%2026%208%2026%2010%200%2017-11%2012-20-4-7-13-10-20-6m350%201c-2%201-5%206-4%209%200%203%204%206%207%206%202%200%202%200%202-8s0-9-5-7m-60%204c-13%207-8%2026%207%2024%2012-2%2015-19%204-24-5-2-7-2-11%200m39%201c-4%202-5%207-4%2011%205%2013%2023%206%2019-7-2-5-10-8-15-4m-185%202c-39%2014-43%2066-7%2084%207%204%207%204%2021%204%2013%200%2013%200%2020-3a46%2046%200%2000-34-85m-177%201c-8%206-4%2018%207%2018%205%200%209-5%209-10%200-8-10-13-16-8m253%207c-8%203-15%2013-15%2023%200%2021%2027%2031%2041%2015%2016-18-3-45-26-38m93%202c-3%202-6%206-6%2010%200%205%207%2010%2012%209%2010-2%2011-15%203-19h-9m34%202c-5%204-2%2013%205%2013%204%200%204%201%201%203-6%202-6%2010%200%2012%203%201%203%202%200%205l-2%204%202%205c2%202%203%204%201%207a359%20359%200%20001-41v-10h-3l-5%202m-363%204c-5%203-6%206-6%2012%201%2010%2014%2015%2021%206%209-10-3-25-15-18m88%201c-16%208-20%2029-7%2042%2019%2021%2053%200%2043-27-4-14-22-21-36-15M4%20201c-3%202-4%2013-1%2016%203%202%209%201%2012-1%206-7-2-19-11-15m306%203c-11%203-15%2016-8%2024%2010%2012%2028%204%2027-11-1-9-11-16-19-13m-256%203c-6%203-8%2013-3%2019%208%2011%2027%200%2022-13-3-7-13-10-19-6m283%200c-9%204-7%2020%202%2023%2012%204%2022-9%2015-20-3-5-12-7-17-3m24%209c-5%205-4%2012%203%2015%208%203%2016-5%2012-13-4-6-10-7-15-2m-282%204c-14%207-8%2029%208%2029%208%200%2015-7%2015-15%200-12-12-19-23-14m302%200c-6%206%201%2017%208%2013%209-4%206-15-2-15l-6%202m-91%2013c-16%206-12%2028%204%2028%208%200%2014-6%2014-14%200-10-9-17-18-14m52%202c-3%202-3%203-3%208%200%2012%2016%2014%2020%202%203-10-9-17-17-10m-289%200c-8%206-5%2016%204%2019%2011%203%2019-11%2010-19-4-3-11-3-14%200m313%200c-8%204-5%2016%205%2016%209%200%2012-12%204-17-4-1-6-1-9%201m-48%200c-6%203-9%2011-7%2017%204%2011%2019%2012%2024%202%206-11-5-24-17-19M2%20236l-1%207v7h3c7%200%2010-7%206-12-2-2-6-3-8-2m17%201c-8%204-6%2016%203%2016s12-12%204-16h-7m365%201c-2%201-2%203-2%206%200%208%2010%2010%2014%203%203-8-5-14-12-9m-131%201c-10%205-12%2019-3%2027%204%204%204%204%2011%204%209%200%2014-3%2017-11%205-14-11-27-25-20m-216%206c-7%203-9%2011-4%2016%209%207%2021-5%2013-13-3-3-6-4-9-3m107%202c-7%202-13%2012-12%2020l1%203h34v-6c0-12-10-20-23-17m-36%205c-4%203-6%207-6%2013l1%205h27v-5c0-9-5-15-14-15l-8%202M3%20254c-5%204-3%2012%204%2012%206%200%209-7%205-12-3-3-6-3-9%200m365%201c-4%205-1%2013%205%2013%205%200%208-2%208-7%200-7-8-10-13-6m-17%200c-5%203-6%207-4%2011%201%204%201%204%207%204l8-1c6-7-3-18-11-14m-333%202c-3%203-4%207-1%2010%204%205%2010%204%2013-1%203-7-6-14-12-9m36%203l-4%206v4h22l-1-4c0-8-11-12-17-6m275%203c-6%206-4%207%207%207h9v-3a9%209%200%2000-16-4m-250-1h-3c-2%200-3%201-3%202%200%203%2026%203%2027%201v-3H79m229%200c-2%202-5%205-5%207l11%201h10c0-7-10-11-16-8m-23%201l-5%204-2%203h11c11%200%2012%200%209-3-3-4-8-5-13-4'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.4778761061946903,"src":"/static/064943fa31d971d2b824e86f7fe70144/8eab8/2022-12-18-23-01-40.png","srcSet":"/static/064943fa31d971d2b824e86f7fe70144/1ec58/2022-12-18-23-01-40.png 334w,\n/static/064943fa31d971d2b824e86f7fe70144/ccb4a/2022-12-18-23-01-40.png 668w,\n/static/064943fa31d971d2b824e86f7fe70144/8eab8/2022-12-18-23-01-40.png 1336w,\n/static/064943fa31d971d2b824e86f7fe70144/6abe5/2022-12-18-23-01-40.png 1764w","srcWebp":"/static/064943fa31d971d2b824e86f7fe70144/f7e47/2022-12-18-23-01-40.webp","srcSetWebp":"/static/064943fa31d971d2b824e86f7fe70144/cd98f/2022-12-18-23-01-40.webp 334w,\n/static/064943fa31d971d2b824e86f7fe70144/7535d/2022-12-18-23-01-40.webp 668w,\n/static/064943fa31d971d2b824e86f7fe70144/f7e47/2022-12-18-23-01-40.webp 1336w,\n/static/064943fa31d971d2b824e86f7fe70144/c2c62/2022-12-18-23-01-40.webp 1764w","sizes":"(max-width: 1336px) 100vw, 1336px"}}}}}},"pageContext":{"slug":"/2022-javascript-typescript-trending-history/","previous":{"fields":{"slug":"/ctonight-2022/"},"frontmatter":{"title":"CTO Night & Day 2022に参加してきた","tags":null}},"next":null}}, "staticQueryHashes": ["2585454260","2954598359"]}