ç¾å ´ã® Web Components
一部 ES Class ã®è¨˜è¿°ã«èª¤ã‚ŠãŒã‚ã‚Šã¾ã—ãŸã€‚訂æ£ç‰ˆã¯ Speaker Deck ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’ã”覧ãã ã•ã„ 👉 https://speakerdeck.com/aggre/real-world-web-components https://polymer-japan.connpass.com/event/84638/ ã®ç™»å£‡è³‡æ–™ã§ã™Read less
プãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ウェブアプリ詳解 ─ éŽåŽ»ãƒ»ç¾åœ¨ãƒ»æœªæ¥
Web技術ã§ã‚¢ãƒ—リ開発2016特集・第5å¼¾ã¯ã€ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ウェブアプリ (Progressive Web Apps)ã‚’ã”紹介ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã¯ã˜ã‚㫠プãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ウェブアプリ(Progressive Web Apps)ã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ãŸã®ã¯2015å¹´8月ã®Alex Russellã«ã‚ˆã‚‹è¨˜äº‹Progressive Web Apps: Escaping Tabs Without Losing Our Soulã§ã™ã€‚当時オフラインやプッシュ通知ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¦ã‚§ãƒ–を飛èºçš„ã«é€²åŒ–ã•ã›ã‚‹ç”»æœŸçš„ãªæ©Ÿèƒ½ãŒæ¬¡ã€…ã¨è¿½åŠ ã•ã‚Œã¦ã„ãŸçŠ¶æ³ã«ãŠã„ã¦ã€ã“ã®ãƒ ーブメントを呼称ã™ã‚‹ãŸã‚ã®è¨€è‘‰ãŒæ±‚ã‚られã¦ã„ã¾ã—ãŸã€‚Google社内ã§ã„ãã¤ã‚‚ã®å€™è£œãŒæŒ™ã’られã¾ã—ãŸãŒã€Service Workerã®ç™ºæ¡ˆè€…ã¨ã—ã¦Alex RussellãŒæŽ¨ã—ãŸã®ãŒã€ã“ã®ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ウェブアプリã€ã§ã—ãŸã€‚ ã¾ãŸã€å½“åˆGoog
JavaScriptã§çˆ†é€Ÿã‚°ãƒ©ãƒ•ãƒ»ãƒãƒ£ãƒ¼ãƒˆãŒä½œæˆã§ãる「CanvasJSã€ã‚’使ã£ã¦ã¿ãŸï¼ : ã†ãˆã¶ã¯ã£ã
ã¡ã‚‡ã£ã¨ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’サクッã¨ã€Œã‚°ãƒ©ãƒ•ã€ã‚„「ãƒãƒ£ãƒ¼ãƒˆã€ã«ã—ã¦ã€Webページã«ç´ æ—©ã公開ã—ãŸã„人ã«æœ€é©ãªJavaScriptライブラリ「CanvasJSã€ã®ã”紹介ã§ã™ï¼ é¡žä¼¼ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã€ŒCanvasJSã€ã¯ã‚ãšã‹æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã§ã™ãã«ã‚°ãƒ©ãƒ•ãŒä½œæˆã§ãã€ãªãŠã‹ã¤è±Šå¯Œãªãƒ‘ラメータをã„ã˜ã‚‹ã“ã¨ã§é©šãã»ã©ç´°ã‹ã„カスタマイズも実ç¾ã§ãã‚‹ã®ãŒç‰¹å¾´çš„ã§ã™ã€‚ 今回ã¯ã€åŸºæœ¬çš„ãªä½¿ã„方をä¸å¿ƒã«ã”紹介ã—よã†ã¨æ€ã„ã¾ã™ï¼ å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’準備ã—よã†ï¼ 「CanvasJSã€ã®æœ¬ä½“ファイルã¯ã€ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ãŒã€CDN経由ã‹ã‚‰ã‚‚利用ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js ã“れをã€HTMLファイルã«èªã¿è¾¼ã¿ã¾ã™ï¼ // index.html <!d
Electronã§Webviewã®ç°¡æ˜“ブラウザをã¤ãã£ã¦ã¿ãŸãƒ¡ãƒ¢ - Qiita
var app = require('app'); var BrowserWindow = require('browser-window'); require('crash-reporter').start(); var mainWindow = null; app.on('window-all-closed', function () { //if (process.platform != 'darwin') app.quit(); }); app.on('ready', function () { // ブラウザ(Chromium)ã®èµ·å‹•, åˆæœŸç”»é¢ã®ãƒãƒ¼ãƒ‰ mainWindow = new BrowserWindow({ width: 1000, height: 600 }); mainWindow.loadUrl('file://' + __dirname + '/index.h
「HTML5ã‹ãƒã‚¤ãƒ†ã‚£ãƒ–ã‹ã€â€•â€•ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ開発や世界進出ã®è‹¦åŠ´ã€GREEã®CTOãŒèªžã‚‹
グリーãŒã‚°ãƒãƒ¼ãƒãƒ«å±•é–‹ã‚’åŠ é€Ÿã—ã¦ã„る。米国やä¸å›½ãªã©ä¸–ç•Œ5カ所ã«é–‹ç™ºæ‹ 点を置ãã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒ—ラットフォームã®æ§‹ç¯‰ã‚’進ã‚ã¦ã„ã‚‹ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘アプリ開発や世界展開ã«ã¯ã€ã•ã¾ã–ã¾ãªæŠ€è¡“的課題や苦労ãŒã‚ã‚‹ã¨ã„ã†ã€‚8月28æ—¥ã€åŒç¤¾CTOã®è—¤æœ¬çœŸæ¨¹åŸ·è¡Œå½¹å“¡ãŒé–‹ç™ºã®ç¾çŠ¶ã‚„苦労ã«ã¤ã„ã¦ãƒ¡ãƒ‡ã‚£ã‚¢ã«å¯¾ã—率直ã«èªžã£ãŸã€‚ HTML5ã‹ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã‹ã€€ã€Œæ¥ç•Œä¸æ‚©ã‚“ã§ã„る〠ソーシャルアプリ開発ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¨ã—ã¦é–‹ç™ºã™ã‚‹æ–¹æ³•ã¨ã€HTML5を使ã„ã€Webブラウザã‹ã‚‰åˆ©ç”¨ã§ãるよã†ã«ã™ã‚‹æ‰‹æ³•ãŒã‚る。HTML5ã§ã‹ã€ãƒã‚¤ãƒ†ã‚£ãƒ–2Dアプリã‹ã€ãƒã‚¤ãƒ†ã‚£ãƒ–3Dアプリã‹â€¦â€¦ã€Œæ¥ç•Œä¸æ‚©ã‚“ã§ã„ã‚‹ã€ã¨ã€è—¤æœ¬CTOã¯æ‰“ã¡æ˜Žã‘る。グリーã§ã¯ã€Œã©ã‚Œã‹ã«çµžã‚Šåˆ‡ã‚Œãªã„ã®ã§ã€å…¨éƒ¨æŠ¼ã•ãˆã«è¡Œã“ã†ã¨ã—ã¦ã„ã‚‹ã€ã®ãŒç¾çŠ¶ã 。 ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¯è¡¨ç¾åŠ›ãŒè±Šã‹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚‚速ãã€iOSãªã‚‰ã°App Storeã€Androidãªã‚‰Google
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}