Full-stack Framework powered by TanStack Router forReact andSolidFull-document SSR, Streaming, Server Functions,bundling and more, powered by TanStack Router and Vite - Ready to deploy to your favorite hosting provider. Built on TanStack Router, Start comes pre-packed with a fully type-safe and powerfully-unmatched routing system that is designed to handle the beefiest of full-stack routing req

はじめに こんにちは、エンジニアの籏野です。 先日、oRPCというライブラリのV1がリリースされました。 oRPCはTypeScriptを利用するシステムにおいてRPC(Remote Procedure Call)を実現するためのライブラリです。 RPCの特徴は、クライアント側からはメソッドを呼び出すような感覚でAPIを利用することができ、RESTAPIのようにエンドポイントを意識する必要がなくなることが挙げられます。 RPCを実現する有名なライブラリとしてtRPCがありますが、どのような違いがあるのかが気になり調べてみました。 今回はブログに投稿されたV1発表記事を参考にどのような特徴があるのかをまとめていきます。 強力なシンプルさ ブログではoRPCの理念として、「強力なシンプルさ(powerfulsimplicity)」を掲げています。 これはどういうことなのか、tRPCとoRP

ミラティブでソフトウェアエンジニアをしている @8beeeaaat です。 去る2025/9/6に札幌で開催されたフロントエンドカンファレンス北海道2025 にて発表した内容を再構成して公開します! Dateに代わる新たな日時表現・操作APIとしてECMAScript標準化を目指し、2017年にプロポーザルが投稿されたTemporal。ついに仕様策定も大詰めとなり、Firefox 139での正式実装リリースを始め、各ブラウザ・JSエンジンへの実装も進められています。 ミラティブでは2022年よりPolyfillを導入して社内業務管理機能を中心に導入を進めてきました。本記事では3年間の業務利用の中で培った業務で利用できるノウハウを共有します! 採用決定の現場 Date型の課題 次世代時刻標準Temporal 主な特徴Polyfillによる利用 今日から始めるTemporal移行 Dat


2025-09-04 /Cloudflare WorkersTech Talks in Hokkaido #1

OffscreenCanvas(オフスクリーンキャンバス)はWeb Workers(ウェブワーカー)を使用してWorkerスレッドで描画処理を行える機能です。負荷の高い描画処理をWorkerスレッドに移動することで、メインスレッドの負担が軽くなり、余裕ができます。これによりメインスレッドでスムーズなユーザー操作を実現できるようになり、ユーザー体験の向上が期待できます。本記事ではOffscreenCanvasについて機能と使い方を解説します。 ▲ OffscreenCanvasを使用したデモ。OffscreenCanvasを使用すると、Canvasへの描画負荷が高い場合でもスムーズなユーザー操作とCSSアニメーションの再生を実現できるJavaScriptでマルチスレッドに処理を実行できるWeb Workers OffscreenCanvasの説明の前に、まずはWeb Workersについて

は?なんだこれバグか? ということで、配列に対してできるだけ正確な足し算ができるメソッドMath.sumPreciseが提案されています。 現在の進捗状況は、ステージは3であり仕様は確定しています。 Firefoxは2025/04/01リリースのFirefox 137で対応済です。 Safariはドキュメントでは2025/03/31リリースの18.4で対応したって言ってるんだけどCan I useやMDNでは未対応ってなっていてよくわかりません。 なんにしろmergeはされているのでそのうち動くと思います。Chromeは実装すらもまだです。 やっぱ金にならんことには遅いなChrome。 ということで以下は該当のProposal、Math.sumPreciseの紹介です。 Math.sumPrecise 複数の値を合計するメソッドを追加する提案。 Status このproposalはTC3

