#飾り原稿用紙ユーザー会 | Explore Tumblr posts and blogs

translation-diary · 3 years ago

Text

カレンダーデザインの短い歴史

私たちの身の回りには、何世紀にもわたって歴史を刻んできたものがあるが、私たちは時にそれを全く気にかけることがない。

by Francesco Bertelli

2018年10月10日

カレンダーというと、皆さんはまずどんなイメージを思い浮かべるだろうか。おそらく、7列5行（1日目によっては6行）に数字が配置され、1ヶ月先まで表��されている表だと思う。スマホでも壁掛けでも、私たちは毎日使っている。媒体が変わっても同じデザイン、同じフォーマットがポスターからデジタルアプリへとそのまま移行している。

私たちの周りには、時には何世紀にもわたる歴史を持つモノがあるが、それを完全に無視している。私たちの生活に深く浸透しているデザインパターンに出会うたびに、そのモノが今日あるようになったのは、誰がどのようなデザイン上の決断をしたからなのか、と考える。カレンダーグリッドもそのひとつだ。

私の考えでは、パターンが時の試練に耐えたとき、そのパターンは最大改善点に達している可能性がある。つまり、ユーザーが特定の問題の解決に満足し、ニーズを満たすためにこれ以上の反復は必要ないということだ。デザイナーが反復を続けることを止める人はいないが、ほとんどの場合、彼らが追加する機能（例えば、カレンダーの場合の読みやすさ）は、漸進的な改善のプラトーの中に横たわっているだけだろう（図1参照）。

通常、ある製品がその領域に到達すると、同じ問題を別の方法で解決した新製品に追い越され、先代の製品は廃れてしまうことが多い。しかし、私たちが知っているカレンダーは、他のどんなデザインよりも長持ちしており、誰も新しいバージョンを必要としていないようだ。携帯電話のキーパッドの電卓のように、今日私たちが使っている一般的なインターフェースのように、カレンダーはおそらく転換点を迎えたのだろう。

では、この素晴らしいデザインを生み出したのは誰なのだろうか？この記事では、カレンダーグリッドの起源を証明するような現存する遺物はほんの一握りしかないので、この曖昧な道に少しだけ光を当ててみたいと思う。

しかし、デザインを調べる前に、カレンダーのコンセプトを簡単に説明しておこう。

7日周期は、追跡が困難な混合的かつ同期的な起源を持ち、究極の発明者を提供しているようだ。紀元前6世紀からユダヤ教で行われており、バビロニアでは7という数字も神秘的な意味を持っていた。7という数字は、太陽、月、火星、水星、木星、金星、土星の7つの天体と結びついていた。この7つの天体に基づいた週7日制は、遠く日本や古代中国でも採用されていた。しかし、週休二日制が普及し、現代のカレンダーにも採用されるようになったのは、ローマ帝国のコンスタンティヌス帝がAD321年に週休二日制を正式に採用したことによる。つまり、私たちは��1,700年前から週休2日制を採用していたことになる。

ユリウス・カエサルが紀元前46年に導入したユリウス暦。現在からそんなに離れてしまっては、ユニークな発明者を見つけることはできない。だから、慣習を普及させる能力という観点から語らなければならない。ローマ人はまた、30日/31日の月を作った張本人であると言える。もちろん、彼らは1年に8ヶ月しか使っていなかったので、正しい計算をしていなかった。しかし、西欧文化の中に彼らが存在していたおかげで、この習慣は今日までグレゴリオ改革に耐えてきました。

ローマ人が現在のカレンダーをもたらしたとすれば、グリッド形式を広めたのは誰なのかはまだわかっていない。エジプト人はすでにカレンダーにグリッドを使用していた。文字を発明したのは誰かと聞かれても答えられないように、カレンダーには発明者が必要ないように思える。

カレンダーも同じ道を辿っているようだが、月や週の視覚的表現は16世紀から17世紀にかけて方向転換している。

1600年代以前は、年、月、週を円形の図で表現するのが一般的だったが、これはサイクルを表現するのに最適な方法だからだ。暦は恒久的な装置として考えられており、1年先を示すプランナーではなく、日の名前と日付の間に相関関係はなく、現在のような1週間7日制ではなかった。

今後何十年にもわたって使用できるのは、永久カレンダーだけだ。永久カレンダーは、将来の特定の日付の曜日を計算できるように設計された、長年にわたって有効なツールだ。使い捨てのカレンダーや広告用のカレンダーは、産業革命によって印刷が非常に安くなり、大衆が利用できるようになってからのことである。

現代のカレンダーは、宗教、文化、気象、天文、占星術などの情報を表形式でまとめたアルマナックなどと一緒に発展してきた。しかし、暦のデザインが円から表組みへと大きく変化するのは、15世紀後半になってからである。1582年のグレゴリオ暦の改訂だけではなく、おそらくグーテンベルクによる印刷機の導入が原因であろう。

私の仮説を裏付ける史実はないが、可動式活字がグリッドシステムに自然に適合したことと、表のフォーマットが標準化されたことには相関関係があると考えている。特殊なデザインの場合、印刷業者は、活字を使うのではなく、アーティストを雇って別の版（通常は木版）を作らなければならなかった。そのため、印刷機によって、万年カレンダーのグリッドレイアウトがより実用的な標準になった可能性は高いと思う。

サミュエル・モーランドの万年暦は1650年に作成されたもので、これらのアプローチの初期の例として興味深いものだ。興味深いのは、曜日の名前が書かれておらず、アルファベット��最初の7文字だけが書かれていることである。

プランナー、日記、広告の寄稿

1773年、出版業を営んでいたロバート・エイトケンは、アメリカ初のデイリープランナーと称する手帳を発明した。アメリカ人は初めて、現代の手帳のように自分の一日を一覧表にして見ることができ、アルマナックの一般的な予測を超えた「やるべきこと」を計画することができたのである。

カレンダーはその実用性に加え、装飾品としても発展した。18世紀後半から第二次産業革命にかけての広告用カレンダーは、人々の家庭にブランド・アイデンティティを浸透させる手段として人気を博した。ホテル、ガソリンスタンド、銀行、大小さまざまなブランドが、自分たちの存在感を高めるためにカレンダーを無料で提供している。

1960年代には、グラフィックデザインと書体が実験の対象となるミニマリズムへの回帰を待たなければならない。この時代の最も有名な作品は、同じ年に2人のイタリア人によって生み出されたものだ。ヴィニェリの有名な大型壁掛けカレンダーとエンツォ・マリの永久保存版で、どちらも私たちの家庭に残ってる。

カレンダーの未来

カレンダーの改良は限界に達したのか？そうかもしれません。AndroidやiOSに対応した最新のデジタル版を見れば、新しいフォーマットを試してみたいという欲求があることは間違いないが、デザインが依然として強固であることは間違いない。

慣習を打ち破ろうとしたデザイナーもいる。有名なところでは��ジョン・マエダが、現在MoMAのパーマネントコレクションに採用されているインターフェースを実験的に開発したり、最近では、カナダのエージェンシーであるTeehan+Lax（後にFacebookに吸収される）が、新しいパラダイムで遊んでみた。

