Scala.jsにLaminarを導入 - Qiita
環境 OS: Windows 11 Java: OpenJDK 17.0.7 Scala : 3.3.0 Scala.js : 1.13.0 ScalaHTML: 0.1.1 ScalaCSS : 0.8.0-RC1 Akka: 2.7.0 Akka-HTTP: 10.5.2 諸々の設定は下記のようです。 val scala3Version = "3.3.0" val AkkaVersion = "2.7.0" val AkkaHttpVersion = "10.5.2" ThisBuild / organization := "$organization$" ThisBuild / scalaVersion := scala3Version ThisBuild / version := "0.1.0-SNAPSHOT" lazy val root = (project in file("
入門Laminar: 0. もうひとつの世界のReact -- Laminarをビルドする - Lambdaカクテル
この記事はScala.jsのUIライブラリであるLaminarをステップバイステップで学習していこうという記事の第一弾だ。 いくつかの記事に分けて、現時点で自分が知っているLaminarの知識や知見をまとめていくつもりだ。 あまりどのような構成にするかは考えていないけれど、Scalaにある程度親しんでいる人がLaminarで基本的なアプリケーションを書けるようになることを目指す。 今回は、Laminarの紹介と初歩的な使い方、ビルド方法を説明する。 Laminarとは Scala.js -- TypeScriptの対抗馬 Laminar 最小のLaminarプロジェクト ビルド定義 DOMを組み立てる イベントストリーム 動作確認用HTMLファイル 最小のLaminarプロジェクトをビルドする まとめ Laminarとは Laminar(発音はラミナー)とは、Scala.jsのために開発さ
React Tutorial の Tic Tac Toe を Scala.js & Laminar & Vite でやる.
Laminar とは...? 🤔となった人はこちらの記事も読んでみるといいかもしれません. Goal レポジトリはこちら Hands-on 使うもの Scala.js sbt Vite Laminar ライブリロードでインタラクティブに開発するためにシェルを二つ開いて一つで npm run dev を、もう一つで sbt ~fastLinkJS を実行します. npm run dev で vite の開発サーバーが立ち上がり、http://localhost:3000 でアプリケーションがサーブされます. sbt ~fastLinkJS を実行すると src/main/scala 以下の 変更を検知して 変更があるたびにビルドが走ります. display UI まずは src/main/scala/tictactoe/Index.scala をみてみましょう. 次のようなコードがあります
Laminar ではじめる Scala.js フロントエンド
Laminar は Scala で書かれたリアクティブな宣言的 UI ライブラリです. Scala でコードをかいて Scala.js にコンパイルすることでブラウザで動作するフロントエンドアプリケーションをつくれます. Scala.js と Laminar, Scalacss, Scalatag を使えば、JS を一切使わずに型安全に Scala でフロントエンドを構築することができます. TypeScript の狂気的な型(誉め言葉)や JSのゆるゆるな言語仕様に疲れたそこのあなた! Scala.js を使ってみませんか？ この記事では以下のデモサイトのコードをいくつか抜き出して Laminar の書き方をざっくり紹介します. このデモでは Laminar と Laika という Scala 製のテキスト変換ツール(pandoc のように中間AST を挟むことで多様な入力形式に対応して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bouncing DVD Logo in Laminar
