Web制作会社サスケデザイン

ホームページ制作、Webデザイン、アプリ開発、ソフトウェア開発、SEO、自動翻訳

Library

メールアドレスのHTMLエンティティ化

2012年03月21日

ホームページにメールアドレスを記載するということが希にあります。直接、記述してしまうとスパムメールの餌食になります。メールアドレスを収集してスパムメールを送りつけてくるようなロボットがインターネット上にまだたくさん存在しているからです。

通常は、メールフォームを作成して、メールアドレスを収集されないようにしますが、場合によっては、文中にメールアドレスを記載したほうが、分かり易い場合もあります。

そんなときに、メールアドレスをHTMLエンティティ化します。HTMLに直接記述するのではなく、 entity.jpg という形式に変換してそのまま記述しない方法があります。

これをしたからといって、収集されなくなる保証はありませんが、収集されにくくはなるはずです。

HTMLエンティティ化についてはこちら

郵便番号を入力すると住所を自動挿入する仕組み

2012年03月10日

zip.gif
郵便番号を入力すると住所を自動挿入する仕組み。
データベースの管理など、敷居が高かったものですが、ajaxzip3を使うと2行で実装できてしまうようです。しかもデータベースの管理の必要もありません。

利用方法の解説では、下4ケタを入力し終わると住所が挿入される仕様になっていますが、onKeyUpをonClickに変えてボタンにつければ、よくあるボタン入力の形式に変えられます。

データベースのソースは郵便事業株式会社から、株式会社人気組さんが半自動で更新してくださっているようです。恐れ入ります。

UTF8以外のページに実装すると文字化けが起こるので、対策が必要になります。

SSL環境に対応、様々な形式の入力フォームに対応。レスポンスも良く、実装しない理由が見付からない良いツールだと思います。

謹賀新年

2012年01月04日

昨年中は誠にお世話になりました
本年もスタッフ一同頑張ってまいります
どうぞよろしくお願い申し上げます

昨年は、非常に忙しい日々でした。

僕自身、週に何度も徹夜をする日々があり、
一時期は、体重が8キロ減量しました。
(既に元の体重に戻してしまいましたが...)

スタッフ数も2倍に増え(もともと多くは無いですが...)
新しい体制づくりに苦心しております。

とはいえ、振り返れば充実した良い一年でした。
今年もこの勢いで進んでまいりたいと思います。

HTML5対応アニメーションが簡単に作れる

2011年05月25日

hype.jpgHTML5対応のアニメーションが手軽に作れるツールが登場しました。
Mac App Store にてHypeという名称で発売中です。
Mac App Storeなので、Windowsには対応していません。

どういう目的で使用するかというと、
Flashの代替としてiPadやiPhoneでアニメーションを表示したいという時に、
このソフトを使ってアニメーションを作成します。

アニメーションを作成する操作は直感的でFlashよりも作成し易いように思います。
ガイドの表示が非常に分かり易いところも気に入っています。

シーン設定などもあり、オブジェクトを上下左右に動かすだけの単純なアニメーションだけでなく、
クリエイターの期待に十分応えてくれる機能がついています。

実際に、HTML5を使えるのか。ブラウザ対応など大丈夫なのか。
という部分がどうしても最初に心配になってしますのですが、
その辺りもよくできていて、作成した内容によって、どのブラウザでは表示できないといった、
エラーが書き出しの際にあらかじめ表示されるようになっています。
これは非常にありがたい機能です。

書き出しの際、アニメーションは、ひとつのフォルダにまとめられ、HTMLの記述から、
JavaScriptを読み込みます。HTML側の記述はDIVで囲まれた数行を、実際に使用するHTMLに
コピペするだけなので、非常に簡単です。
「ここからここまでをコピペしてね。」というように英語で書いてあります。

ちょっと試してみたところ、表示がJavaScriptからということが災いして、
PNG画像のIE7、8での表示がちょっと汚くなってしまいます。
既知のIEバグですが、これにうまく対応してくれるようになると良いのですが...

私の作ったものは、下記URLにあります。本当は必要なかったのですが、
静止画像の予定のものを急遽アニメーションにしました。
PNGを使用しているので、IE6では表示できません。IE7,8も上記のとおりです。

http://manabell.net

おいしい石焼き芋の焼ける道具

2010年12月23日

石焼いも壷 「いも太郎」 箱入我が家では、冬になると、さつまいもを蒸す機会が非常に多くなります。妻をはじめ娘たちもサツマイモが大好きで、おやつ用にさつまいもを常備しています。

しかし、どうせ食べるなら、ふかし芋より、石焼き芋が食べたい。
そしてちょっとしたきっかけから、石焼き芋を作れる鍋というのを発見し購入してみました。

鍋に添付の石を敷き詰め、その上にイモを置きます。中程度の芋であれば5個くらい入りそうな大きさです。最初の15分は強火で、加熱。その後また15分程度弱火で加熱します。

そこで、串がとおる柔らかさになったら完成と書いてあったので、食べてみると、ふかし芋と変わらない味でした。ちょっと悔しい。

ちょっと食べる気にならなかったので、30分放置しておりました。

そして、残りの芋を見てみると、明らかにさっきとは違う見た目。よく売られている石焼き芋のビジュアルになっています。

お!これは!と思い。食べてみると、さっきとは違う、本物の石焼き芋の味になっています。

30分間火にかけるというとちょっと大変そうですが、吹きこぼれるようなものでもないので、案外楽に作れます。本当はガスコンロではなくて、ストーブがあるとベストなんですが。

石焼いも壷 「いも太郎」 箱入

top