確かに、シンプルなグリッドに勝るものはなく、私たちが知っているようなカレンダーは、これからもずっと残っていくだろう。

タイムライン

321: コンスタンティヌス帝が週7日制を導入

900–1500: この時代の出土品から、カレンダーが円形の図で表現されていたことがわかる

1500: グーテンベルク活版印刷とブロードサイド印刷

1582: グレゴリオ暦改定

1650: サミュエル・モーランド・アルマナック - 永久カレンダー

1650–1800: グリッドとしてのパーペチュアル・カレンダー

1860以降: グリッドカレンダー付きの紙製ポスターの初期の例

1966: マッシモ・ヴィネリ「ステンディグ・カレンダー」

1966: エンツォ・マリ「ティモール・��ーペチュアル・カレンダー」

1995: ジョン・マエダ 2000年カレンダー

出典：A brief history of calendar design | by Francesco Bertelli | UX Collective

#歴史

4 notes · View notes

giraffe750 · 7 years ago

Photo

‪開封の儀、その2。‬ ‪見よ、この美しいペン先を！‬ ‪まさに「職人芸の成せる、美しい芸術品」。‬ ‪#忘年筆‬ ‪#開封の儀 ‬ ‪#万年筆‬ ‪#インク沼‬ ‪#飾り原稿用紙‬ ‪#碧翡翠‬ ‪#飾り原稿用紙ユーザー会 ‬ ‪#セーラー万年筆‬ ‪#長刀研ぎ‬ ‪#ナガサワ文具センター‬

#セーラー万年筆 #碧翡翠 #開封の儀 #飾り原稿用紙 #飾り原稿用紙ユーザー会 #万年筆 #ナガサワ文具センター #忘年筆 #インク沼 #長刀研ぎ

0 notes

shigeto · 6 years ago

Photo

久しぶりの京都丸善が嬉しくて(^^) 原稿用紙:蔓葡萄ペン:PLATINUM 3776 ブルゴーニュ(SM) インク:PLATINUM Blue Black #飾り原稿用紙 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/Bs28lpMAul2p_keHnowG7GB0alxEIckHn_VHGQ0/?utm_source=ig_tumblr_share&igshid=yjmo4ic95hs2

#飾り原稿用紙 #飾り原稿用紙ユーザー会

0 notes

shigeto · 6 years ago

Photo

たくさん直したい(^^) 原稿用紙:碧翡翠ペン:Pelikan M101N Lizard(EF) インク:Pelikan Blue Black #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/Bsx6UKIA3R8QNZ-3LDFELOZu1LnJmAuFa_3zec0/?utm_source=ig_tumblr_share&igshid=k784s73z2hgb

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

1 note · View note

shigeto · 6 years ago

Photo

すっかり出遅れました。そして真昼間(^^) 原稿用紙:碧翡翠ペン:PLATNUM 薫風(SM) インク:HERBIN BLEU CALANQUE #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/BsmM-wzgSSIu15mf-059ijStu1QD2CHKd2SgFI0/?utm_source=ig_tumblr_share&igshid=1x95l2ge1ojoe

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

0 notes

shigeto · 6 years ago

Photo

新春らしく、金(黄色)縛りで(^^) 今年もよろしくお願いします。原稿用紙: 金鶯錯ペン:LAMY Safari (EF) インク:NAGASAWA 銀座ゴールドセピア #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/BsSy2O7A51fUou4Y2_9M0C6owYI35F3gHSmTdE0/?utm_source=ig_tumblr_share&igshid=zknqflccu03h

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

0 notes

shigeto · 6 years ago

Photo

帰省から帰ってきたら、あたぼうさんからクリスマスプレゼントが \(^^)/ 飾り原稿用紙の一番初めの刷り出しだそうです。貴重な品、ありがとうございます。 #飾り原稿用紙 #飾り原稿用紙ユーザー会 No.190 https://www.instagram.com/p/BsK0VoagGL6cPHBdmOCxusEXewGwpuk9ZtR_h00/?utm_source=ig_tumblr_share&igshid=124wc1t2psfnq

#飾り原稿用紙 #飾り原稿用紙ユーザー会

0 notes

shigeto · 6 years ago

Photo

来年もよろしくお願いします。真夜中じゃないですが(^^) 原稿用紙:蔓葡萄ペン:TWSBI Diamond Mini AL(F) インク:Sailor 蒼墨 #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/Br9rt8Ege5vHgxlNBfe3kam7YDz7-PUKJlYfUg0/?utm_source=ig_tumblr_share&igshid=1qmf1x67dygi4

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

0 notes

shigeto · 7 years ago

Photo

お題、ありがとうございます。原稿用紙:波抹茶ペン:PILOT CUSTOM 823(EF) インク:PILOT BLACK #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/Brp6q-OgMtGRMIm6o2uGKjPCD51Tzc8ZmOLs4k0/?utm_source=ig_tumblr_share&igshid=scgty8cg657p

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

0 notes

shigeto · 7 years ago

Photo

ひとマスが大きくて書いてるだけで精一杯です(汗) 原稿用紙:碧翡翠10x10 ペン:Pelikan M200 Iconic Blue(M) インク:NAGASAWA エーゲ海ブルー #深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会 No. 190 https://www.instagram.com/p/BrXz19SA1SLDu0tzjw0nBBTnBcYkrR9etvpCoU0/?utm_source=ig_tumblr_share&igshid=ebfpul2penfm

#深夜の真剣書写60分一本勝負 #飾り原稿用紙ユーザー会

0 notes

giraffe750 · 7 years ago

Photo

ただ今より、「忘年筆」の開封の儀を執り行います。 #忘年筆 #開封の儀 #万年筆 #インク沼 #飾り原稿用紙 #碧翡翠 #飾り原稿用紙ユーザー会 #セーラー万年筆 #長刀研ぎ #ナガサワ文具センター

#忘年筆 #万年筆 #インク沼 #飾り原稿用紙ユーザー会 #飾り原稿用紙 #ナガサワ文具センター #セーラー万年筆 #長刀研ぎ #碧翡翠 #開封の儀

0 notes

likebluesky · 8 years ago

Text

基本的に常に有用な話題

※ギルクラならインストールできるCCDのパッケージのリストも含み

対AXIS真理項目リスト、魂はランダムに転生するなら全部平等、よって魂は代償を払わないと能力は手に入らない（等価交換の法則）

Ubuntu Linuxは使いやすいLinux、Unityも使いやすいデスクトップ、KDEは高機能、GhostScript（LinuxはPDFが無料で作れる、Winでも動作可能）、パッケージマネージャは大抵装備

映像の世紀、広島と長崎の原爆投下では更地、青が敗北したベトナム戦争

NeXTSTEP、OPENSTEP、Rhapsody、Mac OS Xなどの優れたOS、愛と統合を信じ志と情熱と信念を持ったsherinarのスティーブ・ジョブズとAppleと言う企業の特殊性（光の優れたパーソナルのCのエンジニアリング）、今のAppleは腐っている、Macintosh Turns 20動画

