【CSS】インラインスタイルシート

インラインスタイルシートとは特定の要素にスタイルを指定する場合、スタイルを指定する要素にstyle属性として記述するもの複数の要素に同じスタイルを指定するには一つ一つ指定する必要があるインラインスタイルシートの記述例 <h1 style="color: red; text-decoration: underline">お知らせ</h1> １つの要素に複…

2019-10-21

【Webの基礎知識】画像ファイルのフォーマット

名称説明 BMP Windows標準のフォーマット。圧縮されないため、画像劣化はほとんどない。ファイルサイズが大きくなりやすく、Webサイトでの使用は不向き。 GIF 256色までしか表現できない。アニメーションを表現できる。 PNG GIFよりも圧縮率がよく、圧縮後…

2019-10-21

【Webの基礎知識】Ajax

Ajaxとは非同期通信によってサーバとデータのやり取りを行い、動的なページの書き換えを行う技術 JavaScriptの組み込みオブジェクトであるXMLHttpRequestを利用して非同期通信を行い、通信結果をJavascriptで処理してWebページに反映するデータのみ取得メ…

2019-10-21

【Webの基礎知識】状態管理

主な状態管理 HTTPクッキー：ブラウザに少量のデータを保存する隠しフィールド：Webページ内に少量のデータを保存するクエリ文字列(URLパラメータ)：URLにパラメータを保持するセッション：サーバ側でデータを管理する

2019-10-21

【Webの基礎知識】マイクロデータ

マイクロデータとは HTMLドキュメントに機械が識別可能なデータを埋め込むための技術検索エンジンなどの機械がHTMLドキュメント内のコンテンツの意味を把握できるようになるため、検索エンジン対策などに役立つ記述例 <div itemscope itemtype="http://schema.org/Person"> <p itemprop="name">山下花子</P> <p itemprop="email">sample@com.jp</P> <p itemprop="jobTitle">ラーニング</P> </div>…

2019-10-21

【Webの基礎知識】DOM

DOMとは HTMLドキュメントとXMLドキュメントを制御するためのAPI DOMを用いることで、HTMLドキュメントを動的に制御できる DOMで制御できる主な操作要素の追加、削除属性の操作イベント処理

2019-10-21

【Webの基礎知識】Data URIスキーム

Data URIスキームとは HTMLドキュメントやCSSに外部リソースを埋め込むための方法書式 data:[メディアタイプ][;base64],データメリット外部リソースの数が減り、ブラウザ/Webサーバ間の通信回数を減らすことができる。デメリット画像ファイルを埋め込む…

2019-10-21

【Webの基礎知識】meta要素

meta要素とは Webページに関する情報を埋め込むための要素 meta要素を用いることで、Webページの文字コードの指定やリダイレクト、検索エンジンに対する設定ができる文字コードを指定する書式 ※HTML５以降の指定方法 <meta charset="文字コード"></meta>

2019-10-20

【Webの基礎知識】URLについて

URLとはネットワーク上の住所 URLの記述規約スキーマ://ホスト名:ポート番号/ディレクトリ/ファイル名オリジン：スキーマ://ホスト名:ポート番号 URI、URL、URNの違い URI：URL、URNのどちらか、または両方 URL：httpから始まる住所のようなもの(WHERE) U…

2019-10-20

【Webの基礎知識】HTTPリクエスト(ヘッダフィールド、メッセージボディ)

HTTPリクエストとはブラウザからWebサーバに対する要求のこと。 HTTPリクエストのメッセージ構造 POST http://www.hatena.com/jp/ HTTP/1.1 Content-Type: text/plain Content-Length: 598 User-Agent: Mozilla/5.0･･ foo=bar メッセージの開始行には、リク…