2023-02-01から1ヶ月間の記事一覧
お疲れ様ですひなみです 昨日、急でしたがオンライン面接をしました。ベンチャー企業で月平均残業40時間、か・・・と思っている企業だったのですが面接を受けて、「欲しいスキルだな~」と思う事業内容でして。結果、今朝一次面接通過のご連絡を頂きまして。…
お疲れ様です。ひなみです。昨日はちゃんと面接行きました!(えらい!)でも面接終盤から頭痛がしていて、帰りの電車で吐き気が来て、最寄り駅のトイレで嗚咽して、やべ~と思いながら帰りました。熱を測りましたが、いたって平熱。 数年に一度ですが、たま…
お疲れ様です ひなみです いつもの話題です。いつまで転職活動をするべきなのでしょうか。そりゃ就職したい企業に採用されるまでです。それは一体いつ来るのでしょうか…。 恋人との倦怠期でダブルパンチを食らっている状態です。 この土日は生理だったのもあ…
お疲れ様です ひなみです やはり先日の面接は落ちました。 あと第一志望にしてた企業にも書類で落ちました。悲しい〜! そんな絶賛萎え萎え&生理中の私が食べているのが、これ! アマゾンで買ったクッキーです。 これレビューみたら「固すぎ」「歯が折れそう…
お疲れ様です ひなみです 週末、来たるべき生理にどう歯向かおうかと思いまして、アマゾンでクッキーを買いました。ストレスを食べ物にぶつけているといつか過食症になりそう~~~でも、これで生きる楽しみができました。ナプキンは先月の私が買っておいて…
お疲れ様です ひなみです 今日もまた、面接でした。 受かったら行ってもいいかな〜…?と思ってた企業だったのですが、手応えはゼロ…。 ミスマッチ感えぐかったです。 確かに、書類が通った時点で(なんで私の書類通った?)とは思いました。 まずGoogle meet…
お疲れ様です ひなみです 彼氏と喧嘩してしまったことを内省して、「期待しない」を心がけようと思いました。 私自身あまり他人に期待して生きてきたわけではないんですが、「彼氏」というものにだけ期待してしまっていたところがあります。 恋人って、「一…
@-規則 @から始まる規則のことを言う。Webフォントを指定する@-規則→@font-face CSSのインポート →@import アニメーションのキーフレーム指定→@keyframes メディアクリの指定で用いる規則 →@media
Webフォント Webサーバ上のフォントデータを取得して、ブラウザ上で文字を表示するフォントのこと。 従来の文字表示↓ ブラウザを実行しているクライアントマシン上のフォントを取得して表示しています。そのため、クライアントマシンに指定したフォントがイ…
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"…