ブログを作る※無料・簡単アフィリ    ブログトップ | 楽天市場
511678 ランダム
画像のロールオーバーはMJLで実装… (パソコン・家電)楽天ブログ 【ケータイで見る】 【ログイン】

Webのお仕事雑記帳 まいまいの日記

<< 前のページへ一覧

全て | カテゴリ未分類 | Web標準 | Web標準対応 - レイアウト実践 | PC&Web | CSSメモ | 雑学 | お取り寄せ | オオイヌノフグリ成長記録 | デュランタ(タカラヅカ)の成長記録 | Web標準 -2007- | PHP | XOOPS

2010/05/17 楽天プロフィール Add to Google XML

画像のロールオーバーはMJLで実装してます



「MJLがバージョンアップされました!」

とってもお気に入りの MJL (MITSUE-LINKS JavaScript Library)というJavascript ライブラリが
2010年5月11日に 2.1.1 にバージョンアップされました。

使い始めて、1年くらいになるかな。

一番のお気に入り機能が、ロールオーバー。

Javascriptを放り込んで、いつも同じ規則のclassとファイルを準備すれば、実装できてしまう優れもの。

元ファイルを「btn.gif」とすると、ロールオーバー画像は「btn_o.gif」とするだけ。

class="roll" でロールオーバーが有効となり、class="unroll"で無効になる。ここは使ってみるとわかるかな。

jQueryやprototype なんかと干渉し合わないのが特に嬉しい!

少しカスタマイズして、使わせていただいております!

画像がキャッシュされないようにしたり
「_o」だと私にとっては直感的でないので「_on」をくっつけるようにしたりね。


これからもお世話になります!MJL!


詳しくはこちらをご参照ください → MJL (MITSUE-LINKS JavaScript Library)

最終更新日  2010/05/17 05:49:05 PM
コメント(1) | コメントを書く


2009/04/25

いわゆるJISの文字コード宣言
[ Web標準 ]    



「いわゆるJISの文字コード宣言ってどう書くんだっけ?」

すごく久しぶりに雑記帳へメモします。

ほとんどが UTF-8 でホームページを組んでいるので
書き方を忘れてしまいました。いわゆるJISの文字コード。
「jis」じゃないんですもんねぇ(^^;)

他の書き方も一緒にメモしておきましょ。

ISO-2022-JP
@charset "iso-2022-jp";

Shift_JIS
@charset "shift_jis";

EUC-JP
@charset "euc-jp";

UTF-8
@charaset "utf-8"


*近況*

携帯向けサイトを作っております。
自分用でなくて、お仕事なんだけれども。
わからんことだらけですよぉ~。検証もつらいところですねぇ。
でも小さな世界は、ちょっと面白くもあるのです。


携帯サイトコーディング&デザイン

こういうものを参考にがんばります。


★携帯サイト作成の参考に・・・

携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

ke-tai.org ケータイサイト開発のためのコミュニティサイト

携帯サイトをつくろう。 | 携帯サイト制作のために役立つ情報満載サイト

・・・・・つづく


散文誌・365(お休み中)

*Web標準関連記事*

 



最終更新日  2009/04/25 03:16:09 PM
コメント(0) | コメントを書く

2008/08/09

CakePHP レポート 其の壱
[ Web標準 ]    



「XAMPPでローカル環境を作って試用中です。」

WindowsXP環境下にXAMPPを走らせて
PHPのフレームワーク「CakePHP」を使ってみることにしました。
かれこれ1年位前に、gihyo.jpで連載が始まったのがきっかけで知りました。
「Cakeは簡単って言うけど、フレームワークって難しそうだしなー」
って思いながら、ずるずるずると1年が経過・・・


忘れないように覚書きです。

------------------------------------------

リファレンス、チュートリアル、フォーラムともに日本語で公開されているのがありがたい。

CakePHP プログラマーズ リファレンスガイド
(チュートリアルは、ページの真ん中より少し下までスクロールしたところにあり)
フォーラム - CakePHP Users in Japan