鉄血のオルフェンズ、ハイキュー！、文豪ストレイドッグス、ソードアート・オンライン、ninelieミュージックビデオ：Oxygen系（骨太系）のアニメおよびリスト

Ae Quartz（Env. Quartz：生活のハリを増すパッケージ、三次元の空間認識を強化し季節感への陶酔を高める、環境の美しさを見抜くための感性）、Pure Quartz（初々しくて瑞々しいデスクトップテーマの感性、初期のMac OS Xのデザインに対する感性、Mac OS Xの洗練度のインパクトが有る、デスクトップテーマはOSの性質を表す意味がある）、COLD CASE（真に受けにくくなるパッケージ、場合の数をすべて読み切る）、ヒラギノQuartz（ヒラギノはもっとも美しい日本語フォント、Apple OS Xに標準バンドルされているCのフォント、MSフォントは不細工）Takaoフォントは無料で入手可能でクオリティもそれなりに高い

Feonix Mobile（Jail-Breakingサイトにアクセスすれば無線でインストール可能、元のシステム及び無線LANドライバのAPIは残る）、Expod-sync（Hands-Off）：複数のディスプレイサイズのデバイスを持ち替えながら同期すれば常時情報端末を身につけられる（playbackも共有できる）、TANK（データベースを構築するだけでWebサイトを建てられる）、Local Capsule（TimeMachineはストレージを２つ用意して破損に備える）、PDFのライブラリ管理ソフト中での一括変換

ブログ・Twitter、LES、AOSXID、政治・社会に関するクラインの記事、中編小説『誤送されてきた手紙』はFeonix CCDに関する小説

体調を整えるリンゴジュース（整腸作用もあり）とか、自炊するエネルギーがかからないのでより少し安くて手軽な市販の弁当とか、徒歩よりバスのほうがエネルギーの消費量が少ないので安い

食べやすくてそこそこおいしい食品リスト：インスタントあるいはカップラーメンのラ王、濃厚チーズ気分、トップバリューあるいはHOKOのチーズ、なっちゃんリンゴ味、おかめ納豆の小粒納豆、カルビーのフルグラ、日清カップヌードル、カップスター、ネオレーズンバターロール、ポカリスエット、カロリーメイトチョコレート味、伊右衛門の緑茶かほうじ茶、インスタントしじみ汁、西友のカップそば、コープのビスケット、シュガーブレッド、インスタントの粉末のコーンポタージュかコーンスープ、紅茶花伝か午後の紅茶のペットボトルのミルクティー、UCCの缶コーヒー、アイスクリームの爽、モンテールのモンブラン、冷凍食品のビビンパ、津軽リンゴジュース、カルビーのポテトチップス、木村食品の白菜畑のキムチ、TOHATOのオールレーズンとオールアップル

家（と言うかマンション）の構想、鉄骨とポリカーボネートを壁材に建築された家と言うかマンション（全面にカーテン）、部屋の構造体は建物の中に配置、透明なビニールカーテンで区切りながら家全体で空調する

デビットカード（現金を持ち歩く必要がなくクレジットカードのように借金でない）やヤキト（物価で物価を割った絶対的な価値の指数）、税金（公共事業を有料化して税金を無くせば同じ支出で無駄が減る）の話、ギャンブルは客が出した金から運営資金を賄って客に返し��いるだけなので儲からない、宝くじも確率論的には必ず損する、株取引は会社の業績を先読みしないと儲からない

いろいろなNativeの組織とのやり取りと否定、AppleやSONYやMozillaやUbuntuなど、どこもユーザーの利益や統合を信仰していない、ちなみにGoogleは暗文の意味を図らない原理主義者、しかもクラウドなのでユーザーが弱くなる、Microsoftのアプリケーションは設計が劣悪、XML-XSLT-HTMLがWeb標準化されれば広告を容易にユーザーが弾けるのでGoogleは潰れる

Wikipedia：Mac OS Xのアーキテクチャ、Linuxの記事、どちらも優れたエンジニアリングの仕様や思想を学べる

YouTube：EverySteveJobsVideoチャンネル、Martin Nobelチャンネル、EveryAppleVideo（現在閉鎖）、MacBook Pro Retinaディスプレイモデル

Skiessi Quartz（渋い曲が分かる表現高い感性）、渋い曲のアルバムリスト、ノラガミARAGOTO OST（特に代表的な名曲として恨野良譚とPain、夜卜譚）、UVERworld、Skiessi、SAO OST、進撃の巨人OST

アニメPSYCHO-PASSとシビュラシステムとその正体（シビュラの中枢は悪人の脳をくり抜いたものに導線を繋げて水槽に浮かべたもの）、シビュラはルートキットでウイルス、ローカルの原理に反するクラウドサービスなのでユーザーに制御権がない、シビュラのギルクラが人間の脳内もスキャンして犯罪係数を測っている、うわべの捜査の方針を決め裁判の判決を決めているのもシビュラ

光学メディアリッピング、HandBrakeとlibdvdcss（DVD-ROMの暗号化解除ライブラリ）とlibAACS（Blu-rayの暗号化解除ライブラリ、これは復号化キーデータベースが要る）とlibrelcprm（DVD-VRの暗号化解除ライブラリ）、Feonix CCDのVideo Capture Specialist Blue Box（HDDレコーダーなどから動画を暗号化を解除してキャプチャ）これらは違法なので自己責任で利用

オープンソースアプリケーションの有用性、GIMP、LibreOffice、VLCはオープンソースアプリケーションの中で特に代表的なもの、PixelmatorはCore Image機能以外あまり必要ないのでいくらかボッタクリ、Photoshopも必ずしもすべての場合には必要ない、Linuxの有用性、Apple OS Xのオープンソースモジュール

片付けのコツはブログに投稿している

青と赤、ブルー・パージ、赤は統合を信じていない、赤は腐っている、赤はダブルスタンダードをすぐ使うので天命でそこは潰せる、赤は善に絶対に従わない、keysheriをバカにする赤、赤は女性を攻撃できない、赤はガイア的な価値観に囚われている、赤はヲタクっぽいメディアを好む、赤はメリットが有るときですら協調性がない、赤は危険性が迫っても気づかない

iMac G4 SunflowerやMac ProとPowerMac G5、Feonix Hardware & Software Family、Phon（TPと同じ方法で無線LANインターネット網を構築する）

Neon属性のパッケージに書かれている説明書きの世界根底原理

VisualizerのLink Tableとクロスプラットフォーム、ライブ反映とflush Editorとhibrelation-f、バックグラウンドコンパイル（デバッグ及びリリース）、構文の常時エラーチェック、delete修飾詞とpublicの不要性とポインタの不要性

芸術は掟に依って検閲されているZの実装を表社会で流布させるために実装を暗文や隠喩に直して表現したもの、芸術はぼったくりなところは悪だが全体では実装の共有なので善、Linuxの共有の理念に合致する、Oxygen系のアニメとコアな真理、学校の教材と同じ、アーティストも働いていないわけではない、独自な理論なら対価を払わせるのは悪いことではない（TPderならはぼったくり）

