Node.js でサクッと圧縮! JavaScript 圧縮ライブラリ『UglifyJS』の使い方 | TM Life
最近, JavaScript で開発!!って機会増えてませんか？ 一昔前まではセキュリティがあまいわ速度も遅い, その上それぞれのブラウザによる独自実装のせいで うんち言語扱いされていた JavaScript. ですが昨今, HTML5 の普及, 仕様の統一化, ブラウザ戦争の勃発による JavaScript 実行エンジンの高速化で 十分実用できる言語として普及しつつあります. そんな JavaScript で開発する際に必要になるのがコードの圧縮化です. いくら高速化したといってもスクリプト言語である以上, script ファイルのサイズは, サーバーからの転送速度, コードのパース速度がダイレクトにユーザーの待ち時間に影響します. 今回は JavaScript のコードをサクッと圧縮する方法について解説していきます. 圧縮には NodeJS 上で動く JavaScript 圧縮ライブラ
本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life
最近, JSX やら enchant.js やら arctic.js やらで JavaScript 界隈はすごく盛り上がっています. そんな中, 私自身も一石を投じようと本日 JavaScript ライブラリ 『tmlib.js』を公開しました!! リニューアルって言った方が良いのかな？ 実際には, ２年前に作っていたライブラリ 『tmlib』 を大幅に改良したものになります. 私一人でコツコツと作っていたものなのでクォリティは低めです. 誰か協力してくれー!! コンセプトは『JavaScript をより使いやすく, より便利に, そしてより豊かに』とざっくりとした感じ. やってることは 生成時に new がいらない class 定義の仕組みを作ってみたり jQuery ライクに DOM を扱えるようにしたり ajax 機能をサポートしてみたり HTML5 Canvas をラップして使いや
HTML5 マークアップ入門 | TM Life
これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた | TM Life
またまた前回に引き続き CoffeeScript についてのエントリーです. 今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました. CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので コードを見比べてみると面白いかもしれません. { } } }{ { { }{ } } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ __/ | | \_____\___/|_| |_| \
enchant.js 怒涛の 100 tips | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript 入門 基礎編 | TM Life