DenoでHonoやReactを使ったテンプレートを作ってみた - ハッカーと漫画家
Deno で本格的な Web システムを作るためテンプレートを作ってみた。 deno-vite-react-template deno-hono-api-template backend と frontend で完全に分かれていて RESTful API で通信するようにした。 仕様 deno-vite-react-template Deno, Vite, React による構成 (vite-deno-plugin を使った) Routing Library として wouter UI Library として Chakra UI 全体的に jotai, jotai-tanstack-query を活用してAPI通信のキャッシュなど行っている react-if は便利なので皆使ってほしい deno-hono-api-template Hono による RESTful API サーバー RPC
Deno first でやっていく
去年末ぐらいから Deno を使う割合がグッと増えてきた。最近のJS関連は7割ぐらい deno 環境の VSCode でコードを書いている気がする。 今回はいくつかの実例を示しながら、実際に Deno 使えるじゃんというイメージを持ってもらうためのユースケースを紹介していく。 というか、 deno が普及してくれないと、自分が作ったツールの紹介を全部 deno のインストールから書かないといけなくなる。みんなインストールしといて。 最初に: なぜ Deno を使いたいか 一番の問題点、Node は新しいプロジェクトを一式整えるための手間が非常に重い。 とくに ts で書いたものを他の環境に渡すための方法が未だにしんどい。ある環境で動いたコードをそのままコピーしても、プロジェクト設定の非互換を踏む可能性が非常に高い。 deno にそういう側面がないとは言わないが、非常に少ない。とくに TS
Deno で Satori を使ってSVGを生成する
Deno/Lume でOGPを利用するために, まずは Satori を使ってSVGを生成する方法を調べました. もともと Deno/Lume で Preact を使っていたため, SVGが生成されないというところがスタートです. 環境 Deno 1.41.3 React 18.2.0 Satori 0.10.13 React の設定 まずは Deno でJSXを扱えるように設定を行います. Deno では React 17 以降の JSX transform に対応しています[1]. 利用するには deno.json に compilerOptions を追加します. 設定項目は tsconfig と同様のようです. Deno 公式では Preact を使った例が紹介されていますが, 通常の React を利用することも可能です. というか React じゃないと Satori が動かな
Deno Fresh1.2.0 -> 1.6.8へのマイグレーション記録
はじめに tmmfire.com を作って以来放置していたので、ふと思い立ってFreshのマイグレーションを行いました。 今回は機能の変更は行っていなくて、主に（おそらく）Freshユーザーの悲願であったCSSフレームワークをTwindからTailWindへの変更対応記録です。 実装環境について Deno 1.41.3 (マイグレーション対応前の情報がわからぬ) Fresh 1.2.0 -> 1.6.8 デプロイ環境：GitHub + Deno Deploy Fresh1.2.0 -> 1.6.xまでの変更点 そもそもいつの話 そうだ、Freshでサイトを作ってみようと思って公開したのが2023年7月ごろだったようです。その頃のFreshが1.2.0だったよう。 Fresh公式のブログは読んでいて、TailWind対応は知っていたのでいつかやろうと思っていて、今日やろうとなりました。 Fr
ブログをリニューアルしました
以前からブログのデザインが気に入らなかったので直したいと思っていたんですが、たまたま仕事で React を学ぶ機会があったので、ちょうど良い機会だと思って今まで全部ライブラリに頼っていた部分をだいぶ書き直してリニューアルしました。 SSG を変更しました今までは Go 製の Hugo を使用していました。 私は Go を知らないので完全にただのユーザーとして Hugo を使っていたのですが、最近 deno を使うようになったので TypeScript で書かれて deno で動く Lume に移行しました。 Lume は Markdown や Asciidoc などのリソースの読み込みをすべて画一的な Engine というクラスを用いて実現し、 Engine やプリプロセッサ、ポストプロセッサをまとめてプラグインとして読み込む仕組みとなっています。この思想は徹底されていて、デフォルトで有効
Disillusioned with Deno – Baldur Bjarnason
Web dev at the end of the world, from Hveragerði, Iceland This is a part of a series where I review the work I’ve done over the past couple of years. Two-year review: to plan a strategy you must first have a theory of how the hell things work Out of the Software Crisis: two year project review Sunk Cost Fallacy: chasing a half-baked idea for much too long The Intelligence Illusion: stepping into a
Announcing LumeCMS
LumeCMS is a (yet another) CMS to manage site content. Despite its name, it can be used with any generator, not only Lume, thanks to its agnostic design. In this post, I want to dig into it and explain how it works. Why another CMS? There are plenty of CMS and site builders out there. However, I didn't find any CMS that meets my needs. Some of them are proprietary solutions, built for a specific t
Deno in 2023
In 2023, Deno shifted into high gear with respect to Node/npm compatibility and performance work, while continuing to move towards our goal of radically simplifying web development. Here’s a summary of what changed in 2023: Deno now understands package.json files and has the ability to import built-in Node modules using node: specifiers like node:fs and node:crypto. Read more. A new web server API
Denoの静的サイトジェネレータ`Lume`の紹介
2023年12月に静的サイトジェネレータであるLumeのバージョン2がリリースされました． 私は個人ブログを書くのに GitHub Pages + Lume を利用しているので，年末はLumeのバージョンアップなどの作業をしていたのですが，改めて体験が良いなと思ったのでLumeの紹介をしたいと思います． 前提知識 GitHub Pages GitHub PagesはGitHub社がプロジェクトのプロジェクトのウェブサイトを提供することを目的に，リポジトリに配置してある静的ファイル(HTMLやJSなど)をホスティングしてウェブサイトを公開してくれるサービスです．@a-skuaというアカウント名の場合，a-skua.githu.io をというリポジトリを作成すると，https://a-skua.github.io[1]というURLのウェブサイトを作ることができます． GitHub Pages
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - deco-cx/deco: Open-Source web editor based on Preact, Tailwind and TypeScript. The other side of code.
GitHub - jrson83/jrson.me: My personal blog, built with Lume 🔥
Serea
The Deno Registry
GitHub - Hexagon/lumocs: Ready to use dark/light documentation theme for the static site generator Lume
Lumocs
GitHub - weakish/weakish.github.com: map memories to web pages
GitHub - lumeland/cms: A framework-agnostic CMS for Deno
GitHub - dsherret/dax: Cross-platform shell tools for Deno and Node.js inspired by zx.
GitHub - denoland/deno_kv_oauth: High-level OAuth 2.0 powered by Deno KV.
The platform to build web apps fast · Netzo