[B! Javascript][presentation] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

Javascriptã¨presentationã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

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

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

{{/following_bookmarks}}

{{/is_wiped}}

Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
HTML5 Conference 2016 http://events.html5j.org/conference/2016/9/session/#session_id_h1
beth321 2016/09/04
ã‚ã¨ã§èªã‚€

ã¾ã¨ã‚

presentation

react

javascript

Redux

slide

react.js

js

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
ãƒªãƒ³ã‚¯
ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
é–‹ç™ºãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’å®Œå…¨ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–éƒ¨å…¬é–‹ã®ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç¾åœ¨ãƒ”ã‚¯ã‚·ãƒ–ã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactã‚’æŽ¡ç”¨ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ç¤¾å†…ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactã‚‚ã‚ˆãèžãã—ä½•ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„ç¤¾å†…å¤–ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’æŽ´ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“å…¨ä½“ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ è³‡æ–™ speakerdeck.com Reactã¨Fluxã®ã“ã¨ // Speaker Deck ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯å…¥ã£ã¦ã„
beth321 2015/04/28
development

React

flux

javascript

presentation

js

react.js

ã‚ã¨ã§èªã‚€

programming

reactjs
ãƒªãƒ³ã‚¯
Hello, ES6 ~ã“ã‚Œã‹ã‚‰è¿Žãˆã‚‹JSã®ãƒŸãƒ©ã‚¤~ - @yoshiko_pg
beth321 2015/04/27
javascript

Code_Javascript

ES6

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ex6

IT

presentation

*ã‚ã¨ã§èªã‚€

ã‚ã¨ã§èªã‚€

js
ãƒªãƒ³ã‚¯
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux
10åˆ†ã§å®Ÿè£…ã™ã‚‹Flux è‡ªå·±ç´¹ä»‹ azu @azu_re Web scratch, JSer.info Flux /flËˆÊŒks/ Fluxã¨ã¯ FacebookãŒæå”±ã—ãŸSmalltalk MVCã®ç„¼ãç›´ã— CQRS(Command Query Responsibility Segregation)ã¨é¡žä¼¼ ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã¸æµã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ ã‚¦ã‚§ãƒ–UIã«ã¤ã„ã¦ãã‚Œã‚’é©å¿œã™ã‚‹ ä»Šæ—¥ã®ç›®çš„ å°ã•ãªFluxã®å®Ÿè£…ã‚’ä½œã‚ŠãªãŒã‚‰Fluxã¤ã„ã¦å¦ã¶ Fluxã®ç‰¹å¾´: Unidirectional data flow æœ¬å½“ã«ãƒ‡ãƒ¼ã‚¿ãŒä¸€æ–¹é€šè¡Œã«æµã‚Œã‚‹ã®ã‹ã‚’ç¢ºèªã™ã‚‹ Fluxã§ã‚ˆãè¦‹ã‚‹å›³ ç™»å ´äººç‰© ä½•ã‹è‰²ã€…ã„ã‚‹ Action Creators, Dispatcher, Store, React Views... Dispatcher = EventEm itterã¨ä»Šå›žã¯è€ƒãˆã‚‹ ã‚‚ã£ã¨å®Ÿè£…çš„
beth321 2015/04/25
()

ã‚¢ãƒ—ãƒª

Flux

ã‚ã¨ã§èªã‚€

reactmeetup

react.js

react

javascript

architecture

presentation
ãƒªãƒ³ã‚¯
Reactæ¦‚è«–
React meetup #1 ã§ã®ç™ºè¡¨è³‡æ–™
beth321 2015/04/25
react

reactjs_meetup

React.js

javascript

js

ã‚ã¨ã§èªã‚€

presentation

development

ui

slide
ãƒªãƒ³ã‚¯
Redirectingâ€¦
Redirectingâ€¦ Click here if you are not redirected.
beth321 2015/04/09
react.js

presentation

react

javascript

ã‚¿ã‚°æœªè¨å®š

ã‚ã¨ã§èªã‚€

gunosy

js

reactjs

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Private Presentation
Looks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field. Explore by category instead
beth321 2015/04/04
slide

react

()

Flux

javascript

ã‚ã¨ã§èªã‚€

reactjs

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

presentation

è¨è¨ˆ
ãƒªãƒ³ã‚¯
Bootstrapã¯ã“ã†ä½¿ã†
Il documento contiene la struttura di un progetto Bootstrap, inclusi file e directory come gruntfile.js, package.json e vari file .less per la gestione degli stili. Sono presenti directory per risorse statiche come fonts, js e dist. La struttura suggerisce un setup per lo sviluppo web utilizzando strumenti moderni.
beth321 2015/03/03
bootstrap

slide

from mikutter

ã‚ã¨ã§èªã‚€

css

javascript

presentation

IT

development

