Elmã«ã‚ˆã£ã¦å®Ÿç¾ã—ãŸç„¡åœæ¢ã‚·ã‚¹ãƒ†ãƒ
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
elm+electronã§æ°—楽ã«å§‹ã‚ã‚‹FRP - Qiita
var app = require('app'); var BrowserWindow = require('browser-window'); var mainWindow = null; app.on('window-all-closed', function() { app.quit(); }); app.on('ready', function() { mainWindow = new BrowserWindow({width: 800, height: 600}); mainWindow.loadUrl('file://' + __dirname + '/app.html'); mainWindow.on('closed', function() { mainWindow = null; }); }); 上記ã®ã‚ˆã†ã«åŸºæœ¬çš„ã«ã¯ãƒ¡ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã¯js㧠ã‚ã¨ã¯ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ãƒ—ãƒã‚»ã‚¹ã§æç”»
ã¯ã¦ãªãƒ–ãƒã‚° | 無料ブãƒã‚°ã‚’作æˆã—よã†
æ„外ã¨æ¥½ã—ã„ã€åŸ¼çŽ‰è¦³å…‰ã€‚ç¾Žå‘³æœ¬æ ¼ã‚¿ã‚¤æ–™ç†ã‚’食ã¹ã€é‡Žã®ä¸ã®æ—§é™¸è»ã®æˆ¦è·¡ã‚’見る。 埼玉をã©ã“ã¸ã„ã 妻沼地域ã®ç´°é•·ã„ã„ãªã‚Šãšã—を食ã¹ã‚‹ 埼玉ã®ä¸ã®æ—¥å…‰ã¸ 埼玉ã®éƒ·åœŸéŠ˜è“ã€ã—ょã£ã±ã„大ç¦ã®å¡©ã‚ã‚“ã³ã‚“ é–¢æ±åŒ—部ã«ç‚¹åœ¨ã™ã‚‹æ¿€ã†ã¾ã‚¿ã‚¤æ–™ç†ã‚’食ã¹ã‚‹ã€‚ 埼玉ã«ã‚ã‚‹ã€æ—§é™¸è»ã®å…µå™¨ã®å·¥å ´è·¡ã¨ã€ãã®çµ¦æ°´å¡”跡を見る。 埼玉をã©ã“ã¸ã„ã 日曜日ã€åŸ¼çŽ‰åŒ—部ã«å‘…
「Elmã§ã‚„ã£ã¦ã¿ã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã®ã¾ã¨ã‚エントリ - uehaj's blog
ã“ã®ãƒ–ãƒã‚°è¨˜è¼‰ã®Elmã®è¨˜äº‹ã§ã€å‹•ä½œã™ã‚‹Elmã®å®Ÿè¡Œãƒ—ãƒã‚°ãƒ©ãƒ ã‚’iframeã§è²¼ã£ã¦ã„ãŸã®ã§ã™ãŒã€ã„ãã¤ã‚‚å‹•ã‹ãªããªã£ã¦ã„ãŸã®ã§ã€å‹•ãよã†ã«ã—ã¾ã—ãŸã€‚ ã¡ãªã¿ã«å‹•ã‹ãªããªã£ã¦ã„ãŸåŽŸå› ã¯2ã¤ã‚ã‚Šã¾ã—ãŸã€‚ Elmã®ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆshare-elmã®ä»•æ§˜ãŒã‹ã‚ã£ãŸã€‚対処ã¨ã—ã¦ã¯ãƒªãƒ³ã‚¯ã‚’ã¯ã‚ŠãªãŠã—ã¾ã—ãŸã€‚ elm-runtimeã¸ã®ãƒªãƒ³ã‚¯ãŒã€src="http://elm-lang.org/elm-runtime.jsã§å‚ç…§ã—ã¦ã„ãŸã®ãŒã€404エラーã«ãªã‚‹ã‚ˆã†ã«ãªã£ãŸãŸã‚。ãã†ãªã£ãŸæ£ç¢ºãªç†ç”±ã¯ä¸æ˜Žã§ã™ãŒã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ä¾å˜ã™ã‚‹ã¯ãšãªã®ã§ã€ã„ãšã‚Œã«ã›ã‚ˆã“ã®çµ¶å¯¾ãƒªãƒ³ã‚¯ãŒä¸Šæ‰‹ãã†ã”ã‹ãªããªã‚‹ã®ã¯ã‚ãらã‹ã§ã—ãŸã€‚対処ã¨ã—ã¦ã¯github-page上ã®å›ºæœ‰ã®ã‚‚ã®ã«ãƒªãƒ³ã‚¯ã‚’ã¯ã‚‹ã‚ˆã†ã«ã—ãŸã€‚ ãŸã„ã¸ã‚“失礼ã—ã¾ã—ãŸã€‚以下ã®ã¨ãŠã‚Šã§ã™ã€‚今ã¯ã™ã¹ã¦å‹•ãã¯ãšã§ã™ã€‚ 「プãƒã‚°ãƒ©ãƒ ã§ã‚·ãƒ€ã‚’æç”»ã™ã‚‹ã€ã‚’elmã§æç”»ã™ã‚‹ -
elmパッケージ探訪 - 表示/実行 - Qiita
表示 ã“ã‚“ãªæ„Ÿã˜ã§Htmlモジュールã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã€divやらã®htmlè¦ç´ ã®ç¬¬ä¸€å¼•æ•°ã«Attributesã‚’ã€ç¬¬äºŒå¼•æ•°ã«åノードを与ãˆã‚‹å½¢ã§DOMを構築ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®ä¾‹ã§ã¯100x100ã®div(elmã®Elementã®åˆ¶ç´„ã«ã‚ˆã‚Šã€ã‚µã‚¤ã‚ºæŒ‡å®šãŒå¿…è¦ã€‚Window.dimensionsを使用ã—ã¦å¸¸ã«å…¨ç”»é¢ã«ã—ã¦ä½¿ç”¨å‡ºæ¥ã‚‹ã®ã§ãれ程気ã«ãªã‚‰ãªã„)ã®ä¸ã«ãƒ†ã‚ストノード"Hello!"ã‚’æŒã¤divãŒæ§‹ç¯‰ã•ã‚Œã¾ã™ã€‚ 例ã§ã¯é™çš„ãªãƒšãƒ¼ã‚¸ã§ã™ãŒã€å‹¿è«–Signalã‚„clickãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’使用ã—ã¦å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’作るã“ã¨ã‚‚出æ¥ã¾ã™ã€‚ TheSeamau5/GraphicsEngine WebGLを使用ã—ã¦3Dグラフィックスを扱ã†ãŸã‚ã®ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ johnpmayer/elm-linear-algebraも一緒ã«ä½¿ã†ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã®ã§ä¸€ç·’ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¹ãã§ã—ょã†(elm
grunt-elm
grunt-elm Compile Elm files to JavaScript. Getting Started This plugin requires Grunt ~0.4.0 If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º10: ボールã®è¡çªå›žæ•°ã§å††å‘¨çŽ‡ã‚’計算ã™ã‚‹ - uehaj's blog
Elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º10:ボールã®è¡çªå›žæ•°ã§å††å‘¨çŽ‡ã‚’計算ã™ã‚‹ id:wamanã•ã‚“ã‹ã‚‰ã²ã£ãã‚Šã¨æ案もらã„ã¾ã—ãŸã®ã§ã€ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ 今回ã¯è¨˜äº‹è‡ªèº«ã‚‚Elmã§æ›¸ãã¾ã—ãŸã®ã§ã€github-pages上ã®å…¨ç”»é¢(github上ã®ã‚½ãƒ¼ã‚¹)ã‹ã‚‰ã©ã†ãžã€‚ 以下ã«ã‚‚一応hatena blog記事ä¸ã«iframeã§è¡¨ç¤ºã—ã¾ã—ãŸãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„æ–‡å—ã®é…ç½®ãŒèªã¿ã«ãã„・もã—ãã¯JSã®å®Ÿè¡Œé€Ÿåº¦ãŒé…ã„ã§ã™ã€‚hatena blogã§ã¯iframeã«seamless属性ã¤ã‘られã°è‰¯ã„ã®ã ãŒã€‚iPhoneã®Safariã§ã‚‚iframeä¸ã ã¨ã†ã¾ãã„ãã¾ã›ã‚“ãŒã€å…¨ç”»é¢ãªã‚‰å‹•ãよã†ã§ã™ã€‚ ソースã¯ã“ã¡ã‚‰ã€‚ PiByBall.elm module PiByBall where import Window import Debug (log) import Graphics.Input (input, Input,
elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º9: JavaScript連æº(JSã®evalを呼ã¶) - uehaj's blog
Elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º9: JavaScript連æº(JSã®evalを呼ã¶) Elmã§ã¯portã¨ã„ã†ã‚‚ã®ã‚’使用ã™ã‚‹ã“ã¨ã§ã€Elmã‹ã‚‰JSã®æ©Ÿèƒ½ã‚’呼ã¶ã“ã¨ãŒã§ãã¾ã™(→Ports: Communicate with JS)。 portã¯åå‰ãŒJSå´ã«å…¬é–‹ã•ã‚Œã‚‹Signalã§ã™ã€‚ portã«ã¯å…¥åŠ›portã¨å‡ºåŠ›portãŒã‚ã‚Šã¾ã™ã€‚ 入力port: JS→Elm Elmå´ã§ã¯äºˆç´„語portを指定ã—ã¦ã€åž‹å®£è¨€ã®ã¿ã‚’ã™ã‚‹ã€‚ port evalIn : Signal String JSå´ã‹ã‚‰ä»¥ä¸‹ã®ã„ãšã‚Œã‹ã®æ–¹æ³•ã§å€¤ã‚’é€ã‚Šè¾¼ã‚€ã€‚ åˆæœŸå€¤ã‚’ Elm.embed()ãªã©ã§ãƒžãƒƒãƒ—ã§ä¸Žãˆã‚‹ã€‚ ＜Elm.embed()ãªã©ãŒè¿”ã™elmモジュール＞ports.ãƒãƒ¼ãƒˆå.send()ã§é€ã‚‹ã€‚ 出力port: Elm→JS Elmå´ã§ã¯äºˆç´„語portを指定ã—ã¦ã€Signalを定義ã™ã‚‹ã€‚ port evalOut
elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º8: 赤ã„ドットãŒå›žã£ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‘ã©å®Ÿã¯ç›´é€²é‹å‹•ãªéŒ¯è¦– - uehaj's blog
Elmã§ã‚„ã£ã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚º8: 赤ã„ドットãŒå›žã£ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‘ã©å®Ÿã¯ç›´é€²é‹å‹•ãªéŒ¯è¦– å°‘ã—å‰ã«ã€ã€Œã“ã®ãã‚‹ãる回る白ã„ドットã€å®Ÿã¯çœŸã£ç›´ã往復ã—ã¦ã‚‹ã ã‘ãªã‚“ã ãœã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸãŒã€ã“れをElmã§å†ç¾ã—ã¦ã¿ã‚ˆã†ã¨ã„ã†ã®ãŒä»Šå›žã®ãƒã‚¿ã€‚ (追記 id:waman ã•ã‚“ãŒæ•°å¦è§£æžã‚’ã•ã‚Œã¦ã„ã¾ã™â†’回転ã—ã¦ã„るよã†ã«ã¿ãˆã‚‹ç™½ã„ドットã¯å˜æŒ¯å‹•ã—ã¦ã„ã‚‹ - å€ç®—æ•°ç†ç ”究所 。ã“ã®ãƒã‚¿è‡ªä½“ã‚‚wamanã•ã‚“ã®Twitterã§çŸ¥ã£ãŸã‚“ã§ã™ã‘ã©ã。) 以下ã¯ç”»é¢ã‚ャプãƒãƒ£(é™æ¢ç”»)。 コードã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ fps_=96 -- ç”»é¢æ›´æ–°é »åº¦ pi2 = 2*pi -- 2Ï€ deg30 = pi2 / 360 * 30 -- 30°をラジアンå˜ä½ã«å¤‰æ› -- 1秒間ã«fps_回ã€1å¢—åŠ ã™ã‚‹ã‚·ã‚°ãƒŠãƒ«å€¤ã€‚ ticks : Signal number ticks = foldp (\it acc->a
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Elm Native UI: Writing a React Native app in Elm - Ossi Hanhinen
Main
Elm - delightful language for reliable web applications
{{#tags}}- {{label}}
{{/tags}}