gihyo.jpの連載は、とっつきやすいのでオススメ。
インストールはものすごく簡単。基本コピペ。あとパッパと書き加えて・・・

CakePHPで高速Webアプリ開発

CakePHPはutf-8で記述されるので
ビュー(表示部分)を作成するときは、utf-8で保存することに注意。
日本語部分の表示にはエンコーディングも忘れずに!
どっかに文字コード設定があるはずだなー。

コマンドプロンプトでDBのテーブルの中身を見ながら
表示を確認したり、データを放り込んだりするとスムーズに学べる。

うーん。出来上がってきた表示を見ると
XML宣言を書く派の私には少~し難ありだけど
これは自分で書き加えればOKな範囲。

mod_writeも有効にしておきたいところなので
A.5. mod_rewrite について」を参考に変更してみると・・・失敗!アチャー!

Apacheのバージョンは、2.2.6なので
「AddModule mod_rewrite.c」の記述は必要ないようです。

フォーラム:インストールの説明
(2年ほど前のトピですが、参考になりますよ~)

------------------------------------------

最初は、ぽっつぽっつと躓きますね~
これはなんでも仕方が無い!

ローカル環境に入れたいものはCakeだけじゃなくて
MTやEC-CUBEやWordpressなんかもね。

hobomixi.com のサーバをサッパリと整理したいもんなー。



*近況*

デジタル一眼欲がちょっとだけ向上しつつあります。
キャノンの色が好きかなー。
ダカフェ日記の色が好みです。
写真集買っちゃおうかなー・・・とかブツブツと思っていますぅܤϡ


ダカフェ日記

・・・・・つづく

散文誌・365

*Web標準関連記事*



最終更新日  2008/08/10 01:09:55 AM
コメント(0) | コメントを書く

2008/07/13

PowerBookG4 のネジ穴のためにその金額は払えません!
[ PC&Web ]    



「なんだって!PowerBookG4 のネジ穴は星型のネジ穴」

凄く久しぶりに更新します。
すっかり暑くなりましたね~。

約1ヶ月前、ノートのMacが故障しました。
大したことは無いだろうと思ってはいたのですが
故障の直前、ハードがカラーン♪と鳴ったのが気になっていました。

あれってハードが吹っ飛ぶ予兆音かもしれない。
ネットで調べると、ちょくちょくそんな記事を目にしました。

本体に不具合が無いかを確認するために
同じ頃に購入した知人ノートブックのハードと交換してみようということになりました。

Macをひっくり返したことなんて無くて
しかもネジ穴なんてじっくり見たことが無くて
分解くらいすぐできるだろうと思っていました。

あら・・・ネジ穴がプラスじゃない!マイナスでもない!六角でもない!
こんなドライバー持っていない!

星型のネジ穴。

聞くところによると、初期のPowerBookG4はネジ穴が星型。
一般的でないため不評で、プラスのネジ穴に変わっていったんだそうです。

そんな雑学どーでもいいよ。
開けないということは、直せないの?メーカー送り?
待て!電気屋で交換してもらえないか?

少しくらいお金がかかっても良いからお店で交換してもらおうと思ったら
店頭での交換はできないそうでメーカー送りで5,6万程度の費用がかかるとのこと。

ドライバーさえあれば、約10分の1ですよ。

ガソリン価格が高騰し、食費だってかさむっていうのに
どんだけメーカーが持ってくんだ!クソー!(暴言失礼)

それならと、お店の方が素敵な情報をくださいました。
星型ドライバーはホームセンターなどで購入できますよ!

ラッキー☆ドライバーは1000円くらいで購入できました。
「ANEXへクスローブセット」

無事交換できて、原因はハードディスクの寿命であることがわかりました。


来週末には、新しいハードディスクと交換ができると思います。
ノートPCの裏面を外して、小さいネジを取って、2.5インチの薄型ハードを外して。

壊してしまいそうで、ドキドキです。
でも、安く上がりそうで良かったです^^


*星型ドライバー情報*

