News form Factory haru. things Japan national football team, and things fly fishing sometimes.

スポンサーサイト

一定期間更新がないため広告を表示しています

 | - | -

青は藍より出でて藍より青し



先だって、我らが日本代表の新ユニフォームが発表されました。毎度の事ながら、今回も賛否両論の嵐。いや、今回は否>賛のようです。現在のユニフォームが発表された時も否定的な声が多かったですね。「最初からレッドカード付きですか〜」とか。代表ユニのベースはジャパンブルー。JFAではこのブルーの明確な意味は無いと言ってますが、富士山の青、日本の海、そして、藍染めの青。これらが複合的に合わさっているみたいです。

今回、指摘が多いのは、ど真ん中に配置された赤のストライプ。絆の意味を込めてるそうですけど、ブログを見ると、「真っ二つに両断されて逆の意味だぞ」ってな記事が。私も見た瞬間、そう感じました。ベースとなる青も黒に近いネイビー。こちらもあちこちのブログで「これじゃあ、サムライブルーじゃなく、サムライネイビーじゃんか」てな感じです。まぁ、ネイビーは良いです。トラディッショナルブランドの雄、ブルックスブラザーズのネイビーブレザーの色は「ミッドナイトブルー」と言われていて、非常に濃いネイビーです。だから、ネイビーをブルーと解釈しても良いでしょう。それに藍色なら、これくらいの色合いですし。

でも一番気になったのは、ショルダー部の白の3本線のところだけ、今までの青色を使い切り返しになっていることです。ここがどうにももっさい。シンプルに同じネイビー地の上に白の3本線でよかったのに。アディダスがデザインしてるわけなので、センスが無い訳じゃあ無いでしょう。まぁ、評判の悪かった現行ユニも今の代表の活躍で過去最高の人気になったので、新しいユニフォームも代表の活躍次第でイメージは変わるかもしれませんね。

ユニフォームのデザインについて、あれこれいじくり画像で載せてるブログがありました。ラインの配置が違うだけで印象ががらっと変わります(いじくってる画像が著作権に違法するかは判りかねます)。
ババンバ バンクール ハァ〜熊本
同じ窓で移ります。新しい窓で表示されたい時は「shiftキー」を押しながらリンク先をクリックして下さい。

今年も残す所、あと数時間。皆様、良いお年を。

20:25 | comments(4) | trackbacks(0)

Result:Passed

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 のゲートウェイサービスを使うと、
それはもう「まじめかっ」ていうくらい、こと細かくチェックしてくれます。
エラー項目の解説も(これたまた詳しく)ちゃんとあるので、
重箱の隅をつつかれるのを覚悟でやってみては。
本当に重箱の隅をつつかれまくります。

23:00 | comments(0) | trackbacks(0)

頭脳と技術

一昨日、下書きのつもりで保存したら、間違えて公開していしまい、慌ててエントリーを削除。書き直しで遅まきながら、クラブ杯決勝です。柏との対戦を見たら、こうなる事は予想出来ました。サントスはDFが悪い。そうは言っても南米の覇者。攻撃で見せてくると思ったら、しっかり対策をされて手も足も出ませんでした。

2009年にクラブ杯を優勝した時よりも遥かに進化したバルサ。バルサのやってることって実に基本に忠実なんですよね。局面だけ見れば個のセンスが光ますが、やってる事の殆どはサッカーを覚え始めた子供と同じことの繰り返し。でもそんな基本的なことを精度と速さとフィールドにいる全員が共有して動くと異次元の世界になってしまう。超原理主義。そんなところでしょうか。バルサの選手は意外とちんたら歩いてる事が多いんですよ。普通ならサボってんじゃねぇよと思われるのが、彼らは、90分フルに動く為に休む所は休む。でも、ちんたらしてても、ボールがどう動くかを予測してしっかりポジショニングをしています。とにかく、ボールを持ってない選手の動きとポジショニングが半端無い。

バルサと言えば、パス回しですが、これも超至近距離でもシュート張りの速さで回す事もあれば、ファーにゆっくりパスを送る時もあります。これも総てボールを持ってない選手の動きを見て使い分けています。総て理詰めで展開してるわけなんです。至近距離のパス回しで相手が脚出せば取れそうに思えるのに、それをやらない。やらないと言うより出来ないんですね。1歩動けば、反転してペナに向かう。もしくは、第三の選手が、動いたスペースを突いて入ってくる。だから動けない。もう無限ループのごとくパスが繋がっていく。だから見ていて退屈になることがありました。

個人的に個の力で打破するシーンが好きなので、今のバルサは結構退屈です。繋がりすぎるパス回しとキチガイじみたボールポゼッション。それらは確かに凄いけど、相手DF2人が引っ張ってもそのまま引きずってゴールする重戦車のようなビエリや、超絶テクで何人に囲まれようが突破してゴールし、戦術はロナウドと言わしめたバルサ時代の元祖怪物。そんなプレーが好きなんです。ただ、シャビだけは違います。1点目のアシストになった、背面空中アウトサイドトラップからのダイレクトパス。2点目、横っ飛びでボクシングのパンチを殺すかのように早いパスの威力をを殺してからのシュート。このシーンはおしっこちびりかけました。

