新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

2019-10-21から1日間の記事一覧

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

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

【Webの基礎知識】Ajax

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

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

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

【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>…

【Webの基礎知識】DOM

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

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

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

【Webの基礎知識】meta要素

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