気ままなタンス*プログラミングなどのノートブック

プログラミングやRPGツクール、DTM、VOCALOIDについてのんびり書きます。

JavaScript

【JavaScript】webpack + babelの環境メモ

webpackとbabelでES6の自動コンパイル環境を準備したのでメモを残す。 コンパイルに必要なライブラリ ライブラリ インストールコマンド 備考 babel-cli npm install -g babel-cli グローバルインストール babel-preset-es2015 npm install --save-dev babel-…

【JavaScript】Grunt + babelの環境メモ

最近はES2015(以下ES6)について学んでいる。 babelを利用し、ES6のコードをコンパイルを行い、ES5に変換して利用するとのこと。 (目的:ブラウザでまだ実装されていない、JavaScriptの新機能を使えるようにする) コンパイルに必要なライブラリ ライブラリ …

【Express】ExpressでHello World

最近はNode.jsを学んでいる。 Expressをインストールして、利用する部分をやったので、記録しておく。 Expressのインストール npm install express JavaScriptの記述 var express = require('express'); var app = express(); app.get('/', function(req, re…

【jQuery・JS】自分用メモ

ツクールMVの自作プラグイン用のジェネレータ(下記画像)を作成していて、 いくつかjQueryについて学んだのでメモしておく。 テーブルのtrに含まれるinput要素を取得 <table> <tr class="my_row"> <td><input type="text" name="hoge" value="foo1"></td> <td><input type="text" name="hoge" value="foo2"></td> </tr> <tr class="my_row"> <td><input type="text" name="hoge" value="foo3"></td></tr></table>

【ツクールMV】ItemCombination.js(v1.0)の使い方(アイテム合成システムプラグイン)

ItemCombination.jsとは? forums.rpgmakerweb.com Jeremy Cannadyさんが作成されたツクールMVのプラグイン。 アイテムに対して、「必要なレシピ」を設定することで、 素敵な合成システムが簡単に使えてしまう優れもの。 本家の説明: Simple script to make…

【ツクールMV】ゴールドに加え、変数の値でアイテムが購入できるようにするプラグイン(AnotherCurrencyShop.js)を作った

RPGツクールMVのショップにおいて、ゴールドに加え、 変数の値でアイテムが購入できるようにする拡張プラグインを作ってみました。 デモ (※音が鳴るのでご注意ください) http://www.rinsymbol.sakura.ne.jp/tkool/mv/Project4/ ソースコード&サンプルプロ…

【ツクールMV】ゲームに回想モードを追加するプラグイン(RecollectionMode.js)を作ってみた

勉強がてら、アドベンチャーゲーム等でよく見られる「シーン回想」や「CG閲覧」といった いわゆる「回想モード」機能を追加するプラグインを作ってみました。 イメージ デモ (※音が鳴るのでご注意ください) http://www.rinsymbol.sakura.ne.jp/tkool/mv/Pr…

【ツクールMV】Window_Selectableをプロトタイプ継承したWindowでピクチャが表示されず悩んだ話

ツクールMVで、CGの閲覧やシーンの視聴を行うための回想用プラグインが ぼちぼちできあがってきました。 (以下画像参照) プラグイン作成中に、「ウィンドウにピクチャが表示されない問題」で悩んで、 時間を使ってしまったので、備忘録としてメモを残して…

【ツクールMV】Scene_Baseをプロトタイプ継承したオブジェクトのエラーで悩んだ話

ツクールMV用にプラグインを実装していました。 プラグインの内容としてはアドベンチャーゲーム等によくある「回想モード」です。 ゲーム内で一度でも見たCGやゲームシーンを、後から再生する際に利用するアレです。 画面の構成から考えて、Scene_Baseをプロ…

【RPGツクールMV】ダンレボ風の音ゲープラグインを適当に作ってみた

ツクールMV発売まであと2日となりました。 日曜日(12/13)から体験版を触っていて、勉強がてら「音ゲープラグイン」チックなものを作ってみました。 再生される曲は、以前自分で作った「モノクロストリング」 サンプルゲーム http://www.rinsymbol.sakura.ne.…

【RPGツクールMV】JSライブラリを使ってみる

先日、RPGツクールMVの体験版が公開されました。 RPG DL あと少しで発売日(2015/12/14現在)なのですが、 どうしても我慢できず、使ってみることにしました。 個人的に使ったもの 変数に値をセットする $gameVariables.setValue(variable_id, value); キー入…

【メモ】Node.jsをUbuntuにインストールする

MEANスタックやってみたい。 欲求のままに、関係するファイルをインストールしようとしたが、 Windows8.1にもMacOS X(Mavericks)にも、generator-angular-fullstackが入らん ・何度試しても、インストールがとまる。 ・5分~10分程度ならまだしも、1時間たっ…

【メモ】パーフェクトJavaScript-part03

イベント処理設定 HTML要素の属性に指定する(イベントハンドラ) DOM要素のプロパティに指定する(イベントハンドラ) EventTarget.addEventListener()を利用する(イベントリスナ) イベントハンドラ <script> function stop(event) { alert('stop'); // 戻り値としてfal</script>…

【メモ】パーフェクトJavaScript-part02

Documentオブジェクト DOMツリー構造のルートノード 対応するタグがHTMLドキュメントに記述されているわけではない HTMLドキュメント全体を表現するオブジェクト JavaScript内において、documentというグローバル変数でアクセスできる 正確には、documentはw…

【メモ】パーフェクトJavaScript-part01

DOM(Document Object Model) HTMLやXMLドキュメントをプログラムから利用するためのAPI ドキュメントをツリー状の集合として扱う DOMツリー ノード 子ノード 兄弟ノード 親ノード DOM Level 1 Core HTMLに限らない一般的なDOM操作についての仕様 getElements…

【メモ】JavaScriptプロパティの存在チェック

プロトタイプ継承したプロパティもチェック in indeveloper.mozilla.org function MyClass() { } var m = new MyClass(); var bool = "toString" in m; console.log(bool); // true 直接のプロパティのみチェック hasOwnProperty Object.prototype.hasOwnPro…

【メモ】JavaScriptの変数について

ReferenceError例外の回避 var a = a || 7; // aが宣言済みかどうかの判断はできていない 宣言済みかどうかの判断 if(typeof a !== 'undefined') { var b = a; } else { var b = 7; } // 厳密には、「変数aが宣言されていない」ことと、「宣言済みで値がunde…

【メモ】楽しいenchant.js-part03

画像の読み込み 画像ファイルの事前読み込み Game.preload(assets) 画像ファイルを事前に読み込む 引数:{...String} assets 事前に読み込むファイルのパス、uri png, jpg, gifの利用が可能 preload(image_uri) preload(image_uri, image_uri2) 二つの画像を…

【メモ】楽しいenchant.js-part02

ゲームオブジェクト ゲームオブジェクトはfpsを持っている Game(width, height) 単位時間あたりにいくつフレームが処理されるかを示す値 フレームとは、映像のコマ 16fpsならば1秒間に16フレーム addEventListener(Event.ENTER_FRAME, function() {})で設定…

【メモ】楽しいenchant.js-part01

enchant.js window.onloadでエントリ gameオブジェクトの作成 game = new Game(width, height); ゲームで使う画像は事前に読み込み game.preload(uri); game.onload内に実際の処理を記述していく ゲーム画像はSpriteという単位で扱う var nanika = new Sprit…

【雑記】Markdownについて

RedmineはマークダウンにRedcarpetを使っている模様。 プレビュー時/issues/preview/new/projectにひもづくコントローラに対してリクエスト送り マークダウンをHTMLに変換したものを返却。 jstoolbar.js redmine/public/javascripts/jstoolbar/jstoolbar.js…

【Django】CSRF_TOKENをセットするJavaScriptのコードリーディング(一昨日の続き)

一昨日の続き。 【Django】AjaxとCSRF_TOKENについて(昨日の続き) - 気ままなタンス*プログラミングなどのノートブックrinnegrid.hatenablog.com DjangoでAjaxやるときのjQueryフックコードのサンプルが記載されていた。 ただリファレンスに沿ってコピペす…

【Django】AjaxとCSRF_TOKENについて(昨日の続き)

AjaxでPOSTリクエストを送信する方法がDjangoドキュメントに書いていた。 CSRF対策のため、CSRFトークンは必須であることを覚えておく 通常のやり方だと、不便なので、ヘッダー[X-CSRFToken]をセットするためのフック機能を追加する 以下URLのAJAXの部分を引…