tkrd_style

自分らしく在るために。

JavaScriptの基本【初心者から中級者へ】

  • JavaScriptとは
    • ES5とES6
  • Javascriptの組み込み方
    • htmlにscript要素を書く
    • 外部スクリプトをインポートする。
  • strictモード
  • altJS
    • 命名規約
    • 変数
    • 演算子
    • 式と文
    • 定数
    • データ型
    • 構造化プログラミング
    • オブジェクト
続きを読む

Notion

Notionを学習記録に使っていて、書いているときはなにぶん便利だと感じていたのだが、最近重くて1ページ開くたびに読み込みに2~3秒かかってしまうのがとても不便だと感じたのでmdに切り替えて学習記録を残していこうと思った話。

 

使ってよかったとこ

スラッシュから始まる多彩な表現方法

トグルで見た目がスッキリ

ページの分割で整理しやすい

直感的で見た目が良い

 

不便に感じたこと

読み込みが遅い。体感2~3秒ぐらいかかる。(せっかちな私は頭に浮かんだことはすぐ書けるようにまたは読めるようにしておきたい性分のためこの時間は焦燥感を生んでしまう。)

原因がわからないがスクロールももっさりしているように感じる。

この辺はPCのスペックとか契約している回線の通信速度や制限にもよるのかな?

 

markdownで書きたいこと書いて素早く残していきたい。構造とか考えるの大変だけど、思い返せば大変だった分記憶への定着も良い気がしているのでこのような方法が個人的にいいのでは?と思ってきた逆に横着している部分は今見ても、思い返しても「これは....なぁにぃ?」となることが多い

 

Notionを使う前にもどうやって学習記録残そうが考えていた記憶がある。そのときは皆さんのブログではmarkdownで記録していって、ftpでファイル転送してブログに上げていると書いている方が大勢いらっしゃり、「なんでよ!Notionとかツール使えばmdにもできるし便利なのに!」って思っていたが、(慣れ不慣れもあると思うが)結果的に皆さんと同じ方法をとるような結果となった。

 

ツールって便利だけど、やっぱり一つのソフトで完結できるほうが性に合っているんだと気づいた。

 

結論

軽量とシンプルであることが、全て。

 

RegExpオブジェクトについて

  • 正規表現(Regular Expression)とは
    • 正規表現の基本
    • *:直前の文字やグループが0回以上繰り返される。
      • 文字クラス
      • クォンティファイア(quantifier)
      • アンカー
      • 特殊シーケンス
      • グループ化
      • キャプチャグループ
    • RegExpオブジェクトとは
続きを読む

Arrayオブジェクトについて

  • Arrayオブジェクトとは
    • Array
      • 要素の追加と削除。
      • 複数要素の追加/置換/削除。
      • 配列の要素を並べ替える。
      • 配列を指定されたルールで加工する。
      • 任意の条件式によって配列を検索する。
      • 条件式に合致する要素が存在するかを判定する。
      • 配列から条件に合った要素だけ取得
      • 配列内の要素を順に処理して1つにまとめる
      • 配列の右から左方向に演算する
    • シャローコピー(浅いコピー)とは
    • Mapオブジェクト
      • オブジェクトリテラルとの相違点
      • マップの値を設定/取得する
      • keyを扱う際の注意点
      • マップから既存のキーを削除する
      • マップから全てのキー/値を取得する
      • マップの内容を順に処理する
      • ObjectとMapを相互変換する
      • WeakMapオブジェクト
    • Set
      • セットの追加/削除
      • セットにある値の有無を確認
      • 全ての値を取得
  • メソッドチェーン
  • 値渡しと参照渡し

 

続きを読む

Numberオブジェクトについて【JavaScript】

  • Numberオブジェクトとは
    • Numberオブジェクトの定数
    • 無限大と非数値
    • 最大整数値と最小整数値
    • 数値形式の変換
      • より詳細のスタイルを定義する
    • 文字列を数値に変換する
    • 基本的な数学演算を実行する
    • 乱数を求める。
続きを読む

Stringオブジェクトについて【JavaScript】

  • Stringオブジェクトとは
    • 文字列の長さを取得。
    • 大文字、小文字に変換。
    • 部分文字列を取得する。
    • 文字列を検索する。
    • 文字列に特定の部分文字列が含まれているか判定。
    • 文字列の前後から空白を除去する。
    • 文字列を置き換える。
    • 文字列を分割。
    • 文字列が指定の長さになるまで指定文字で捕捉する。
    • 文字列をn回繰り返したものを取得する。
    • 文字列をUnicode正規化する。
続きを読む

オブジェクトについて【JavaScript】

  • オブジェクトとは
    • プロパティ
    • メソッド
    • new演算子
    • プロパティとメソッドの呼び出し
      • ドット記法
      • ブラケット記法
    • 静的プロパティと静的メソッド
    • 組み込みオブジェクト
    • ラッパーオブジェクト
    • Stringオブジェクト
    • Numberオブジェクト
    • Dateオブジェクト
    • Arrayオブジェクト
    • RegExpオブジェクト
    • Globalオブジェクト
    • JSONオブジェクト
    • Symbolオブジェクト
続きを読む

© 2024 tkrd-style. All rights reserved.