人生3回目のCSVエディタを作っている話
私は今、人生で3回目のCSVエディタを作っています。もはや狂気です。 なぜ作り始め、なぜ今また作り直しているかみたいな話を書きたいと思います。 About Me 株式会社ヘンリーでソフトウェアエンジニア & アーキテクト的なことをしつつ、個人開発してます。 Social accounts: kohii on GitHub @kohii00 on X 今までに作ったCSVエディタたち 初代SmoothCSV（2011年〜） 私は新卒で入った会社で公共系のシステム開発に従事しており、CSVを扱う機会が多くありました。（今は医療スタートアップにいますがこの業界もよくCSVが現れます。） 既存のCSVエディタをいろいろ試してみたのですが、どれも求めるものと違うと感じ自分で作るしかないと思い、作りました。 SmoothCSV。時代を感じるUI Java / Swingで作成 (当時Javaくらいしか
では、Rustの基本情報から学んでいきましょう。 「Rust」の基本情報 「Rust」は、WindowsでもmacOSでもLinuxでもクロスプラットフォームに対応した高速でスマートなプログラミング言語です。「Rust（ラスト）」とは、錆という意味でロゴマークもそこからデザインされたのでしょう。 「Rust」のロゴ Rustのメモリの管理の仕方、「所有権」とは？ Rustはメモリの管理の仕方がスマートな、とても優れたプログラミング言語です。 「所有権」という独特な概念でメモリを管理して、ビルド時にメモリリークが起こる可能性を排除するので、極めてメモリリークが起こりにくくなっています。例えば、次の図のように「スコープ」内だけ変数にメモリを所有する権利を与えて「スコープ」を抜けるときには、「所有権」を持つ変数のメモリを解放します。 「Rust」の「所有権」の仕組み Rustの追加機能、「クレー
Electron代替を目指す「Tauri 2.0」正式版に到達。デスクトップアプリとモバイルアプリ開発の両方に対応
Electron代替を目指す「Tauri 2.0」正式版に到達。デスクトップアプリとモバイルアプリ開発の両方に対応 Electronの代替を目指すRust製の軽量なアプリケーションフレームワーク「Tauri」の開発チームは、「Tauri 2.0」正式版の公開を発表しました。 Tauri 2.0 Stable. Out now. Read more:https://t.co/wbxWxFpUCj — Tauri (@TauriApps) October 2, 2024 Web技術を用いてアプリケーションを開発できるフレームワークとしては、Elecronが代表的な存在です。 ElectronはChromiumとNode.jsを用いている一方、Tauriは実行環境のOSが備えるWebViewを用い、Rustでバックエンドを記述することで、ChromiumもNode.jsも組み込むことなく軽量なフ
Google広告費の影響を受けない新たなWebブラウザが必要だと、スクラッチからWebブラウザを開発する「Ladybird Browser Initiative」、元GitHub創業者らが立ち上げ
Google広告費の影響を受けない新たなWebブラウザが必要だと、スクラッチからWebブラウザを開発する「Ladybird Browser Initiative」、元GitHub創業者らが立ち上げ スクラッチから新たにWebブラウザの開発をオープンソースとして行う非営利団体「Ladybird Browser Initiative」の設立が発表されました。 Ladybird Browser Initiativeは、Webブラウザ「Ladybird」およびそのためのレンダリングエンジン「LibWeb」、JavaScriptエンジン「LibJS」などの開発を行います。 Web開発の資金源が広告であるべきではない Ladybird Browser Initiativeを設立したのは、元GitHub創業者兼CEOのChris Wanstrath氏と、NokiaおよびAppleでWebKit開発チーム
Rust製ブラウザエンジン「Servo」搭載、新たなWebブラウザ「Verso」の開発プロジェクトが立ち上がる
欧州を基盤にオープンでセキュアなインターネットの実現を支援しているNLnet Foundationは、Rust製ブラウザエンジン「Servo」を用いたWebブラウザ「Verso」の開発プロジェクトの立ち上げを発表しました。 Versoの開発は、Electron代替を目指すフレームワーク「Tauri」の開発チームが主導することが、下記のポストで示されています。 We've stopped waiting for other people to solve our problems with webviews and kicked off a browser+webview project called Verso (and we've already gotten a bit of funding from NLNET.)https://t.co/PMOV7YbGtE https://t.c
バーチャルスクロールの限界を突破する
はじめに 私は今、CSVエディタ SmoothCSV 3 を開発しています。フレームワークとして Tauri を採用しており、レンダラーにはWebの技術（React + TypeScript）を使っています。 CSVエディタは大量の行・セルを表示する必要がありますが、Webの技術ではこのようなシーンではバーチャルスクロールを使うのが定石です。 SmoothCSVでもバーチャルスクロールを使っていましたが、どうやらこのバーチャルスクロールにも限界があるらしく、数百万行のような極端に大量のデータを表示する場合に最後まで表示しきれない問題に遭いました。 ここではバーチャルスクロールの基本と、その限界をどう乗り越えたかを紹介します。 About Me 株式会社ヘンリーでソフトウェアエンジニア & アーキテクト的なことをしつつ、個人開発してます。 Social accounts: kohii on
Electron代替を目指す「Tauri 2.0」リリース候補版が公開。Windows/Mac/Linuxに加えてiOS/Androidアプリ開発も可能に
Electron代替を目指す「Tauri 2.0」リリース候補版が公開。Windows/Mac/Linuxに加えてiOS/Androidアプリ開発も可能に Electronの代替を目指すRust製のアプリケーションフレームワーク「Tauri」の開発チームは、「Tauri 2.0」リリース候補版の公開を発表しました。 Everyone assumes your dev environment and network are safe. Tauri doesn't assume that & protects you as a dev. Tauri 2.0 RC for Mobile and Desktop available right now. Read the announcement:https://t.co/SXv1tgNHGm — Tauri (@TauriApps) August
こんにちは！某製造業で新米DXエンジニアをしているものです。 先月から Rust の学習を始めました。 学習している理由としては 今までインタプリタ言語を使ってきたので、コンパイル言語に挑戦したい 爆速で動くコードを書きたい ネイティブアプリの開発をしてみたい WebAssembly を使えるようになって、Web アプリ開発の幅を広げたい といったところです。 そんな中、Rust でデスクトップアプリを開発するために Tauri を使ってみました。 正月の暇をつぶすために軽い気持ちで始めましたが、色々苦しんだので備忘録を残しておきます。 今回は長くなりそうなので、目次をご活用ください m(._.)m アプリの概要 今回作ったアプリは、ざっくり言うと 主要形式の画像を次世代拡張子である AVIF,WEBP に圧縮、変換するデスクトップアプリです。⚡️ 制作期間は5～7日くらいです。 GitH
デスクトップアプリ開発に必要な「Rust」の文法を理解しよう
はじめに 前回は、「Tauri 2.0」と「Rust」についての基本情報と環境整備を解説しました。今回は、実際にお絵描きアプリを作る前に、まずRustの文法についておさらいしておきましょう。もしRustの文法をよくご存知なら、この回は読み飛ばしても大丈夫です。特別なことは書いていません。 ただしプログラミング言語「C/C++」を知っていても、Rustには所有権という独特なメモリ管理の概念があるので、Rustが初めての方は必ず読んでください。「new」や「delete」とは一味違います。 Rustの知っておくべき文法 プログラミング言語において、最も基本で最も重要な文法の1つが「変数」です。 変数には値を入れたり見たり後から値を上書きしたりすることができます。変数に入れられる値には「データ型」という種類が決められています。数値の変数は算数と同じ計算ができます。またプログラムの処理をまとめて「
This guide is open source, please go ⭐️ it on GitHub and make suggestions/edits there! https://github.com/FrontendMasters/front-end-handbook-2024 1. Overview of Field of Work This section provides an overview of the field of front-end development/engineering. 1.1 — What is a (Frontend||UI||UX) Developer/Engineer? A front-end developer/engineer uses Web Platform Technologies —namely HTML, CSS, and
唐突にRustを使ってみたいと思ったので勉強を始めてみました。 始めた理由始めてみたかった理由は色々あります。 まずはやはりフロントエンド開発ツールが色々とRustで実装されることです。VercelはTurborepoとTurbopackをRustで実装していますね。JavaScriptコンパイラのSWCもRustで実装されています。あとは、uhyoさんのnitrogqlもRustで作られていて、おもしろいなと思いました。そんな感じで、コンパイラ実装でRustがよく使われていることと、ビルドツールなどのテキスト処理に興味があったのが1つ目の理由です。 あとは、Tauriですね。ふとデスクトップアプリを作りたいと思ったときにTauriを調べたんですが、TauriのバックエンドをRustで書けたらかっこいいなと思いました。普通にJavaScriptでも書けるらしいんですが、かっこよさ重視です。
概要 Elin Custom Portrait EditorというツールをTauriとSveltekitを使って製作したんですが、 制作にあたって「Tauri、良すぎない？」と感じたのでその魅力を伝えていきます。 1.ビルドしたファイルサイズが本当に小さくコンパクトな構成 元々別のツールをElectronで制作していたんですが、いざビルドしてみると本体exeだけで200MBを軽く超える超巨大アプリになってしまうのが困りものでした。 (インストーラーで配布する前提の仕様だろうし開発もそこまで気にしてないんだろうけど、私はインストーラー不要のポータブルアプリ派なので…) Electron BuilderでPortable設定にすれば単一.exeとして出力も出来るけど、今度は実行速度が犠牲になってしまうという特大の罠が待ち受けています。 対するTauriはビルドサイズがだいたい10MB前後と非常
Tauri 2.0 Stable Release
import CommandTabs from '@components/CommandTabs.astro'; import TableCompatibility from '@components/plugins/TableCompatibility.astro'; import Cta from '@fragments/cta.mdx'; import FeaturesList from '@components/list/Features.astro'; We are very proud to finally announce the stable release for the new major version of Tauri. Welcome to Tauri 2.0! What is Tauri? :::note[Definition] Tauri is a frame
Onlookとは 「Onlook」は、ReactおよびTailwind CSSを使ったWebサイトやWebアプリを、Electron製デスクトップアプリ上でFigmaのように直接デザイン編集し、その内容を即時にコードへ反映させることを目指すツールです。 onlook.com 類似の“サイトコーディング自動化”ツールが数多く存在する中で、筆者がOnlookに注目した理由は、多くのロジックがクライアントサイドで動作し、その内部構造がオープンソースであることです。内部の動きを追いやすく、自分のプロジェクトへカスタマイズを施すうえでも学びが多い点が魅力といえるでしょう。 反面、Onlookはまだまだ完成度が高くないという点があります。まだ作り途中のプロダクトという印象です（スクリーンキャストをRPして大袈裟に宣伝している人がいたらたしなめておきましょう）。いくつかの機能は開発中のまま動作しません。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2022 年 1 月から、趣味で PC 向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。 作ったもの ShogiHome 背景 最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AI を動す上で PC の処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AI が増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて
普段使うツールをRustで作る場合、コマンドラインベースのものが多いと思います。それでも、Rustを使ってデスクトップアプリを作ることもできます。今回は、実績のあるGUIツールキットの「Tcl/Tk」をラップしたクレートを使って簡単なGUIを作成してみましょう。 Rustで単位変換ツールを作ったところ GUIツールキット「Tcl/Tk」のインストール Rustのライブラリを集約したcrates.ioを見ると、多くのGUIライブラリが存在します。Rustはさまざまな環境で動作することを想定していることもあり、「これこそGUIの定番」というものはありません。多くの選択肢があり、用途に応じて使い分けるのが正しい作法です。 WebブラウザベースのTauri、ゲーム開発と相性の良いegui、GTK+を利用するGTK-rs、Tcl/Tkをラップしたライブラリのtcl/tkなど、いろいろなクレートがあり
メンバーの「スキ」をわかりあいたい！フロントエンドのLT会を開催しました - Mirrativ Tech Blog
こんにちは！フロントエンドエンジニアの どじねこ です。 今回は少し前となりますが 2024年5月に社内で開催したLT会についてご紹介したいと思います。 よろしければ先日公開されました「iOS・Android 合同のLT大会を開催しました！」も合わせてご覧ください tech.mirrativ.stream ⛳️ LT会を開催した背景 ミラティブには多数のエンジニアが在籍しており、配信やライブゲームを楽しんでいただけるよう日々活動しています。メンバーの技術分野はバックエンド、フロントエンド、Unity、インフラなど多岐にわたり、それぞれの専門性を活かして課題解決に取り組んでいます。 Webフロントエンドではモバイルと異なりチームではなく、強く興味を持ったメンバーで構成されるギルドが主体となって定期的に勉強会や知見の共有会を行っています。今回はそうした勉強会の延長として、社内外に向けて発信する
[Rust] 自作言語での TUI デバッガのススメ
Rust で作るプログラミング言語シリーズです。 バイトコードコンパイラの難しさ 書籍での心残りの一つが、第６章のバイトコードの難易度です。本書ではプログラミング言語を作るにあたってステップ・バイ・ステップで難易度を上げていくように構成を考えていますが、第６章のバイトコードの実装の時点で難易度が急激に上昇します。例えば、次のようなジャンプアドレスの計算を行う必要があるのですが、これはかなり込み入ったロジック計算が必要になります。 条件分岐では、下図のようにジャンプしますが、このアドレス計算が厄介です。 ループについても同じくジャンプ命令が必要ですが、こちらはループの先頭にアドレスを戻します。 この実装の難しさは、プログラムの意味を理解する(意味論)ロジックと、それをバイトコードへ変換するロジックを一つとしてデバッグしなくてはならないところにあります。どちらに問題があるかを切り分けるのは簡単
![[Rust] 自作言語での TUI デバッガのススメ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ede71696574ef619411f7f3787d9de8f73803f8/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--PAaNTtma--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BRust%25255D%252520%2525E8%252587%2525AA%2525E4%2525BD%25259C%2525E8%2525A8%252580%2525E8%2525AA%25259E%2525E3%252581%2525A7%2525E3%252581%2525AE%252520TUI%252520%2525E3%252583%252587%2525E3%252583%252590%2525E3%252583%252583%2525E3%252582%2525AC%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525B9%2525E3%252583%2525A1%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amsakuta%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUFUWEFKeG5tZ0ZYQlJsZjJpZVh1QWlwOG9LaFdpT2FSczg2dXRzWlcwN3o9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
2024年11月30日に、GMO Yours・フクラス（東京・渋谷）＋オンラインでRustに関する技術カンファレンス「Rust.Tokyo 2024」が開催されました。 今年のRust.Tokyoは、同時間帯に2つの並行トラックが実施されました。この記事では、 サポーターとして運営に協力したエンジニア2名の目線から、当日の開催風景やそれぞれが興味を持ったセッションの内容を紹介します。 Rustでマルチスレッドプログラミング！ リアルタイム通信ではどのようにスレッドを立てるのか yuki-uchida（@yuki_wtz）さんによるショートセッションでは、QUICプロトコルをベースとしたリアルタイム通信プロトコル「Media over QUIC Transport（MoQT）」を例に挙げながら、マルチスレッドの必要性とRustを活用したスレッドの立て方、そしてその実装について解説が行われ
新たなWebブラウザ「Verso」など: Cybozu Frontend Weekly (2024-08-20号)
こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめに サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/08/20のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 feat(next): next.config.ts by devjiwonchoi · Pull Request #63051 · vercel/next.js Next.jsの設定ファイルをTypeScriptで書けるようになりました。next.config.tsに設定ファイルを記述することができます。 Using pnpm on Heroku HerokuのNode.js buildpackが、パッケージマネージャの1
Tauri 2.0
Create small, fast, secure, cross-platform applications
RustとSvelteで開発されたオープンソースのmacOS用システムモニタアプリ「NeoHtop」がリリースされています。詳細は以下から。 macOSのシステムで実行されているプロセスを確認する際、システムモニタアプリ以外にターミナルでhtop(top)コマンドを利用することがありますが、このhtopコマンドをRustやSvelte、TauriでGUI実装したシステムモニタプリ「NeoHtop」が新たにリリースされています。 A beautiful, lightning-fast system monitor built with Rust and Svelte. Experience real-time performance monitoring like never before. Abdenasser/neohtop: 💪🏻 htop on steroids – GitHub
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさんは動画編集をやったことはありますか？ 私は，頻度は低いものの動画編集をして動画投稿サイトに動画をアップロードした経験があります． 動画編集とは元来めんどくさく手間がかかるものではあるのですが，普段からWebアプリの開発をしている私は，以下のようなことを考えていました． HTML/CSSのように複数オブジェクトを一つのコンポーネントのように扱えたら，CSSのように統括して装飾を指定できたら，HTMLのレンダラー(ブラウザ)が相対値から計算して幅や高さを指定するように，動画のオブジェクトの時間長も編集アプリが計算して指定し
｢絶滅種復活カンパニー｣がやろうとしてること
｢絶滅種復活カンパニー｣がやろうとしてること2024.03.20 21:0015,211 Isaac Schultz - Gizmodo US ［原文］ （ 山田ちとら ） ベースはゾウ、パーツはマンモス。 2021年に創業した｢世界初の絶滅種復活カンパニー｣を名乗る米Colossal Biosciences（コロッサル・バイオサイエンス）が、画期的な幹細胞を開発したと発表しました。 この幹細胞をもってなら、Colossal社が掲げている5年以内にケナガマンモスを復活させる！という目標に大きく近づけると期待されています。…いや、正確にはケナガマンモスのようななにか、なのですが。 ゾウの細胞をリプログラミングiPS細胞のイメージ Illustration: Alpha Tauri 3D Graphics (Shutterstock) via Gizmodo US画期的な幹細胞とは、iPS細胞
What is Tauri?
Tauri is a framework for building tiny, fast binaries for all major desktop and mobile platforms. Developers can integrate any frontend framework that compiles to HTML, JavaScript, and CSS for building their user experience while leveraging languages such as Rust, Swift, and Kotlin for backend logic when needed. Get started building with create-tauri-app by using one of the below commands. Be sure
JSer.info #703 - Node.js v22.6.0がリリースされました。 Node.js — Node v22.6.0 (Current) 実験的な機能として、型の記述を取り除いてTypeScriptファイルを実行する--experimental-strip-typesフラグを追加されています。 関連: Node.jsのTypeScriptサポートについて また、Node.js DevToolsでNetwork Inspectionをサポートする--experimental-network-inspectionの追加なども行われています。 Firefox 129がリリースされました。 Firefox 129 for developers - Mozilla | MDN Firefox 129.0, See All New Features, Updates and Fixes
Theme 第 167 回のテーマは 2024 年の Yearly Ecosystem です。 Show Note 2024 年のチェックポイント Vite の覇権を Turbopack, RSPack が奪えるか? Storybook は覇権をとって、Chromatic もすごくなりそう Next App Router が本当に広がるか RSC 対応の Bundler が増えて Next 以外の解が見れそう アプリケーションの Rust 化くるか? React Forget Figma Config 2024 の Adobe の影響 State Management どうなってく? (Context, Jotai, SWR, Signal) ESLint to flat config or Biome AI driven FE Development CSS の新しい方法論 今年のキーワ
Tauri 2.0 Release Candidate
We are very proud to finally announce the first release candidate for the new major version of Tauri. After over half a year of beta versions, following over a year of alpha versions we are finally at the point where we consider Tauri 2 stabilized and do no longer expect breaking changes. We want to use a comparably short release candidate time frame to focus on our documentation and important bug
CSS新機能のWorking Draft公開など: Cybozu Frontend Weekly (2024-10-08号)
CSS新機能のWorking Draft公開など: Cybozu Frontend Weekly (2024-10-08号) こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめに サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/10/8のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 CSS Values and Units Module Level 5 CSS Values and Units Module Level 5のWorking Draftリリースの紹介記事です。 Level 5には多くの機能が追加・拡張されており、Level4との差分仕様としてまとめられています。 attr
memo.sugyan.com の続き…？ I've published `tuisky`, a TUI Client for Bluesky, as v0.0.1. (It's still a work in progress.) Were there already other clients available for use in the terminal? #atdev #bluesky-client #tui crates.io/crates/tuisky [image or embed]— すぎゃーん (@sugyan.com) Jul 1, 2024 at 12:12 AM 経緯 RatatuiによるTUI開発 Asynchronous Event Handling Components Architecture 自作Client用の設計 機能 完全に分離された Multi
JSer.info #710 - Web features explorer - Web platform release notesというサイトでは、web-featuresや@mdn/browser-compat-dataのデータを元に、月毎のブラウザなどの新機能をまとめたリリースノートを自動的にまとめてくれています。 web-featuresはBaselineという最大公約数のベースラインとなるブラウザでサポートされているかの指標となるデータも生成しています。 どのような機能が利用できるようになったかがわかるので、新しい機能を知りたい人はチェックしてみると良いかもしれません。 Node.js 20.18.0がリリースされました。 Node.js — Node v20.18.0 (LTS) --experimental-network-inspectionで開発者ツールでのNetwor
はじめに GUI アプリにおいては、あらゆる面におけるステート・コンフィグ管理が欲しくなる時がある。 言語設定や Dark/Light テーマ設定などの設定に加え、アプリ終了時にどのページを開いていたかなどを永続保存しておきたい事も多い。 Tauri にはそうした状態管理を行う専用のモノはないが、案内はある。 しかしながら、実際にはどういったコードに落とし込んでいればいいかを模索するため、現時点ではベースはこうしておいたほうがいいかな？みたいなのを残しておきたく思った。 環境 Windows 11 Pro 23H2 Rust 1.74.1 Tauri 1.5.3 TypeScript 5.0.0 Svelte 4.2.7 サンプルパッケージ Tauri でのステート管理の基本 Tauri ではスタートアップ時に .manage(state) で追加することで、フロントエンドとバックエンド両
Rustでリバーブを実装する
Parakeet株式会社でResearcherをしている金子(nadare)です。CPUで動く軽量AIボイスチェンジャーParavoにおいて、リバーブやイコライザといったエフェクターをかける機能をRustで実装しました。本記事ではRustで実装した理由や用いたライブラリについて説明します。 リバーブについて リバーブは音に残響音や反射音を加える空間的エフェクトで、通常の音をホールで演奏した音や狭い空間で鳴らした音のように加工します。リバーブの実装にはハードウェア・ソフトウェア等様々な手法がありますが、今回は畳み込み演算を用いたリバーブの実装を行いました。 畳み込み演算で実装するリバーブには、Room Impulse Response(RIR)という音の信号を用います。これは再現したい空間で拍手をしたときに得られるような音で、様々な環境で収録したRIRを集めたデータセットや、pyroomac
Tauri入門にありがちな状況として「Rustの学習目的ではじめたのにフロントエンドのJavaScriptばかり書いている」というものがあります(GUIアプリなので……) そこでフロントエンドもRustで書くようにしたいと思い、Tauriに再入門することにしました TauriとLeptosの概要 Tauriでは以前からYewでフロントエンドを書く選択肢があったのですが、 v2.0でさらにLeptos(やSycam)がcreate-tauri-appのテンプレートに追加されているので使ってみます システムにtrunkがインストールされている必要があります。trunkはJavaScriptでいうviteのレイヤーです ❯ cargo create-tauri-app --beta -m cargo -t leptos -y tauri-app ❯ cd tauri-app ❯ cargo in
以前にTauri, Rust, TypeScriptで書いたソースコードを流用してWebアプリにしてみた。 前はPureScript + Halogenで書かれたソースを TypeScript + Rustに書き換えたんだけど、今回もう一度書き換えてReact + TypeScript + Wasm + Rustの構成にする。 作った成果物 開発環境 Windows 11のWSL2環境で実行しています。 ~$ lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 22.04.3 LTS Release: 22.04 Codename: jammy ~$ npm -v 9.6.7 ~$ rustup show Default host: x86_64-unknown-li
Verso is a new browser initiative that is based on the Servo browser engine - a cross-platform, open source web engine written in Rust managed by Linux Foundation Europe. The project originates from an earlier effort to integrate Servo in Tauri, a widely used open source system for distributing cross-platform applications capable of running content and applications using web technology outside of
Servo Revival: 2023-2024
As many of you already know, Igalia took over the maintenance of the Servo project in January 2023. We’ve been working hard on bringing the project back to life again, and this blog post is a summary of our achievements so far. Some history first # You can skip this this section if you already know about the Servo project. Servo is an experimental browser engine created by Mozilla in 2012. From th
拝 呈 概要 Webプログラマーが自分自身のプロダクトを作って収益を上げる方法を書きます 想定読者 JavaScript と CSS でフロントが書ける なら、 Tauri を使って、Windows, Mac, Linux, iOS, Android 向けのアプリを作れます Windows 端末を持っていて 銀行口座をもっていて クレジットカードを持っていて カード残高が1900円以上ある なら、 Microsoft Store を使って、世界２４０か国にアプリを販売できます 章立て ２本立てです アプリの作り方: 世の役に立つ製品を考え付く方法論と、完成させるための心構えについて書きます アプリの売り方: Microsoft Store を使いグローバル市場に製品を販売する手順を書きます 1. アプリの作り方 必要なものをつくる すべて製品はニーズから出発しなければいけない 必要な時に必
こんにちはmofmofでエンジニアをしているshwldです。 をリリースしたのですが、Windows版はMicrosoft Storeに提出しました。 最初は、Macと同じくサイト上からダウンロードさせようと思ったのですが、ある壁が立ちはだかったのです。 コード署名証明書 アプリケーションにデジタル署名することで、アプリをダウンロードしたユーザーは信頼された発行元であることが確認できます。 安心してアプリを利用することができますね。 これがないと、こういうのが出ます。こんなのでたらインストールするのは抵抗がありますね... これに対処するには、有料のコードサイニング証明書というものを買う必要がありますが、安めのものでも年間2万くらい払わないといけません。 Microsoft Storeからリリースすればこのコストがなくなる Windowsストアに出す場合は、自己署名証明書で署名して提出する
![Tauriで作ったアプリをMicrosoft Storeへリリースする [コード署名無料]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e9fe3fea231a888543a9f7a1e16d1a230b13cf0/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--W1w2gUhA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ATauri%2525E3%252581%2525A7%2525E4%2525BD%25259C%2525E3%252581%2525A3%2525E3%252581%25259F%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AA%2525E3%252582%252592Microsoft%252520Store%2525E3%252581%2525B8%2525E3%252583%2525AA%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252582%2525B9%2525E3%252581%252599%2525E3%252582%25258B%252520%25255B%2525E3%252582%2525B3%2525E3%252583%2525BC%2525E3%252583%252589%2525E7%2525BD%2525B2%2525E5%252590%25258D%2525E7%252584%2525A1%2525E6%252596%252599%25255D%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ashwld%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VmNGRkMjkzOTAuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デスクトップアプリを開発しよう！ 「Rust」と「Tauri 2.0」の基本情報と環境整備の仕方を解説
Rust/Tauriに入門したので画像変換デスクトップアプリを開発してみた
The Front End Developer/Engineer Handbook 2024
Rust始めてみた。JSONフォーマッターを作ってみた | stin's Blog
Tauri（V2）は滅茶苦茶いいぞ！という布教をしていきたい - Qiita
「デザイナー向けCursor」を実現するOnlookのアーキテクチャ - laiso
Electronを使ったPC向け将棋アプリ開発 - Qiita
Rustで有名アルゴリズムに挑戦(20) RustとTcl/TkでGUIアプリを作ろう
iOS/Androidに対応した「Tauri 2.0」が公開 ～「Rust」が使えるアプリフレームワーク／「Swift」「Kotlin」など、モバイルOSネイティブ言語にも対応
Rust Tokyo 2024 開催レポート | gihyo.jp
RustとSvelteで開発されたオープンソースのmacOS用システムモニタアプリ「NeoHtop」がリリース。
【VSML/VSS】動画を編集できる言語を作った話 - Qiita
2024-08-15のJS: Node v22.6.0(`--experimental-strip-types`)、Firefox 129
ep167 Yearly Ecosystem 2024 | mozaic.fm
BlueskyのTUI Client Appを作り始めてしまった - すぎゃーんメモ
2024-10-08のJS: WebPlatformのリリースノート、Node v20.18.0(networkのinspect)、StyleX 0.8.0
Tauri でのオレオレ UI 状態管理とコンフィグ管理 v1 - Qiita
Leptosを使ってTauriアプリのフロントエンドもRustで書く
React+TypeScript+WebAssembly+RustでWebアプリを作ってみる
NLnet; Servo improvements for Tauri
Webプログラマーのための個人開発 ~ゼロから始めてお金を生み出すまで~
Tauriで作ったアプリをMicrosoft Storeへリリースする [コード署名無料]