忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

0から100までの範囲の乱数を取得し、変数valに格納する。

/* 0から100の範囲 */
var val = Math.round( Math.random()*100 );

/* 1から100の範囲 */
var val = Math.ceil( Math.random()*100 );

/* 0から99の範囲 */
var val = Math.floor( Math.random()*100 );

Math.random関数で、0から1の範囲の不動小数点数のランダムな値を取得し、100を乗算して、Math.round関数で小数点第1位の値を四捨五入している。また、Math.ceil関数は小数点数を切り上げ(繰り上げ)、Math.floor関数は小数点数を切り捨てる(繰り下げる)。

「竹取JS」を使うとjavascriptで指定されたブロックを縦書きに変換してくれます。

 

対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスはMITライセンスとのことでライセンスにしたがって無料で利用できます。実装もシンプルですので縦書きコンテンツがつくりた方は是非どうぞ。

竹取 JS


 

<a href="javascript:void(0);" onclick="action();">クリックしたら何か実行</a>



ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール

私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。
やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。

CSS編

  • CSS Compressor
    圧縮度合いを4段階から選べる。どこをどう変えたか、ってログも出る。
  • CSS Drive Gallery- CSS Compressor
    圧縮度合い3レベル+コメントを残すかを選べる。でも、ソース内の日本語(フォント名やコメント)には対応してないのが致命的。。。
  • Code Beautifier
    オプション項目が多く高機能。日本語もいけました。逆に、圧縮されたものを読みやすく戻すことも出来ます。
  • Clean CSS – CSS Formatter and Optimiser
    上記Code Beautifierとほぼ同じような感じ。個人的にはこっちの方が見やすいかな。
  • CSS Optimizer (CSS最適化ツール)
    日本語版。to-Rの西畑さんが公開してるツールといういところが個人的に◎

JavaScript(&両方)編

  • dean.edwards.name/packer/
    すごくシンプルなJavaScript圧縮ツール。
  • Online JavaScript/CSS Compression Using YUI Compressor
    JSとCSS両方に対応してる。コードのコピペだけでなくファイルアップロードでもOK
  • 追加 zbugs (beta)
    こちらもJS,CSS両方に対応。特色は、自分の書いたコードだけでなく、任意のサイトのURLを入れると圧縮されたファイルをDLできるという便利サイト。

Processingとは

John Resig - Processing.js

このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。

f:id:amachang:20080509193648j:image

 

Processing とは、ビジュアルデザインのためのプログラミング言語で、 Java のような文法をしています。

ビジュアルデザインのためのプログラミング言語というと難しそうですが、実際はとても簡単です。

たとえば、以下の 2 行を書けば、丸が書けてしまいます。

size(200, 200);
ellipse(100, 100, 100, 100);

f:id:amachang:20080509220630p:image


こちらのサイトに詳細がまとめてありました
http://d.hatena.ne.jp/amachang/20080509/1210355674
リファレンスはこちら
http://processingjs.org/reference/
 

ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
02 2017/03 04
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]