CSSカウンタ ・独自のカウンタを作成できる ・counter-resetプロパティ、counter-incrementプロパティ、contentプロパティを使用する ・まずcounter-resetプロパティでカウンタをリセットする ・その後counter-incrementプロパティでカウントアップ、カウン…

結合子 結合子は複数のセレクタを組み合わせる場合に使用します A ＞ B 子セレクタ 直接の子要素（孫要素を含まない） A ＋ B 隣接セレクタ隣接する兄弟要素 A ~ B 間接セレクタ 後続する全ての兄弟要素 グループ化の記述例 div , sectioon , article {margi…

擬似要素擬似クラスと同様に、要素の状態やタイミングに対してスタイルを適用します。 ・書式も擬似クラスと同様ですが、擬似クラスと区別するために、擬似要素の先頭にコロン「::」を2つつける点に注意してください。(コロン1つでも作動します) 書式 セレク…

属性セレクタ 指定した属性名、または属性値を持つ要素に対してスタイルを指定する方法 [属性名]指定した属性名を持つ要素 [属性名 = "属性値"] 指定した属性名および属性値をもつ要素(完全一致) [属性名 ~= "属性値" ]指定した属性名および属性値をもつ要素…

セレクタ セレクタとは、スタイルを適用する対象のこと ・セレクタに要素名を使用すると、その要素には全て同じスタイルが適用されます。 記述例 li { color : red ; } ul { color : red ; } * { color : red ; }

@import規則 ・別のCSSファイルを読み込む場合、@import規則を使用 書式 @import url("CSSファイルのurl"); @import url("CSSファイルのurl") メディアタイプ; ・@importはCSSファイル内だけでなく、style要素にも記述できます。 ・urlの後ろにメディアタイ…

インラインスタイルシート 特定の要素にスタイルを記述する場合、スタイルを指定する要素にstyle属性として記述します。 記述例 <h2 style="color:red ; text-decoretion: underline">重要なお知らせ</h2> ・1つの要素に複数のスタイルを指定する場合には、「プロパティ:値」の間を;で区切ります。 ・複数の要素に同じ…

内部スタイルシート Webページ全体のスタイルをまとめて定義する方法・style要素のコンテンツにスタイルを記述します ・style要素は一般的にheader要素を記述します ・なお、HTML5.2からはbody要素内にも記述できるようになりました 記述例 <style type="text/css"> h1{color:red;} </style>…

外部スタイルシートWebサイト全体のスタイルをCSSファイルにまとめて定義する方法 ・外部のCSSファイルを読み込む場合、link要素に読み込むファイルや、ファイルとの関係を指定します。 記述例 <link rel="stylesheet" type="text/css" href="CSS/style.css"> ・rel属性 リンクするファイルとの関係を指定 CSSファイルを読</link>…

SSL/TLS セキュリティを担保した通信を行うためのプロトコル ・共通鍵暗号方式を用いている ・公開鍵暗号方式を用いている ・証明書を用いる ・盗聴対策になる

SQLインディクション クロスサイト・スクリプティング(XSS) クロスサイト・リクエスト・フォージェリ(CSRF) ディレクトリ・トラバーサル HTTPヘッダ・インジェクション

・BMP 圧縮しない 透過× Windows標準のフォーマット ファイルサイズが大きくなりやすいのでWebサイトでの使用は不適切 ・GIF 可逆圧縮 透過○ 256色までしか表現できない ファイルサイズを小さくできる アニメーション機能を扱うことができる ・PNG 可逆圧縮 …

MVC 設計パターンの一種で、プログラムをModel、View、Controllerの3種類の部品に分割して設計する手法 →それぞれの機能が明確に分離され、プログラムの再利用性やメンテナンス性の向上が望める ・Model 業務処理や業務データを担当 ・View 画面表示を担当 …

Ajax(Asynchronous JavaScript + XML) 非同期通信によってサーバとデータのやり取りを行い、動的なページの書き換えなどを行う技術→ユーザの待機時間の削減や、通信データの低減によるネットワークサーバの負荷軽減・ブラウザのバックグラウンドで非同期通信…

お疲れ様です。ひなみです。 彼氏と土曜に喧嘩してまたネガティヴになったので、月曜日に整理した、言いたいことを本人に愚痴りました。 hinami-log.hatenablog.com 私は完全に感情派で、言葉より先に泣いてしまうので、意見を言うのがすごく下手です。彼は…

お疲れ様です ひなみです 土曜日、彼氏とごはんに行きました。 そのあとチョコを渡すためにうちに来てもらいました。 今回はそんな話です。 hinami-log.hatenablog.com hinami-log.hatenablog.com 水曜日 彼氏に週末の予定を聞きました。 金曜は飲み会だけど…

お疲れ様です ひなみです 昨晩生チョコと、生チョコだけだと飽きるかなと思いブラウニーを作ったので詰めてみたんですが… チョコってこんな、こんな茶色かったっけ？？？ 映えてない気がする なんか ))土(( ってかんじする 端っこ食べて味は大丈夫そうだった…

今週のお題「手づくり」 お疲れ様です ひなみです 好きな人に手づくりチョコを贈るのは、10年ぶりぐらいかもしれません。 贈る相手は交際してそろそろ1年になる年上の彼氏です。 彼の性格的に、イベントにはさほど興味がなく、甘いものも私ほど好きではあり…

お疲れ様です ひなみです 今回はカスタムデータ属性について カスタムデータ属性 html要素に独自名の属性を適用できる属性。 ・主にCSSやJavaScriptなどからhtml要素にアクセスするために用いる。 ・data-を接頭辞(プレフィックス)としてつける必要がある。

お疲れ様です ひなみです 今回はData URIスキームについてです Data URIスキーム HTMLドキュメントやCSSに外部リソースを埋め込むための方法。 メリット ・外部リソースの数が減る ・ブラウザ/Webサーバ間の通信回数を減らすことができる デメリット ・画像…

お疲れ様です ひなみです 今回はmeta要素について meta要素 Webページに関する情報を埋め込むための要素 文字コード指定の設定 リダイレクトの設定 検索エンジンに対する設定 name="robot"で検索エンジン(クローラ)に対する設定ができる name="description"…

お疲れ様です ひなみです 今回は文字実体参照について 文字実体参照 半角スペースや不等号などを表記するための方法 HTMLにおいて、「＜」や「＞」はタグを表すため、そのまま文字として表記できない。→文字実体参照を使う。

お疲れ様です ひなみです 今回は文字コードについて UTF-8 HTML5で推奨されている文字コード 汎用性が高く、世界中の文字を表現できる

お疲れ様です ひなみです 今回はHTTPSについてのまとめ hinami-log.hatenablog.com hinami-log.hatenablog.com HTTPS・安全にHTTP通信を行うためのプロトコル ・SSL/TLSで暗号化して通信する→なりすましや盗聴を防ぐ ・暗号化には認証局(CA)が発行した証明書…

お疲れ様です ひなみです 私の実家は・年金暮らしの祖母 ・その祖母の長男坊、父親 ・嫁の母親 の三人で暮らしています。 私は祖母のガサツで思いやりのない言動（書ききれないほどその他諸々も）が嫌いで、一人暮らしを選びました。一番祖母の被害を受けて…

お疲れ様ですひなみですここ1～2か月ほど転職活動をしてきましたが、もう少し自分の現在地というか、別視点からのアドバイスが欲しいなと思い、転職サイトのエージェントと面談しました。 hinami-log.hatenablog.com 無料でアパートのWi-Fi使わせてもらって…

お疲れ様です ひなみです 今回は「博多っ通りも〜ん♪」のCMでおなじみ、「通りもん」というお菓子が大好きという話です。 （さっきまであった中身は…？！） 私は山口県出身ということもあり、隣県の福岡土産をよく頂いていました。 なかでもこの通りもんは大…

お疲れ様です ひなみです 今回は実家帰省で、いつもお腹い～～～～～～っぱいになるまでごはんを与えられるので、一体何キロ太るのか調べてみました！ ステータス 帰る前の体重 1日目に食べたもの 2日目に食べたもの 3日目に食べたもの 帰ってきてからの体重…

お疲れ様です。 ひなみです。 昨日は旅行帰りで疲れていたので、マックのナゲットを買って晩御飯にしました。 そこで駐車場のトラックに「ドライバーは ほんま です」とのプレート。 ほんま。ほんまさん。漢字は本間かな。 関西だから、ほんまさん、絶対自己…

お疲れ様です ひなみです （まず、24歳の小娘が中年男性を「おじさん」と呼称することをお許しください。） 今日は実家から大阪に帰ってきたので、彼氏にお土産を渡しに行きました。 そんなに要らないよと言われていたのに、買いすぎちゃったな…と反省しなが…