ホーム/インターネット/一般
ヘンゼルの館
アーカイブ
来訪者数

0671694

サイト内検索

by Google
商品検索

by AWS

-天気予報コム-
Amazon.co.jpアソシエイト

昨日書いた「角をとにかく丸めること」および「角を丸くする方法」の記事が、適宜覚書さんからリンクされただけでなく、徒委記さんにも載ったため、以前「エースコンバット 5」の記事を書いた時以来の 300人/日を達成しているヘンゼルの館です(笑)
いあ、普段はここ、200人/日前後と、まさにインターネットの片隅に咲いた直系 1μm の小さな花(おい)のようなところなのです。

そんなわけで普段は全然目にすることのなかった HTML の書き方(?)についてのいろんな意見を読んだりしました。
で、ちょと思ったこと。
角を丸くするどころか、コンテンツ、ないしは、HTML まずありきで、外観なんて後から…という方々にとってはどうでもいい差異も、そこにこだわっている人にとってはどうでもよくない差異なのではないかと。
画像を切ったら、Javascript を切ったら、テキストブラウザだったらどうせ、といって角を丸くすることを丸ごと斬っているようなサイトさんも見かけましたが…そうなのかなぁ、と思ったので、「角を丸くする方法」で見つけた 4つのやり方それぞれについてちょとまとめてみました(^^)/

紹介ページタイプ画像 OFFJavascript OFF
ADP: 角を丸くしたいネタ (1)CSS + 画像背景なので影響ないらしい。影響なし。
テーブルの角を丸くするtable + 画像角が凹む。影響なし。
-moz-border-radius - CSSCSS + Mozilla影響なし。影響なし。
Nifty Corners: rounded corners without imagesb + CSS影響なし。角がとがる。

なお、最後の Nifty Corners は直書きじゃなく Javascript 使用の場合です。

というわけで、OFF 時にはテーブルを使うタイプが一番影響があるように思います。
ただし四隅の背景色を内部と同じにした上で丸ごとそれを隠す画像を使っていれば、ただ尖るだけ、という影響の少ない状態にもっていけるかもしれません。

また、Nifty Corners はあえて直書きしていれば、画像 OFF だろうと Javascript OFF だろうと無敵です(笑)

あと、何かと引き合いに出されるテキストブラウザですが、実はヘンゼル、一度も使ったことがありません。
というか、インターネットを見たり、自分のサイトを公開している日本人のほっとんどは、自分で使ったことも、知り合いが使っているのを見たことだってないと、ヘンゼル予想するです。
また、テキストブラウザではたしかに角が丸いことに意味はないかもしれませんが、閲覧出来なくなる訳でもありません。
だから、世の中にテキストブラウザがあるからといって、角を丸くすることが無意味だ、とはいえないと思います。
もちろん、オレにとっては無意味なんだ! とか、さらに、オレにとって無意味なモノはつまり人類にとっての無意味なんだ! という主張もあるかもですが、今回は無視で。

あと、あらゆるサイトが何故テキストブラウザでも見やすくなければいけないのでしょうか?
もちろんそうしたいと思った人はそうすればいいのです。
そうしたいと思わない人はしません。
ただそれだけです(笑)

