IEでJavaScriptのデバック

今年もヨロシクお願いします。って、もう2月ですよ。

家では仕事からちょっと離れたいので、専らDTMをやっています。
・・・・・って、そんなに離れてないか。

2MIXの難しさや奥深さを改めて感じる今日この頃。
ある程度まではできるんだけど流石にプロのレコーディングエンジニアの様には
いかない。当たり前か。
ソロソロ佳境に入ってきたところ。
色々楽しみです。

話は変わりますが、仕事ではWEBアプリを作っているんですが
IE6縛りの開発でちょっと困ったのがJavaScriptのデバックです。

今時はFireBugなのでしょうが、IEだし。FireFox未サポートのアプリだし。
IEでもツールバーとかアドオンとか入れれば?と、思うわけですが。
ブラウザ自体に色々入れてはいけなかったり、そもそもツールバーとかは全消しな状態のアプリなのでメニューバーすら使えない。
しかもJavaScriptは大量なのでエラー発生時の特定が面倒。

そこで、MSオフィスが入っていればデバックできる方法がある。
(最近はもっと良いものがあるのか謎ですが・・・・VisualStudioだとMicrosoft Development Environmentとかいうのもある)

インストール備忘録。
オフィスのバージョンによっては色々違うかも。

※環境はWinXPとOffice2000で説明してますが、環境が違う場合は読み替えてください。
※もちろんMicrosoft Office がインストールされていること。
続きを読む »

Rectools08pro マルチトラックレコーダー

iPhone / iPod touch アプリ「Rectools08pro」を買った。

8トラックレコーダーがココまで小さく多機能になるとは思わなかった。
値段も4,600円(今は1,000円)と格安です。
個人的には家での作曲メモに使っていこうと思います。

使ってみた感じはとても良いです。
レイテンシーもそんなに感じない、今のところ落ちたりもしない。
まぁやっていることが大した使い方じゃないというのもありますけど。

直感的に使えるが唯一、録音MIXデータの転送は良く解らなかった。
以下にMIXデータ転送方法を解説

  • ダウンロードする端末PCはiPhone / iPod touchと同じWi-Fiにつないでいること。
  • ミキシングを行い2chにミックスを完了しておく。
  • PC SYNCボタンをクリック(ココでIPアドレスを含んだメッセージボックスが出る)
  • 上記のIPアドレスをPCのブラウザのアドレスバーに入れる。

以下のようにダウンロード画面が表示されるのでダウンロードしましょう。
test

試しにアンプを通さないで弾いたギターをマルチトラック録音してみました。
外を通る車の騒音とかも録音されていてこれはこれで面白い感じです。

Rectools08pro / TEST

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

GitとTortoiseGit

git
いやー「Git」来てますね!え?ぜんぜん来てない?
・・・・・
うん、そういや僕の知っている現場ではぜんぜん来てないや。
今の現場はまだCVSだし、全然困らないし。
で、分散型って需要もココには無いのです。
でも、バリバリ使っているところでは使っている。

分散型バージョン(プロジェクト)管理というものはどんなものだろうか?
とにかく、触ってみたい!ので
今借りているレンタルサーバ「さくらインターネット(FreeBSD)」にインストールしてみました。
というか、他のブログにソースが転がっていたので楽々です。
あと、さくらインターネット関連では「さくらでSubversion」ってのもよくあるけど、SVNよりGitのほうが
断然インストールは簡単です。

サーバー側は良いけど、やっぱりクライアント側はTortoiseSVNみたいに
サクサク使いたいのでTortoiseGitを使ってみました。
こちらも情報は結構転がっていましたが、ちょっと最初戸惑ったかな

サーバー側のインストールを紹介。
リポジトリの作成、クライアント側からTortoiseGitで突く一連を(備忘録として)書こうと思います。

続きを読む »

Enterを押すとsubmitされる条件、とか

最近やっと製造終わってちょっとホッとしているところで、
ブログ書ける状態=精神的に余裕がある。
ブログ書けない状態=精神的に余裕ないっす。
そんなわかり易いかんじでやってます。

WEBの仕事やってないって先日書いたけど、WEBアプリ作っているのでWEBの仕事じゃん。
まぁ、ちょっと俺の中ではある境界線があるんだけど。。。まぁいいや。

そんなWEBの世界はまだまだ知らないことばかり、普段なにも感じないことにもちゃんとルールというか、仕組みがあって
あ?、そういやそうだなって感じることが多いです。
というか、基本的なことがマダマダちゃんと解っていないのか?

最近知った事2個

続きを読む »

CSSプロパティフォーマット調整

最近はWEBの仕事をしていないので、なんだかいろいろ忘れそうな今日この頃です。

CSSのプロパティーフォーマットについて便利そうなものがあったので紹介します。
DreamweaverのExtensionで「CSSプロパティーフォーマット」というものです。

タイトルそのままですがCSSのプロパティーのフォーマットを整形するツールです。
現場によってはCSSのフォーマットにコーディング規約があったりするところもあり
なんだ、A?Z順に並べるとか、要素毎に並べるとか、色々あるところではこの誰か一人がこのツールで定義してあげれば楽チンだと思います。
詳しい使い方はこちらのサイトで調べてください。

あ、そうそうこれ忘れてた。

免責事項

CSSハックなどを使っている場合、予期しない形で整形が行われてしまう場合があります。必ずファイルのバックアップを取った上でご使用ください。

JavaScript、CSSファイルを圧縮しよう

JavaScriptやCSSはダウンロードされてから動作するのでサイズは小さい方が良い。
最近のJavaScript、CSSが肥大化しているのは言うまでも無いです。

そこで製作者としては、できるだけファイルサイズを小さくして、外部ファイルを
読み込ませればそれだけ描画、動作も軽くなりますよね。最近は高速ブロードバンドですが、ナローバンドのユーザーだって沢山いるんです。

結構いろんなツールが出回っていますが、僕のお気に入りは
「YUI Compressor Online」
です。Webでできるツールです。無料です。
お手軽で良いです。

yui-compressor-online

yui-compressor-online

Adobe Kuler 配色ツール

Web屋って楽な仕事なんじゃないの?と思われがち。
僕も楽勝だと思ってた。
どんな仕事でも楽な仕事なんて無いんだ・・・
とにかく、いろんな勉強、知識を身に付けないといけない。
僕のようにどっちつかずの人間は、フロントエンド、バックエンド両方のリクエストを聞かなくてはいけないのです。
本題。

今回は配色の組み合わせについて。
配色の好き嫌いなんてね、そりゃ個人の主観なので、そんなのもめるに決まっているんですよ。えぇ。
同じ「赤が好き」だって相当もめるんです。永遠と解決はできないと、僕は思いますね。
ココばかりはデザイナーに任せるのがプロです。
社長とかが横から「なんかなー、ピンクぽい色がいいな?」なんて言うのはどうなんだろう・・・、
もめる前にディスカッションが大切なので、製作者側もそれなりの説明責任があるので、なんとか適当なことを言いましょう(笑)

そんな配色組み合わせを便利に、視覚的に、手軽にできるのが
Adobe 「Kuler」(クーラー)です。
続きを読む »