1"use client"23import * as React from "react"4import { format, addMinutes, isAfter } from "date-fns"56// Types for our "essential" meeting system7interface Meeting {8 id: string9 title: string10 couldHaveBeenAnEmail: boolean'couldHaveBeenAnEmail' is declared but its value is never read.11 attendees: string[]12 snacksProvided: boolean13 actuallyStartsOnTime: numberType 'string' is not assignable
CloudflareにはCloudflare Image Resizingがあるので、画像をオンザフライでリサイズするにはそれを使えますが、勉強の目的でCloudflare WorkersとRust(WebAssembly)を使ったエッジ上での画像リサイズに挑戦してみました。 環境の用意 Cloudflare WorkersでRustのWebAssembly開発の環境を整えるのには、下記の記事を参考にさせていただきました。Cloudflare Workersを開発するためのCLIツールであるwranglerがテンプレートを生成してくれるので簡単に環境を作成できます。 作ったもの 全コードはこちらのリポジトリからご確認ください。記事内では断片的にコードを紹介します。 Cloudflare Workersの開発用CLIであるwranglerを使って動作確認できます。 # 下記を実行後、ブラウザ
I try to keep a vague list of "technologies to try out" handy at all times. Usually things come and go from the list pretty quickly, but I've had a few that have been stubbornly persistent for quite a while now: Rust (at least for a big project)The Raft algorithmWebAssemblyWebRTCAt some point, I had a bright idea: "Why not knock out a bunch of them at once?" And thus WRaft was born. It's a Raft im
この記事は Node.jsのカレンダー | Advent Calendar 2021 - Qiita の2日目の記事です。 今回はnapi-rsというNode-APIを使ったNode.js add-onをRustで書けるツールを紹介します。 napi.rs 目次 目次 Node-API とは napi-rsとは napi-rsの使い方 Rust のコードを追加してみる napi-rsを使ったnpm publish 今後試したいこと 著名npmパッケージのセキュリティインシデントとpostinstallの問題点 まとめ Node-API とは napi-rsの紹介をする前にNode-APIについて説明します。 Node.jsは、Node.js自体をネイティブレベルで拡張するためのadd-onをユーザーが開発するためのNode-APIと呼ばれるAPIを提供しています。Node-APIは以前はN
100万ファイルあるホームディレクトリでファイル一覧を出すのに私の環境で2秒、vimのバッファ[1]に書き込んだり開いたりするのに10秒以上かかります。これはwebの文脈でさえ遅い[2]といえる数値です。こうした状況下で速さを求めたことについて書きます。 この記事を読まずともREADMEのコピペでプラグインを試すことができます。 導入 人間は横着なので頭を使いタイピングするより限られた選択肢から選ぶことを望みます。多くの人が使うwebページはそのように最適化されています。テキスト入力を目的とするテキストエディタにおいても、多くの人にはこのことが当てはまるでしょう。テキスト入力における入力補完もセレクタの一種ですが、今回は[3]プログラミング中におけるファイルを選択して開いたりといった操作に焦点をあてます。 こうした動作を行うファインダは数多くあり戦国時代呼ばれるほど選択肢があります[4]。
H(uman-friendly) な grep コマンド hgrep をつくりました. github.com '\w+ で検索した時の出力 ファイルを特定のパターンで検索し,マッチした箇所を構文ハイライトしたコード片で表示します.超ざっくり言うと,ripgrep で検索して bat でマッチ箇所付近を表示するような感じです. grep -C によるコンテキスト表示に似ていますが,マッチ行が近い時は1つのコード片にまとめる,周囲何行を表示するかをヒューリスティックに少し賢く決めているなど,ちょっと出力は工夫しています. 動機 手元のリポジトリでコードを検索する時は 単純に grep で検索してマッチ結果を眺める grep | fzf のように検索結果を fzf で絞り込んだりプレビューする vim $(grep -l ...) のように検索結果をエディタで開く あたりを使い分けているのですが
この記事はWeb グラフィックス Advent Calendar 2020の13日目の記事です。 ※ 2023年1月7日、内容が古くなっていた為、記事の内容を最新化しました。 変更箇所は「主な変更内容(2020年12月~2022年12月)」を参照ください。 はじめに WebGPU は WebGL や WebGL2 の後継とされているグラフィックス API です。 今のところリリース時期としては 2023年5月 Chrome 113 を目標 としているようです。 API の仕様は固まりつつありますが、まだ仕様変更等が入る可能性があることにご注意ください。 ここでは、主に、シェーダ機能「WGSL」(WebGPU Shading Language)について試してみようと思います。 2019年時点は WebGPU 用のシェーダの方針が決まっていなかった為、glslang と呼ばれるライブラリを用い
rollup.jsに爆速esbuildを組み込む方法 Rustのimage::load_from_memory遅すぎ問題 WebでWebAssemblyを使う方法を模索してふと思った。 (゚-゚) サイズでかいなぁ。。。 cargo buildで普通にビルドすると wasm_image_resizer.wasm 2.2 MB とメガ単位の結果がゴロゴロでてくる。 いくら光回線が当たり前のご時世でも、 ちょっとよろしくない。 なので今回はサイズを小さくする方法を調べてみる。 ヾ(・ω<)ノ" 三三三● ⅱⅲ コロコロ♪ ------------------- ↓ 本題はここから ↓------------------- 最適化レベルの調整 コンパイル時に行う最適化を設定する 0, 1, 2, 3, s, zの6種類から選択。 最適化レベルが高いのはzだが、 zが一番容量小さくなるわけではない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く