バルセロナのロンド(輪になってのパス練習)
ロンドのルールは見れば直ぐ判ります。
※別窓表示は、「shift」キーを押しながらリンクを左クリックすれば、新しい窓でリンク先が開きます。

18:55 | comments(0) | trackbacks(0)

急逝

本日、工房でお世話になってる所から、メールがありました。

内容は、オーナーが11月29日、脳幹出血により亡くなられたと。

彼のブログの最後の記事には、
将来の展望を見据えて、新規事業の展開と来春オープンする店舗準備のために、
忙しい日々が続くと書いて有りました。

夢半ばでこの世を去った彼の思い。
残されたご家族の思い。
色んな思いが残されてしまいました。

49歳、早すぎます。

謹んでご冥福をお祈りいたします。
そしてご家族には、さみしいけれど天空から彼が見守ってくれています。
どうぞ幸福な未来が訪れますように。

合掌

21:41 | comments(0) | trackbacks(0)

とりあえず

の続きの続きです。そう言えば、文字コードをUTF-8に変更した理由を言ってませんでした。それはUTF-8がユニコードだからです。コンピューターの共通文字コード(一応)なので、そっちのほうがよかろうかと。

これで、ナビゲーションのプルダウン、レイアウト変更、htmlのドキュメント宣言の変更、文字コードの変更が終了し、今回のリニュアルはほぼ終わりました。あとは変更の見落としが無いか、ゆっくり中を見直していきます。それと、IEのハックをチェックし、出来る限りIEの各ブラウザでちゃんとレイアウト表示するようにCSSにハックの指定を追加(乏しい知識の中でやるので、全部はとても無理)。IEは他のブラウザと比べて独自の解釈をしてサイトを表示させちゃうんです。今もシェアは1位なのにIEだけ変な表示をしてしまう。それを本来の表示(他のブラウザでは当たり前の表示)にするよう、へんてこな部分を追加して指定し直してやるんです(めんどうや〜っ、めんどうやでぇ〜)。

と、その前に工房にRSSフィードをくっつけないと。
RSSも説明スル〜で簡単に言えば、情報発信みたいなものです。ホームページやブログは開設しても、その中味や存在を発信は出来ません。そこでブログなら、例えばジュゲムでブログをやってる人は、ジュゲムのブログの新着欄に載って注目してもらえるようにする。自分のブログ記事を紹介してくれるところに、自分のブログを送る役がRSSです。なので、ただブログやホームページを開設したままより、RSSを送れば知ってもらえる機会が増えるわけです(グーグルなど検索サイトも受信します)。

無料ブログは、新しく記事を書いて公開する際に、RSSを同時に作り色んな所に発信してくれます。公開後、「Ping送信が終了しました」とかの文字が出てきて、このPing送信がRSSを受信先に送る送信機、自分の書いた記事を新着欄に載せてくれます。個人で作成したホームページはRSSが付いてないので、自分で付けて送ってやらないといけません。

RSSは「xml」言語で書かれています。RSSの書き方は雛形みたいに形式化されているから、慣れれば自分でも作れますけど、今はフリーウェアでRSSを作成してくれるエディターがあるので、それを使ったほうが手っ取り早いですね。RSS自体、情報発信のソース。本来は見られなくても問題はないんです。ブログやホームページに「RSSがありますよ」と言う文言(といってもそのまま「RSSあります」ではないです)を入れておけばOK。

ところが、最近はこのRSS自体を見られるようにして、それをブックマークしておき、新着で面白そうなものを素早く選べるようになってきました。ブログに「RSS」とか、「ATOM」とかのロゴや文字が必ずあると思います。それがRSSフィードで、それをクリックすればRSSの中を閲覧できます。以前は開くとアルファベットが並んだむき出しのソースが表示されていましたが、今は各ブラウザがそのソースをホームページのように、ある程度レイアウトして見やすくしてくれています。レイアウトは各ブラウザが使ってるテンプレートが違うので、表示のされ方は違います。

参考までに、IE、Fire Fox、Safari、のRSSフィードは以下のように見えます。
(画像表示は同じ窓なので、戻る際はブラウザの戻るボタンを使ってください)
Internet Explorer
Fire Fox
Safari

ブログなんかだと、表題の下にブログの中味がずら〜っと出てきます。だから、本体のブログを見なくても全部読めちゃいます(なんか、本末転倒のような気が)。グーグルはRSSフィードのテンプレが無いようで、本来のソース表示になります。下のはこのブログのRSSフィードです。ブログ自体にテンプレートは無いですから、テンプレの無いブラウザで見れば、ソースが出てきます。
◇Google chrome ※テンプレート無し