星型ドライバーのメーカーさん
ANEX - 総合ドライバーメーカー株式会社兼古製作所
http://www.anextool.co.jp/




特殊ドライバー(柄穴付)へクスローブねじ用(六角の星形)いじり止め付ねじ対応


*近況*

色々災難が続いています。
幸運を祈ります。自分に(笑)


・・・・・つづく

散文誌・365

*Web標準関連記事*



最終更新日  2008/07/13 10:51:31 AM
コメント(0) | コメントを書く

2008/05/19

パソコンに疲れたらツボ遊び



「ツボは楽しい♪」

日々、コリコリにお悩みの皆さんこんばんは。

パソコンしてると肩凝るよね。
どこが凝ってるのかわからないけど
ツボ押しは癖になります。

本屋さんで暇つぶしに最適なのは、ツボ本。

これまで、買いたいな~とお手軽な本はなかったんだけど
つい買っちゃった。


スッキリのツボ!

和田アキ子さん推薦!なんだそうですよ。
帯に書いてありました。

文庫本サイズくらいで、デスクの傍らに置いてあります。

凝りだけじゃなくて、痛みやら不調やらのツボとか
エクササイズも載っているし
イラストもいっぱいで親しみ沸くの。

出たばっかりの新品餭ぴか餭ぴか餭


*近況*

今、MT(Movable Type)触っております。
とうとう触っております。
4.1になって、なかなか賢いです。
インターフェースに慣れなくて、右往左往しております。
マイコミさんの手解き本とマイコミさんのリファレンス本をウロチョロしながら
只今習得中であります。
マイコミさんの本、やっぱ相性いいわ。

Movable Typeプロフェッショナル・スタイル

Movable Type例解テンプレートタグ辞典


・・・・・つづく

散文誌・365

*Web標準関連記事*


最終更新日  2008/05/19 07:39:43 PM
コメント(0) | コメントを書く

2008/05/05

文字コードの識別ならTeraPadが勝利!
[ PC&Web ]    



MKeditor VS TeraPad

ゴールデンウィーク中。
お天気良いって聞いたけど、時々雨ですねー。

連休前に、ちょっと浮気心が働きまして
今まで、ずずずーっとMKeditorを使ってきたんだけど
ちょっとTeraPadを使ってみよかな、って機会がやってきました。

ホームページを作っているとき
どーしても utf-8n と utf-8 をテキストエディター上で識別したくてね。

私の愛用してきたMKeditorは、文字コードの識別はできるけど
utf-8n と utf-8 を識別できなくて・・・

TeraPadはそれができる!

そこもいいところなんだけど、もうひとつ、TeraPadのほうがいいところがある。
ホイールマウスが言うことを聞くところ。

私の使っているMKeditor(XPで使用)は
ホイールが効かないんだよ。グスン。
慣れてきてたから、どーも思わなくもなっていたんだけど
TeraPadとかメモ帳なんかでもサクサク動くから
なんか、こー、浮気心がねー(笑)
おメンテナンスもされてて、最新バージョンは2008年春のもの。

今では、MKeditorとTeraPadの使用率はフィフティ~フィフティ~で
あとは、メモ帳、WordPad(どっちもWindows標準だ)を使っている。

Wordは重いからめったに使わない。
ホームページ作りには関係ないか。あはははははw
Word使うくらいなら、普段使いはWordPadで十分ですよ。

あ、ホムペ作りをタグ打ちするなら「ez-HTML(リンクウェア)」がいいと思う。
こっちも改めて検討中・・・


*オマケ*

スカウター壊れ中

朝目覚めたら、こう(↑)なってました!
9のゾロメ。ただ壊れてただけ(笑)


*近況*

最近のスカイプ

下のほうにご注目!
なんですかー!タグが丸見えじゃないですかー!
ノートでもデスクトップでもこうなってましたよー!
私だけ?


・・・・・つづく


散文誌・365

*Web標準関連記事*

 




最終更新日  2008/05/05 07:40:40 AM
コメント(0) | コメントを書く

