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

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

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

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

最近知った事2個

続きを読む »

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

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

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

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

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

免責事項

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

Work(製作実績)追加

Work(製作実績)に「有限責任事業組合」サイトを追加しました。
WordPressでのサイト構築です。

カセットテープなmp3プレーヤー

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

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

セキュリティ対策

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

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

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

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

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

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

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

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

yui-compressor-online

yui-compressor-online

Adobe Kuler 配色ツール

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

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

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