ESLint v9.26.0 から MCP サーバーとして実行できるようになりました。この機能により LLM(大規模言語モデル)は ESLint のルールを使用してコードを修正することができるようになります。 ESLint v9.26.0 から、ESLint を[MCP(Model Context Protocol](feat: Add MCP server by nzakas · Pull Request #19592 · eslint/eslint) サーバーとして実行できるようになりました。この機能により LLM(大規模言語モデル)は ESLint のルールを使用してコードを修正できるようになります。 ESLint を MCP サーバーとして実行する MCP サーバーとして ESLint を実行するには、--mcp オプションを使用します。 npx eslint --mcp このコマ

Most of the comments in this semicolons in JS exchange make me sad. The code in question: clearMenus() !isActive && $parent.toggleClass('open') relies on Automatic Semicolon Insertion (ASI) and so cannot be minified except by parsing fully (including ASI),observing the significance of the newline after clearMenus(), and inserting a semicolon when stripping that newline. Some argue that JSMin has
こんにちは、booosttechnologiesバックエンドエンジニアのma_meです。 直近の業務でフロントエンドのタイムゾーンで苦しめられていた中、JSの日付処理を劇的に改善するTemporalの明るい進捗ニュースが飛び込んできて、大変喜んでいます。 今回はそんなTemporalの明るいニュースをお伝えしたいと思います。 記事の概要まとめTemporalの包括的なドキュメントがMDNに追加された Firefox Nightlyにも実装されはじめた 嬉しいニュースJavaScriptTemporal is coming | MDNBlogTemporal って何? そもそもTemporalについての説明です。 JSの日付APIは選択肢が殆ど無いうえ、あまり機能が充実しておらず、フロントエンドで日付を扱う際にはライブラリが必須な状況でした。 ライブラリも一筋縄ではなかなかいかず
![[JS]Temporalの嬉しい進捗 MDNドキュメント&Firefox対応開始](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f0fa51646125c7b1cc66253ced53c444e567c7115%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fres.cloudinary.com%252Fzenn%252Fimage%252Fupload%252Fs--bH2aoryE--%252Fc_fit%25252Cg_north_west%25252Cl_text%253Anotosansjp-medium.otf_55%253A%2525255BJS%2525255DTemporal%252525E3%25252581%252525AE%252525E5%252525AC%25252589%252525E3%25252581%25252597%252525E3%25252581%25252584%252525E9%25252580%252525B2%252525E6%2525258D%25252597%252525E3%25252580%25252580MDN%252525E3%25252583%25252589%252525E3%25252582%252525AD%252525E3%25252583%252525A5%252525E3%25252583%252525A1%252525E3%25252583%252525B3%252525E3%25252583%25252588%252525EF%252525BC%25252586Firefox%252525E5%252525AF%252525BE%252525E5%252525BF%2525259C%252525E9%25252596%2525258B%252525E5%252525A7%2525258B%25252Cw_1010%25252Cx_90%25252Cy_100%252Fg_south_west%25252Cl_text%253Anotosansjp-medium.otf_34%253Ama_me%25252Cx_220%25252Cy_108%252Fbo_3px_solid_rgb%253Ad6e3ed%25252Cg_south_west%25252Ch_90%25252Cl_fetch%253AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzY1MDIxZThkNDcuanBlZw%253D%253D%25252Cr_20%25252Cw_90%25252Cx_92%25252Cy_102%252Fco_rgb%253A6e7b85%25252Cg_south_west%25252Cl_text%253Anotosansjp-medium.otf_30%253Abooost%25252520technologies%25252Cx_220%25252Cy_160%252Fbo_4px_solid_white%25252Cg_south_west%25252Ch_50%25252Cl_fetch%253AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzMzZjVkODUyNTcuanBlZw%253D%253D%25252Cr_max%25252Cw_50%25252Cx_139%25252Cy_84%252Fv1627283836%252Fdefault%252Fog-base-w1200-v2.png&f=jpg&w=240)
目次 はじめに 想定読者 TL;DR HonoとはTrends Honoを使ってみたNext.jsとの比較 ユースケース 所感 まとめ はじめに こんにちは、「拳で」 と申します! NRI OpenStandia Advent Calendar 2024の9日目は 【時代はHono🔥!?】今さらながらNext.js App RouterユーザがHonoを調べてみた というタイトルでお送りいたします! 最近Honoについての記事や情報をよく見かけるようになり、全く調べたり触ったりしたことがなかったのでこの機会に調べてみました。Next.js App Routerを使って、3案件ほどこなしたことがあるのでNext.jsユーザ目線で調べて思ったことなども書きました。 想定読者 この記事は以下のような方を想定して書いています。 Honoのこと、全然知らないけど概要を知りたい Honoの20
Temporal についておさらいTemporal は新しくJavaScript の仕様として提案されている「日時を操作するための新しいグローバルオブジェクト」です。現在は Stage3 のプロポーザルとして細かいAPI などの形が協議されています。Temporal は既存の Date オブジェクトにある次のような課題を解決するべく提案されました。 ユーザーの現地時間と UTC 以外のタイムゾーンはサポートされない パーサーの動作の信頼性が低い 日付オブジェクトが何を指しているのかわかりづらい サマータイム動作が不安定 日時計算のAPI が扱いにくい 非グレゴリオ暦がサポートされていないTemporal ではこれらの問題に対して以下のような機能を追加することで解決しようとしています。 Wall-Clock Time と Exact Time の明確な分離 タイムゾーンとカレンダ

Kyoto.なんか #6 で発表しました.speakerdeck.com 以下はその補足情報など. 仕様書中の出現頻度 null と undefined がそれぞれの仕様でどの程度使われているのかは, 仕様書中の出現頻度を見るだけでもある程度わかりりそうです. ということで ECMAScript 2024 と WHATWG の標準 (2024-09-07 時点) のうちいくつかの仕様書の中での出現頻度を見てみましょう. Spec #null #undefined ES2024 300 939 DOM 368 120 Fetch 276 10HTML 1778 275 URL 98 9 見ての通り, 顕著に登場頻度に差があることがわかりますね. なお上記の null の出現数には WebIDL の nullable (T?) を含めていないため, Web 標準における実際の null の
主要なJavaScriptエンジンのTest262を毎日実行して結果を載せているtest262.fyiというサイトがあります。 (Test262とは最新のECMAScriptを実装できているかどうかのテストです。) このサイトの、2024/6/5現在の実装率ランキングはこちらです。 test262.fyiの画面キャプチャ(2024/6/5) V8(ChromeやNode.js、Deno等)、JavaScriptCore(SafariやBun等)、SpiderMonkey(Firefox等)という、大手エンジンとほぼ横並びで4位に食い込んでいるBoaとは何者でしょうか。 Boaは公式曰く『Rustで書かれた実験的なJavascriptのレキサー、パーサー、コンパイラー』です。これだけ揃えば、JavaScriptエンジンと言って差し支えないと思います。RustアプリケーションにJavaScri

2024.03.15 福岡フロントエンド勉強会 #1

AWS、高速起動にこだわった軽量なJavaScriptランタイム「LLRT」(Low Latency Runtime)をオープンソースで公開。AWSLambdaでの利用にフォーカスAmazon Web Services(AWS)は、実験的な実装としてサーバレス環境のAWSLambdaで使うことにフォーカスした軽量なJavaScriptランタイム「LLRT」(Low Latency Runtime)をオープンソースで公開しました。 LLRTはRustで開発され、JavaScriptエンジンにはQuickJSを採用しています。 LLRTの最大の特徴は、現在のJavaScriptランタイムにおいて性能向上のために搭載されているJITコンパイラをあえて搭載せず、よりシンプルで軽量なランタイムとして実装することで高速に起動することにこだわっている点です。 これにより(Node.jsやDenoや

ASTをみてみよう この不思議な現象を調査するために、AST(Abstract Syntax Tree: 抽象構文木)の状態を見てみることにしました。ASTはソースコードを構文解析した結果をツリー構造にしたもので、AST Explorerを使うと簡単に見ることができます。 ({}) + "" のAST ({}) + "" のASTをみると、ひとつの ExpressionStatement となっているのがわかります。ExpressionStatement の leftは ObjectExpression 、 operator は + 、rightは Literal となっていて、たしかに Object と String の足し算になっています。これなら確かに"[object Object]" が返ってくるでしょう。 {} + ""のAST しかし、{} + "" のASTをみると、Bloc

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroidAndroid TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks ofAndroid 2 A MESSAGE FROM OURCEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions onGoogle 16 Activation Atlas 1 address validationAPI 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く