2008/04/17

<h1>要素(タグ)の適正な使い方についてふと気づく
[ Web標準 ]    



「h1要素ってのは、そのページ内で一回しか使わないもの、使えないものだから・・・」

鳥のミンチをこねながら、「記述」について考えた。ふと思った。
それが h1要素 のこと。

ふと思ったら、気になって仕方がない。
h1要素って、ほら、SEO的にも重要なウェートを占めるし。

頭の中に沸々と湧き上がってきたものを書き留めてみると・・・

title要素とh1要素は、当たり前だけど役割が違う。
違うけれど、サイトのタイトルとh1要素に書くものってニア~イコールっぽくないかい?
でもさ、なんか違う。違うんだよね。

例えば「Web標準にアプローチ」ってサイトがあって
このブログのように、一番上に、タイトル画像がデーンってあったりしたら
その子は、h1要素で書いちゃったりしないかい?
でも記事の中に入ったり、プロフィールのページとか見たりしたらどうだろう?
やっぱりサイトタイトル(ブログタイトル)に当たる部分がh1要素?
その時は、記事のタイトルだったり、「プロフィール」だったりがh1要素???

全ページ共通なのがh1要素・・・でいいのかな。
なんか違う気がしてきた・・・うーむ。

夕食に鳥のミンチをどうにかしたものを食べてから
ちょっと調べてみた。

まー!ヒット!ヒット!大ヒット!
ちょくちょく見に行く、ミツエーリンクスさんのWeb標準Blogのかなーり古い記事に
<h1>要素の扱い」を発見!

同じこと、思うもんだなぁ~

知っとけよ!ってなことかもしれないね。
つっこんで追求したことなかった・・・今日まで。

詳しくは、「<h1>要素の扱い」を読めば、納得いくと思います。
合わせて、日本語化された仕様書にも目を通しておこうね。
7.5.5 見出し: H1、H2、H3、H4、H5、H6要素

時と場合と採用基準によるもんだけど
h1要素は、そのページの見出しとして話題・内容を短く述べたもの
と思えばいいと読み取りました。

結論としては、このサイトを例にすると
トップページでは「Web標準にアプローチ」をh1要素とし
プロフィールとか中のページについては「プロフィール」や記事のタイトルをh1要素とする。


ここじゃ無理だけど、記述の仕方、変えなくちゃ


*オマケ*
楽天のブログじゃ使えないけど、AddClipsって便利だよー。
ソーシャルブックマークボタンをごっそりセットで簡単に貼り付けられるの!


*近況*


ブレイブ・ストーリー(中)

これ、やっと上巻へ突入です。
何ヶ月かかってるんやろ(汗)


・・・・・つづく

散文誌・365

*Web標準関連記事*


最終更新日  2008/04/18 12:55:10 AM
コメント(13) | コメントを書く

2008/03/18

CSSの文字コードにやられる・・・
[ PC&Web ]    



「テキストエディターでCSSを書いていて・・・ハマッタ!」

最近は、utf-8でホームページを作っている。
もちろん、CSSも同じ文字コード。

ところがドッコイ!
utf-8で保存しても、次開いたら、sjisに戻っている・・・なんてことはよくあるお話。
それがさ、まさかさ、注視していなかったもんだからさ・・・

どこも絶対に間違っていないのに、ゆーこと聞かない、CSSめぃ!

こう思うこと、○時間・・・

原因はそれだった。勝手に戻るな!文字コード。

こんなことを防ぐには、んーまー、CSSに日本語書いとけ!ってことくらいなの?
できたからいいけどさ、無駄時間が経過していった・・・ガクゥ~

私は、MK Editor 使ってます。
ez-HTMLも使ってるとか、使ってたとかだけど、それも、どーもってなことろだった。
最新版はいいかもね。使い勝手はいいソフトですよ!
TeraPadもなんかそんな話を聞いたなぁ~

要注意事項!メモ日記でした!


*オマケ*

