[B! JavaScript][app] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

JavaScriptã¨appã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Reactã¨Vueã®æ¯”è¼ƒã€å…¨ãåŒã˜ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã¿ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹ 2019å¹´Edition
æ—¥å¸¸çš„ã«Vueã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹é–‹ç™ºè€…ãŒã€Reactã¨Vueã§å…¨ãåŒã˜ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ãŸæ™‚ã®ãã‚Œãžã‚Œã®å·¥ç¨‹ã‚’æ¯”è¼ƒã—ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç‰¹ã«ã€Reactã®ãƒ•ãƒƒã‚¯ã«ã¤ã„ã¦å…·ä½“çš„ãªä½¿ã„æ–¹ãŒè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã¯ä»¥å‰ç¿»è¨³ã—ãŸè¨˜äº‹ã®2019å¹´Editionã§ã€Reactã®ãƒ•ãƒƒã‚¯ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»¥å‰ã®è¨˜äº‹ã¯ä¸‹è¨˜ã‚’ã”è¦§ãã ã•ã„ã€‚ Reactã¨Vueã£ã¦ã©ã†é•ã†ï¼Ÿå…¨ãåŒã˜ã‚¢ãƒ—ãƒªã‚’Reactã¨Vueã§ä½œæˆã—ã¦ã¿ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹ éš£ã®å®¶ã®èŠç”Ÿã¯é’ãè¦‹ãˆã‚‹ Reactã¨Vueã§ä½œæˆã—
ihok 2019/10/17
react

ã‚¢ãƒ—ãƒª

js

app

css

ç¿»è¨³

javascript

vue.js

Vue
ãƒªãƒ³ã‚¯
Webæ¨™æº–ã§ã¤ãã‚‹ã‚¬ãƒ©ã‚±ãƒ¼ã‚µã‚¤ãƒˆ
ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ä»¤å’Œå…ƒå¹´5 æœˆ18æ—¥ã«æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸ Inside Frontend #3ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã«ç°¡å˜ãªèª¬æ˜Žã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒ•ã‚©ãƒ³ã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ã§ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ããƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ãƒ¼ã‚¯ãƒãƒ¼ãƒ³(proxx.app)ã‚’ä½œã£ãŸçµŒç·¯ã¨é–‹ç™ºã®éŽç¨‹ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ ãªâ€¦
ihok 2019/05/19
frontend

app

web

è³‡æ–™

it

slide

javascript

accessibility

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
Vue.js ã®åŸºç¤Žã‚’å¦ã¶ãŸã‚ã« LearnCode.academy ã®å¦ç¿’å‹•ç”»ã‚’æ´»ç”¨ã—ãŸã‚‰æœ€é«˜ã ã£ãŸ - kakakakakku blog
LearnCode.academy ã¨ã¯ï¼Ÿ www.youtube.com LearnCode.academy ã¨ã„ã† YouTube ãƒãƒ£ãƒ³ãƒãƒ«ãŒã‚ã‚Šï¼ŒVue.js ã‚„ React + Redux ãªã©ã‚’è§£èª¬ã—ãŸï¼Œç„¡æ–™ã®å¦ç¿’å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼Žä»Šå›žå—è¬›ã—ãŸã®ã¯ã€ŒVue Tutorialã€ã§ï¼Œå…¨9å›žã¨ãªã£ã¦ã„ã‚‹ï¼Žåˆè¨ˆã—ã¦ã‚‚ã€Œç´„1æ™‚é–“ç¨‹åº¦ã€ãªã®ã§ï¼Œã‚¹ã‚ãƒžæ™‚é–“ã‚’æ´»ç”¨ã—ã¦æ°—è»½ã«å¦ã¶ã“ã¨ã‚‚ã§ãã‚‹ï¼Žã€ŒVue.js ã¯æ°—ã«ãªã‚‹ã‘ã©ã¾ã è©¦ã—ãŸã“ã¨ãŒãªã„ã€ã¨ã„ã†äººã«ã‚ªã‚¹ã‚¹ãƒ¡ï¼ Vue Tutorial #1 - Vue JS Tutorial for Beginners #1 setting up an app Vue Tutorial #2 - Vue.js filters and computed data Vue Tutorial #3 - Vue.js directives and event
ihok 2018/02/18
data

app

github

com

ajax

file

event

javascript

vue.js
ãƒªãƒ³ã‚¯
PWAã®å®Ÿè£…ã‚’ã—ã¦ã¿ãŸ - æŠ€è¡“æŽ¢ã—
ä¸€å¹´ä»¥ä¸Šå‰ã®è¨˜äº‹ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ãŒå¤ã„ã§ã™ã€‚æ°—ã‚’ã¤ã‘ã¦èªã‚“ã§ãã ã•ã„ã€‚ PWAã¨ã¯ï¼Ÿ ç›®çš„ æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ Service Worker PWAã®view App Shell Content ã‚ãƒ£ãƒƒã‚·ãƒ¥æˆ¦ç•¥ èªã¿è¾¼ã¿ãƒ•ãƒãƒ¼ Web App Manifest ãƒ‡ã‚¶ã‚¤ãƒ³ Firefoxã¨Chromeã—ã‹Service Workerãªã„ã‘ã©ã©ã†ã™ã‚‹ã®ï¼Ÿ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ å®Ÿè£… ãƒ©ã‚¤ãƒ–ãƒ©ãƒª webpack-offline æ§‹æˆ ãƒ•ã‚¡ã‚¤ãƒ« ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚° ã‚¢ã‚»ãƒƒãƒˆã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« APIå‘¨ã‚Š SSR è³‡æ–™ ã•ã„ã”ã« ãã†ã„ãˆã°PWAã®å®Ÿè£…ã—ãŸã“ã¨ãŒãªã‹ã£ãŸãªã¨æ€ã£ãŸã®ã§å°‘ã—è§¦ã£ã¦ã¿ãŸã€‚ PWAã¨ã¯ï¼Ÿ PWA(Progressive Web Apps) ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒä¸è¦ã§ã€ä¸å®‰å®šãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚‚ç´ æ—©ãèµ·å‹•ã—ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ ã¾ãŸã€ãƒ›ãƒ¼ãƒ ç”»é¢ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚‚è¡¨ç¤ºã§ãã€ã‚¢ãƒ—ãƒªã¨åŒæ§˜ã®æ‰±ã„ã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½
ihok 2017/07/28
app

Developers

content

development

Google

PWA

programming

serviceworker

javascript
ãƒªãƒ³ã‚¯
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
ihok 2016/02/04
chart

js

Html

app

ajax

com

graph

HTTPS

javascript
ãƒªãƒ³ã‚¯
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
ihok 2015/10/15
Electron

app

require

Html

npm

function

name

content

JavaScript

dev
ãƒªãƒ³ã‚¯
1