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

ゆとり世代プログラマの備忘録

ゆとり世代プログラマが備忘録を書いていく

Visual Studio Code でpackage.jsonが複数ある場合に各scriptsの内容をタスクランナーから実行する方法

何がしたいのか package.jsonがカレントディレクトリになく、 且つ package.jsonが複数のサブディレクトリにまたがって複数存在する場合に、 VSCodeのタスクランナーからそれぞれのpackage.jsonの scripts に指定されているscriptを実行したい!!!! した…

Visual Studio Code で TypeScript2.0を書いたらハマったこと

前回の記事から2ヶ月?くらいたっていて、気がついたらTypeScript2.0がリリースされていた… ので、Visual Studio Code で TypeScript2.0 を書こうとしたらハマったところと解決策のメモ。 まぁ、普段は IntelliJ IDEA で書いているだけど。 まず、以下のよう…

webpack + Babel + React(ES2015使用)の設定

やりたいこと。 * ReactをJSXを使用して書きたい。 * EcmaScriptの構文も使用して書きたい * .jsファイルと、.jsxファイルに変更があった場合自動的にビルドしてほしい。 * 自動的にソースマップも出力してほしい。 webpack.config.js // コマンドメモ // -p…

Material Design Lite + React + gulp サンプル

Material Design Lite www.getmdl.io React facebook.github.io React使いつつ、マテリアルデザインも使いたいなーと思って、Material Design Lite を組み合わせてみた時のメモ。 ビルドツールには gulp を使用したので、まず gulpfile.js から。 var gulp =…

自前でクライアントサイドMVCのModelとView用ライブラリ作った

自前でクライアントサイドMVCのModelとView用ライブラリ作った。 github.com コンセプトは、以下のような見慣れたクラス定義の書き方を崩さずかけるようにすること。 /** * サンプルクラス */ var SampleClass = function () { // 何か処理 }; /** * サンプ…

React + browserify 用 gulpfile メモ

React で browserify を使用する場合用のgulpfileを作ったのでメモ。 99%自分のメモ用。 uglify がファイルを縮小させるやつ。 plumber がビルドで失敗しても、ファイル変更の監視をやめないようにするやつ。 reactify がJSXをJavaScriptに変換するやつ。 va…

Effective Java の BuilderパターンをJavaScriptで書いてみた

Javaの参考書のなかでよくおすすめと言われている Effective Java で紹介されている Builder パターンを、JavaScript で書いてみた。 Effective Java ってなんやそれ、っていう方はこちら。 Amazon.co.jp: EFFECTIVE JAVA 第2版 (The Java Series): Joshua …

HTML5プロフェッショナル認定試験レベル2受験の際に俺が参考にした本と感想とか

今回は半年くらい前に受験した HTML5 プロフェッショナル認定試験 Level2 について。 レベル1については前回の記事で書いているので、そっちで。 jbelltree.hatenablog.com 結果 1発合格でした。が、正答率は、たしか 75% くらいで、わりとギリギリ合格だっ…

Selector API の使い方

Selector API の使い方をメモっとく Selector API は CSS のセレクタ( #ok_button とか .button_area )を使用して、HTMLの要素を取得できるAPI。 以下のメソッドがある。 ・document.querySelector 例 document.querySelector('.test'); // class属性に te…

Geolocatoion APIで現在地を取得しGoogleマップに表示する方法

JavaScript で Geolocatoion APIを使用して現在地の緯度、経度を取得しGoogleマップに表示するまでをまとめておく。 実際に動いているのはこちら http://ec2-54-191-139-159.us-west-2.compute.amazonaws.com:8080/forBlog/20160111/ 位置情報を取得 ボタン…

Java EE (JAX-RS) + JavaScript (Backbone.js) でクロスオリジン通信する方法

クライアント側とサーバサイドとで異なるオリジン(プロトコル+ドメイン+ポート番号)間での通信方法メモ 今回の方針 jsonp を使用するやり方もあるが、今回は XMLHttpRequest Level2 で可能となった Cross-Origin Resource Sharing という仕組みを使用する。 …

JavaScript(Backbone.js)で、jsonファイルの読み込み方メモ

アプリケーションの設定値を定義した json ファイルの設定値を Backbone.Model を継承したオブジェクトで保持するようにしたら、 jQuery の ajax をそのまま使うよりすっきり出来た気がする(個人の感想)のでメモっとく。 もっと良いやり方あったらおしえて…

JavaScriptでプライベートなメンバ変数を作る方法メモ

はじめに普通にオブジェクト(ここでは type, name 属性を持った Catオブジェクト)を作る function Cat (type, name) { this.type = type; this.name = name; } var tama = new Cat('ペルシャ', 'タマ'); alert(tama.type); // ペルシャが表示される。 tama…

JavaScriptでSingletonパターン(browserify + Backbone.js)

JavaScriptでのSingletonパターン実装方法の備忘録です。 browserify使用している環境で、Backbone.Modelを継承したオブジェクトをSingletonにしています。 getInstance()メソッドでオブジェクトを取得します。 module.exports = (function() { 'use strict'…