ウェブ学のすすめ

Study of Web Design & Programing

2012-04-01から1ヶ月間の記事一覧

Webにおける「アフォーダンス」の例

●アフォーダンス(affordance)とは <生態光学、生態心理学の概念> 環境が動物に対して与える「意味」のこと引用元:アフォーダンス - Wikipedia 動詞のafford(「〜を与える」)から知覚心理学者ジェームズ・J・ギブソンがつくった造語です。 <デザイン…

HTMLの「文書構造」とは?

HTMLでは、文字列を「」と「>」で囲んだ「タグ」で括ることにより、 文章の中で表題や段落の区切りを指定する 箇条書きの項目を列挙する 文書の一部として画像や音声、動画を埋め込む 他の文書へのハイパーリンクを設定する といった文章の構造や修飾につい…

「印象派」の絵画とは、どんな絵画なのだろうか?

●印象派と写実主義 印象派(いんしょうは)または印象主義(いんしょうしゅぎ)とは、 19世紀後半のフランスに発し、ヨーロッパやアメリカのみならず日本にまで波及した美術及び芸術の一大運動である。引用元:印象派 - Wikipedia 代表的な印象派の画家とし…

「王様の耳はロバの耳」の王様とは誰のこと?

イソップ童話として有名な「王様の耳はロバの耳」に登場する王様とは誰かを探ってみました。 ●物語 ロバの耳をしている王様は、耳のことを皆に秘密にしていたが、 いつも髪を刈りにくる床屋だけは、王様はロバの耳であることを知っていて口止めされていた。 …

馬のイラストから推測できること

問題 以下の2つは、どんな状態のイラストか説明しなさい 「左の場合〜」 「右の場合〜」 引用元:Let's Go! Go! - Webデザインの勉強|風姿花伝 私の回答 先日、写真家エドワード・マイブリッジの182周年を記念したGoogleのホリデーロゴが馬の連続写真にな…

「Alt」キーは、何と発音するか?

キーボードの特殊キーの1つである「Alt」キーについて。 名称 Alternate key の略。※Alternate=「代わりの」「代替の」 呼び方 オルトキー 参考 Altキー - Wikipedia Altキーとは【Alternate Key】(オルトキー) - 意味/解説/説明/定義 : IT用語辞典 Alt…

「字体」と「書体」の違いとは

字体(じたい)とは図形を一定の文字体系の一字と視覚的に認識する概念、すなわち文字の骨格となる「抽象的な」概念のことである。引用元:字体 - Wikipedia (例)「学」と「學」は字体が違います。「學」は旧字体です。 書体(しょたい)とは、一定の文字…

「マシンリーダブル(machine-readable)」の意味とは

「マシンリーダブル(machine-readable)」とは、 機械可読コンピュータが入力として解釈し使用できることの形容.たとえば,スキャンして直接使用できるバーコードなどはその一例.印刷されたテキストは一般には機械可読ではないが、スキャナと光学式文字認識…

HTMLを記述するときに書く「<」と「>」は、何と呼ぶのか?

htmlを記述する際、タグを表すのに「」を使いますがその呼び方を調べてみました。表示読み方不等号(Less Than,小なり)>不等号(Greater Than,大なり) 数学で使うように「不等号」と呼んでも構わないようです。 不等号だけでは向きが区別できないので、それぞ…

HTMLの基本構造「head」と「body」の役割とは

「head」要素:〜 文書のヘッダ情報を記述する部分です。meta要素、link要素、title要素などをこの要素内に配置します。基本、この要素の内容はブラウザ上に表示されません。ただし〜に記述されたタイトルはブラウザのタイトルバーに表示されたり、お気に入…

はてなダイアリーでHTMLのソースを表示する方法

はてなダイアリーでは、 HTMLのソースを「>||」と「||」だけの行で囲むことでソースコードを表示することができます。 <html> <head> <title>タイトル</title> </head> <body> </body> </html>ソースコードに色を付けて表示することも可能です。HTMLの場合、行頭の >|| の2本のパイプ( || )の間に「html」を挿入し…

実例にみる「色残像」の問題とその解決手段

Prunus mume&A white-eye / zamuu.net これは実話です。ある印刷屋さんの社長さんから相談されました。「うちのデザイナーは色使いが汚いんだよなぁ〜」なぜだろう?・・・と。いろいろ聞いてみると、デザイン室の壁の色が、よく工場で使われている「うぐい…

若かりし頃のスティーブ・ジョブズvsビル・ゲイツの物語「バトル・オブ・シリコンバレー(The Pirates of Silicon Valley)」を観て

『バトル・オブ・シリコンバレー』(原題: Pirates of Silicon Valley)は1999年にアメリカで製作されたドキュメンタリータッチのフィクションドラマ。引用元:バトル オブ シリコンバレー - Wikipedia アップル設立者「スティーブ・ジョブズ」とマイクロソフ…

解像度を表す「dpi」「ppi」「lpi」の違いとは?

解像度(resolution)とは、 ディスプレイの表示能力やプリンタの印刷能力、スキャナの分解能力など、きめ細かさや画質の滑らかさを表す尺度。引用元:解像度とは【resolution】(レゾリューション) - 意味/解説/説明/定義 : IT用語辞典 を表します。この…