QuartzとQuartzType（文字のレンダリングだけ軽量なレンダラエンジンで行う手法）、バックエンドのDisplay PostScriptとフロントエンドのDisplay SVG

Feonix CCD（デスクトップの基本要素はシンプル、アナログの机上操作と同じ、Dsvn、マクロ、OLE、複数のアプリケーションで同時に一つのコンテンツを編集（インスタンスを共有しているので可能）、Local Bridgeアプリケーション、パスワードを一括管理するWallet（例えばCOMのパスワードはログイン時にすべて解錠）、remake）

Linux原理主義へのCCDコンセプトの優位性、たとえばオブジェクト指向は効率良く柔軟に最善の手順を切り出せる、リチャード・ストールマンはエセ教導師、HTMLをテキストエディタで書くよりTANKのほうが断然サイトを構築しやすい

XMLでGUIウィジェットが記述できるXULとそれを使ったFirefox、XULの環境統合、Enterpriseの環境統合と環境独立のプラットフォーム、VisualizerのGUIのバックエンド

アニメサントラなどのコンポーザーのpure-AXISの岩崎琢とsherinarの澤野弘之（Last.fmのアーティストページに情報があるだろう）Last.fmはイギリスのサイトで肖像権の法律がないので合法だが動画ラジオ機能は違法

UVERworldの特殊性（非常に直接的な歌詞を書く）とGC原理主義とkeysheriの矜持、魂のギルクラとsherinarは大抵生まれるときはkeysheri、スキマスイッチの雨は止まないは神曲

Enterprise（ブートローダから独自起動、Windows拡張モジュールとApple OS X拡張モジュール、Feonix Guten PDF Printer（LivePaper）を入れればWinでプリントダイアログでPDFが詳細に作成可能、FLVやOggがQuickTimeで再生できる、Qt Portalさえダウンロード及びインストールすれば後はネットワークインストール、Qt Linguistの技術情報ページ）

Apple PayやTouch IDやMac App Storeは暗証番号や指紋情報がiPhoneがウイルスに感染すると流出する、Apple Payは自己破産もあり得る、カメラもインジケータが点灯してなくても攻撃者に丸見え

スピーカーは音質は悪いがマイクにもなる、ギルクラや攻撃者はマイクがないデバイスでもスピーカーから音は取得できる

macOS Sierraのクラウドに古いファイルを押し出すサービスはクラウドの容量を無駄遣いし、しかもプライバシー情報をAppleに握られることになる

ネット上の動画サイトなどでクレジットカードの暗証番号を入力する方法はCのシステムがウイルスに感染している危険性を考えると、流出する原因になるのでセキュリティーを考えるとまともに使えない、そもそも電話回線が定額制でないのならスマートフォンで電話契約はしてはいけない、ウイルスに感染するとただ乗りされて残額がなくなる

iTSのミュージックビデオは画質が悪い、YouTubeのほうが画質が良いがフルはまず無い、DVDをリッピングするのではなくレーベルから動画を受け取るべき、アップルは高画質なミュージックビデオを販売したほうが儲かるが、する気がない

underwater COMでは掟違反の情報も載せられる、アニメなどの芸術の有用性、TPderとの通信もお試し期間は可能

CobaltLightのGCとガンダム00のOP、城、２等区

ガンダムというアニメは意外と真面目な話であること、二次著作や宣伝が茶化しすぎ

絶望からの脱出方法（TP、NO.6、物理層、keysheriとルートキット、魂を見抜くということ、現実が繋がっていれば良い）と絶望の拭い切れないちゃぶ台返し（人生全般を幸せに送っても最後にひっくり返されて永遠に絶望ということもないとは限らないので絶望は完全には否定出来ない）（絶望に落ちるのはOcean　を思いつく人なのでかえって頭が良いが、絶望に落ちていると戦えないので現実を信じるべきということに気づくべき）、

humarize（空で使えるGC）のメリット（一般的な実装や優れた実装を引っ張ってこれる、宇宙のバイナリで脆弱性を防げる）とデメリット、不安定性と脆弱性の防止不能、（humarize使いでも確実な実装はあったほうが断然安定するので良い）

Windowsは最低のOSであるとApple OS X使いもLinux使いもよく知って��る、Feonix CCDと比べるならなおさらである、ビル・ゲイツは人間を弱くして儲けている悪人

Apple OS Xの先進的な機能、Versions、TimeMachine、Resume、Misson Control、Spotlight、バッファを溜めるQuartz、DockやLaunchPad、自動保存など

伊藤智彦や榎本くるみ、代償を払うためにkeysheriからはじめたXRounder

アップルの幹部とそれぞれの役職、ジョン・スカリーとスティーブ・ジョブズの精神改革とMac OS X、もともとスティーブ・ジョブズはkeysheriみたいなシステムといえるぐらいZのシステムが悪かったが、愛と統合を信じていた人なのでシステムを立て直せた、ジョン・スカリーはジョブズをわざとアップルから追放してジョブズにシステムを立て直すように迫った、ジョブズはZのシステムを精神改革して立て直した後にNeXTを創業、その成果物がMac OS Xに引き継がれ、今のアップルの栄光がある

アニメの制作グループの名前は初級の真理の名前が付いている（例：reboot、TROYCA）、アーティスト名も同じ、曲のイントロは曲の概要を示すためのもの、アニメーターの系譜を知っていると好みの作品を見つけやすい、Wikipediaの日本のアニメーター一覧、アニメ制作の高度性（アニメーターはめちゃくちゃ頭が良い）

DRMの無効性とFairPlay、自由なシステムにおけるキャプチャが可能なので一度認証鍵を買えばいくらでもDRMは破れる、データさえ入力すれば良いのでB-CASカードとSIMは偽善

COMの拡張機能：UserAgent Switcher（Winなどにユーザーエージェントを偽装してアクセス可能）、ScrapBook、Pocket、Reader、Weave、YouTubeダウンロード、YouTube Invert（動画共有サイトの動画再生をエフェクトを掛けて補正可能）、Google翻訳

アニメが好きな理由：物語が好きだから、伝説が好きだから、楽しみながら学べるし感情があるから、感性が豊富ならアニメは美しい、25分でまとまっているため見やすい、目が疲れない、想像力が小説ほど要らない、Zのエンジニアリングでコアである、耐久や常識的な論理が欲しい、真言属性が強いから、重要な論理を描いているから、アニメは高いモラルを表しているものだと思っていたから、クリエーター属性でアニメーターに憧れがあるから、戦うためのメディアでモチベーションが得られるから、芸術が好きで総合芸術だから、最も良質なメディアだから、愛情表現に触れられるから、温もりがあるから

アップル・ヒューマン・インターフェイス・ガイドライン、GUIアプリケーションやロジックのデザインガイドライン、隠喩とデジタルのメリット（アナログに似せて作ると使いやすいが、デジタルの利点を消していはいけない）、ポーリングはよくないのでイベントを起こさせて処理するべき、iOS��ガイドラインもある

