プログラミング 【VSCode】覚えておきたいEmmet(自動補完機能)
リストの作成
ulとliを使ったリストを一気に作成する方法です。例として、以下のようなリストを作ります。
<ul>
<li>item-1</li>
<li>item-2&...
プログラミング
プログラミング プログラミング 【React】入門ガイド
こちらは、React(v18)の入門ガイドとなっております。
Reactに触れる
Reactの動かし方について
まずは、HTML上でReactを読み込んで動かしてみます。以下はこれから記述するコードの全文です。
&...
JavaScript 【JavaScript】モダンJavaScriptで習得すべきもの
DOM
DOM（Document Object Model）は、HTMLドキュメントの要素を取得したり、操作したりするための仕組みです。DOMツリーと呼ばれる、階層上のツリー構造でHTMLドキュメントを表現します。
ツリー構造...
プログラミング 【JavaScript】JavaScriptで押さえておくべきことまとめ
基本文法
strict mode
JavaScriptには「strict mode」というモードがあり、コードのエラーをより厳密にチェックし、一部の潜在的な問題を回避するためのものです。
具体的には、以下のようなことが行...
プログラミング 【JavaScript】NaNって何？
数値への型変換でたびたび現れるNaNという値。これについて解説します。
NaNとは？
NaNは、Not a Numberの略称で、特殊な性質を持つNumber型のデータです。数値として解釈できないことを示します。通常、数値を期...
プログラミング FastAPI超入門
概要
FastAPIとは、型ヒントをベースにしたAPIを構築するためのWebフレームワークのことです。
特徴
書き方が直感的で分かりやすい
公式ドキュメントの情報が豊富
自動ドキュメント生成機能がある
...
プログラミング 【Vue.js】templete要素とは？使い方を解説します
template要素とは？
Vue.jsのtemplate要素は、Vueコンポーネントのテンプレートを定義するためのHTMLのセクションであり、Vue.jsのデータバインディング、条件分岐、ループなどの機能を使用して、動的なコンテン...
プログラミング 【Vue.js】よく使うディレクティブまとめ
ディレクティブとは？
ディレクティブとは、HTMLタグの中に定義できるVue.js独自の属性です。属性は、なんらかの機能の付与に必要になるものです。HTMLのimageタグでいうと、「src=""」や「alt=""」といった部分が属...
プログラミング 【GitHub】複数アカウントを使い分ける方法
やりたいこと
GitHubの仕事用とプライベート用のアカウントを使い分けしたい。
解決方法
新規アカウントの鍵作成・登録
今回は既にプライベート用のGitHubアカウントがあり、新規で仕事用のアカウントを追加したと...
ジャニーズ 【CSS設計】BEMを利用しつつスッキリとしたclass名のつけ方を考えた
こんにちは、すず(@suzublog23)です。
どんなクラス名を付けたらいいのかよく分からない。
命名を考えすぎて作業が進まない。
一体どんなクラス名を付ければいいのかな・・・？
今回はこのようなお悩みを解決します。
プ...