RSSフィードを閲覧出来るように、私のホームページにもリンクを貼ってあります(中にRSSを埋め込んであるので、フィードが見られなくても本来は問題ありません)。でも裸のソースを見られるのは、いや〜ん。で、オープンソースで出てるテンプレートをちょっといじって、それなりに見えるようにしました。「xml」はブラウザで表示させるための言語ではないため、これにhtmlを入れてレイアウトさせてやればブラウザで表示可能なんです(このテンプレートを「xsl」とか言います)。レイアウトは本体のホームページを見に来てもらうためのものなので、なるべく簡潔にしてあります。下の2つのRSSフィードはGoogle Chromeで見ると出てきます。IEや、Fire Foxなんかは上のテンプレートで表示されます。
Factory Haru Google Chrome
左利き流 Google Chrome

RSSファイルの拡張子は「.rdf」「.xml」どちらで保存してもOKなんですけど、「rdf」で保存した場合は、サーバーによりこのファイルを正しく読み込んでくれない事があります(.xml は大体大丈夫)。よく判らない時は、隠しリンクにして一度「.rdf」でサーバーに送り、「.rdf」ファイルが開くかブラウザで確かめ、開かず「このファイルを保存しますか」とメッセージが出たら、サーバーは「.rdf」を認識してません。これはサーバーのファイルの読み込み指定に「.rdf」が指示されていない為で、めんどくさい時は、「.xml」の拡張子に直して送れば大丈夫です。

どうしても「.rdf」で送りたいのなら、サーバーに読み込みの指示書を一緒に添付すると認識してくれます。この指示書を「.htaccess」と言い、個別の指示をサーバーへ送ることが出来ます。ただし、大元の指示書ですから、間違った記述だと、えらい事になってしまうので、自信が無い時は、安心安全の「.xml」で送りましょう(htmlとかCSSなら部長の指示、.htaccessは社長の指示ぐらいの違いです)。

参考:.htaccessで「.rdf」を認識させるおまじないは、「.rdf」のMIMEタイプを書き込んでおきます。
(MIMEタイプはサーバーとブラウザ間で文章形式を判るようにしたもの。 CSSなら、「text/css」。)

おまじないは、「 AddType text/xml .rdf 」と、打ち込むだけ。
ファイルの名前は「.htaccess 」まんまです。「.」の前に名前は無し。
あとは、「.rdf」ファイルと同じ場所に保存して、サーバーにアップロードで終了です(書くのはテキストエディターでOK)。
・先にも書きましたけど、rdfで送ってサーバーはxmlテキストファイルと認識しなくても、全然問題無いです。RSSを受ける側は、埋め込んだRSSを読み取ってくれます。ただ、RSSをブラウザで表示出来ないだけです。

注意:転送する「FTP」ソフトの自動転送で.htaccessを送るとテキストと見なされないことがままあり、その場合、手動で.htaccessのみ「アスキーモード」で送ってやります。私はめんどくさがりなので何時も自動転送。使ってるサーバーはrdfを認識してくれませんでした。だから、rdfと一緒に.htaccessを送ればいいんですけど、ついつい自動転送しそうなので、安心安全の「xml」で保存して送ってます。なお、.htaccessは間違えると、とんでもない事になります。その辺よく勉強してから使ったほうが良いですよ。なんせ社長の指示ですから、間違えると倒産します(ブラウザでエラー表示しか出てこない)。

まぁ、これで、2つのホームページのリニュアルは終わりました。表面的には昨年リニュアルしたときほど、そんなに変わってません。工房にもRSSくっつけたから、訪問増えてくれると良いな〜(超希望的観測)。

おまけ / フリーウェアのRSSエディター

凄く判りやすくて使いやすいRSSエディターです。説明通りにやれば簡単に出来ます。保存の時に選べる拡張子が「tbl」のみになってますが、拡張子は何も記入せず、ファイルに付けたい好きな名前(hogehogeとか)だけ入れて、指定の場所(自分の好きなところ。index.htmlと同じ所か、フォルダ名を指定しそこに保存:私は「rss」というフォルダを作り入れてます)に保存してください。そうすれば、ちゃんとxml(か、rdf)のRSSファイルが出来上がります。ブラウザ表示させる為の「xsl」もついてるので至れり尽くせり。ついでに「.htaccess」の見本もついてるから、頭のsampleの文字を消せば、そのまま使えます(中は上記のhtaccessと違いますが、同じ意味です)。
Head line editor lite 版


個人でPing送信したい時

RSSが出来てPing送信したい人は、ブラウザ上から送信できるサイトがあるので、ホームページのURLか、RSSのURLを貼り付けてボタン一発でPing送信してくれます。
◇Ping送信:Feed Ping Net

IEやFire Foxのブラウザで採用されてるRSSフィードのアイコンと同じものが欲しい人は以下のサイトでダウンロード出来ます(フリー)。
Feed Icons
18:37 | comments(0) | trackbacks(0)

とりあえず

の続きです(前々エントリーの続き)。「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

19:56 | comments(2) | trackbacks(0)
1 2 next>>last>|   1/2
| 1/2pages | >>