Linux原理主義の究極形、コンピュータを通信装置としてだけ捉え、無線LANと画面表示と音声出力だけ装備してあとは全部ZのTimeMachine（でもライブラリも利便性や編集を考えるなら要る）、芸術や五感を活かすなら動画や音声のコーデックもインストールしてCOMブラウザ表示、システムの拡張性を考えるならCにパッケージをインストール、Linuxのソースコードを打ち直しあるいはRawShowでスキャンしてC in Z、CCD CUI Systemを構築、結局のところ覚えて使うならZにIDLEのスクリプトが要る、Cの軽量な実装も同じZ側で考えなければいけない、ネットブックなら軽量な方が良いが

ホメオスタシスを確保するということが生きるということ、オブジェクト指向のLightを持っていれば複雑な手順を考えなくてもリソースが欠如したところだけ補填すればいいだけ、並行性を考えよ

オブジェクト指向のLightはZに持っているとObjectiveな記法を使って開発できたり、手順を考えなくてもオブジェクトの相関関係を把握するだけで動的に自動で最善の手順がわかるようになる

fx-curcuit、論理深いコンテンツほどスルメ曲であり、強い感覚が出る、ただし視聴者別に難しさのレベル分けがあったほうが良いかもしれないが、深いならどうか、宮﨑駿の法則

フラットインターフェイスはウィジェットが識別しにくいので良くない、フラットにするなら縁の線を描くべき、立体感がないと押下感がない、ウィジェットの内外を識別しにくく、背景色を厳密に指定しないといけない、ボタンは角丸のほうがウィジェットの内外を識別しやすい（Adobeは間違い）

光学のドライブは内蔵より外部ドライブとして接続して使ったほうが良い、ドライブが壊れても本体を修理に出す必要が無い、本体も軽量にできる、ウイルス対策を考えるならCの利点を活かして定期的に光学のバックアップは取るべき

