上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


WEB制作にDreamweaverの最新版、Dreamweaver8を使い続けて半年・・。やっと長年の疑問が解けた。

疑問というのが、Dreamweaver8で既存のPHPやPERLのファイルを開くと、ファイル自体の文字コードがEUCでかかれているのにもかかわらず、それを思い切り無視してShift-JISで開くという物。
おかげでEUCエンコーディングで書いたファイルをDreamweaver8で編集するときは、いちいちページプロパティでエンコーディングを手動で切り替えて対応するという、いちいち手間のかかる方法を取っていた。

Dreamweaver2004の時はこんなことなかったのになぁ・・と思いつつ、毎回毎回ページプロパティの画面を眺めていたのだけれど・・・。

その問題がついさっき解決!
なんか心の中のモヤモヤが一気に晴れた感じで気持ちいい~(笑
これ、ものすごい単純な設定があったにもかかわらず気がつかなかった俺が馬鹿だったようで^^;

「編集」→「環境設定」→「新規ドキュメント」の画面の中にある、「エンコーディング初期設定」のボックスの下の「エンコーディングが指定されていない既存ファイルを開くときに使用」というチェックボックスを外すだけ。

「エンコーディング初期設定」ってのは新規ドキュメントを作る時のデフォルトのエンコーディングってのはわかってたけれど、この設定を全てのドキュメントに適用するという恐ろしいチェックボックスの存在には気づかなかった・・。

ともあれ、少しだけDreamweaver8が使いやすくなって嬉しい(´∀`)



そして今日はこんな本を購入。

wordpressとmovabletypeの参考書Movable Type タグリファレンス

早速昨日の段階で、Movable Typeのテンプレート作成に行き詰まったので、本屋で立ち読みしたらHTMLタグ辞典みたいで良かったので購入。

ちょっと手にとって読んでみたけれど、Movable TypeのテンプレートタグはFC2の非じゃないねコレ^^;
プログラマーには御用達の条件分岐も普通にできちゃってるし・・。「カスタマイズ性」を歌うだけはあるなと思った。

wordpress標準ガイドブック

とりあえずこのブログ自体を、今後はwordpressに移行する予定にしたので、そのために購入。なんかMovable Typeにしろwordpressにしろ、覚えることがありすぎるー。
・・まぁ、そこが楽しいんだけれど。

明日は雨。
本当は映画でも見に行こうかと思ったけれど、一緒に行く予定の人が都合悪そうなので取りやめ(´・ω・`)

明日は朝っからPCとにらめっこかナァ。
スポンサーサイト

昨日からのデザイン案作成で結局徹夜。
なんとか今日のプレゼンに間に合ったのでホッと一息、いやほんと、心臓と肌に悪い。ただでさえ無精髭でガサガサの肌が、余計にガサガサですよ。

今日はデザイン案出しと、お客様の更新状況の打ち合わせ・提案をしてきた。その中でちょっとした思いつきがあって、更新システムにMovable Typeを提案してみた。

最近のホームページといえば、やっぱり更新のしやすさとSEO対策の2本柱。更新をしやすくするためにプログラムを埋め込むというのは昔からあったけれど、最近はSEO効果も考えて、Movable TypeのようなCMS(コンテンツマネジメントシステム)を使用したホームページが増えているみたい。

最初は( ´_ゝ`)フーン程度にしか思ってなかったけれど、実際にMovable Typeで構築されたサイトを見てみると、非常にスマートに効果的に作られていて愕然。
SEO効果も高くなる上、特別なソフト無しにお客様主体の更新ができるというのはメリット以外の何物でもなく。

一昨日の記事で触れたwordpressnucleusなどの新しいCMSより、Movable Typeの方が圧倒的に日本語のリソースが多いようなので開発もしやすそうなカンジ。

ちょっと苦労しそうだけど、自分じゃ初の試みなので、完成がとても楽しみ。



話は逸れて。

高崎市のアパートで変死体

打ち合わせから帰ってきて眠気と戦ってたらこんなニュースがトップに踊っていて結構驚いたり。おいおい、ウチから2kmくらいのところじゃねーか!

高崎市ってたまーにTV写ったかと思うと、なんかょぅι゛ょが通り魔に刺されたとかWinnyで大学生が逮捕されたとか、今回に至っても密室殺人だとか、ロクな事が無い気がする。

田舎だけど住みやすくて空気も良くて良いところなんだけどな。毎日家から観音様見てると心が和む。
観音様も、泣いてるだろうな。

長々と休んでしまっているこのブログ。
この2ヶ月いろいろとあって更新できずじまいでまたダラダラとのばしてしまいましたよ。

まずこのブログを移設しようか考え中。
なんかレンタルブログっていうのもいいんだけれど、それ以上にいま魅力を感じているのが設置型のブログ。
やっぱり自分の独自ドメインでブログ運営してみてー!ってのもあるし、なにより機能や見た目をホントに自由にカスタマイズできるっていうのが一番の利点だと思うんすよねー。

FC2は本当に良くできてるし、カスタマイズも簡単で便利なんだけれど・・なんというか、やっぱりレンタルしているっていう感じが否めない!!
ドメインもやっぱりblog58とか尽くし、FTPでデータいじれないからアップロードしたファイルの管理ってのも難しい。
そこら辺がだんだん我慢できなくなってきて、移行という考えがじわりじわりと浮かんできた次第です(笑

ただ移行するにしても候補が多すぎてそこも悩みどころ。
大流行のmovable typeはなかなか良いと思ったんだけれど、PERL言語で書かれてて、なにより再構築とかいう手間のかかる作業があるっていう辞典で却下^^;

いま移行の候補に考えているのは、海外じゃmovable typeをブチ抜いて流行しているというwordpress
こっちはオレの大好きなPHPで作られていて、中身を見てもなんかなじみやすくて好き・・・なんだけれど、いかんせん日本語の情報が少なすぎて、情報収集だけで疲れるという(´;ω;`)

ほかにもnucleusというCMSも見つけたのだけれど、こちらは日本語のコミュニティが本当に充実していて、PHPのソースもwordpressよりもきれいで見やすくてカスタマイズもしやすそうなんだけれど、スキンのカスタマイズが非常に面倒くさいという欠点があるようで・・・。
なんか肌に合わなそうなのでちょっと引き気味。

なんかそんなので悩んでいると1日PCの前でだらだらしてても答えがでませ~ん。
さぁ、どうしたものか。

 ブログテンプレートをちまちまといじり、とりあえず暫定ながらXHTML1.0 Transitional+CSSのデザインに移行完了。本当はXHTML1.1にしたかったんですがブログだと制約が厳しすぎて断念。
 FC2ブログが勝手に入れる広告のタグの部分がどうしようもなくて、W3CのCSS Validaterは通ったんですが、Markup Validaterには通らなかったのがちょっと悔しい。
 
 XHTML化で気になった点を、忘れないうちにメモメモφ(`д´)

target属性が非推奨(禁止)属性に
<a>タグのプロパティで、リンクをクリックする際に新しくウィンドウを開くなどの指定をしていたtarget="~"プロパティが、XHTML1.0 Transitionalでは非推奨に(ホントはHTML4.01から非推奨?)、XHTML1.1では使用禁止に。
name属性が非推奨(禁止)属性に
<a>、<img>、<form>、<map>タグのプロパティで、ページ内リンクを張る際に使っていたname="~"属性が非推奨要素に。XHTML 1.1では使用禁止に。ただ、<input>タグや<textarea>タグなど、<form>要素の部品になるタグでは使用可能。今後ページ内リンクを張る場合は、id属性を使用して張る。ただ、XHTML1.0の場合はid属性によるページ内リンクに対応していない場合もあるので、idとname属性を同じ値にして設定することが多い・・らしい。
タグやタグの属性名、属性値などは全て小文字
タグ名やタグの属性名、属性値は全て小文字で表記する。<A HREF="~">というのはダメで、<a href="~">という表記が正しい。また、CSSなどの色指定部分も小文字にする必要があるらしい。よく#FF33EEというのがあるけれど、これも#ff33eeにする必要があるとのこと。
全てのタグには閉じタグを使用する
<p>タグや<li>タグなど、閉じタグ(</p>とか</li>とか)が有っても無くてもOKだったタグも、全て閉じタグを使用する。ここら辺はいつも使ってたからそんなに違和感は・・無いかも。
空タグも閉じる
XHTMLのソースで一番特徴的なんじゃないだろうか。<img>タグや<br>タグも、全てスラッシュを付けて閉じなくてはならない。<img src="~" alt="~" />とか<br />みたいな。コレが結構面倒だった・・。
属性値はかならずダブルクォートで囲む
タグの属性値は、HTMLだとダブルクォートで囲もうが囲むまいがOKだったのが、必ず囲まないとダメになった。<img width=430 height=200>とかはダメで、<img width="430" height="200">とかが正しい。
非推奨タグや要素がいろいろと
これはXHTMLの前にも、HTMLでも非推奨だと言われていたタグ。とりあえずリストアップ。たぶん網羅しきれてない^^;
  • <b>タグ
  • <i>タグ
  • <u>タグ
  • <s>タグ
  • <center>タグ
  • <applet>タグ
  • <frame>タグ
  • <frameset>タグ
  • <iframe>タグ
  • align要素(<div align="center">とか)
  • bgcolor要素(<body bgcolor="~">とか)
  • border要素(<img border="1">とか)

 いろいろと変更点が多くて最初は結構とまどった・・^^;
 一度XHTMLで作った後はもう、覚えるしかないんだろうなぁと割り切って納得できましたが。
 
 とりあえず作ってなれるしかなさそうなので、FC2ブログのスキンを2個ほど作成中。なんかガビョウとか紙の切れ端をスキャナで読んで遊んでて出来ちゃったのが1つと、アメーバブログにあってかっこいいな~と思ったスキンを「インスパイア」したものが1つ。 
 
 とりあえずコレも全部、XHTML+CSSで完璧にやるぞー!と意気込んでやってます。

サンプル1 サンプル2
 ちなみにFirefoxの拡張で超便利な物を発見。

 以下引用 by Valid!なXHTMLを学ぶ

Firefox 拡張であるHTML Validatorをダウンロードし、My Computer に取り込みました!
 ページを観覧すると同時に(X)HTML構文チェックをしてくれるという優れものです。
 XML表示と同様にタスクバー(トレイ)右下に収まります。

 こういうかゆいところに手が届く拡張が多いから、やっぱりWEBデザインをするときはFirefoxが良いっすね!

 ちなみに・・FC2ブログの自動挿入タグはなんとかならないんだろうか・・。<br>タグはちゃんとXHTML風に<br />になるのに、imgタグとかはなぜか<img src="~" border="0">になるという。

 統一しろよ!!

XHTMLの書き方と留意点
XHTMLでマークアップする際の簡単な留意点をまとめてあります。こちらも見ておくとXHTMLにするときに役立つかも。

XHTML仕様書
XHTMLの仕様書原文(英語)

いくつかの覚え書き
XHTML1.0や1.1、また1.0~4.01までのHTMLの仕様などを参照できる。

 いつのまにやらYahooのブログ検索に引っかかるようになってました。昨日のジブリネタが引っかかったのか、「木村拓哉」での検索が4件も^^;
 ジブリとタレントのこき下ろし記事だったんで、なんやら申し訳ない気分です。
 
 んでもなんでYahooなんぞに・・・と考えてたら、ハッと気づきました。一応、このブログもアクセス解析を仕掛けてるんですが、数日前から「inktomisearch.com」というReferer(直前のページ情報)も国情報も言語情報も「?」の怪しげなアクセスが何度もありました。気になったので「inktomisearch.com」をドメイン検索で引っかけても、なんかアメリカの企業みたいなことが出てくるだけで全然わからず。
 
 「やべー、怪しいスパムサイトにでも引っかかっちまったんですか。」と思って、一応Googleで「inktomisearch」で検索したら出るわ出るわ(笑)
 実は、Yahooのクローラー(巡回ロボットプログラム)だったことが判明しました。通りでYahooのブログ検索に引っかかるわけですね^^;
 
 非常にありがたい話ではあるんですが、聞いたところによると、1日に1000回も巡回してくることがあるそうで・・。

以下引用 by れっつ日記

 先程このサイトへのアクセスが異常に増えていることに気付いてログをチェックしてみると・・・またかよ。また、あのinktomisearch.comが再び私のサイトに牙を向きました。1時間に1200アクセス。つまり3秒に1回の頻度でサイトにアクセスしていました。

 随分と気の早いクローラーなようです。男だったら嫌われますな(;´∀`)
 
 ちなみにSEO的な話ですが、現在日本では、GoogleよりもYahooの方が検索結果に反映される確率が高いそうです。Yahooも昔はGoogleの検索エンジンを利用して検索結果を出していましたが、2004年だかに自社開発のYSTという検索エンジンに変更し、それ以来独自のアルゴリズムで更新をしています。そのためか、日本語のページに対するクローリング精度が良いらしく、Googleよりも検索の順位を上げやすいとのこと。
 
 これからSEOを始める人は、まずYahooでの上位表示を狙ってみてはどうでしょうか。

inktomisearch.com
よくよく見たら、アドレスもYahooのものでしたね。・・どうせならinktomisearch.comなんて名前じゃなくてYahooにしろよ・・^^;

クローラーとは
クローラーについて。ありがたい存在にも、迷惑な存在にもなりえます。

YSTとは
Yahooのクローラー、YSTについて。
今はGoogleの方が優勢みたいですが、結構日本じゃGoogleとYahooの二本柱になってきているみたいですね。

FC2 TEMPLATE

CALENDER

09 | 2017/10 | 11
SUN MON TUE WED THU FRI SAT
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

CATEGORY

BACKNUMBER

ABOUT ME

序曲

Author : 序曲

群馬というド田舎でWEB関係の仕事をしてる23歳。プログラムからイラストまで幅広く手がけようと思いたったものの、いつのまにか「器用貧乏」を実践している。

2006年、同僚と立ち上げたグループ「INSPIRE DESIGN」でWEBデザインを中心に活動開始。仕事下さい(´・ω・`)

mixiにも生息中。ID:3813679
暇なら声でもかけてくれると嬉しーです。

LINK

RSS FEED

OTHERS

フリーエリア

ブロとも申請フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。