この記事は前に書いた記事の抜粋かつ修正版 簡単にライブラリを呼び出すコマンドを作るとなったら、やはり deno + zx(or dux) だと思う。権限管理があって、ファイル単体でモジュールを解決して実行できる。 tl;dr ~/bin/mycmd の単体ファイルでコマンドを作成する shebang に deno permissions を与えて chmod +x する node:util の parseArgs で Deno.args をパース dax でコマンドを実行 実装 ~/bin 等にパスを通してあるとする。 雛形。 #!/usr/bin/env -S deno run -A --ext=ts import { parseArgs } from "node:util"; import $ from "https://deno.land/x/dax@0.36.0/mod.ts";
JSer.info #675 - Vue 3.4 がリリースされました。 Announcing Vue 3.4 | The Vue Point Vue 3.4ではVueテンプレートのパーサーのパフォーマンス改善、watchEffectの改善、defineModelがStable APIに変更されています。 また、v-bindが同名の場合の省略記法を追加、Hydrationのエラー表示を改善などの変更も含まれています。 破壊的な変更として、global JSX namespaceの型を定義しないように変更、実験的な機能だったReactivity Transformの削除なども含まれています。 関連して、Vue 2.x は2023年12月31日にサポートが終了し、End of Life(EOL)となりました。 Vue 2 Has Reached End of Life 最終バージョンは2.7.
Freshハンズオン 初級編
ハンズオン用の記事です。随時修正・アップデートされます。 対象レベルは「少々JavaScriptが書ける」初心者向けです。中級編はこちら 色々端折るために拡張機能をインストールします。Next.jsなどに親しんでフロントエンドをバリバリやっている方には冗長な説明が多いと思います。上級者は公式ドキュメントを全部読み込むことをおすすめします。 Freshの特徴 Freshはシンプルさと速度、信頼性に重点を置いたDeno用のWebフレームワークです。 特徴としては「サーバサイドレンダリング」を基礎に下記の特徴を備えています。 必要がない限りゼロJavaScript 基本的にすべてTypeScript ビルドステップなし（条件あり） この結果、型の恩恵を受けながら、極力軽量な構成でWebアプリケーションを作ることができます。 ゼロJavaScript FreshはIsland architectu
DenoとFreshでペアプロ・モブプロ用タイマー『timer.team』を開発して得た知見⏰ これはDeno Advent Calendar 2023の22日目の記事です。 はじめに こんにちは！ LEF（@lef237）と申します。 自分は今年の夏、えにしテックという会社に入社しました。そして最初のプロジェクトとして自社アプリを開発・リリースしました。 timer.team どんなアプリかというと「ペアプロ・モブプロに特化したポモドーロタイマー」です。このアプリを開発するにあたってDenoとFreshを用いました。🦕🍋 最初にこの『timer.team』を開発した背景を説明し、それから使用技術を解説していきます。 この記事ではDenoを中心に据えつつ、広範な内容を取り上げています。自分が開発する上で詰まったポイント・理解に時間が掛かったポイントを重点的にピックアップしました。 まだ
Copyright (c) 2018-2021 the Deno authors. MIT License. 日本時間の今日（2021年1月20日）に Deno の v1.7.0 がリリースされました。 詳細なリリース内容は上記のリリースノートにまとまっていますが、いくつか日本語でご紹介したいと思います。 なお、v1.6.0 （2020年12月9日リリース）の紹介記事は以下になります。よろしければこちらもご覧ください。 今回は以下の点を紹介します。 deno compile コマンドの改善 Data URL 形式の import に対応 DNS 解決を行う Deno.resolveDns API の追加 Deno 内部の TypeScript コンパイラを使うための API を Deno.emit に統合 deno fmt コマンドが Markdown のフォーマットに対応 Web Str
GitHub - lumeland/lume: 🔥 Static site generator for Deno 🦕
Lume is the Galician word for fire but also a (yet another) static site generator for Deno. It’s inspired by other general-purpose static site generators, such as Jekyll and Eleventy, but it’s faster, simpler and easier to use and configure, besides being super flexible. Supports multiple file formats, like Markdown, YAML, JavaScript, TypeScript, JSX and Nunjucks, and it’s easy to extend. You can
After almost two years, the wait is nearly over. The API has been frozen, and the countdown to Deno 1.0, officially scheduled for release on May 13, has begun. Due to its famous creator and forward-thinking vision, Deno is sure to be the most exciting and controversial JavaScript-related release in recent memory. Deno is a general-purpose JavaScript/TypeScript programming environment. It brings to
A Community Group for Web-interoperable JavaScript runtimes
Whenever one of the environments diverges from the standardized definition of the API (such as Node.js implementation of setTimeout() and setInterval()), clear documentation describing the differences will be made available. Such differences should only exist for backwards compatibility with existing code. Web Cryptography StreamsThe Web Cryptography API provides a minimal (and very limited) APIs
Deno のお祭り 『 Deno Fest(ディノフェス) 』を開催しました！ - 虎の穴開発室ブログ
みなさんこんにちは、Deno Fest 運営です。 2023年10月20日に開催した、Denoのお祭り『Deno Fest(ディノフェス)』にご参加いただいた皆様ありがとうございました。 今回は本イベントの立ち上げと準備、当日の様子についてレポートします。 発端 「とらのあなラボが、Deno の勉強会をやるぞ」と聞いて「なんで？」と浮かぶ方が少なくないと思います。 とらのあなラボは、2021年8月から『toranoana.deno』 という「Deno に関することならなんでもOK」の勉強会を続けています。(直近は 8月開催でした) yumenosora.connpass.com そういった活動もあり、Deno の日本コミュニティ deno- ja に toranoana.deno の運営メンバーもお邪魔しています。 Deno社メンバーの来日に合わせて、コミュニティ内でリアルイベントをやる機
作ったもの Web ブラウザの仕組みを基礎から勉強したいと思い、「Let's build a browser engine!」の記事を参考に Deno で簡易的な HTML レンダリングエンジンを作ってみました。 簡易的という言葉の通り、実用性はないです。 HTML と CSS を入力として受け取り、Canvas にボックスを描画するだけです。 また、描画に対応しているものは、ブロック要素のレイアウトのみで、使える CSS もごくわずか。サイズ・位置指定（width、 height、padding、margin、border-width）と装飾（background-color、border-color）のみ。テキストの描画もできません。 ただ、ひとつひとつの過程を自分で実装していくので、レンダリングエンジンの仕組みを勉強するにはとても良いものでした。 本記事で実装するレンダリングエンジン
2022年の振り返りと2023年の抱負
今年の振り返りと来年に向けた目標の整理をしていこうと思います。 2022年の振り返り 2022年の目標 2022年の目標を以下のエントリに書いていました。 この内容を振り返りつつ、達成度合いを評価していこうと思います。 TOEFL 100点 結局TOEFLは2022年の1月に受験したのが最後で、ベストスコアはこの最後の受験のときに出した98点でした。目標には届かずです。 とはいえ、100点を取りたいと思っていた最大の理由は、大学院の出願要件を満たすためでした。100点以上が推奨されると書いてあったものの、事実上の足切り点は90点ということが分かったため、98点で妥協をしたという形になります。大学院の出願については以下のエントリに軽くまとめてあります。 ということで、数値上は目標に達していないものの、根本的な目標（大学院に合格する）は達成できたので、良しとすることにします。ただ、やはりTOE
As we continue our development journey towards Deno 2, this minor release is primarily focused on boosting compatibility with npm and Node.js, enhancing the overall quality of life and developer experience, and establishing the foundation for future performance enhancements. The most significant updates in this release include three highly anticipated features: deno compile supports npm packages G
deno_code_reading.md
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
GitHub - nanojsx/nano: 🎯 SSR first, lightweight 1kB JSX library.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Which serverless edge platform has the fastest git deployments? Deploying to the edge is becoming more common, with multiple services that offer serverless edge computing. One of the most important factors is speed of deployment, since context switching and waiting for code to build and deploy can halt momentum, flow state, and developer productivity. So, which serverless edge compute platform han
In the ever-evolving world of cloud software, Deno aims to radically simplify. Leveraging public cloud infrastructure has traditionally demanded sifting through layers of boilerplate code and intricate configurations, often monopolizing a significant chunk of the developer’s time and energy. Our goal is to distill these intricacies into user-friendly primitives, enabling developers to design, refi
One of the first XKCD comics to go viral was this one, #303: Today, the web developer version would be “my site’s building” and they would be playing swords in VR. Sites take time to build these days. A large Next.js 11 site will take several minutes to build. This is wasted time in the development cycle. Build tools like Vite or Turbopack highlight their ability to get this number down. But the d
虎の穴ラボおっくんです。暑い夏、いかがお過ごしでしょうか？ この記事は、虎の穴ラボ 夏のアドベントカレンダーの14日目の記事です。 今回のアドベントカレンダーも引き続き「見た目でわかるビジュアルネタ5連発」の第4弾となります。 13日目は、A.M.さんによる「【Go言語】アスキーアートでダンジョンから脱出するゲームを作ってみた」が投稿されました。 15日目は、Mさんによるビジュアルネタ「🔴サーバーにエラーが起きた時にVSCodeを真っ赤にしよう🔴」が公開されますこちらも御覧ください。 発端 去る 2022 年 5 月 11 日 Google I/O で、Geospatial API という位置情報を使用した AR に利用する API が公開されました。 しかしながら ARcore 向けの API なので Chrome で扱えるものではないわけです。 悔しい実に悔しいので、ブラウザででき
# MacOS and Linux curl -fsSL https://deno.land/x/install/install.sh | sh # Windows iwr https://deno.land/x/install/install.ps1 -useb | iex Click here for more installation options. Language Server/IDE improvementsInlay HintsTypeScript added support for inlay hints in version 4.4; this release of Deno exposes this functionality to the LSP. Inlay hints are small snippets of information that are adde
This is a guest blog written by Jim Ray, Director of Developer Advocacy at Slack. Seven years ago, we launched the Slack Platform for the first time, inviting developers to bring their favorite tools into Slack, where they’re already working everyday. A lot has changed since then — we’re now in a serverless era, plus developers have more pressure than ever to build fast while also staying nimble i
Supports any template engineCreate pages using Markdown, Vento, Nunjucks, Liquid, JSX, TSX, JavaScript, TypeScript, Pug, Eta… or add your own engine easily. page.mdpage.vtopage.njkpage.liquidpage.jsxpage.page.jspage.page.tspage.pugpage.eta # Galician municipalities - O Pino - Tordoia - Ordes - Cedeira <h1>{{ title }}</h1> <ul> {{ for item of items }} <li>{{ item }}</li> {{ /for }} </ul> <h1>{{ tit
Fresh 1.1 - automatic JSX, plugins, DevTools, and more Fresh is a new full stack web framework for Deno. By default, web pages built with Fresh send zero JavaScript to the client. The framework has no build step which allows for an order of magnitude improvement in development experience and deployment times. Today we are releasing the next significant version of Fresh. Version 1.1 brings a lot of
See also https://github.com/ry/deno JSConf EU is coming back in 2019 https://2019.jsconf.eu/
= Built-In = Core Ecosystem = Third Party = Experimental / Partial = N/A Footnotes As this table doesn't cover every single aspect, here are some noteworthy points: Node.js has started to implement a permissions model, available under a experimental flag in Node 20. Node.js does have an external dependency view through NPM list. Node.js has an alternative approach to Web Workers called Worker Thre
JSer.info #678 - Firefox 122.0がリリースされました。 Firefox 122.0, See All New Features, Updates and Fixes Firefox 122 for developers - Mozilla | MDN <select>の子要素として<hr>を許可するように、CSSのoffset-positionとoffset-pathプロパティをデフォルトで有効化されています。 ArrayBuffer.prototype.transfer()の実装、XSSの対策としてSVGの<use>にData URLを利用できないように変更されています。 また、実験的な機能としてDeclarative shadow DOM、Popover API、Clipboard API、Intl.Segmenterが実装されています。 Deno 1.40
Copyright (c) 2018-2021 the Deno authors. MIT License. 日本時間の今日（2021 年 3 月 3 日）に Deno の v1.8.0 がリリースされました。 詳細なリリース内容は上記のリリースノートにまとまっていますが、ざっと紹介していきたいと思います。 WebGPU の実験的サポート ICU サポート カバレッジツールの改良版 deno coverage Import maps が安定化 module フェッチ時の Auth トークンサポート Deno.test の exit サニタイザ Deno.permissions 安定化 Deno.link Deno.symlink 安定化 Deno.metrics の粒度が細かくなった deno fmt で JSON をフォーマットできるようになった Deno.emit で IIFE をサポ
The Deno company has raised $21M in an investment round led by Sequoia Capital with participation from Nat Friedman, Four Rivers Ventures, Insight Partners, Long Journey Ventures, Dylan Field, Automattic, Netlify, and Shasta Ventures. Developers today struggle with endless complexity in building web services. There is a jungle of tooling that must be well understood and delicately combined. There
Deno Advent Calendar 2022の４日目です！ Calendar for Deno | Advent Calendar 2022 - Qiita Denoくん絵描き歌を見ながら描く手もありますが… Denoくん えかきうた - No Regrets in Bathing いつもどんなことを考えながらDenoくんを描いているか書きます。 まずはこんな感じで、顔を楕円、背中からしっぽに至るカーブをなるべくなめらかに描きます。 使っているツールはConcepts.appというベクター系のツールです。WindowsでもiPadでも使えるところが便利です。 変なものに見えないように注意が必要なので、割りと本気で結構悩んでいます。 最近は緑のDenoくんを描くことが多いですが、その辺の理由もあったりします…。 接地面を考えながら足を４本生やします。 投げ縄ツールで先に塗ってしまいます
appディレクトリでVanilla Extractサポートなど : Cybozu Frontend Weekly (2023-04-18号)
appディレクトリでVanilla Extractサポートなど : Cybozu Frontend Weekly (2023-04-18号) こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/04/18 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 入れ子構造を自由に拡張する – TypeScript 版「Trees that Grow」 | IIJ Engineers Blog 以下のような型を TypeScript でどのように扱うか、様々なパターンや Haskell の例など交えて解説している記事になります。 共通の
SupabaseからDenoに入門して挫折した
Supabase Edge Functionsを使うためにDenoに入門しました。結果として、現時点ではDenoはProductionには適さないと判断しました。 キラキラでピカピカのDenoに期待していたのですが、見事に撃沈しました。これから使用を検討される方はぜひ私の屍を越えていってください。 Install 大抵の処理系では以下のコマンドを実行するだけでインストールできます。
Modern JavaScript frameworks include a lot of JavaScript. That’s kinda obvious. But most web sites don’t contain a lot of JavaScript. Some do. If you’re building a dynamic interactive dashboard, JS your heart out. On the other end, documentation pages, blogs, static content sites, etc. require 0 JavaScript. This blog, for example, has no JS. But then there’s this whole horde of websites in the mid
Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more It’s been almost a year since we introduced Fresh 1.0, a modern, Deno-first, edge-native full stack web framework. It embraces modern developments in tooling and progressive enhancement, using server-side just-in-time rendering and client hydration using islands. Fresh sends 0KB of JavaScript
deno-ja
Deno / 参加方法 / Slackの参加方法 / ScrapboxのFAQ / 逆引きDeno / 活動録 / Deno.Command() / vercelでserverless functionを使う / DenoのVSCode拡張機能 / deno bundle / oak / http serverを立てる / Deno scriptをbundle & minifyする / kuboo
Using Ultra, the new React web framework - LogRocket Blog
Table of Contents What is Ultra? Features of Ultra Ultra vs Aleph.js The drawbacks to using Ultra Getting started with Ultra Building components in Ultra Deploying an Ultra app In the world of frontend development, React is one of the most popular libraries for developing components for web applications. React v18 includes new features, such as concurrent rendering, and it supports SSR with React
v0.4に上がった頃から、Weekly Releaseは常にマイナーアップに切り替わり、これはv1に至るまで続く予定です
この記事は Deno Advent Calendar 2019 10 日目の記事（大遅刻）です。 最近 WebAssembly(以下、Wasm)の text format (wat) を少しだけ勉強しています。 Wasm を動かす環境として、一番ベーシックなのはブラウザ (Chrome / Firefox など) ですが、気軽に書いて試すにはやはり Terminal 上で完結させたいと思いました。 Terminal 上で Wasm を動かすにあたっての選択肢は、下記の 2 つがあります。 Node.js (フラグ付き) Deno 本記事では、手書きWasmをコンパイルして上記の2つの環境で動かす方法を紹介します。 用意するもの Node.js v13 Deno wabt WebAssembly のツールキット wat を Wasm に変換する wat2wasm を使います 参考文献 MDN
The latest release of Deno introduced a significant change: providing enhanced Node and NPM compatibility through package.json support. This update led to questions regarding whether our priorities have shifted, as Deno has long been associated with forging a path distinct from Node. Indeed, package.json was explicitly mentioned as a regret in the first Deno presentation. Thus, many users were sur
We are excited to announce the release of Deno 1.40, a significant step forward in the evolution of Deno. This new version is packed with features that enhance the Deno experience, introducing the powerful Temporal API for advanced date and time operations, and embracing the latest decorator syntax for more expressive code. Alongside these advancements, we’ve implemented a series of deprecations,
We’re excited to announce that Deno 1.28 stabilizes npm compatibility, which means you can now import over 1.3 million npm modules in Deno. Building apps will be easier and more secure than ever, now that you can use your favorite persistent data modules such as Prisma, Mongoose, and MySQL, as well as frontend frameworks such as React, Vue, etc. Using npm is easier and safer with Deno. Deno’s buil
import { serve } from "https://deno.land/std@0.177.0/http/server.ts" const kv = await Deno.openKv() const init = { headers: { "content-type": "text/html", } } function escapeHtml(unsafe) { return unsafe .replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } const toHTML = logs => { const trs = logs.map(log => `<tr onclick="event.t
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deno CLI コマンド作成 最速 方法 20231218
2024-01-02のJS: Vue 3.4、Vue 2.xのEOL、quick-lint-js 3.0.0、AstroとDenoの2023年まとめ
DenoとFreshでペアプロ・モブプロ用タイマー『timer.team』を開発して得た知見⏰
Deno 1.7.0 がリリースされたので新機能や変更点の紹介
Deno 1.0: What you need to know - LogRocket Blog
Deno で簡易レンダリングエンジンを作ってみた
Deno 1.34: deno compile supports npm packages
Which serverless edge platform has the fastest git deployments?
Announcing Deno Queues
You Don't Need a Build Step
位置情報 AR にスマホのブラウザだけでチャレンジ - 虎の穴開発室ブログ
Deno 1.27: Major IDE Improvements
Slack releases platform open beta powered by Deno
Lume, the static site generator for Deno
Fresh 1.1 - automatic JSX, plugins, DevTools, and more
10 Things I Regret About Node.js - Ryan Dahl - JSConf EU
Deno vs. Bun vs. Node.js: A Feature Comparison
2024-01-28のJS: Firefox 122、Deno 1.40、Safari 17.4 Beta
Deno 1.8.0 がリリースされたので新機能や変更点の紹介
Deno raises $21M
Denoくんの描き方 - No Regrets in Bathing
A Gentle Introduction to Islands
Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more
Denoの現状と展望 - keroxpのScrapbox
Node.js / Denoで始める手書きWebAssembly - Qiita
Why We Added package.json Support to Deno
Deno 1.40: Temporal API
Deno 1.28: Featuring 1.3 Million New Modules
Deno Deployでアクセスログ【Deno KV】 - Qiita