DeNA Engineering - DeNAエンジニアã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
技術を活ã‹ã—ã€æ–°ã—ã„ä¾¡å€¤ã‚’å‰µé€ ã™ã‚‹ DeNAã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€æƒ³åƒã‚’超ãˆã‚‹Delightを届ã‘ã‚‹ãŸã‚ã«ä½•ãŒã§ãã‚‹ã‹ã‚’考ãˆã€æŠ€è¡“力ã¨ç™ºæƒ³åŠ›ã§æ–°ã—ã„価値を生ã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ 多様ãªå°‚門性をæŒã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ‡ç£‹ç¢ç£¨ã—ã€äº’ã„ã«åˆºæ¿€ã—åˆãˆã‚‹ç’°å¢ƒã‚„制度ãŒã•ã‚‰ãªã‚‹æˆé•·ã¸ã¨ã¤ãªã’ã¾ã™ã€‚
Electron + Mithril.jsã§Flickrアプリを作æˆã™ã‚‹ - SIS Lab
以å‰ã€Angular.jsã§ä½œæˆã—ãŸFlickrアプリをã€Electron + Mithril.jsã§ç„¼ãç›´ã—ãŸã€‚ Angular.jsã¯é‡åŽšé•·å¤§ãªæ„ŸãŒã‚ã‚Šã€å€‹äººã§ä½¿ã†åˆ†ã«ã¯ã¡ã‚‡ã£ã¨éŽå‰°ã™ãŽã‚‹æ°—ãŒã™ã‚‹ã€‚ã©ã†ã›ãªã‚‰ã€VirtualDOMã®æ¦‚念もåˆã‚ã›ã¦å¦ã³ãŸã‹ã£ãŸã®ã§ã€ã¾ãšReact.jsã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã—ãŸã®ã ãŒã€JavaScriptåˆå¿ƒè€…ãŒä½¿ã†åˆ†ã«ã¯ã€ES6, Babel, JSXãªã©ãªã©ã€æ–°ã—ãå¦ã¶æ¦‚念ãŒå¤šã™ãŽã‚‹æ°—ãŒã—ã¦æŒ«æŠ˜ã—ãŸã€‚ ä»–ã«ä½•ã‹ã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ãªã„ã‹ã€æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€Electronã¨Mithril.jsã®çµ„ã¿åˆã‚ã›ã®è¨˜äº‹ã‚’Qiitaã§è¦‹ã‹ã‘ãŸã®ã§è©¦ã—ã¦ã¿ãŸã€‚ Electron 㨠Mithril ã§ã‚½ãƒ¼ã‚¹ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’助ã‘るアプリをã¤ãã£ã¦ã¿ãŸ - QiitaElectron + Mithrilã§ã€ãµã¤ã†ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作る - Qiitaçµè«–ã‹ã‚‰è¨€ã†
(翻訳)Mithril.jsã®å°†æ¥ã®è¨ˆç”» - Qiita
3月ãらã„ã«MLã§Mithril.jsã®å°†æ¥è¨ˆç”»ã‚’èžã‹ã‚ŒãŸæ™‚ã®ã€ä½œè€…ã®Leo Horieæ°ã®ã‚³ãƒ¡ãƒ³ãƒˆãŒèˆˆå‘³æ·±ã‹ã£ãŸã®ã§ç¿»è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ã¡ãªã¿ã«ã€å›žç”ã•ã‚Œã¦ã„ãªãã¦æ˜Žè¨˜ã‚‚ã•ã‚Œã¦ãªã„ã®ã§ã™ãŒã€MLã®ã‚„ã‚Šã¨ã‚Šã‚’見ã¦ã„ã‚‹ã¨Mithrilã«ã¯ã‚³ã‚¢ãƒ¡ãƒ³ãƒãƒ¼ãŒ4-5人ã¯ã„ãã†ã§ã™ã€‚ Andreas Söderlund ç§ã¯ç¾åœ¨ã¨ã¦ã‚‚大ããªWebã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’開始ã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚å°‘ãªãã¨ã‚‚5å¹´ã¯ä½¿ã‚れ続ã‘ã‚‹ã“ã¨ã‚’考慮ã—ã¦ã€ãªã‚‹ã¹ãå°†æ¥ã®ã“ã¨ã«ã¤ã„ã¦è€ƒãˆã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚例ãˆã°ã€5å¹´å‰ã¯ã‚¿ãƒ–レットã¨ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã¯è€ƒæ…®ã«å…¥ã‚Œã‚‹ã“ã¨ã¯ãã‚Œã»ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ä»Šã¯ãれらã®ã‚µãƒãƒ¼ãƒˆãŒçµ¶å¯¾ã«å¿…è¦ã§ã™ã€‚ 最åˆã®è³ªå•ã¯Leoã¸ã®è³ªå•ã§ã™ã€‚Mithrilã¯ã¨ã¦ã‚‚ã™ã°ã‚‰ã—ã„ã‚‚ã®ã§ã€ã™ã§ã«ãれを使ã†ã“ã¨ã¯æ±ºå®šã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€LeoãŒMithrilã«å¯¾ã—ã¦5年後ã«ã©ã®ã‚ãŸã‚Šã‚’見ã¦ã„ã‚‹ã®ã‹ã‚’èžã„ã¦ãŠããŸã„ã¨æ€
mithril (2.2.1)
To install, run: haxelib install mithril 2.2.1 See using Haxelib in Haxelib documentation for more information. Mithril for Haxe Mithril is a small, yet great javascript MVC framework that is faster and more flexible than most others. Here's the Haxe version for Mithril 2, with some useful extra features thanks to macros and the type inference. Installation Standard procedure: haxelib install mith
é€Ÿå ±ï¼šä»®æƒ³ DOM ã¯æ®ºã•ã‚ŒãŸã€‚誰ã«ï¼Ÿ magnum.js ã« - Qiita
mag.module('lister', { controller: function(props) { this.item = [1, 2, 3] this.title = 'Lister' }, view: function(state, props, element) { state.h2 = { _text: state.title, _onclick: function() { state.show = state.show ? !state.show : true state.item.reverse() state.title = 'Gister' + state.show } } } }) mag.module ã®ç¬¬ä¸€å¼•æ•°ã€lister 㯠<div id="lister"> ã¨å¯¾å¿œã—ã¦ãŠã‚Šã€ã“ã“ã§ä¸¡è€…ãŒçµã°ã‚Œã¾ã™ã€‚controller 関数ã¯ä¸€åº¦ã ã‘呼ã°ã‚Œã¦ã€view é–¢
Mithril.jsã§ã‚¿ãƒƒãƒ—イベント(fastclick)を使ã†(Paw.js使用) - Qiita
##Mithril.jsã¨ã‚¿ãƒƒãƒ— 高速ã§ã€ç”Ÿã®ã‚ªãƒ–ジェクトを使ã†æ„Ÿã˜ã§æ‰±ã„ã‚„ã™ã„Mithril.jsã§ã™ãŒã€æ¨™æº–ã ã¨ã‚¿ãƒƒãƒ—(fastclick)ã¯ä½¿ãˆãšã€onclickã®ã¿ã§ã™ã€‚ タップãã®ä»–ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£è£½ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã‚‚サãƒãƒ¼ãƒˆã™ã‚‹é–¢ä¿‚上ã€å¦™ã«é…ã„。 ãªã®ã§ã€é«˜é€Ÿã§ç´ 晴らã—ã„Paw.js(damelon様作)ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを使ã‚ã›ã¦ã„ãŸã ãã€ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ 試ã—ã¦ãªã„ã§ã™ãŒã€Hammer.jsãªã©ã§ã‚‚åŒã˜è¦é ˜ã§ã§ãã‚‹ã®ã§ã¯ãªã„ã‹ã¨ã€‚ ##コード CoffeeScriptã§ã™ã€‚ new Paw(document.body) tapRoute = (element, isInitialized, context) -> routeHook = (e) -> `var e` e = e or event # デフォルトã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’抑制 if e
Mithril.jsã§BMSを実装ã—ã¦ã¿ãŸè©± - undefined
æ¦‚è¦ ä»¥å‰cocos2d-JSã§ä½œã£ãŸbmsjsã‚’DOMベースã§mithril.jsã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ 以下ã§éŠã¹ã¾ã™ã€‚é™ã£ã¦ãã‚‹ã®ã¯å…¨éƒ¨divè¦ç´ ã§ã™ã€‚ デモ http://bokuweb.github.io/bmsjs-ithildin ã‚ーã¯ç™½éµãŒå·¦ã‹ã‚‰Z,X,C,VãŒã€é»’éµãŒå·¦ã‹ã‚‰S,D,FãŒã‚¿ãƒ¼ãƒ³ãƒ†ãƒ¼ãƒ–ルã«ã¯BãŒã‚¢ã‚µã‚¤ãƒ³ã•ã‚Œã¦ã¾ã™ã€‚ ソース github.com ãªã‚“ã§ã‚ã–ã‚ã–DOMã§ãƒ»ãƒ»ã€‚ 当然パフォーマンスを考ãˆã‚Œã°WebGL使ãˆã£ã¦è©±ã—ãªã‚“ã§ã™ãŒã€ä»¥ä¸‹ã®ç†ç”±ã«ã‚ˆã‚Šè©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã™ã¹ã¦ã‚’cssã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸã‹ã£ãŸ 勉強ã®ãŸã‚ã€ã¾ãŸã€ã©ã‚Œã ã‘å‹•ãã‹è©¦ã—ãŸã‹ã£ãŸ ã™ã¹ã¦ã‚’cssã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨ãƒ¦ãƒ¼ã‚¶ã«ãƒ†ãƒ¼ãƒžã‚’作ã£ã¦ã‚‚らã„ãŸã„ã¨æ€ã„ã€cocos2d-JS版ã®æ™‚ã‚‚jsonã§è¨å®šã§ãるよã†ã«ã‚¹ã‚¿ã‚¤ãƒ«éƒ¨åˆ†ã‚’切り出ãã†ã¨ã—ã¦ã„ãŸã‚“ã ã‘ã©ã€ã“ã‚ŒãŒã‹ãªã‚Šè¾›ã‹ã£ãŸã€‚ã™
Mithril.js + MaterialDesignLiteã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’作る - Qiita
var NavBar = { controller: function(args) { var self = this; this.current = args.page; }, view: function(ctrl) { return m("div",{ class: "bar" }, [ m("button", { class: "mdl-button mdl-js-button mdl-button--icon", id: "menu-button" }, [ m("i", {class: "material-icons"}, "more_vert") ] ), m("ul", {class: "mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect", for:"menu-button", style: "w
moria
moria A routing system for Mithril v0.X*. Mithril has a beautiful lightweight routing paradigm, but as legends recount, sometimes you need to dig deep to get at the good bits: it's difficult to express the routing of a complex application when m.route( rootElement, defaultRoute, routesHash ) can only be invoked once and the routes hash has to be flat. Moria aims to solve these problems by producin
tejitak.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - tejitak リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Electron + Mithrilã§ã€ãµã¤ã†ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作る - Qiita
最近ã¯ã€Mithrilã®ãŠé™°ã§ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーションãŒå¤§åˆ†ä½œã‚Šã‚„ã™ããªã‚Šã¾ã—ãŸã€‚仕事ã§ã‚‚使ã£ã¦ã¾ã™ã€‚ã‚ã€ãƒ‰ã‚ュメントã®æ—¥æœ¬èªžè¨³ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚本もã‚ã‚Šã¾ã™ï¼ http://mithril-ja.js.org/ http://www.oreilly.co.jp/books/9784873117447/ 社内ツールを作るã®ã«Mithrilã¨Electronã§ä½œã£ã¦ã¿ãŸã®ã§ã™ãŒã€ãµã¤ã†ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作るã®ã«ã¡ã‚‡ã£ã¨æ‰‹é–“ãŒå¤šã„ã®ã§(ã“ã‚Œã¯Mithrilを使ã‚ãªãã¦ã‚‚)ã€ãµã¤ã†ã‚’実ç¾ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦è€ƒãˆã¦å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚特ã«ã¾ã åå‰ã¯ã‚ã‚Šã¾ã›ã‚“。 Electronã¨ã¯ï¼Ÿ Electronã¯ã‚¦ã‚§ãƒ–çš„ãªã‚¹ã‚ルãŒã‚ã‚Œã°ã€ãã‚ŒãŒç°¡å˜ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§å‹•ãよã†ã«ãªã‚‹ã¨ã„ã†ä»•çµ„ã¿ã§ã™ã€‚元々ã¯atom-shellã¨å‘¼ã°ã‚Œã¦ã„ã¾ã—ãŸã€‚é¡žä¼¼ã®ã‚‚ã®ã«ã€NW.js(å…ƒnode-webkit
モãƒã‚¤ãƒ«å‘ã‘シングルページアプリã«æœ€é©ï¼ 軽é‡JSフレームワークã€Mithril】 - 基礎編
<!DOCTYPE html> <html dir="ltr" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <meta charset="UTF-8"> <script src="mithril.js"></script> </head> <body> <div id="contents"></div> <script> /* * Modelを定義 * ページ内ã®æ–‡è¨€ãƒ‡ãƒ¼ã‚¿ã‚’ç®¡ç† */ var PageModel = function() { this.data = m.prop({}); this.fetch = function(){ var that = this; m.request({method: "GET", url: "page.json"}).then(function(resp){ that.data(r
Mithril本èªã‚“ã - マルシテイア
土日Mithril触ã£ã¦ã¦ã€ãƒ‰ã‚ュメントèªã‚€ã®é¢å€’ï¼ã¨æ€ã£ã¦ãŸã¨ã“ã‚ã€ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã‹ã‚‰æ—¥æœ¬èªžã®æœ¬ãŒç™ºå£²ã•ã‚ŒãŸã¨èžã„ãŸã®ã§æ—©é€Ÿè²·ã£ã¦èªã‚“ã§ã¿ãŸ 本ã«ã¤ã„㦠Mithril自体ã«ã¤ã„ã¦ã®è§£èª¬ + Mithrilã§ãªã‚“ã‹ä½œã‚‹ã‚µãƒ³ãƒ—ル ã¨ã„ã†æ§‹æˆã€‚ Mithrilã®è§£èª¬ Mithrilã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ (§1, 3, 4) ラウター (§6) コンãƒãƒ¼ãƒãƒ³ãƒˆ (§7) æ画システム(§9) ãªã‚“ã‹ä½œã‚‹ã‚µãƒ³ãƒ—ル Bootstrapã¨çµ„ã¿åˆã‚ã›ã‚‹ã‚µãƒ³ãƒ—ル (§5) mocha + power-assert + JSDOM ã§ãƒ†ã‚¹ãƒˆ (§8) Promiseã®è§£èª¬ (§10) TypeScriptã§æ›¸ã„ã¦ã¿ã‚‹ã‚µãƒ³ãƒ—ル (§12) JSã®MVCフレームワークã¨ã‹è§¦ã£ãŸã“ã¨ãªã„人ã§ã‚‚èªã‚るよã†ã«ã¯ãªã£ã¦ã„ã‚‹ãªï¼Ÿ ↓ãã®ä»–↓ 「Routerã€ã¯ã€Œãƒ©ã‚¦ã‚¿ãƒ¼ã€ã¨ç™ºéŸ³ã™ã‚‹ 「rootã€ã¨æ··åŒã—ãªã„よã†ã€è‹±èªžåœã®ã‚¨ãƒ³
Mithril
TOPICS Web , JavaScript 発行年月日 2015å¹´08月 ISBN 978-4-87311-744-7 FORMAT EPUB Mithrilã¯2014å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCフレームワークã§ã™ã€‚ムダãŒå‰ŠãŽè½ã¨ã•ã‚Œã€å¿…è¦ãªæ©Ÿèƒ½ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã•ã‚Œã¦ãŠã‚Šã€æ—§æ¥ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯æˆã—å¾—ãªã‹ã£ãŸãƒ‘フォーマンスを引ã出ã—ã¾ã™ã€‚ 本書ã¯ã€ãã®Mithrilを使ã£ãŸã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—リケーションã®æ¦‚è¦ã‹ã‚‰ã€Mithrilã®å½¹å‰²ã€ã‚¢ãƒ—リケーションã®ã‚³ãƒ¼ãƒ‰ã€ã‚¢ãƒ—リケーションã®å„レイヤーã«ã¤ã„ã¦ã€ã¾ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ©ã‚¤ãƒ–ラリã®æ´»ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã‚‚紹介ã—ã¾ã™ã€‚ã•ã‚‰ã«å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーション開発を補助ã™ã‚‹æ©Ÿèƒ½ã«ã¤ã„ã¦ã€ãƒ©ã‚¦ã‚¿ãƒ¼ã®ä»•çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¾ãŸãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®ä»•æ–¹ã‚„Mithrilã®è‡ªå‹•å†æ画システ
Mithril.jsã§ãŒã£ã¤ã‚ŠSPAを作ã£ãŸè©± - コードèœå…±æœ‰ã‚µã‚¤ãƒˆã€ŒChordKitchen〠- リズムã®ã˜ã‹ã‚“
Mithril.jsを使ã£ã¦ã€ãŒã£ã¤ã‚ŠSPA（シングルページアプリケーション）を作ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Mithril使ã„ã‚„ã™ã„ã®ã§åºƒã¾ã£ã¦æ¬²ã—ã„ã§ã™ã€‚ 作ã£ãŸã‚‚㮠コードèœã‚’web上ã§ä½œæˆã—ã¦å…±æœ‰ã§ãるサービスを作りã¾ã—ãŸã€‚ コードèœå…±æœ‰ã‚µã‚¤ãƒˆ ChordKitchen http://chordkitchen.net サービス紹介動画ã§ã™ã€‚ www.youtube.com 開発環境 プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž typescript（versionã¯1.4） typescriptã„ã„よï¼ï¼ コードã¯ã§ãã‚‹ã ã‘javascriptã£ã½ã書ã„ã¦ã€ コンパイル時ã«ã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ã‚’検出ã™ã‚‹æ„Ÿã˜ã«ä½¿ã„ã¾ã—ãŸã€‚ タスクランナー gulp webpack（後述） クライアントサイド 使用ã—ã¦ã„るライブラリ Mithril.js underscore.js Mithril.jsã«ã¤ã„㦠公å¼ã‚µã‚¤ãƒˆ https://
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Mithril + WebPackã§ãƒšãƒ¼ã‚¸ã”ã¨ã®éžåŒæœŸèªã¿è¾¼ã¿å¯¾å¿œã®SPAを作る - Qiita
RunKit
Mithril 0.2ã‹ã‚‰0.2.1ã®å¤‰æ›´ç‚¹ - Qiita
続・Mithrilã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’TypeScriptã§å†™çµŒã—ã¦ã¿ã‚‹ - Qiita
Mithril
{{#tags}}- {{label}}
{{/tags}}