可能な限りいろんな環境で閲覧できることが大事だ! という意見も判りますが…。
でも、そゆ人が、日本語でだけサイト作ってたらもう意味判りません(^^;
だって、日本語で書いた時点でインターネットを閲覧できる人のかなり多くを排除していると思うです。

綺麗な(あるいは正しい) HTML で書くかどうかと、日本語だけで書くかどうかは、お話のレベルが違うだろう! という意見もあるかもしれません。
でも、閲覧者を限定しているという点では同じように思います。
閲覧者なんて関係ない! テキストブラウザをサポートすることに意義があるんだ! という意見もあるかもしれません。
でも、そのときには「テキストブラウザをサポートすること」と「角を丸くすること」が同じ次元、つまり「単なる趣味の問題」になってしまうと思うです。
そして趣味の問題なら、わたしはこうするのが好き♪ とだけ言っていれば平和なのに、と思うです。

あ、でも、綺麗な(あるいは正しい) HTML を書くことで、結果として多くの環境をサポートすることになる、そしてそこにはテキストブラウザも含まれる、くらいなら判らなくもないです。
となると言い方の問題かもですが、この場合結果であって理由には…。

あと幻覚かもですが、ジェネレーションギャップみたいなものも感じる時があるです。
ヘンゼルは、Windows98 が出てから Webサイト を閲覧するようになりましたし、たぶん日本では Windows95 あたりから爆発的に広まったと思うです。
そゆ人たち(タブン圧倒的多数派)は、Webサイトって、IE で画像や Javascript を切らずに見るモノだし、コンテンツも大事かもしれないけど、見た感じもきっとすごく大事だと思ってるです。
そしてそゆ人たちが自分でもサイトを作ってみよう! と思った時に角を丸くしてみたくなるのも…というかそういう人が大勢出てくるのは必然のような気がします。

でも昔からインターネットの世界にいた人たちは、コンテンツ重視で難しい言葉で難しい論議を繰り返しています。
そんなときに、よく判らないけど簡単ですぐ使えて見た目も綺麗なサイトの作り方を、やさしく丁寧に解説してくれるサイトや本が登場したら…ですね。
ほんとはだから、綺麗な(あるいは正しい) HTML を大切にする人たちが、率先してそゆサイトや本を出版し、また綺麗な(あるいは正しい) HTML を吐き出すツールを提供していれば…勝敗(?)は多少違ったのかなぁと思う時もあるです。
もちろんそんな義務なんてないわけではあるですが。
でも、ここで、IE があ~だから無理だったんだよ、と言った時点で、HTML の標準は W3C じゃなく MS になるのでしょうね。

というかごめんなさい。
ヘンゼル正直、W3C がどのくらい偉いのか判らなかったりします。
どこかで HTML 書いている時点で W3C の仕様に従う必要があるだろう! という意味にヘンゼルが読んじゃった文章も見たですが… W3C って HTML の登場よりずっと新しいみたいですよね。
そうはいっても確かにヘンゼル、サイトの冒頭で、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

と書いてます。
でも、これ、IE(やその他のブラウザ)の動作をコントロールするために置いているのです(笑)
というか上記が冒頭になっていることから判るように、<?xml ~ ?> を置いていません。
これも IE で期待通りの動作を得るためだったりします(^^;

結局、それが真実がどうかは判りませんが、少なくともヘンゼル、W3C は HTML その他の仕様について勧告という名の提案を行う機関で、それを仕様として採用するかどうかはブラウザを作っている人なり会社なりが決める、という感覚なのかもです。
いあ、MS が <b> をあんなふうに使え! と言っているわけではもちろんないでしょうけど。

ってここまで書いて、だいぶタイトルと違うことに気付いたです。
とりあえず「等」をつけておこっと(笑)

しかし予定に反して 3回もこのネタで書いちゃったってことは、ヘンゼルもこゆ話嫌いじゃないってことなのかも(^^;


--/-- 週刊女性自身 2012年8月7日号 表紙氷川きよし
09/30 ガラスの仮面 50 (花とゆめCOMICS)
09/19 Foton機種別作例集130 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX HD PENTAX-D FA 24-70mmF2.8ED SDM WR 機種別レンズラボ: PENTAX K-1 で撮影
09/18 Foton機種別作例集133 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX HD PENTAX-D FA 15-30mmF2.8ED SDM WR 機種別レンズラボ: PENTAX K-1 で撮影
09/17 Foton機種別作例集146 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX smc PENTAX-D FA MACRO 100mmF2.8 WR 機種別レンズラボ: PENTAX K-1 で撮影
09/16 Foton機種別作例集132 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX smc PENTAX-FA 77mmF1.8 Limited 機種別レンズラボ: PENTAX K-1 で撮影
09/15 Foton機種別作例集145 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX smc PENTAX-FA 43mmF1.9 Limited 機種別レンズラボ: PENTAX K-1 で撮影
09/14 Foton機種別作例集151 実写と作例で機能を知るとカメラはもっと楽しくなる PENTAX K-1 機種別レポート+: smc PENTAX-D FA MACRO 100mmF2.8 WR/smc PENTAX-FA 77mmF1.8 Limited/smc PENTAX-FA 43mmF1.9 Limited/smc PENTAX-FA 31mmF1.8AL Limitedで撮影
09/14 Foton機種別作例集129 実写とチャートでひと目でわかる! 選び方・使い方のレベルが変わる! PENTAX smc PENTAX-FA 31mmF1.8AL Limited 機種別レンズラボ: PENTAX K-1 で撮影
05/19 銀河英雄伝説(6): ヤングジャンプコミックス
05/04 Beren Luthien Deluxe Sli Hb
02/17 銀河英雄伝説 5 (ヤングジャンプコミックスDIGITAL)
02/17 銀河英雄伝説 5 (ヤングジャンプコミックス)
02/16 蒼空の視覚 Super Blue3【三方背箱入り豪華本】
01/27 Gun Professionals(ガンプロフェッショナルズ) 2017年 03 月号 [雑誌]
01/25 ママレード・ボーイ little(5): マーガレットコミックス
01/20 フォトテクニックデジタル 2017年 02 月号 [雑誌]
01/07 ガン×クローバー GUN×CLOVER 10
12/27 Gun Professionals17年2月号
12/20 フォトテクニックデジタル 2017年 1月号
12/17 航空自衛隊次期戦闘機F-35ライトニングII
12/16 TOY GUN WORLD (トイガンワールド) 2016-2017版 2017年 02月号 [雑誌]
12/16 知られざるステルスの技術 現代の空戦で勝敗の鍵を握る不可視化テクノロジーの秘密 (サイエンス・アイ新書)
12/06 銀河帝国興亡史3 ファウンデーション 対帝国(CLASSICS OF SCIENCE FICTION)
11/28 石川潤一の軍用機ウエポン事典

詳細表示

06/23 機動戦士ガンダム 鉄血のオルフェンズ 弐 9 [DVD]
06/23 機動戦士ガンダム 鉄血のオルフェンズ 弐 8 (特装限定版) [Blu-ray]
06/23 【早期予約特典あり】 機動戦士ガンダム 鉄血のオルフェンズ 弐 8 (A4クリアファイル付) [DVD]
06/23 機動戦士ガンダム 鉄血のオルフェンズ 弐 9 (特装限定版) [Blu-ray]
06/23 【早期予約特典あり】 機動戦士ガンダム 鉄血のオルフェンズ 弐 8 (特装限定版) (A4クリアファイル付) [Blu-ray]
06/23 【早期予約特典あり】 機動戦士ガンダム 鉄血のオルフェンズ 弐 9 (特装限定版) (A4クリアファイル付) [Blu-ray]
06/23 機動戦士ガンダム 鉄血のオルフェンズ 弐 8 [DVD]
06/23 【早期予約特典あり】 機動戦士ガンダム 鉄血のオルフェンズ 弐 9 (A4クリアファイル付) [DVD]
05/26 機動戦士ガンダム 鉄血のオルフェンズ 弐 6 (特装限定版) [Blu-ray]
05/26 機動戦士ガンダム 鉄血のオルフェンズ 弐 7 (特装限定版) [Blu-ray]
01/19 白石茉莉奈 絶対服従 人体固定ハードFUCK [DVD]
12/23 名探偵コナン「コナンと海老蔵歌舞伎十八番ミステリー」 [Blu-ray]
12/23 名探偵コナン PART21 Vol.8(期間限定プライス) [DVD]
12/23 名探偵コナン PART22 Vol.6(期間限定プライス) [DVD]
12/16 【早期購入特典あり】スター・ウォーズ 反乱者たち シーズン1 PART3(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [DVD]
12/16 【早期購入特典あり】スター・ウォーズ 反乱者たち シーズン1 PART1(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [DVD]
12/16 【早期購入特典あり】スター・ウォーズ 反乱者たち シーズン1 ブルーレイ コンプリート・セット(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [Blu-ray]
12/16 【早期購入特典あり】LEGO スター・ウォーズ/ドロイド・テイルズ(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [DVD]
12/16 【早期購入特典あり】スター・ウォーズ 反乱者たち シーズン1 PART2(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [DVD]
12/16 【早期購入特典あり】スター・ウォーズ:クローン・ウォーズ<ファイナル・シーズン/ザ・ロスト・ミッション>DVD コンプリート・セット(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付)
12/16 【早期購入特典あり】スター・ウォーズ/フォースの覚醒 MovieNEX [ブルーレイ+DVD+デジタルコピー(クラウド対応)+MovieNEXワールド](『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [Blu-ray]
12/16 【早期購入特典あり】スター・ウォーズ:クローン・ウォーズ<ファイナル・シーズン/ザ・ロスト・ミッション>ブルーレイ コンプリート・セット(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [Blu-ray]
12/16 【早期購入特典あり】LEGO スター・ウォーズ/ニュー・ヨーダ・クロニクル(『ローグ・ワン/スター・ウォーズ・ストーリー』 劇場B2ポスター付) [DVD]
12/15 スカイ・アタック [DVD]
12/02 スターファイター 未亡人製造機と呼ばれたF-104 [DVD]

詳細表示

03/13 市川ソフトラボラトリー SILKYPIX Developer Studio 6パッケージ版
10/10 市川ソフトラボラトリー SILKYPIX Developer Studio Pro6パッケージ版
12/31 Final Fantasy XIV (輸入版)
11/21 ライトニング リターンズ ファイナルファンタジーXIII 初回限定特典DLC「FINAL FANTASY VII」ソルジャー1st(ウェア・武器・盾3点セット)同梱&Amazon.co.jpオリジナル特典DLC和風甲冑衣装付き
11/21 ライトニング リターンズ ファイナルファンタジーXIII 初回限定特典DLC「FINAL FANTASY VII」ソルジャー1st(ウェア・武器・盾3点セット)同梱&Amazon.co.jpオリジナル特典DLC和風甲冑衣装付き
11/21 ライトニング リターンズ ファイナルファンタジーXIII 初回限定特典DLC「FINAL FANTASY VII」ソルジャー1st(ウェア・武器・盾3点セット)同梱
11/21 ライトニング リターンズ ファイナルファンタジーXIII 初回限定特典DLC「FINAL FANTASY VII」ソルジャー1st(ウェア・武器・盾3点セット)同梱
11/21 ライトニング リターンズ ファイナルファンタジーXIII コントローラ (【特典】オリジナルデザインのクリーニングクロス 同梱)
10/31 大戦略 大東亜興亡史 第二次世界大戦勃発! ~枢軸軍対連合軍 全世界戦~
08/29 ジョジョの奇妙な冒険 オールスターバトル (通常版) (初回封入特典 プレイアブルキャラとして「吉良吉影」が使用可能になるDLコードがついた「川尻早人メモ」! 同梱)
08/27 ファイナルファンタジーXIV: 新生エオルゼア 数量限定 予約特典コード 付
08/27 ファイナルファンタジーXIV: 新生エオルゼア コレクターズエディション
08/27 ファイナルファンタジーXIV: 新生エオルゼア(特典無し)
08/27 ファイナルファンタジーXIV: 新生エオルゼア コレクターズエディション 数量限定 予約特典コード 付
08/27 ファイナルファンタジーXIV: 新生エオルゼア (予約特典なし)
08/27 ファイナルファンタジーXIV: 新生エオルゼア 数量限定 予約特典コード 付
07/25 RACE DRIVER GRID2 GTRレーシングパックのコード付き特製カード 付
07/18 アルティメット ヒッツ ファイナルファンタジーXIII-2 プラチナコレクション
07/18 ファイナルファンタジーXIII-2 デジタルコンテンツセレクション
07/18 ファイナルファンタジーXIII-2 デジタルコンテンツセレクション
07/18 アルティメット ヒッツ ファイナルファンタジーXIII-2
07/11 メタルギア ソリッド レガシーコレクション
07/04 地球防衛軍4
06/27 討鬼伝
06/27 ガンダムブレイカー (初回3大特典「フリーダムガンダム」と「百式」のパーツデータ一式+「ガンダム バトルオペレーション」出撃エネルギー(備蓄用)3個セット 同梱)

詳細表示