スポンサーサイト
一定期間更新がないため広告を表示しています
先だって、我らが日本代表の新ユニフォームが発表されました。毎度の事ながら、今回も賛否両論の嵐。いや、今回は否>賛のようです。現在のユニフォームが発表された時も否定的な声が多かったですね。「最初からレッドカード付きですか〜」とか。代表ユニのベースはジャパンブルー。JFAではこのブルーの明確な意味は無いと言ってますが、富士山の青、日本の海、そして、藍染めの青。これらが複合的に合わさっているみたいです。
今回、指摘が多いのは、ど真ん中に配置された赤のストライプ。絆の意味を込めてるそうですけど、ブログを見ると、「真っ二つに両断されて逆の意味だぞ」ってな記事が。私も見た瞬間、そう感じました。ベースとなる青も黒に近いネイビー。こちらもあちこちのブログで「これじゃあ、サムライブルーじゃなく、サムライネイビーじゃんか」てな感じです。まぁ、ネイビーは良いです。トラディッショナルブランドの雄、ブルックスブラザーズのネイビーブレザーの色は「ミッドナイトブルー」と言われていて、非常に濃いネイビーです。だから、ネイビーをブルーと解釈しても良いでしょう。それに藍色なら、これくらいの色合いですし。
でも一番気になったのは、ショルダー部の白の3本線のところだけ、今までの青色を使い切り返しになっていることです。ここがどうにももっさい。シンプルに同じネイビー地の上に白の3本線でよかったのに。アディダスがデザインしてるわけなので、センスが無い訳じゃあ無いでしょう。まぁ、評判の悪かった現行ユニも今の代表の活躍で過去最高の人気になったので、新しいユニフォームも代表の活躍次第でイメージは変わるかもしれませんね。
ユニフォームのデザインについて、あれこれいじくり画像で載せてるブログがありました。ラインの配置が違うだけで印象ががらっと変わります(いじくってる画像が著作権に違法するかは判りかねます)。
ババンバ バンクール ハァ〜熊本
同じ窓で移ります。新しい窓で表示されたい時は「shiftキー」を押しながらリンク先をクリックして下さい。
今年も残す所、あと数時間。皆様、良いお年を。
2つのホームページのリニュアルは終わり、細かい部分の手直しも一応終了しました。今回、HTMLを4.01strictに変えたので、W3Cの検証サービスを受けてみました。W3Cとはブラウザによってバラバラだったウェブの構築を、どのブラウザで見ても一緒になるようにするためのウェブ標準化団体です。つまり、この検証にパスすれば、HTML構文として問題ないサイトであると認定される事になります。検証サービスは前から知っていたものの、自信が無いので一度もチェックした事はありませんでした。でも今回、HTML4.01の中でもっとも厳密なstrict記述にしたため、ちゃんと文法どおりになっているか知る必要があります。
1回目はエラーになりました。これは誤字によるもの。その部分を直して再度チェックした所、無事認定となりました。もう一つ、CSSも検証サービスがあります。こちらもやってみたら、IE6用のハック記述がひっかかりました。これも引っかからないように記述し直し検証。無事認定とあいなりました。なんだか、受験で合格したみたいな気分。ちなみに合格すると、認定の証であるW3Cバナーを貼る事ができます。工房とプライベートのホームページ両方合格したんですけど、とりあえずプライベートの「左利き流」のみ貼ってあります。
バナーをクリックすれば、バナーを貼ってるそのサイトのみの検証サービスに繋がっていて再度検証し直してくれます。合格後いじってないから「合格でっせ」と出るのは当たり前。でも度々再検証してくれるのは鬱陶しいですから、リンク先を通常の検証サービストップページ変えようと思ってます。この検証サービスは誤字やら、間違った箇所を指摘してくれるので意外と便利でした。検証方法もURLの他、ファイルのアップロードと、ソースのじか貼りも出来るから、サーバーにアップする前に、誤字がないかをチェックするのにも使えます。
また修正箇所は何行のこことはっきり示すので、テキストエディターを使っている方なら、左端に行数が出てるので、簡単に間違い箇所を見つけることが出来ます。ちなみにテキストエディター、以前からTera pad使ってたんですが、Sakura editorに変えました。かなり使いやすいです。タグに使う引用符や記号を本文中に使うと、そこから先、文字色が変わり警告してくれます。使って問題ないのもあるんですが、読み込みで誤作動するかもしれませんから、本文中にタグ記号があれば、文字の色変わりで直ぐに判るようになります。それと、タブ表示が使いやすい。更新時なんか、更新のページとリンク先のページ、トップページと更新履歴を同時に作業できます。重いファイルは表示出来ないので本格的なプログラミングには不向きですが、(X)HTMLや、CSS、Javascriptをいじるのなら使いやすいです。
IE8のブラウザにはW3Cの検証サービスに繋がるオプションがあります。
検証したいサイトのページを開き、「ツール」>「開発者ツール」クリックで開発者ツールウィンドウを開き、メニューの「検証(A)」をクリックすると、HTML、CSS、検証したい内容をクリックすれば、W3Cに繋がり検証してくれます(この方法だと検証出来ないサイトもありますが、下記直接版でやると出来ます)。
こちらは、直接版
W3C (X)HTML 検証サービス(英語版のみ)
W3C CSS 検証サービス(CSSサービスは日本語版です)
文書宣言バージョンにより(HTML4.01Transitionalなど)、エラーがあっても合格になります。Strictバージョンはエラーがあると合格になりません。
※リンクは同じ窓で移ります。別窓表示にしたい時は、「shift」キーを押しながらリンクを左クリックすれば、新しい窓でリンク先が開きます。
W3Cの検証サービスよりもっと詳しい内容を知りたいなら、
Another HTML - lint のゲートウェイサービスを使うと、
それはもう「まじめかっ」ていうくらい、こと細かくチェックしてくれます。
エラー項目の解説も(これたまた詳しく)ちゃんとあるので、
重箱の隅をつつかれるのを覚悟でやってみては。
本当に重箱の隅をつつかれまくります。
一昨日、下書きのつもりで保存したら、間違えて公開していしまい、慌ててエントリーを削除。書き直しで遅まきながら、クラブ杯決勝です。柏との対戦を見たら、こうなる事は予想出来ました。サントスはDFが悪い。そうは言っても南米の覇者。攻撃で見せてくると思ったら、しっかり対策をされて手も足も出ませんでした。
2009年にクラブ杯を優勝した時よりも遥かに進化したバルサ。バルサのやってることって実に基本に忠実なんですよね。局面だけ見れば個のセンスが光ますが、やってる事の殆どはサッカーを覚え始めた子供と同じことの繰り返し。でもそんな基本的なことを精度と速さとフィールドにいる全員が共有して動くと異次元の世界になってしまう。超原理主義。そんなところでしょうか。バルサの選手は意外とちんたら歩いてる事が多いんですよ。普通ならサボってんじゃねぇよと思われるのが、彼らは、90分フルに動く為に休む所は休む。でも、ちんたらしてても、ボールがどう動くかを予測してしっかりポジショニングをしています。とにかく、ボールを持ってない選手の動きとポジショニングが半端無い。
バルサと言えば、パス回しですが、これも超至近距離でもシュート張りの速さで回す事もあれば、ファーにゆっくりパスを送る時もあります。これも総てボールを持ってない選手の動きを見て使い分けています。総て理詰めで展開してるわけなんです。至近距離のパス回しで相手が脚出せば取れそうに思えるのに、それをやらない。やらないと言うより出来ないんですね。1歩動けば、反転してペナに向かう。もしくは、第三の選手が、動いたスペースを突いて入ってくる。だから動けない。もう無限ループのごとくパスが繋がっていく。だから見ていて退屈になることがありました。
個人的に個の力で打破するシーンが好きなので、今のバルサは結構退屈です。繋がりすぎるパス回しとキチガイじみたボールポゼッション。それらは確かに凄いけど、相手DF2人が引っ張ってもそのまま引きずってゴールする重戦車のようなビエリや、超絶テクで何人に囲まれようが突破してゴールし、戦術はロナウドと言わしめたバルサ時代の元祖怪物。そんなプレーが好きなんです。ただ、シャビだけは違います。1点目のアシストになった、背面空中アウトサイドトラップからのダイレクトパス。2点目、横っ飛びでボクシングのパンチを殺すかのように早いパスの威力をを殺してからのシュート。このシーンはおしっこちびりかけました。
◇バルセロナのロンド(輪になってのパス練習)
ロンドのルールは見れば直ぐ判ります。
※別窓表示は、「shift」キーを押しながらリンクを左クリックすれば、新しい窓でリンク先が開きます。
本日、工房でお世話になってる所から、メールがありました。
内容は、オーナーが11月29日、脳幹出血により亡くなられたと。
彼のブログの最後の記事には、
将来の展望を見据えて、新規事業の展開と来春オープンする店舗準備のために、
忙しい日々が続くと書いて有りました。
夢半ばでこの世を去った彼の思い。
残されたご家族の思い。
色んな思いが残されてしまいました。
49歳、早すぎます。
謹んでご冥福をお祈りいたします。
そしてご家族には、さみしいけれど天空から彼が見守ってくれています。
どうぞ幸福な未来が訪れますように。
合掌
AddType text/xml .rdf
」と、打ち込むだけ。の続きです(前々エントリーの続き)。「html」のドキュメント宣言を変更し、次は文字コードの変更。ホームページを初めて作る時、文字コードはとりあえず「shift_jis」を使います。これはWindowsの文字コードがshift_jisを使っているためで、ホームページを作る際もこれを使ったほうが楽ちん。手打ちでなく、ホームページエディター(ホームページビルダー等)などで製作すると、デフォルト(文字コードの指示無し)で製作すればほぼshift_jisでhtmlは構築されます。この文字コードを宣言しておかないとサーバーにより文字化けする場合もあります(shift_jisなら宣言無しでも大体大丈夫ですが)。
コンピューター(パソコンを含む総て)には様々な文字コードがあって、それぞれがバラバラの文字コードを使ってることも多く、そんなんだと効率が良くない。ということで、共通のコードを作りませんかとなり、それがユニコード。ユニコードには色々ありますが、ホームページなどで最も使われるのは「UTF-8」。UTF-8は本来一つだけなのに、日本には何故か2種類のUTF-8が存在します(詳しくは3種類あります)。一つはUTF-8N。も一つはUTF-8 BOM付き(何故かこちらをUTF-8と呼びます)。お勧めはUTF-8Nです。BOM付きはUTF-8文字コードの前に要らないものが付いていて、これが誤認識されて文字化けしたり、アプリケーションによっては作動しない事もあります。本来なら、UTF-8NをUTF-8と呼んだ方が良いのに、何故かBOM付きを日本ではUTF-8と呼びます。
手打ちで作成する場合は、市販の(もしくはフリーウェアの)テキストエディターならUTF-8Nに殆ど対応してるので、保存の際にUTF-8Nで保存すれば(改行指定がある時は、表示されてる改行コードのまま保存:多分、改行コードはCR+LFになってると思います)、UTF-8の文字コードでファイル作成されます。Windowsに付属してる便利なメモ帳(Note pad)でもUTF-8で保存可能です。しかし、メモ帳で保存すると、もれなくUTF-8におまけのBOMがついてくるので、シェアウェアが嫌なら、フリーウェアのテキストエディターを使ったほうが良いですよ。
ちなみに、UTF-8が本当は3種類というのは、上記UTF-8N(UTF-8 BOMも同じ)の殆どは、shift_jisの漢字コードしか使えません。これはテキストエディターがパソコンの文字を使い書いてるから、パソコンに入ってるshift_jisの漢字しか打ち込めません。なので、UTF-8NはなんちゃってUTF-8(ちゃんと認識され使えますから問題はありません)。UTF-8 by shift_jis な訳なんです。shift_jisの漢字で不自由しないですから、htmlやCSSで使う分には十分です。
シェアウェアのエディターには本来のUTF-8で保存出来るものがあり(これで3種類)、こちらを使えば、shift_jis以外のUTF-8で使える漢字も使えます。
文字コードの変換はmetaタグのshift_jis部分をUTF-8に変更し、保存の際に、UTF-8Nで保存でOKです。文字コードのmetaタグは<head></head>
部の一番上に書いて下さい。ブラウザが読み込むとき真っ先に文字コードを認識させないといけません。<head>
の中の<title></title>
部より下にあると、<title>
の中の文字により文字コードが誤認識されることがあります。
2つのホームページもmeta部をコピペして総て、UTF-8に変更完了。ウェブでちゃんと表示されています。念のために、ブラウザの「表示」>「エンコード」で見ると「unicode(UTF-8)」に黒丸が付いていて認識されています。これで、ほぼ終了。あとは工房のホームページにRSSフィードをくっつけてやります。私用のホームページ「左利き流」には前からRSSフィードつけてあるんですが(別段つけなくてもよかったんですけど、とある理由で付けてあります)、かなりおざなりのヤッツケなので、今回、工房分と一緒にちゃんとフィードさせるように中を手直しします。
続く。
おまけ / フリーウェアのテキストエディター
html、CSSの編集や、Java scriptの中を少しいじるくらいでしたら、これらの中ならどれも遜色はありません。表示のレイアウトや色など、お好みで選べば良いです。ちなみに、私はTera Padを以前から使ってます(軽いのは魅力。編集時にイライラしません)。本体はシンプルですが、Tera信者の皆さんが、独自のTera用ツールをリリースしてTera Padを拡張出来ます(ツールはベクター、窓の杜で入手可)。ただ、タブ機能は同じ部分をいじる時、かなり魅力なのでSakuraを試してみたい(名前も良い〜)。
Tera Pad
※シンプルですが動きはメモ帳なみの軽さ。タグなどの色分け表示もあり必要最小限の機能。
Sakura editor(注:1)
※ブラウザで見かけるタブ機能が付いていて複数編集に便利です。
MK editor
※2009年以降、開発が止まっていますが、機能的には十分です。
Noeditor
※評価欄を見ると少し分かれますが、機能的には問題ないものです。サイトにタブ表示エディター有り。
Vx editor
※Tera Padと同じく、必要最小限の機能。簡単な方がいい人にお勧め。
Em editor free(注:2)
※シェアウェアのEm editorの機能を必要最小限にまとめたもの。サポートはありません。
(注:1):Sakuraはどれをダウンロードすれば良いか判りにくい場合は、こちらからパッケージ版をダウンロード出来ます。 softnic: Sakura editorのダウンロード
(注:2):Em editor freeのダウンロード先は、Topページ>ダウンロード>Em editor free