LightGalleryModern Lightgallery uses HTML, CSS, and JavaScript with Chromium and Node.js to build the app. Cross-platform Lightgallery works across operating systems. You can use it on OS X, Windows, or Linux.
MozillaãŒProject Tofinoã§ãƒ–ラウザã®æ–°ãŸãªã‚ã‚Šæ–¹ã‚’æ¨¡ç´¢ä¸ - Mozilla Flux
æ–°ãŸãªãƒ‘ラダイムã®æŽ¢ç©¶ Firefoxã¯ãã®æˆåŠŸã‚†ãˆã«é©æ–°ãŒé›£ã—ããªã‚‹ã¨ã„ã†ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¸ãƒ¬ãƒ³ãƒžã«é™¥ã£ã¦ã„る。ãã†ã—ãŸå•é¡Œæ„è˜ã‚’背景ã«ã€ãƒ–ラウザã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆUI）ã®ã‚³ãƒ³ã‚»ãƒ—トãŒã€1996å¹´ã§ã¯ãªãã€2016å¹´ã«ä½œã‚‰ã‚ŒãŸã¨ã—ãŸã‚‰ã©ã†ãªã‚‹ã‹ã‚’実験ã—ã¦ã„ãã®ãŒã€Project Tofinoã 。プãƒã‚¸ã‚§ã‚¯ãƒˆåã¯ã€ç€æƒ³ã‚’å¾—ãŸå ´æ‰€ãŒã‚«ãƒŠãƒ€ã®ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼å³¶ã«ã‚ã‚‹åŒåã®åœ°åŸŸã§ã‚ã£ãŸã“ã¨ã«åŸºã¥ã。 プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒˆãƒƒãƒ—ã¯Mark Mayoæ°ã€‚Mozilla Corporationã§Firefox部門ã®Senior Vice Presidentã‚’å‹™ã‚る人物ã§ã‚る。ã¾ãŸã€Firefox部門ã®Lead Designerã§ã‚ã‚‹Philipp Sacklæ°ã‚‚プãƒã‚¸ã‚§ã‚¯ãƒˆã«åŠ ã‚ã£ã¦ã„る。ã—ã‹ã‚‚ã€ãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ã‚’å°‘æ•°ã«çµžã£ã¦Tofinoã¨ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã«é›†ã‚ã€ä»–ã®ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã‚„ミーティングã‹ã‚‰ã‚‚外
ã‚‚ã†ä¿å®ˆã•ã‚Œãªã„ç”»é¢é·ç§»å›³ã¯å«Œãªã®ã§ã€UI Flow図を簡å˜ã«ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã½ã書ãエディタ作ã£ãŸ - Qiita
ã¯ã˜ã‚ã« Webサービスやアプリをä¼ç”»ã—ãŸã‚Šã€ç«‹ã¡ä¸Šã’ãŸã‚Šã™ã‚‹éš›ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツールやã€Excelã‚„Powerpointã€Illustraterãªã©ã‚’駆使ã—ãŸè¬Žã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ç”»é¢é·ç§»å›³ã‚’æãã“ã¨ãŒã‚る。 ã“ã†ã„ã†å›³ã‚’å…ƒã«ä»•æ§˜ã‚’決ã‚ã¦è¡Œã£ã¦ã€ã‚µãƒ¼ãƒ“スを作ã£ã¦ã„ãã®ã¯ä»¥ä¸‹ã®ç‚¹ã§å›°ã‚‹ã€‚ ç”»é¢é·ç§»å›³ãŒä¿å®ˆã•ã‚Œãªã„。 書ãã®ãŒéžå¸¸ã«é¢å€’ãã•ã„ ユーザーã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®æµã‚ŒãŒè¿½ã„ã¥ã‚‰ãã€è¦‹ãŸç›®ã°ã‹ã‚Šã«æ³¨ç›®ã—ã¦ã—ã¾ã†ã‚‚ã®ã«ãªã‚ŠãŒã¡ マシンリーダブル(ソフトウェアã§æ§‹é€ ã‚’å–り出ã›ãªã„)ã§ãªã„。 ã“ã®ã‚ˆã†ãªæ¬ 点ãŒã‚ã£ã¦ã©ã†ã«ã‚‚扱ã„ã¥ã‚‰ã„。 ãã‚“ãªã‚ã‘ã§ã€markdown風ã®ãƒ†ã‚ストã‹ã‚‰ç°¡å˜ã«ç”»é¢é·ç§»å›³ã‚’æã‘ãªã„ã‹ãªã¨ã‚³ãƒ³ãƒ‘イラを作æˆã—ã€æ¬¡ã«ãれをインタラクティブã«ç·¨é›†ã§ãるエディタを作æˆã—ãŸã€‚ UI Flows図ã«ã¤ã„㦠画é¢é·ç§»å›³çš„ãªã‚‚ã®ã‚’書ãéš›ã«ã€åƒ•ãŒå€‹äººçš„ã«ã¤ã‹ã£ã¦ã„ãŸè¡¨ç¾æ–¹æ³•ã¨ã—ã¦ã€UI Flo
Nightmare v2(Electron) ã§ãƒ–ラウザ上ã§ES2015ã®ã‚³ãƒ¼ãƒ‰ã‚’個別ã«requireã—ã¦ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’書ã - Qiita
'use strict'; // nightmare const Nightmare = require('nightmare'); const path = require('path'); const TEST_HTML_PATH = "file://" + path.join(__dirname, "test.html"); // create global.browser = null; let startBrowser = function * (){ global.browser = Nightmare({ show: false, nodeIntegration: true }); yield browser .goto(TEST_HTML_PATH) .wait('body') .evaluate(() => { require("babel-register"); //
Electron + React + Redux - KAYAC Engineers' Blog
JSã§æ›¸ãデスクトップアプリãŒç†±ã„ Electron 熱ã„ã§ã™ã€‚ Atom を始ã‚ã€Qiita ã® Kobito ã‚„ Slack ãªã©ã€ å分ã«å®Ÿç”¨ã§ãるアプリケーションãŒç™»å ´ã—ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚ ãªã«ã‹ã¨è©±é¡Œã®RPGツクールMVã¯ã€NW.js（旧node-webkit）ã§ã™ãŒã€ã“れもJSã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã。 NW.js ã¯ã€ãã®ä»–ã€å¥³ã®åã¨ã„ã¡ã‚ƒã“らã™ã‚‹ç³»ã®ã‚²ãƒ¼ãƒ ã§ã‚‚使ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JS ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを書ã„ã¦ã€ã†ã‚“åƒä¸‡å£²ã‚Šä¸Šã’ã‚‹ã®ã‚‚ã€ã‚‚ã¯ã‚„絵空事ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 今回ã¯ã€Electron 㨠Reduxã€React ã®çµ„ã¿åˆã‚ã›ã§ã€ デスクトップアプリを作るã¾ã§ã®ã€ç°¡å˜ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’書ãã¾ã™ã€‚ ç™»å ´äººç‰©ç´¹ä»‹ Electron Github ãŒé–‹ç™ºã—ã¦ã‚‹ã€JS ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリãŒæ›¸ã‘ã‚‹ã™ã”ã„や㤠NW.js より活発ãã†ã§ã™ã”ã„ React Facebook 製ã®ã™ã”ã„ã‚„ã¤
エディタã®å®Ÿè£…ã‚’cycle.jsã§MVIベースã«ã—ã¦ã¿ãŸè©± - ✘╹◡╹✘
最近Electronã§ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ã¤ãã£ã¦ãŠã‚Šã€æœ€åˆã¯React.jsを使ã„ãªãŒã‚‰ã‚†ã‚‹ã„Flux風ã®è¨è¨ˆã§ã¤ãã£ã¦ã„ãŸã®ã‚’ã€cycle.jsを使ã„ãªãŒã‚‰ä¸€éƒ¨ã‚’MVI風ã®è¨è¨ˆã«ç½®ãæ›ãˆã¦ã¿ãŸã€‚400行程度ã®ä¸€ç”»é¢ã®ã‚³ãƒ¼ãƒ‰ã ã£ãŸã®ã§3時間ãらã„ã§ç½®ãæ›ãˆã‚‰ã‚Œã¦ã€å‰ã‚ˆã‚Šã‚‚責務ãŒé©åˆ‡ã«åˆ†å‰²ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã€æœ¬ä½“部分も次ã®æ©Ÿèƒ½è¿½åŠ 時ã«ç½®ãæ›ãˆã‚ˆã†ã¨æ€ã£ã¦ã„る。 ã¨ã‚Šã‚ãˆãšãƒ—レビュー画é¢ã ã‘ç½®ãæ›ãˆãŸ ç½®ãæ›ãˆãŸã®ã¯ã€ç·¨é›†ä¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’別画é¢ã§ãƒ—レビューã¨ã—ã¦è¡¨ç¤ºã™ã‚‹ç”»é¢ã§ã€ãŸã プレビューã™ã‚‹ã ã‘ã®æ©Ÿèƒ½ã®ã»ã‹ã«é€£ç¶šã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦è¡¨ç¤ºã™ã‚‹ãƒ—レゼンテーション機能もã‚る。1ã¤å‰ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’見ã¦ã‚‚らã†ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã†ã‘ã‚Œã©ã€æ¬¡ã®ç”»åƒã®ã‚ˆã†ãªã‚„ã¤ã€‚ボタンをクリックã—ã¦ãƒ¢ãƒ¼ãƒ‰ã‚’切り替ãˆãŸã‚Šã‚ーボードを使ã£ã¦ç§»å‹•ã—ãŸã‚Šã€ã¾ãŸã‚¨ãƒ‡ã‚£ã‚¿å´ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®å†…容ãŒæ›¸ãæ›ã‚ã£ãŸã‚Šã¨ã€ãã‚Œã£ã½ã言ãˆã°å¹¾ã‚‰ã‹å‹•ãã®ã‚ã‚‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}