読者です 読者をやめる 読者になる 読者になる

JavaScript

Vue.jsハンズオン@DeNA

DeNAで開催されていたVue.jsのハンズオンに行ってきました。 eventdots.jp Vue.jsの詳細はこちら。 今回は簡単なTODOアプリを作りました。 Vue.jsについて MVVMとは? MVVMとはモデル(M)とビュー(V)間のやり取りをビューモデル(VM)を介して行うアーキテクチ…

クロージャ

今回はJavaScriptの難関、クロージャについて書こうと思います。 わかったようでわかってない感じがするクロージャ。 今回はとりあえずメモ。もっと深く理解したい。 まずはMDNからの引用。 クロージャは、独立した (自由な) 変数を参照する関数です。言い換…

Reactでいいねボタン

このページを写経してみました。 ちょっとわかった気がするReact 導入 $ npm init //babel-coreがないとだめ $ npm install --save-dev webpack babel-loader babel-core $ touch webpack.config.js webpack.config.js module.exports = { entry: __dirname …

ポップアップウインドウ

Result See the Pen ezJdrw by takanorioki (@takanorioki4) on CodePen. main.js window.onload = function() { var box = document.getElementById("box"); var btn = document.getElementById("btn"); var close = document.getElementById("close"); var…

オブジェクト指向JavaScript + Canvas

Result See the Pen LZpgrm by takanorioki (@takanorioki4) on CodePen. main.js window.onload = function(){ var cv = document.getElementById("cv"); if( cv && cv.getContext ) { var ctx = cv.getContext("2d"); /*=================================…

Three.js

Result See the Pen rLOqdy by takanorioki (@takanorioki4) on CodePen. main.js var args = { w : window.innerWidth, h : window.innerHeight, cam : null, lt : null, scn : null, cube : null, renderer : null } function set_renderer(){ args.render…