冬のお素麺、余っていませんか?
乾燥していない椎茸と青いネギをたくさん入れて
おにゅうめんをいただきました。
んまー。横取りされました(笑)

レシピ検索COOKPADで色々検索してみると
美味しいレシピに出会えるよ!

*近況*
春になってきましたね。
七草のひとつ、ハコベを見つけました。
365に掲載しています。
花粉症も一緒にやってきているけど・・・(汗)



・・・・・つづく

散文誌・365

*Web標準関連記事*



最終更新日  2008/03/18 06:58:27 PM
コメント(4) | コメントを書く

2008/03/01

申し込みフォーム、お問い合わせフォーム改善しましょ
[ PC&Web ]    



「申し込みフォーム作成に関する記事が気になったんだよね」

記事はこちら(↓)。一覧ページです。

[コラム] カスタマーエクスペリエンスで 道は開ける
~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン


フォームを作る機会は、しょっちゅーあって
こういうレポート結果とかメッセージは、とっても刺激になるのです。

フォーム、途中まで入力して帰っちゃうんですか?とか
入力補助は付けましょう、とか
エラーメッセージの表示位置とか・・・

フォームはね、途中まで入力して、帰っちゃうことあります。私も。
大抵それは、クッソー!(暴言失礼)って思う事態が発生しているんですよね。

長すぎて、自分的に時間切れとか
エラーがあります、とかのメッセージだけあって、どれかわからんとか
意味不明・・・とか←問題外か(笑)

日本語入力とか英数字入力の入力補助や
エラーメッセージの表示位置
さらにプライバシーポリシーなどの安心と信頼♪な部分の表記は
もっと気を配るべきだ!っと改めて思ったのでした。

IEしか効かないけど、大半はIEなので入力補助として十分な設定だと思います。

■日本語入力と英数字入力のCSSの設定
.ime-jp {ime-mode: active;}//日本語
.ime-en {ime-mode: disabled;}//英数字


このコラムの下に上げた記事は、よーく認識しておくべきことね。ふむふむ。

申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】
申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【後編】



*オマケ*
ハリウッドの星型プレート作ってみませんか?

*近況*


ラフィネ・ギャザーバンドショルダー

すっげー可愛いと思わない?
でも、けっこーなお値段なんですよ

土屋鞄製造所 (楽天市場店)のバッグって良いよね~

久々に、楽天ブックスファミマ受け取りを使ってみた。
サークルKもOKになったんだ?
でも私はファミマ♪
送料無料は嬉しいね

・・・・・つづく

東京23区中心・駅近ホテルズ散文誌・365

*Web標準関連記事*


最終更新日  2008/03/01 06:46:10 PM
コメント(2) | コメントを書く

2008/02/05

ブラインドカーボンコピー(BCC)
[ PC&Web ]    



「 BCC って使ってる? 」

昨日、ふとBCCのことを思っていて、ちょっと試してみて
ちょうど、さっき、こんな記事を見かけたので、メモ。
メール同報送信CCとBCCの正しく安全な使い方

CC と BCC の使い方は、上の記事を参照していただければいいとして
BCC で送ったときって、相手には、一緒に送った人がわからないは当然だよね。
でも、送った私も後からわかんないんだな。これが。

それってちょっとー。
あの人に送ったっけ?ってことになったりするような気がするのですが
どーなんでしょ。

BCC。今までに一度くらい使ったことあったっけかなぁ。



*近況*
ブレイブ・ストーリー(上)、読み終わりました。
ただいま、旅人中です。


・・・・・つづく

散文誌・365

*Web標準2007年版目次*


最終更新日  2008/02/05 03:42:27 PM
コメント(0) | コメントを書く


<< 前のページへ一覧一番上に戻る


Powered By 楽天ブログは国内最大級の無料ブログサービスです。楽天・Infoseekと連動した豊富なコンテンツや簡単アフィリエイト機能、フォトアルバムも使えます。デザインも豊富・簡単カスタマイズが可能!

Copyright (c) 1997-2012 Rakuten, Inc. All Rights Reserved.