javascript

ゔぇは Vue.js のゔぇ

へろーわーるど var app = new Vue( { el: '#app', data: { message: 'V is for Vue.js' } } ); <div id="app"> {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./index.js"></script> これを書いてるときに、markdown-mode のコードのフォントがおかしかったので修正していた。

Socket.IO やってみた

const Http = require( 'http' ); const Express = require( 'express' ); const Socket_IO = require( 'socket.io' ); const app = Express(); const server = Http.createServer( app ); const io = Socket_IO( server ); const port = 3000; app.get( '/'…

よく考えると coke とか joke とかいい名前があるじゃまいか

よさげなビルドツールを作ることはよさげな開発人生に一条のいい感じの光を投げかける的ななんかアレなわけです。 以下の C 言語なソースコードをビルドすることを考えてみましょう: // main.c #include <stdio.h> int main() { printf( "Hello, World!\n" ); return </stdio.h>…

class が export キーワードで export できなくてちょっと悲しかった

node のバージョンはこんな感じ: % node --version v6.3.1 wasp を書いてたら、 // ↓ class は書けるのに、export ができない!!!>< /* export */ class Emitter { constructor() { this.events = []; } on(name, cb) { this.events = ( this.events || …

ビルドツール Wasp とかどうかな

Fly を見ていたらこういう風に書けたって良いんじゃないかなと思った: const gcc = require( 'wasp-gcc' ); const paths = { scripts: [ 'src/**/*.c' ], dist: 'obj' }; export default function () { this.ready( 'build' ); } export function compile() …

モジュールの書き方

練習コードを書いてみて分かったことを備忘録的に書いてみる。 とりあえず、TypeScript っぽい構文のコードと JavaScript のコードを付きあわせて説明していくと思う。 % tsc --version message TS6029: Version 1.6.2 空のモジュール TypeScript っぽいコー…

XMLHttpRequest を使ってみた

うん、無理。 window.onload = () -> button = document.getElementById 'xhr-btn' button.onclick = () -> image_id = "av5bde" xhr = new XMLHttpRequest() xhr.onreadystatechange = (event) -> if xhr.readyState == 4 if xhr.status == 200 result = do…

こんな時、どう書くの? (CoffeeScript 編)

http_request.request( request_option, function (response) { var buffer = ""; response.setEncoding( "utf-8" ); response.on( "data", function (chunk) { buffer += chunk; } ); response.on( "end", function (chunk) { callback( buffer ); } ); } )…