エプソンダイレクト株式会社
Home > Tips > Web

2013年12月21日(土曜日)

HTML5 という技術

Category: Web | Posted By at 23:59:04

HTML5 + CSS3 という話が出て久しいですが、
まだまだ確定という訳でもないようで、
こういう生きた技術を扱う Web 屋は
本当に大変だなぁと思います。

HTML5 の hgroup が廃止されてたというのは
恥ずかしながら最近知りました。
正直使いどころが難しいなぁと思ってましたが、
複数の Hn タグをまとめられるということで
それはそれ、使い道を見極めてはいたのですが…。

よく会社のホームページを自社で…
メンテも自分でやります…
とおっしゃる方もおられるのですが、
こういうところを追っかけていくのは
本当に大変なんですよ (´・ω・`)

自社のホームページもいじりたいのですが
当分先になりそうです。
まさに紺屋の白袴…(笑)。

2013年10月29日(火曜日)

デスクトップのアイコンが消えた !?

Category: Tips | Posted By at 22:51:26

先日実家に帰った時にデスクトップのアイコンが消えた !!
と父親からヘルプ依頼がありました。

たしかに…表示されていない…。

でもこれはあまり騒がないでもよさそうです。
デスクトップの背景で右クリックをし
表示→デスクトップアイコンの表示
にチェックがついていないだけの可能性があります。

デスクトップアイコンの表示

色々とマウスを触っている間に誤って
チェックを外してしまったのかもしれません。

でも知らないとびっくりしますよね(笑)?

2013年7月17日(水曜日)

HDD を増設してもディスクの管理で認識されない

Category: Tips, 技術サポート | Posted By at 23:38:52

ディスクの管理

HDD を増設したけれどマイコンピュータに認識されない…
という問題が発生した時にまず確認してほしいのが『ディスクの管理』。
通常 HDD 等のドライブは『ディスクの管理』で確認できます。

出し方は『コンピューター』を右クリック→『管理』を選択し
『コンピュータの管理』ウィンドウで『記憶域』→『ディスクの管理』
又は『コントロールパネル』→『システムとセキュリティ』→
『管理ツール』→『ハードディスク パーティションの作成とフォーマット』
で表示できます。
ここでドライブにマウントされていなければ当然認識はされません。
『ドライブ文字とパスの変更』で任意のドライブを割り当てれば OK 。

ただ BIOS で認識されている(つまり機械的には正常に認識されている)
にも関わらずこの『ディスクの管理』で認識できない場合があります。
Windows XP のデータを移すために HDD を内蔵したら認識しない。
このような症状が Windows 8 で購入直後に起こった場合は、
まず慌てず騒がず Windows Update で
ドライバのアップデートを行ってください。

知らないとケーブル周りを疑ってハマります(笑)。

2013年6月13日(木曜日)

ajaxzip3.js で市区町村と所番地等を分ける

Category: Tips, Web | Posted By at 23:36:48

ちなみに現在自社で使っているシステムでは
郵便局から CSV ファイルをダウンロードしてきて
それを加工して利用しているのですが
メンテナンスするのも面倒ですし、
いちいちそのデータを自社で抱え込むのもナンセンスです。
ただ自社で使っているものは、1) 都道府県、2) 市区町村、3) 所番地
という管理をしているのですが、どうやっても 2) と 3) が
一緒になってしまいます。

はて…と思っていたらなんとか解決方法を見つけました。
同サイトの『都道府県以外の住所部分が1つになってしまう』 を見ると
パラメータが逆になっているようですね。
もちろん 'dummy' のようにしてもいいのでしょうけど、
同じ中身を変えるなら…ということで

ソース版を修正する場合
57 行目の
AjaxZip3.zip2addr = function ( azip1, azip2, apref, aaddr, astrt, aarea ) {

AjaxZip3.zip2addr = function ( azip1, azip2, apref, aaddr, aarea, astrt ) {
のように aarea と astrt を入れ替えます。それだけです。

軽量版https 版を修正する場合
"沖縄県"];AjaxZip3.zip2addr=function(h,g,k,b,a,l)

"沖縄県"];AjaxZip3.zip2addr=function(h,g,k,b,l,a)
のように l と a を入れ替えます。それだけです。
悩まれている方、一度試してみて下さい。

2013年6月12日(水曜日)

郵便番号からの住所入力を簡略化する ajaxzip3.js

Category: Tips, Web | Posted By at 23:41:34

http://code.google.com/p/ajaxzip3/

ajaxzip3.js は、郵便番号から住所の情報を引っ張ってくることで
住所入力の手間を軽減するためのものです。
導入については

<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>

とするだけで組み込め、

<input type="text" name="zip" onkeyup="AjaxZip3.zip2addr(this,'','pref','city','area','street');">

のようにすると各フォームに自動入力されます。
結構住所入力って手間なのでこれで軽減できるのではないかと思います。

ajaxzip3.js での住所入力ですが、
input タグの name 属性をパラメータとして持ちます。

AjaxZip3.zip2addr( 郵便番号上三桁, 郵便番号下四桁, 都道府県, 市区町村, 所番地, 丁目番地 );

のように 6 個のパラメータを持ちますので
それぞれ

<input type="text" name="zip3">
<input type="text" name="zip4" onkeyup="AjaxZip3.zip2addr( 'zip3', 'zip4', 'pref', 'city', 'area', 'street' );">
<input type="text" name="pref">
<input type="text" name="city">
<input type="text" name="area">
<input type="text" name="street">

のようにしておけば自動入力できます。

また

<input type="text" name="zip" onkeyup="AjaxZip3.zip2addr( this, '', 'pref', 'city', 'area', 'street' );">
<input type="text" name="pref">
<input type="text" name="city">
<input type="text" name="area">
<input type="text" name="street">

とすれば郵便番号七桁からの変更も可能です。

省略すると前のものにまとめて表示されますので、

<input type="text" name="zip" onkeyup="AjaxZip3.zip2addr( this, '', 'pref', 'other' );">
<input type="text" name="pref">
<input type="text" name="other">

としてやれば都道府県以外はまとめて表示されます。

2013年5月30日(木曜日)

Yahoo ! グループに参加できない時に

Category: Tips | Posted By at 23:54:48

某 ML に Yahoo ! グループが使われているようですが、
どうやら私だけはじかれてしまっているらしい… (´・ω・`)
こりゃきっと、『さっさと退会しろっ !! 』
という神のお告げなんやろうねぇ…と思っていたのですが、
どうやら違うようです。

