転職

退職 先週、会社をやめたいと上司に伝えた。 何の前触れもなく相談したので驚いた様子だった。 申し訳ないなと思ったが、相談しても気持ちは変わらなかっただろうなとも思った。 昔から人に相談することが苦手だ。 今の会社に入って11ヶ月、とても良い仕事を…

再開

1年近くこのブログ放置していたけど、またなんとなく再開します。 日記みたいなものは別のところに書いたりしていたけど、こっちに書くようにしたいなと。 今日は低気圧のせいなのか肩こりと頭痛がひどくて仕事どころじゃない… 早く晴れてほしいなあ。

レスポンシブコーディングでの縦横比問題の解決策

最近レスポンシブコーディングやスマホのリキッドデザインなんかで縦横比を保ちたいってことが多い。 そこで縦横比保つ方法のメモ デモは下にあります。 HTML まずは普通にHTMLを書きます。 ポイントはinnerをboxで囲んでいるところ。 innerが赤い部分でbox…

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…