2021-10-26から1日間の記事一覧
【コンソールから操作する】 デベロッパーツール＞コンソールdocumentと打ち込むとDOMツリーを確認できるjsのスクリプトからDOM（HTML）を操作する 【要素の取得】 ■idで取得 ：getElementById() document.getElementById('target').textContent = 'Changed!…
【概要】・マイクロソフト開発・JavaScriptの拡張。大規模開発に対応できるように・静的な型付け(jsは動的)なので一度型が決まると変えられない・クラスベースのオブジェクト指向・公式サイト： https://www.typescriptlang.org/ 【基本】main.tsファイルを…
ファイル名に日本語を指定した場合ブラウザによって文字化けすることがあるので文頭に @charset "UTF-8";と記載しておく 【テキスト】 ■line-height：インライン要素の高さを設定する 余白（line-height - font-size）は上下均等に割り振られるpxでの指定以…
【概要】 ■公式ドキュメントはMDN■htmlファイルの命名規則はケバブケース(ハイフンつなぎ) テンプレート <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/style.css"> <title>tableタグ整理</title> </head> <body> ～code～ <script type="text/javascript" src="js/main.js"></script> </body> </html> 【基本的な要素】 ■css…
概要 twitter社の開発したテンプレートカスタマイズツール jQueryのようにWebと接続して使用するか ダウンロードして使用する。 utilitiesのcssはimportantが利いてしまうので注意する。 参考 公式サイト https://getbootstrap.jp/docs/4.5/getting-started/…
flexboxを使用するメリット・要素の並べ替えや順序の変更が楽・余白や余剰分の整地、均等幅配置など要素の配置方法がシンプル・要素の重ね合わせにも柔軟に対応 【基本事項】■構成・コンテナで領域を定義・コンテナの中にflex Itemを配置・配置方向(flex-dir…
【atom導入】 以下の公式サイトからダウンロード Atom 【背景を白にする】 File>Setting>Themes UI Themeと、Syntax Themeが『One Dark』になっているので、『One Light』に変更する。 【折り返し設定】 File>Setting>Editor>SoftWrapをONにする 【パッケー…
