Imda - mrsekut-p

Imda

https://gyazo.com/a9a780c5a702ea1a4260ad8559c322f6

The friendly full-stack language

JavaScriptを吐くWeb向けのプログラミング言語

一応AltJSという括りに入るのかmrsekut.icon

立ち位置的にはSvelteとかElmとかの類似に当たるのかな

ViewからServerまでサポートしてる

静的型付けではないっぽい

syntaxはsimpleで良さそう

なんかRubyっぽいな。Rubyしらんけどmrsekut.icon

syntax

code:ui.imda

import './canvas'

import './pickers'

global css body m:0 p:0 of:hidden rd:lg bg:yellow1

const strokes = 1,2,3,5,8,12

const colors = '#F59E0B','#10B981','#3B82F6','#8B5CF6'

const state = {stroke: 5, color: '#3B82F6'}

tag App

<self>

<divta:center pt:20 o:0.2 fs:xl> 'draw here'

<app-canvaspos:abs inset:0 state=state>

<div.toolspos:abs b:0 w:100% d:hgrid ja:center>

<stroke-picker options=strokes bind=state.stroke>

<color-picker options=colors bind=state.color>

imba.mount <Apppos:abs inset:0>

code:server.imda

import express from 'express'

import passport from 'passport'

import index from './index.html'

import image from './confused-cat.png'

const app = express()

app.get '/404' do(req,res)

res.send String <html> <body>

<h1> "We could not find this page!"

<img src=image>

<a href='/'> "Go home!"

app.get '/:page' do(req,res)

res.send index.body

app.get '/' do(req,res)

res.redirect('/top')

imba.serve app.listen(8001)

booleanが、yes/noっぽい

なんでやねんmrsekut.icon

State管理とかどうやるんだろうね

docsはWIPになってる

こういう感じか

#プログラミング言語