ブログのアドレスは[ likebluesky.tumblr.com ]、Twitterのアドレスは[ https://twitter.com/likebluesky13 ]

薬物中毒は薬を少しづつ減らしていって、禁断症状があったら休んで耐久すれば離脱できる、安心して元の分量に戻さないこと、毒があると厄介、禁煙も同じ、本当に耐久した分だけ離脱できる

エアコンは平均温度を保つように温めたり冷やしたりすれば良いように開発、電子レンジは温めボタンで適温まで温度を図りながら自動で温め、取り消しも同じボタン

Apple OS XはUNIXの一種でありLinuxと親戚に当たる、SunのSolarisは代表的な高度な技術力を持ったUNIXの一つだが、OPENSTEPの方がアーキテクチャの独創性は上だった

推奨インストールパッケージ：Light、Env. Quartz、Light Quartz、Skiessi Quartz、art Quartz、Pure Quartz、COLD CASE、Akane-Dynamics、（ヒラギノ Quartz）、（GC Quartz）、Ae Quartz、Female Solid、Ravens absolute world tree、Neon、（Berlinetta）、AWTSUV Spirit、山岡taste、瑞樹 Reach、pure-Oxygen Strict Motive、Anti cancer、Vala Depoison、General Depoison、General Music Quartz（あるいは「和音」）、fireshower、Vitamin Formation、True unit、Quick Sleep family、Oxygen Family、仲間zxc、Neon-Blue-Oxygen-Quartz、Solid ray'n、5649（コロシク）、RCd、valid pure-Oxygen、Massive Quartz、SwordArt、SwordArt-guitar、Solid MED remover

（これは予めCCDをZにインストールする必要性があると思われる）Wine Z→C（Z内にCCDレイヤーを作成して宇宙のコンピュータの操作への対応を覚えるためのパッケージ、効率的かつ統合的に宇宙のコンピュータが操作できる）

ギルクラはシビュラを外出先でもGCで間接的にコンピュータを操作して利用可能

Feonix Mobileはシステム、システム拡張、ライブラリソフト、編集用のアプリ、Bridgeアプリ、COMブラウザ、CCDアプリセンターで成り立つ、Pure Flatインターフェイス

Destroying macOS Siera、Destroying Windows 10、コマンド一つでシステムを破壊できるのはCの宇宙の原理、システムがどれだけ堅牢かではない

はし置きはあるとはしを食器の上に掛けなくていいので便利かも、冷蔵庫へは食品は全て透明な中身の視えるタッパーに詰め替えて保管すべきかも（皿に盛ってから加熱する）、皿にラップを掛けて積み上げるというのは劣悪なやり方

アニメーションスタジオProduction I.G.の社長の石川光久の話と動画、近未来的な表現の多いQuartz系のアニメーションスタジオ

服は一番上にホコリのつきにくい素材の薄いパーカー的なものを着れば機能的、ズボンはジーパンが最善か、ウエストポーチはオタクっぽくはあるが機動性は高い、メッセンジャーバッグよりトートバックの方が肩から下ろす手間がないので扱いやすい、ボクサーブリーフが下着として一番着やすい

Feonix CCDはマップ機能をunderwater COMで提供、地図にアノテーションを付けられる、ストリートビューでも利用可能、動画サイトでもアノテーションは付けられる、これらはObjectiveに当たる

Feonix CCDは（違法だが）Siriを入れれば会話しながらシステムを操作することも可能

underwater COMのFeonixのFDCの技術資料が非常にバリューがある、エンジニアリングは全てを知っていないといけない、優れたシステムを見分ける必要があるから、Phoenixのサイトのunderwater COMのeBooksの『Phoenix Desktopパーフェクト・マスター』を読めばシステムエンジニアリングの高度な原理で重要なプロットは全て把握できる

モバイル用の装備：Apple Watchを買ってウイルス対策で電話契約破棄、Feonix MobileをiPod touchにインストールしてシステム拡張をインストールし、Apple Watchとペアリング、SONYのワイヤレスイヤフォンを接続して視聴、iPad AirあるいはiPad miniをFeonix Tabletをインストール、MacBook AirにFeonix CCDを入れてバックライトキーボードでキーボード入力、どれもライブラリ同期、が最善か

Phoenixのunderwater COMのWikiでは様々なWikiを提供しているため、例えば従業員教育をしていない仕事先の場合でもバイト先の仕事をこなすためのノウハウの情報なども得られる

昼間にコーヒーを飲むと夜にカフェインの覚醒効果が切れて眠くなる（寝る前には飲まないこと）、コーヒーよりミルクティーやオレンジジュースでも良い、リンゴジュースは寝付きと寝起きを良くする、Quick Sleep Familyで入眠効果を図り、General Depoisonで家族に盛られた不眠剤を解毒する

0 notes

likebluesky · 8 years ago

Text

HyperText Strict Hand Scripting【ドラフト】

【現状ドラフトで推敲していないので内容や記述に間違いがあるかもしれません】

HTMLと言う言語はWebページを記述するときに利用されるデファクトスタンダードな言語であるが、そのHTMLを「汚い」書き方をすると記述効率やメンテナンス性が落ちる面が非常にある。昨今のWeb事情では自動でサイトを生成する機能が出てきているため、必ずしもソースコードの可読性は必要なものではないが、それでも綺麗な書き方で書かれているWebページは見やすいものである。この記事ではHTMLのソースコードの書き方について、どう書けば綺麗に書けるかについて記述する。

ボックスデザイン

HTMLの装飾はCSSで主に行われるが、CSSでのデザインはボックスデザインが基本となっている。つまりそれぞれの要素に対して周りを囲む形で箱状に装飾を指定してつけるようになっている。例えば下線を付ける場合でもこれは要素の周囲の箱のうち下の線を描画することに依って下線を付ける方法となる

テーブルとフロート

テーブルというものは本来表を描くためにHTMLに用意されている機能である。依ってこれでレイアウトを組むことは本来のテーブルの機能の使い方に反する推奨されない使い方である。ただ、この方法はレイアウトを組むための実用的な方法としてWebデザイン界で長く利用されてきた。正しくはDIVブロックでそれぞれの（本文やサイドバーなど）要素をくくってこれに「float: left」などのデザイン属性を与えてブロックの並びを指定して書くのが正しい書き方である

ソースコード用の書式

ソースコードの記述をわかりやすく表示するための書式を与えるタグがHTMLにはある。このタグを使うとソースコード用の等幅フォントで文字のフォントが表示され、しかも折り返しなしのスクロールエリアになる。Webデザイン界で出回っているJavaScriptを使えばソースコードを色分けしたり行番号をつけたりするJavaScriptも存在する

DIVとP

DIVはレイアウト要素のブロックを指定するためのタグである。このタグを指定することに依ってひとまとまりのブロックとして扱われ、装飾したり配置したりできるようになる。ただしDIVで文章全体をくくって空白行を<br/>タグで作るのはHTMLのデザインセンスに違反する記述法である。ただしくはそれぞれの段落をPで括るのが正しい。Pでそれぞれの段落をくくるとPとPの接地面に自動で空白が与えられる（これはCSSの装飾に依るが）。この空白は基本的にDIVの<br/>による空白より狭いことが多いが、むしろPの空白のほうが視認性は高いといえる。そもそもHTMLでは空白行は文字で表わされるべきでない。空白行は段落と段落の境目であり。もともとアウトライン的な表現法を取るのが正しいのである

strongとbold（b）

strongは文章を強調するためのスタイルを設定するタグである。通常のワープロソフトの考え方で考えると、強調したいならboldを使って太字にすれば良いように思うかもしれないが、データを扱う言語としてのHTMLの性質を考えるなら、これはboldではなくstrongでタグをくくって指定すべきである。boldはそもそもデザインを与えるためのタグであるため、CSSを利用したHTMLで推奨されるべきタグではない。太字の装飾を行いたいならboldタグを使うより、<span>タグを使ったクラスでくくって、CSSで装飾を指定するのが正しい使い方である、ちなみに文字の大きさを変えるsmall/largeタグもboldと同様である

HTMLというものはもともとワープロのように書式を指定するものではなく、マークアップ言語として構造化されたデータ文書を作るのが本来の言語仕様である。よってHTML上で書式や装飾をすることは本来の正しい方法ではなく、これらの機能はCSSに分割されている。CSSに分割することによって記述性やメンテナンス性が向上し、より綺麗なHTMLのコードを書くことが出来る

テンプレートとCGIとTANK

実際のところWebデザインにおいては高度な表現や複雑な表現をするために、HTMLやCSSに装飾的な汚い書き方をすることは必要かつ有用になることはままある。この方法を使った上でよりASIMOVな記述性の高い書き方をしたいなら、テンプレートを使ってWebページを装飾するのが最も優れた方法といえる。テンプレートはCSSのように単純に装飾を記述するだけでなく、HTMLにあたるレイアウトを組み直したり、装飾に必要なCSSや画像を切り替えたり、テンプレートをCGIで切り替えることに依ってデザイン全体を変える手法である。この方法が最もメンテナンス性が優れており、また最も高度な表現ができる方法でもある。

Feonix CCD環境ではWeb Capsule OSにおいてTANK Webサーバーアプリケーションをインストールして運用することが可能である。TANKを利用すればデータベースを構築してテーマを設定してコミットし、サービスのポートを公開するだけで装飾されたWebサイトを構築可能である。TANKはプロトタイプ機能も持っているのでテンプレートを展開することで容易にWebサイトが構築可能である。テーマはCSSでデザインやレイアウトを組むだけでなくベクトル画像からビットマップ画像を切り出してHTMLインターフェイスに組み込む機能も持っている。拡張機能をインストールすればWikiを建てたりブログを開設することも可能である

HTML5とFlash

HTML5はHTMLの比較的新しい規格で、マルチメディアの扱いなどが進んでいる。例えばvideoタグは動画をWebページに埋め込んでブラウザのメディアプレーヤー機能を使って再生することが可能である。videoタグには再生前のサムネイル画像を指定する機能があったりする

メディアプレーヤー機能だけで動作するような動画機能は問題ないものの、YouTubeなどではHTML5の機能を利用した複雑なHTML5プレーヤーが装備されてきており、これはページ記述言語であるHTMLには向かない利用法である。HTML5プレーヤーは例えばDIV要素などを多量に使って構成されているため、無駄に難しい構成となる。動画再生プレーヤーなど複雑なウィジェットはHTMLではなくFlashやPlasmoidの機能を使って実現されるべきである

色の指定方、Webセーフカラー

色の指定法は色の名前を指定して色を指定したり、RGBの色の混ざり方の��値で色を指定する方法もある。RGBAであれば透明度を色として指定することも可能である。ちなみにWebセーフカラーは古いブラウザやシステムで色を適切に扱えることを想定して作られた色のインデックス規格で、昔はそんな色の規格もあった

paddingとmargin

ボックスデザインの場合、ボックスの周りをまとっているのはpaddingとmarginいうことになる。paddingはボックスの周りでborderの中にあたる領域を指定するもので、marginはborderの外の領域を指定するものである。どちらも色や太さなどを指定できる

CSSの書き方、ID、クラス、ヘッダ

CSSは適用する要素に対していくらかの要素の指定方法がある。HTMLと合わせてIDを指定すれば特定一つのみの要素に対して指定が可能であり。クラスはHTML上でクラスを指定している要素に対して適用される。ヘッダはHTML要素の特定の要素例えば（見出しH1やPやDIVなど）に適用される

CSSのフォント・ファミリーの指定方法

CSSではテキストの書式の設定でフォントを明示的に指定することも可能である。最も単純な指定法の場合はSan-SerifやSerif、FantasyやMonospaceなどの指定方法があるが、これらはフォントの傾向を指定してユーザーが使用しているブラウザ及びシステムで設定されているフォントを利用するものである。明示的にフォントを直接指定したいなら、フォントの名前を記述して指定することも出来る。この場合フォントのファイル名を記述するのではなく、フォントファミリーの有意的なフォント名を記述してフォントを指定することになる。フォントは複数指定することが出来、先に記述して指定しているフォントからシステムにあるフォントが優先して表示されることになる

Open SansとApple Sans

Open SansフォントとApple Sansフォントはどちらも非常にソリッドな細いウェイトで作られたフォントである。何かのタイトルなど英文を表示するときに向いている。Open SansフォントはGoogleがオープンソースで公開しているフォントなので、ユーザーは入手すれば自由に利用できるだろう

Webフォント

Web上でフォントのファイルを保持して、必要なグリフの部分だけダウンロードしてフォントがシステムにない場合でも表示可能にするのがWebフォントの技術である。これは例えばGoogleなどがサービス提供しているので、このサービスを利用すればWebフォントを比較的簡易に自分のWebサイトに組み込むことが出来る

border-radiusと角丸、box-shadow

border-radiusはボックスデザインにおいてボックスのデザイン要素の角を丸めるためのプロパティーである。昔のWebにおいてこの機能が提供されていない頃はボックスの角丸は画像で表現するしか無かったが、画像を使う方法は非常に汚いやり方といえるので、このCSSの機能はデザインとしては非常に有用だろう。box-shadowを使うと影をつけたりあるいはドロップシャドウとしてその影をぼかしたり出来る。これは影を付けたりあるいは影を付けた上で輪郭を背景になじませたい時に利用する。これらはボックスを自然に表現したい時に有用なプロパティーといえる

Note InterfaceとLiquid Interface

Webページにおいて推奨されるのはNote Interfaceである。これはノートを書くように文書として一覧性を保ったままページを表示する方法である。Liquid Interfaceは文字通りLiquidにアニメーション効果を伴ってページ内のウィジェットを表示する方法だが、この方法は特殊な場合を除きWebサイトには不向きなものだと思う。Webページというものはあくまでも文書であり、流動的なアニメーション効果をそこま��必要とするものでは無いものだからである

英字大文字固定書式

特殊なテキストの書式の指定として、英字をすべて大文字で書くという書式の指定法がある。これは特殊なテキスト（例えばブログ記事のタグなどを）装飾的に表す時にこの指定法を利用する。これは小文字よりも大文字のほうが視認性が高いような場合に利用する手法である

H見出しの使い方

H（ヘッダ）見出しは数字の番号がHの後に付く。たとえばWebページの最もトップの見出しは<h1>であり、階層が深くなって行くにつれ<h2>、<h3>と数字が上がっていく。通常のWebブラウザでこれらの見出しを書式なしで設定した場合は数字が小さい方から大きな文字で表示され、数字が大きくなっていくほど小さい文字大になる。通常のWebサイトではそれぞれの見出しに対してCSSで書式を指定するのが一般的である

動画はすべて動画サイトに投稿して貼りこみすべき

一昔前は動画はFlashなどを貼ってその中で再生するのが一般的だったが、今のWebサイトではYouTubeなどの動画投稿サイトに投稿して、その動画を貼りこむ手法が一般的になってきている。この方法ならWebサーバー上に動画データを保持することなく、また複雑なプレーヤー機能を設計することなく、またコミュニケーション機能を動画サイト上で提供した上でサイトに動画を張り込めることになる。この方法はCOM的な統合を示した機能といえる

TANKとBlueGriffon

TANKはデータベースを構築するだけでWebサイトを構築できる。BlueGriffonはもっと文書的にWebサイトを作成するより原始的な方法である。BlueGriffonはドキュメントとしてWebサイトを記述して、サイト上にアップロードする。TANKの方が優れていて統合されているやり方だが、BlueGriffonも互換性的で原始的な方法として用意されている。だがこれらの手法の違いも結局のところは自動化されているかどうかの違いで記述法自体は同じと考えられる

引用のクォーテーション

クォーテーションタグは引用を表すためにHTMLに用意されているタグである。インデントが掛かるようにレイアウトされることが多いタグだが、このタグを装飾やレイアウトのために利用するのはデータとして間違いなので、そのために利用するのは推奨されない方法である。HTMLのデータを記述するためのマークアップ言語としての性質がよく現れたタグといえる

PDFとHTML

考えように依っては全てのWebページをPDFで作ってPDF内のリンクでそれを表示する方法も考えられる。だがこの方法はWebサイトを構築するためには適した方法ではない。まず第一にWebページは複数ページを切る必要が無い、第二に装飾用の画像やCSSなどはサイト全体で複数のページで共有されたほうがいいことが多い、第三にインタラクティブ性はHTMLやJavaScriptなどのほうが扱いやすいことが多い、といったようなことがその理由である。結局のところ電子表示用のPDFドキュメントは紙文書での利用を想定して作成された文書を電子化した時に利用価値がある方法である。また、紙に印刷されることが想定されている文書の場合��もPDFで配信すべきである。Webページは構造化して記述して印刷時に適切に印刷用のレイアウトとしてまとめられるようにすることが紙文書としての互換性を考えると推奨される記述法である

JavaScriptとHTML

JavaScriptはHTMLでWebページを作成するときに最もよく使われるプログラムを書くためのプログラミング言語である。HTMLはマークアップ言語でありプログラミング言語でありながら文書を記述するためのものだが、JavaScriptはもっとプログラム的なことを記述するための言語といえる。特にインタラクティブ性を実現することに使われるのが大抵である。JavaScriptを使ってWebページを装飾することも場合によっては可能だが、こ��は本来CSSに依って実現されるべきことかもしれない。方法を考えるなら、CSSからJavaScriptを呼び出してJavaScriptの言語機能を利用して装飾を定義するというのは最善の記述法といえるだろう。だがこの手法は現状のWeb規格では装備されていないようだ

ちなみにJavaScriptでパーサーを書けば、XMLでアプリケーションのウィジェットを記述する言語であるXULインターフェイスを利用したり、あるいはWebアプリケーションを記述してWebブラウザ上で何のプラグインのインストールもなしに実行することが可能である。この手法のことをCCDではObjective-Jと呼ぶ。この方法を使えばJavaアプレットをJava仮想マシン無しで動かしたり、FlashをGnashをダウンロードして動かしたり、Plasmoidアプレットをプラグイン無しでWebブラウザ上で動作させることが可能である。キャッシュを保持する手法を装備すればダウンロードを削減して高速に動作させることも可能である。ただしJavaのようにバイトコードを使えば、動作はもっと高速化するだろう

竹取JSと日本語縦書き、tb-tl

基本的に日本語のWebブラウザに依る縦書き機能はCSSのwriting-modeの機能で実現される。この装飾要素に縦書きの指定を書けばWebブラウザの機能の対応状況次第では縦書きでの表示が可能になる。例えば竹取JSというコピーレフトのMITライセンスで提供されているJavaScriptライブラリを用いれば実用的に日本語の縦書きを実現することが可能である。このJavaScriptライブラリはAdobeのWebオーサリングツールであるMuseにも利用されている。このライブラリの機能を利用すればEPUB形式などの電子文書を表示するアプリケーションを開発することも可能だろう。

ちなみに日本語の表示機能としてルビを表示する機能もHTMLにはある。通常はルビの文字列を属性としてテキストにあてがうのが正しい方法だと言えるが、対応していないブラウザでルビ文字をカッコで表示するためにルビとカッコの文字をタグで括った記法がとられる

タグはすべての単語に貼れば良いわけではない

（HTMLのタグではなく）ブログの記事において記事に出てくる単語や固有名詞の全てに記事のタグデータとしてタグを付けるのはタグの数が多すぎると考えるのが適切だと筆者は考える。つまりブログなどの記事のタグは主要な要素のテキストのみタグとして登録すべきである

リッチテキストエディタとタグエディタ

ブログなどのWeb CGIで記事を記述するためにはリッチテキストエディタやマークダウンタグエディタなどが利用されるが、記述が煩雑にならないスタイルを厳密に定義できるリッチテキストエディタが最善だろう。通常のリッチテキストエディタでもユーザーの視認による可読性だけ考えるなら問題ないが、なるべくならコードとしてもクリーンな記述を出来るリッチテキストエディタであってほしいものである。マークダウンタグエディタなどはクリーンに書くために役に立ったりはするが、リッチテキストエディタでクリーンに書ける方法があると仮定するなら、あまり使いやすい方法ではない

リッチなWebインターフェイスとHTMLインターフェイス

最近の通常のWebサイトではCSSなどの装飾やJavaScriptのギミックを利用したリッチなWebインターフェイスが実用的に利用されている。もし簡易なWebサイトを簡易なCGIで構築したいなら、HTML的なWebインターフェイスを構築することも有用である。つまりこれはJavaScriptなどで装飾を多用につけるのではなく、HTMLでの構造化された文書を記述して、CSSで簡素でクリーンな装飾をつけ、リンクを操作に多用してJavaScriptのAjaxなどではなくHTMLのフォームタグをCGIのために利用するインターフェイスである。このインターフェイス思想はリッチではないが簡易で使いやすいページ記述を前提にしたインターフェイスを構築する手法といえる

レイアウトの基本要素とNote Interface

結局のところWebサイトはアプリケーション的なサイトもあれば、通常は文書的なものといえる。文書的なサイトを考慮する場合、アニメーションを多用したLiquidなインターフェイスは最善ではない。Webサイトはアニメーション的なギミックを利用するよりNote Interfaceと呼ばれる一覧性を重視した文書としてのインターフェイスデザインを取るのが最善である。文書としての紙のノートブックのようなインターフェイスにインタラクティブ性を加えるのが最善といえるだろう

CSS3による段組

CSS3になってからはCSSで段組を指定することが可能になった。通常のWebページでは複数のカラムをテキストに指定したければDIVやテーブルでくくって、文章を細切れにして配置するしかなかったが、現在のCSSでは文章のカラムを適切に等分して段組を組む方法が可能である。この方法を利用したければDIVで文章をくくってカラムの設定をCSSで行えば良い

HTMLというプログラミング言語と文書

HTMLというものは本来プログラミング言語である。これはハイパーテキスト・マークアップ言語であり、文書をリンクで渡れるようにつなげて、データ構造を記述してページを記述するためのプログラミング言語ということである。HTMLはいくらかワープロ的で文書的なものであるが、XMLとその文書としてのレイアウトを記述できる言語であるXSLTを組み合わせれば純粋なXMLのツリーデータ構造をHTMLとしての文書に変換する手法を確立することも可能である。HTMLは手順使いのユーザーではプログラミング言語としてより、ワープロと同様の文書としてとらえたほうが編集しやすいという傾向があると思われる。

様々なブログサービス

ブログサービスは色々あるが、Feonix CCDではWordPressなどのブログシステムをTANKのテンプレートのためのモジュールとして組み込んで、ブログサービスを提供可能である。これはTANKに拡張機能としてブログサービスをインストールすればいい。後は通常のTANKサイトのように管理者用のインターフェイスで設定して、サイトを構築すれば良い。MediaWikiなども拡張機能として装備されているので、Wikiを非常に簡易に構築することも可能である。ちなみにWikiの編集合戦を防ぐにはWikiのページをリーダー制で管理して、リーダーに記事の管理権限を与えて複数のリーダーに依る複数のページを別々に管理・記述できるようにすればいい

Webページとブラウザのエラーと警告

インターネット上のWebページというものは多数のサイトから構成されるため、大抵の場合言語本来の仕様やブラウザの規格に沿わない記法で記述されていることが多い。よって通常のWebページを普通に表示していてもコンソールを表示すればエラーや警告が多数出ている。HTMLは通常のプログラミング言語とは違い、これらのエラー（や警告）が出ても表示を中断したりせず、無視してレンダリングするようになっている

Unicodeと多言語ページ

昔の日本語ページはブラウザに依っては文字化けすることがまま視られた。これは文字コードが何で記録されているかHTMLとしての実体のテキストファイルでメタデータとしてファイルの属性として指定できないためである。そのため間違った文字エンコーディングでデコードすると文字化けすることがよくあった。これはブラウザの機能として全てのエンコーディングでデコードしてみて有意的で正しいテキストデータが得られるか、あるいはHTMLの宣言が解読できるか判定すればどのエンコーディングが使われているか特定できるので文字化けを防ぐことが可能である。

むかしの日本語を使ったWebページはJISやShIft-JIS、EUC-JPなどがエンコーディングとして利用されており、またテキストデータの改行方法のCR-LFなどもOSに依って違った。これらのエンコーディング方法は日本語と英字しか扱えない文字マップであるため、多言語を同一��ページ内に表示することは出来ない。そのため多言語を一つのWebページ内で表示しようとするなら、Unicodeをエンコードとして利用するのが最善である。多言語ページの場合フォントがシステムにインストールされていないと文字化けすることがあるが、昔のFirefoxなどは日本語ページに記入されたハングルも表示できたので、これはWindowsのシステム内にハングルのフォントがインストールされていたものと思われる

APPENDIX #1：Web広告は悪

Web広告はコンテンツに対して払われるべき対価を広告の商品に同様に支払っているため、結局のところユーザーが対価を払っていることに違いはない。もし広告であることに依って利用料が無料になっているとするなら、サービスは収益を成り立たせられず、そのサービスは閉鎖されることになるだろう。よってサービスに対して払うべき対価を効率悪く商品の広告に対して払っているため、ユーザーの資金が無駄になっているというのが実際である。よってWebサービスは広告による収益法をやめ、無料会員と有料会員、あるいは寄付でサービスの収益を成り立たせるべきである

APPENDIX #2：Mozilla ComposerはWYSIWYGなHTMLエディタだった

まだWeb2.0が提唱される前の初期のWebにおいては、HTMLタグエディタでWebサイトを記述することが全盛であったが、その時代に既にMozilla WebブラウザののComposer機能はワープロソフトのようにWYSIWYGなHTMLエディタを装備して無料で提供していた。現在この機能は派生したSeaMonkeyおよびBlueGriffonプロジェクトに引き継がれ、無料の簡易なWebオーサリング機能を実現している。昔のMozillaの技術資料のサイトで半角スペースが入る誤植が視られるのはサイトの記述のために使われていたMozilla Composerにテキストに半角スペースが入るバグが有ったからである

#TANK #CSS #JavaScript #HTML

0 notes