紛らわしい「ピクセル」と「ドット」の違い

両方とも点を表す「ピクセル」と「ドット」ですがちゃんと違いがあります。 その違いを表にしてみました。ピクセルドット英語pixeldot定義・コンピュータで画像を扱うときの、色情報(色調や階調)を持つ最小単位、最小要素・画素とも呼ばれるディスプレイやプ…

「Caps lock」キーのオン・オフの仕方

正式名称 Capital letters Lock Key 読み方 キャプスロックキー、またはキャピタルロックキー 機能 キーを押すことで状態の有効・無効を入れ替えられる。有効になっている時、入力されるアルファベットを小文字から大文字に変える機能を有する。引用元:Caps…

眼精疲労や肩こり、腰痛を引き起こすかもしれない「VDT作業」とは

読み方 ブイディーティーさぎょう 意味 ディスプレイ、キーボード等により構成されるVDT(Visual Display Terminals)を使用した作業を言い、一般的にはコンピュータを用いた作業を指す。引用元:VDT作業 - Wikipedia VDT症候群(VDT障害)とは コンピュータの…

2012年3月時点でのHTML5仕様状況

公式ログマーク W3C HTML5 Logo 正式名称 Hyper Text Markup Language 5 読み方 エイチティーエムエルファイブ 拡張子 .html .htm HTML5 コードの例 <html> <head> <meta charset=utf-8> <title>HTML example</title> </head> <body> Text </body> </html> HTML5仕様の現在の状態(2012年3月時点) HTML5は、まだ正式勧告されていません。…

「ビットマップデータ」と「ベクターデータ」の違い

「ビットマップデータ」と「ベクタデータ」とは、コンピュータのモニター上で表現できる静止画像データのことです。

「アップロード」と「ダウンロード」の関係性

ブログに写真を「アップロード」したり、ソフトやアプリを「ダウンロード」するとは一体どういうことなのでしょうか? 調べてみました。 アップロードとダウンロードの違い アップロードダウンロード英語uploaddownload意味ネットワークを介して、クライアン…

点・線・面の意味するもの

点の定義 数学では、 点(てん)とは、空間における正確な位置を定義するために使われる概念である。一切の体積、面積、長さをもたない。引用元:点 (数学) - Wikipedia と定義されています。ユークリッド幾何学では、 点とは部分を持たないものである。引用…

「ゴシック体」と「明朝体」の違い

WindowsやMacなどのOSに付属している書体(フォント)「ゴシック体」と「明朝体」を比較してみました。ゴシック体明朝体読み方ゴシックたいみんちょうたい英語Gothic fontRoman font例MS ゴシックMS 明朝特徴・角張っている・縦横の線幅がほぼ均一・縦線が横…

オフセット印刷を「オフセット」と呼ぶ理由

読み方 オフセットいんさつ 英語 offset printing 意味 オフセット印刷は、別名平版印刷と呼び、印刷用の版には凹凸がなく、水と油の反発を利用して印刷する手法引用元:カラー印刷とオフセット印刷:印刷|株式会社三菱電機ドキュメンテクス 印刷方法 ステ…

プリンターのインクでおなじみ?CMYKとは

EPSON インクカートリッジ 4色一体セット [IC4CL42]出版社/メーカー: エプソン発売日: 2005/10/06メディア: Personal Computers購入: 5人 クリック: 8回この商品を含むブログ (2件) を見るプリンターのインクなどでよく目にする「CMYK」をご紹介します。 読…

色の基本「RGB」とは

読み方 アールジービー 意味 光の三原色である Red(赤) Green(緑) Blue(青) を組み合わせることで色を表現する方法のこと。コンピュータのモニターやテレビの映像を表示する際に使われている。 参考サイト RGB - WikipediaRGB(またはRGBカラーモデル…

HTMLを理解する6つのポイント

なんて読む? エイチティーエムエルと読みます(そのままですね・・・)。 正式名称は? HTMLは4つの単語の頭文字からなっています。 Hyper(ハイパー) Text(テキスト) Markup(マークアップ) Language(ランゲージ) 意味は? そのまま日本語訳すると「…

パソコンの電源ボタンマークに隠された由来

パソコンの電源ボタンに描かれているマークについて調べてみました。 まず実際のマークを確認 持っているMac miniの電源ボタンには 視力測定の時に使われるようなアルファベットの「C」 棒線「|」 が組み合わさっているマークが描いてありました。 自作した…

CSSを理解する8つのポイント

CSS

読み方 CSS(シーエスエス)と読みます。 正式名称 CSSとはCascading(カスケーディング) Style(スタイル) Sheets(シート)この3つの単語の頭文字をとった略称のことです。 役割 HTML:文章の構造 CSS:装飾 文章の構造をHTMLで記述し、レイアウトなど…

iPhoneだけで「はてなダイアリー」を始める方法

まずiPhoneのSafariなどからはてなダイアリーにアクセスします。ブログなら「はてなダイアリー」 - 写真・画像・動画付き日記を無料でブログ作成をタップし、 国 誕生日 はてなID パスワード メールアドレス を入力します。 必要事項を入力したら利用規約に…