Microsoft が発表!! JavaScript 系の新言語「TypeScript」を早速触ってみた&使い方紹介

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

つい先日 Microsft が「TypeScript」という新たな JavaScript 系言語を発表しました. Dart, CoffeeScript, JSX 同様 JavaScript に変換して実行することができます.

導入が簡単だったのでさっそく使ってみました.

screenshot

Read More

Node.js でサクッと圧縮! JavaScript 圧縮ライブラリ『UglifyJS』の使い方

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

最近, JavaScript で開発!!って機会増えてませんか?

一昔前まではセキュリティがあまいわ速度も遅い, その上それぞれのブラウザによる独自実装のせいで うんち言語扱いされていた JavaScript.

ですが昨今, HTML5 の普及, 仕様の統一化, ブラウザ戦争の勃発による JavaScript 実行エンジンの高速化で 十分実用できる言語として普及しつつあります.

そんな JavaScript で開発する際に必要になるのがコードの圧縮化です. いくら高速化したといってもスクリプト言語である以上, script ファイルのサイズは, サーバーからの転送速度, コードのパース速度がダイレクトにユーザーの待ち時間に影響します.

今回は JavaScript のコードをサクッと圧縮する方法について解説していきます. 圧縮には NodeJS 上で動く JavaScript 圧縮ライブラリ『UglifyJS』を使用します.

tmlib.js でもバリバリ使わせてもらっているオススメのライブラリです.

screenshot

Read More

怒濤の執筆!!「enchant.js開発のレシピ」を執筆しました.

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Hello, world!

怒濤の勢いで執筆してました. 最近, ブログの更新が減っていたのはそういうことです.

そして 8月24日に私が執筆した「enchant.js開発のレシピ」という本が出版されました.

enchant.js でゲーム開発をする際に使える実践的なサンプルを 集めたレシピ集です.

サンプルは近々公開します!!

今年は『日本国民全員プログラマ化計画』に向けて大きく動きます!!

Read More

JavaScript でページ全体や要素をフルスクリーン化する方法

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

JavaScript でページ全体や要素をフルスクリーン化する方法について 紹介します.

フルスクリーン化すれば大きく画面を使うことができます. ブログなどにボタンとして置いておくと便利かもしれませんね.

tmlib.js では要素を拡張して標準でサポートしているのですが, 中で何をやっているのか少し触れてみようとおもいます.

Read More

JavaScript の Date オブジェクトで一日をカウントダウンするプログラムを書いてみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

以前書いた,『 『リッチマン、プアウーマン』のデスメールカウントダウン演出を再現してみた』で作成したサンプルから, 一日の残り時間を取得する部分を抜き出してみました.

単純に一日の残り時間を表示してカウントダウンするだけの単純なサンプルです.

Read More

JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

以前, 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. で紹介した 魔法陣のサンプル.

このサンプルの色違いを色々と作ってみました.

screenshot

Read More