webdesign
ãƒªãƒ³ã‚¯
Nodeã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ âˆ’ çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€ä»Šã¨æœªæ¥ã®è©± âˆ’
ã‚ã¨ä¸€ã¤ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’â€¨è¦šãˆãŸã‚‰æ»ã¬! è„³ã¿ããŒãƒ‘ãƒ³ã‚¯ã—ãã†ãªâ€¨ã‚ãªãŸã®ãŸã‚ã®â€¨nodeJSã“ã¨ã¯ã˜ã‚
beth321 2015/02/18
()

presentation

node.js

javascript

js

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ã‚ã¨ã§èªã‚€

slide

nodejs

cli
ãƒªãƒ³ã‚¯
React / Flux ã‚’å®Ÿæ¡ˆä»¶ã§ä½¿ã£ã¦ã¿ãŸ
è‡ªå·±ç´¹ä»‹ Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ãƒ©ã‚¤ã‚ªãƒ³ã®äºº power-assert ã®äºº React / Flux ã‚’çŸ¥ã£ãŸãã£ã‹ã‘ mizchi ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒª (ã‚ãªãŸãŒReactã‚’ä½¿ã†ã¹ãç†ç”±) ã ã£ãŸã¨æ€ã† æ—¥æœ¬èªžã®æƒ…å ±ã¯ã»ã¨ã‚“ã©ç„¡ã‹ã£ãŸãŒã€ã‚¨ãƒƒã‚¸ç³»ã®äººãŸã¡ãŒé¨’ãŽå‡ºã—ãŸ & æµ·å¤–ã§åœ§å€’çš„ã«äº‹ä¾‹ãŒå¢—ãˆå‡ºã—ãŸã®ã§èˆˆå‘³ã‚’æŒã£ãŸ Rendr ã® AirBnb ãŒ React ã‚’ä½¿ã„å§‹ã‚ãŸã“ã¨ã‚’çŸ¥ã‚Šã€ã“ã‚Œã¯æ±ºå®šçš„ã ã¨æ€ã£ãŸ React ã‚’ã©ã†å‹‰å¼·ã—ãŸã‹ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå……å®Ÿã—ã¦ã„ã‚‹ ã¾ãš Tutorial ã‚’ãã®ã¾ã¾å†™çµŒ æ¬¡ã« browserify + reactify ã§ Tutorial ã‚’ã‚‚ã†ä¸€å‘¨ã‚„ã£ã¦ã¿ã‚‹ (showdownã¯browserify å¯¾å¿œã—ã¦ã„
beth321 2015/01/15
react

Presentation

Flux

JavaScript

links

react.js

ã‚ã¨ã§èªã‚€

architecture

Reactjs

tutorial
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³AngularJS @ GDGä¸å›½2014.12.6
AngularJS is a JavaScript framework that allows developers to create dynamic web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are composed of modules, controllers, services and filters that allow creating single page applications with two-way data binding between models and views.
beth321 2014/12/07
AngularJS

presentation

JavaScript

altJS

library

angular

Angular.JS

typescript

ã‚ã¨ã§èªã‚€

slide
ãƒªãƒ³ã‚¯
WEB+DB PRESS Tech Meeting ï¼»è³‡æ–™ï¼†å‹•ç”»ï¼½ï½œgihyo.jp â€¦ æŠ€è¡“è©•è«–ç¤¾
å½“æ—¥ã®è¬›æ¼”è³‡æ–™ã¨å‹•ç”»ã‚’å…¬é–‹ã§ã™ã€‚ å‹•ç”»ã¯ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’åˆ©ç”¨ã—ã¦é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ãŠæŒã¡ã§ãªã„æ–¹ã§ã‚‚ï¼Œgihyo.jpä¸Šã§å‹•ç”»ã‚’å†ç”Ÿã§ãã¾ã™ï¼ˆã‚³ãƒ¡ãƒ³ãƒˆã®æ›¸ãè¾¼ã¿ã¯ã§ãã¾ã›ã‚“ï¼‰ã€‚ å‹•ç”»ã®æœ€å¾Œã§ãƒ‹ã‚³ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã£ãŸã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’è¡Œã£ã¦ã„ã¾ã™ã®ã§ï¼Œãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ãŠæŒã¡ã®æ–¹ã¯ã”å”åŠ›ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚å‹•ç”»ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®è©²å½“ãƒšãƒ¼ã‚¸ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ˆãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ãƒžã‚¤ãƒªã‚¹ãƒˆã¯ã“ã¡ã‚‰ï¼‰ã€‚ ä»Šå›žã®å‹•ç”»å…¬é–‹ã«ã‚ãŸã£ã¦ï¼Œgihyo.jpç”¨ã«æ–°ãŸãªãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’ä½œã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã“ã®å ´ã‚’å€Ÿã‚Šã¦ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®æ–¹ã«ãŠç¤¼ã‚’ç”³ã—ä¸Šã’ã¾ã™ã€‚ JavaScript Tips & Technique ITæˆ¦å£«amachangãŒæœ€è¿‘ã®JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„Tipsã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚
beth321 2014/09/15
JavaScript

movie

web+db press

event

ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

å‹•ç”»

programming

è³‡æ–™

development

presentation
ãƒªãƒ³ã‚¯
GitHub - hakimel/reveal.js: The HTML Presentation Framework
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
beth321 2014/09/09
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

css

presentation

HTML

markdown

JavaScript

slide

Web

*ã‚ã¨ã§

js
ãƒªãƒ³ã‚¯
Remark
name: inverse layout: true class: center, middle, inverse --- #remark [ri-mahrk] .footnote[Go directly to [project site](https://github.com/gnab/remark)] --- ## What is it and why should I be using it? --- layout: false .left-column[ ## What is it? ] .right-column[ A simple, in-browser, Markdown-driven slideshow tool targeted at people who know their way around HTML and CSS, featuring: - Markdown
beth321 2014/09/09
css

markdown

presentation

javascript

slide

remark

tools
ãƒªãƒ³ã‚¯
JavaScript Memory Management Masterclass
Video: https://www.youtube.com/watch?v=LaxbdIyBkL0 Presented at at the Google WebPerf Special (London WebPerf Group), August 26th 2014. Efficient â€¦
beth321 2014/08/28
later

Google

app

management

presentation

javascript

memory

performance

Garbage Collection

slide
ãƒªãƒ³ã‚¯
Front-end Build Tools - JTF2014 Tokyo
ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§æ™®åŠãŒé€²ã‚€ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ãŸã¡ã€ ã‚¤ãƒ³ãƒ•ãƒ©ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç¥å…¸ã€ŒJuly Tech Festa 2014ã€ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è‡ªå‹•åŒ–ã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚(ã¾ã 6æœˆã ã‘ã©) http://2014.techfesta.jp/
beth321 2014/06/23
gulp

grunt

programming

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

Webåˆ¶ä½œ

tools

build

tool

presentation
ãƒªãƒ³ã‚¯
noteã‚’AngularJSã§æ§‹ç¯‰ã—ãŸè©±
2014/06/02 LIGã«ã¦è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã®æ™‚ã«ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ AngularJSã‚’æ¥å‹™ã§ä½¿ã„ãŸã„ã‘ã©ä»Šä¸€æ©è¸ã¿å‡ºã›ãªã„æ–¹ã®ãŸã‚ã®å‹‰å¼·ä¼š http://eventdots.jp/event/52461
beth321 2014/06/03
project

angular

MySQL

jQuery

*dev

ã‚¢ãƒ—ãƒª

AngularJS

programming

presentation

javascript
ãƒªãƒ³ã‚¯
Symfony ã®å¦ã³ã‹ãŸ
ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—ã¦ Symfony æ´ã¯ 2 å¹´ãã‚‰ã„(ãƒ•ãƒ«ã‚¿ã‚¤ãƒ ã§ã¯ãªã„) Symfony1 æ™‚ä»£ã¯ã»ã¼çŸ¥ã‚‰ãªã„ Java, Ruby, JavaScript, elisp, PHP github ä¸Šã§ã¯ JavaScript ãƒ—ãƒã‚°ãƒ©ãƒž? ä»£è¡¨ä½œã¯ power-assert Why Symfony? ãªãœ Symfony ã‚’é¸ã‚“ã ã‹ ã€Œã‚³ãƒ¼ãƒ‰ãŒã—ã£ã‹ã‚Šã—ã¦ã„ã‚‹ã€ ãƒ¡ãƒ³ãƒ†æ–¹é‡ãŒã—ã£ã‹ã‚Šã—ã¦ã„ã‚‹(é•·æœŸã‚µãƒãƒ¼ãƒˆ, å¾Œæ–¹äº’æ›æ€§) DIãƒ™ãƒ¼ã‚¹ã®ç–Žçµåˆè¨è¨ˆã§è‡ªåˆ†ã§ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’é€²åŒ–ã•ã›ã‚„ã™ã„ ä¸é•·æœŸçš„ãªç”Ÿç”£æ€§ãŒé«˜ã¾ã‚‹ã“ã¨ã‚’æœŸå¾…ã§ãã‚‹
beth321 2014/04/20
ruby

Java

github

php

symfony

ãƒ—ãƒã‚°ãƒ©ãƒž

Symfony2

javascript

presentation

programming
ãƒªãƒ³ã‚¯
PHP ã¨ JavaScript ã®å™º
YAPC::Asia 2014 - åŠç«¯ãªPHPDisã§PHPerã«é™°ã§ç¬‘ã‚ã‚Œãªã„ãŸã‚ã®Perl Mongerå‘ã‘æœ€æ–°PHPäº‹æƒ…
beth321 2014/03/26
()

php

javascript

presentation

_later

è³‡æ–™
ãƒªãƒ³ã‚¯
mizchi / ã™ã¹ã¦ã®MVCã‚’éŽåŽ»ã«ã™ã‚‹ - Glide
Please note that Glide no longer supports Internet Explorer versions 7 or 8.
beth321 2014/03/20
javascript

internet

MVC

*ã‚ã¨ã§èªã‚€

vue.js

slide

mvvm

architecture

library

presentation
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx