へっぽこ社会人4年生がプログラミングを頑張る

へっぽこ社会人4年目がプログラミング系統を中心に書きたいことをつらつらと書きます

JavaScript

LaravelにVuetifyをインストールする方法

Laravelでは、デフォルトでVue.jsをサポートしており、バンドルツールのWebpackも簡単に使えます。ただ、流石にいい感じのUIコンポーネントを自前で1から作るのは大変なので、Vue.jsのフレームワークとして有名な Vuetify を採用してみることにしました。 Vu…

electoron-vueでデスクトップアプリケーションを作る

デスクトップアプリケーションを開発する手段はいくつかある(X Window System, JavaFX, Tkinterなど)と思いますが、普段JavaScriptでWebアプリケーションを作る人にとっては、HTMLとJavaScriptでデスクトップアプリケーションが作れるElectronが便利でしょう…

JavaScriptでの2重のビットNOT演算による小数点の切り捨て

JavaScriptを使って、Canvas上にお絵かきをするツールを作ろうと思い、 情報収集をしていた時に、こんなコードが目に飛び込んできました。 var rect = evt.target.getBoundingClientRect(); var x = ~~(evt.clientX - rect.left); var y = ~~(evt.clientY - …

enchant.jsを使ってバカゲーを作ってみた

クリスマスということで、ちょっとしたネタとしてバカゲーを作りたいなぁと思い立ち、JavaScriptでゲームを作ることにしました。 当初、JavaScriptの標準ライブラリとjQueryだけを使って、DOM操作で作ろうとしたのですが、早々に折れました。 JavaScriptでゲ…

JavaScriptの即時関数内でarguments.calleeプロパティを使って再帰する

JavaScriptでプログラムを組んでいて、使い捨ての関数を再帰的に呼び出したいと思い、即時関数とarguments.calleeプロパティを使うことにしました。 arguments.calleeプロパティはJavaScriptの参考書で読んだことあるので知っていたんですが、いつ、どこで即…

JavaScriptのメソッドで自身のクラスの他のメソッドを呼び出したい

タイトルが長ったらしいですが、実際に自分が詰まったので、このタイトルで書くことにしました。 例えば、Hogeクラス内に、hogeメソッド、hogehogeメソッド、piyopiyoメソッドを定義し、hogeメソッドから3秒カウントダウンする間にhogehogeメソッドを呼び出…