studio-fun.net

思春期に、ほぼ腐ったアナログレコードとカセットテープで育ったおかげで、最近のへなちょこなオーディオ機器でも「音良いなー」とか思ってしまいます。
で、やっぱり今では懐かしいNapstarのおかげでmp3にもどっぷりはまって
もう音質なんてドーデも良くなってしまった、というより、少しくらい劣化しているのがちょうど良いくらいです。

そんな懐かしいカセットテープのmp3プレーヤをWEBに貼り付けましょう。
あんまり調子に乗って貼り付けてるとレコード会社から怒られるそうです。
詳しくはこちら

先日職場でIDとパスワード管理の話になった。
皆の話でも出たように面倒くさいし、セキュアではない。

ネットバンク、SNS、ブログ、FTP、etc・・・・
様々なサービスをアカウントを作成し、IDとパスワードを作り提供を受けているのだけど
最近あまりにも多すぎて管理に困っていた。

僕はある方法で管理していたが、どうもセキュリティ的によろしくない。
しかも例外がたくさん存在しているので、管理されているとは言いがたい。

そこで、こういうアプリケーションツール（keepass）を使い更に、そのアプリをUSBメモリ（指紋認証）に突っ込んで
使うことにした。
keepassはIDとパスワードをセキュアに管理できるアプリだ。
Windows、Mac、Linux版がある。勿論日本語化できる。
レジストしないので持ち運びもできる。

こうすればパソコンが壊れても被害を受けなし、USBメモリー紛失しても自分でしかそのツールは使えないのです。
それから、念のためUSBメモリーを紛失、破損した場合も考えてこのツールをPC上にもバックアップを取っておくこと。

使い勝手は今のところ良い感じだ。

Google chromeについている開発ツールが結構良い感じ。
僕がすきなのは「開発/管理>JavaScriptコンソール」
Elementsもいいけど、ResourcesのTimeやSizeは立ち上げながらサイトを読込んだりすると楽しいです。

まぁ、そんな事ばっかりしていると嫌われますのでコッソリね。

chrome

studio-fun.netがレンタルしている
さくらインターネット

はセキュリティ対策を強化するらしい。
WAF（Webアプリケーション・ファイアウォール）の導入
※新たに導入されるのは、ジェイピー・セキュア製のシグネチャ型WAF「SiteGuard」

と「共有SSLサーバ証明書」の無償提供だそうです。
さらに、MySQL5の提供も開始。
昨年11月にディスク容量が増えたばかりでさらにサービス向上です。

WEBアプリ開発では避けて通れないセキュリティー対策です。
WAF（Webアプリケーション・ファイアウォール）の導入では
いろいろと問題がありますが、入れないより安全だと僕は思います。
Webアプリ開発では、SQLインジェクション、XSS（クロスサイトスクリプティング）対応が
かなり大変です。
最初から考慮（設計）されていれば良いのですが、ノーガードのWebアプリケーションを途中から渡されてから対応してくれというのは相当面倒。
なので、Webアプリケーションの対応も良いですが、WAF（Webアプリケーション・ファイアウォール）の導入を考えた方が良い場合もあります。
開発するのと、運用サーバーにインストールするのと、費用、や影響範囲をイロイロ考えて対応することが大切です。

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

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

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

yui-compressor-online

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

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

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

個人的にとてもすばらしいWebサイトで猛烈に感動したので紹介します。
リットーミュージックのギターマガジンサイトにある 「ギターコード指板図くん(しばんずくん)」です。
無料で利用できます。
自分コードとかをちゃんとコード指板図とコードにしてくれるんですよ。
なんでもないようだけどココまでちゃんとしたのは無かったなぁ?
flashで作られていて音もでます。
ブログパーツも作れます。

「作ろう！ マイコードブック」

続きを読む »