KDE BLOG

Webデザインやコーディングについて書いています

【JavaScript基礎】プロトタイプチェーンについて

JavaScript

＜目次＞

  • プロパティを参照して見つからない場合どのような処理が行われるのか
  • プロトタイプチェーンを使うメリット
  • prototypeプロパティ
  • protoプロパティ
    • protoプロパティは実際のコーディングで使用するのは要注意
  • プロトタイプチェーンは最初に見つけたプロパティを返す
  • prototypeプロパティに新しいオブジェクトを定義するときの注意
    • constructorプロパティをつなげ直す方法
  • プロトタイプからプロパティを継承するインスタンスは常に最新の値を取得
  • prototypeプロパティを新しいオブジェクトに差し替えた場合、過去のインスタンスは更新しない
  • プロトタイプ継承チェーン生成
  • 参考
続きを読む

【JavaScript基礎】プリミティブ値の生成方法とラッパーオブジェクトに関して

JavaScript

＜目次＞

  • プリミティブ値とは
  • プリミティブ値の生成方法
    • リテラルを使う（推奨）
    • コンストラクタ関数を使う
    • new演算子とコンストラクタ関数を使う（非推奨）
      • コードが冗長になる
      • 返り値がプリミティブ値ではなくオブジェクトになる
  • プリミティブ値もオブジェクトとして扱うとオブジェクトのようにふるまう（ラッパーオブジェクト）
  • 参考
続きを読む

【JavaScript基礎】JavaScriptの実行順序について

JavaScript

＜目次＞

  • ブラウザでのJavaScriptの処理の流れ
  • イベント登録のタイミング
  • async属性とdefer属性
    • async属性：非同期で読み込み開始し、読み込み完了後に実行
    • defer属性：非同期で読み込みDOM構築完了後に実行
    • 注意
  • 参考
続きを読む

【JavaScript基礎】関数定義の基礎、サーキット演算、三項演算子について

JavaScript

＜目次＞

  • 関数定義の方法
    • ①function命令で定義関数
    • ②関数リテラルで定義
    • ③Functionコンストラクタ経由で定義
  • ①function命令での定義と、②関数リテラルでの定義の関数の使用上の注意
    • 関数登録のタイミングの違い
  • 即時関数について
    • 即時関数とは
    • 書き方
    • 即時関数のメリット
      • 関数名を書かなくても良いので、1回しか使わない関数をスマートに記述できる
      • スコープの汚染を防ぐ
      • 即時関数が()で括られている意味
  • サーキット演算
    • サーキット演算とは
    • 書き方
    • 使用に関して
  • 三項演算子
続きを読む

プログレッシブ ウェブアプリの概要と期待できそうなこと

webアプリ pwa

※本記事は具体的な実装方法については触れていません。

＜目次＞

  • プログレッシブ ウェブアプリとは
  • 特徴
  • PWAに対応しているサイト
  • 対応プラットフォーム
  • 期待できること
    • ネイティブアプリで作成するよりもユーザーへの負担が少なく、閲覧がされやすい。
    • オフラインによる離脱や機会損失を防げる可能性がある。
    • プッシュ通知によりユーザーに伝えたい情報をダイレクトに伝えることができる。
    • 認証情報の入力をスムーズに行える。
    • 決済方法の入力をスムーズに行える。
  • まとめ
  • 参考
続きを読む