私の場合、メインのアドレスで登録することが多いのですが、
このメールアドレスが既に Yahoo ! メールと関連付けられており
メインのアドレスに招待しようとするとエラーになるようです。

一度 Yahoo ! メールで招待してもらい、
後から送信先をメインのアドレスに変更しましょう。

これであなたも仲間はずれから解消されます(笑)。

2013年5月17日(金曜日)

Java のアップデートに注意

Category: Tips | Posted By at 23:38:05

なんかこの間も書いたような気もしたのですが気のせいでした。
ORACLE よ…、おまえもか…。

Java は SUN Microsystems が開発した言語で、
現在は買収先の ORACLE によって引き継がれ、
パソコンをはじめ様々な分野で利用されています。

ただしこの Java は普及率が仇となり、
脆弱性が見つかると攻撃対象になりやすく、
アップデート必須のソフトウェアの代表格となっています。

定期的に行われるこれらのアップデートの際に
McAfee ウイルス対策ソフトのインストールを奨めてきます。
何も考えずにインストールすると
ウイルス対策ソフトが重複してしまい、
パソコンのトラブルを引き起こしかねません。

くれぐれも Java のアップデート時には
McAfee のインストールはしないでください。

最近 McAfee が Uniblue と同レベルの会社に思えてきましたよ… (_ _;;;

2013年4月25日(木曜日)

jQuery 2.0

Category: Web | Posted By at 23:59:29

http://jquery.com/

私も不勉強でしたが、jQuery に 2.0 が登場しているようです。
jQuery というのは JavaScript のライブラリの一つで、
ブラウザ間の JavaScript の差異を吸収して、
共通の記述方法で動くようにしたものです。

まぁなんとなくでいいです(笑)。

この jQuery 等の JavaScript ライブラリは
固定的なコンテンツの表示が多い HTML や CSS に
動きを加えて表示させるときなどに使用します。
例えば画像がニュ~~~と出てくるようなものや
フォームの入力チェックなんかにも使えます。

で、この jQuery 2.0 ですが、

jQuery 2.x

jQuery 2.0 has the same API as jQuery 1.9, but does not support Internet Explorer 6, 7, or 8. All the notes in the jQuery 1.9 Upgrade Guide apply here as well. Since IE 6/7/8 are still relatively common, we recommend using the 1.x version unless you are certain no IE 6/7/8 users are visiting the site. Please read the release notes carefully.

ということなんですね。

つまり InternetExplorer の 6 ~ 8 はサポートされていないそうです。
ちなみに WindowsXP は 8 までしかサポートされていないので、
WindowsXP ユーザは切り捨てられた感じです。

WindowsXP のサポートは来年四月まで。
そろそろ皆様も本格的に移行を考えていただきたいと思います。

2013年4月16日(火曜日)

Google の使い方 ~ その 3

Category: Tips | Posted By at 23:51:12

Google の検索で画像検索というのがあります。
画像検索は、ネット上から画像に絞って検索するもので、
少し前に話題になった『マツコデラックス 素顔』は
少し間引かれて面白くなくなってしまいましたが、
まぁ同じ画像ばかり並んでも仕方ないのでこんなもんでしょう。

Google 画像検索のすごさはこんなものではなく、
例えば Web の画像を保存していたけど、
この画像なんだっけ?と思ったりした時に、
おもむろにGoogle 画像検索の画面を立ち上げ、
その検索窓に画像をドラッグアンドドロップすると
(大きさは問わず)その画像があるサイトが表示されます。
変な話、自分の写真が勝手に誰かに使われているかどうか
のチェックができたりします。

画像を解析してそれをデータベース化してあるんでしょうね。
自分で撮った写真等でどこにもアップしてないようなものなら
逆に雰囲気の近いものが表示されます。
何の役に立つかはわかりませんが…(笑)。

2013年4月10日(水曜日)

パスワード紛失に注意

Category: Tips | Posted By at 21:53:01

パスワードを複雑にしすぎて忘れた…なんてことはありませんか?
私はあります。しかも一日に二回も… (´・ω・`) 。
今回は複雑にしすぎました…やれやれです。

さて、いくつもいくつもパスワードを作り続けると
あれ?どれやったっけ?というのはよくある話です。

一つは忘れてもいいや !! と開き直る方法。
『忘れた場合はこちら』というようなリンクが
慌て者のあなたを救ってくれるでしょう。
適当にパスワードは作るけれども
登録するメールアドレスはきっちりしておき、
忘れたらパスワードを都度都度再設定する…
というのも後ろ向きなようで前向きだと思います。

もう一つはキーとなるパスワードを決めて
そのアレンジパターンを決めること。
例えばパスワードを password (絶対真似しないように !! )
としたとして、example.com というというサイトで登録したなら
パスワードは pEaXsAsMwPoLrEd とか、PassExaWordMple とか…
さらにこれを軸にして pEaXsAs@AsMwPoLrEd!? とか
PassExa_WordMple(^o^)v とか遊んでみるのもありかもしれません。

私がよく使うのは捨てパスワードと、普通パスワードと、
絶対パスワードを使い分ける方法。
これらも使い続けるとどんどんヤバくなる可能性があるので、
定期的に変更するようにしましょう。

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム