目次
HTML
- meta情報一覧
- 表を作成する(tableタグ)
- 横線を引く方法
- インラインブロックを改行する方法
- 画像をレスポンシブに切り替える(picture)
- 単語や文章にルビを振る(rbタグ)
- 動画を埋め込む(videoタグ)
- チェックボックスの作り方
- プレースホルダーを作る
- inputタグの作り方
- 特殊文字の書き方
- キャッシュクリアの手間を無くす方法
- alt属性の使い分け
- リンクを新しいタブで開く方法
- ハンバーガーメニューの作り方
CSS
- CSSライブラリ・フレームワーク
- 横線を引く方法
- 要素の位置を指定するpositionプロパティ
- 文字に影をつけるtext-shadowプロパティ
- 表を作成するtableタグ
- inline・block・inline-blockの違い
- flexアイテム間の余白を指定する(gapプロパティ)
- 改行を無くすwhite-space:nowrap;
- 独自のフォントを使用する@font-face
- 要素を追従させるpositon:sticky
- 要素を拡大縮小・回転・傾斜・移動させるtransformプロパティ
- ランダムな値を返すrandom関数
- スクロールをピタッと止めるscroll-snap-type
- フッターを下に固定する方法
- 枠線をデザインするborderプロパティについて
- Flexboxで画像や要素が小さくなる(潰れる)時の対処方法!
- 文字詰めする方法 font-feature-settings
- 吹き出しを作る方法
- 2行目以降を1文字下げる[text-indent]の使い方。
- 円・角丸を作るborder-radius
- スクロールバーを非表示にする
- 画像をトリミングするobject-fit
- CSSを使ってHTML文書の文字間を調節する方法
- CSS変数について
- チェックボックスを作る
- min()・max()・clamp()関数の使い方
- 特定の順番でCSSを当てる:nth-of-type(n)」「:nth-child(n)
- キーボード操作を意識したコーディング
- 三角形を作るclip-pathプロパティ
- 背景をグラデーションにする
- マーカーのような線を引く方法
- CSSで高度なアニメーションを作るanimetionと@keyframes
- 画像にフィルター加工するfilterプロパティ
- 長いテキストを三点リーダー…で省略する方法
- 画像サイズを変えずに拡大表示する
- ハンバーガーメニューの作り方
- Flexboxプロパティ一覧
- グリッドレイアウト一覧
Javascript
- Javascriptライブラリ・フレームワーク
- プロパティ一覧
- エラー対策
- 隣接する兄弟要素に対してクラスを付与する
- 全ての同じクラス名に対してクラスを付与する
- イベント処理を設定するaddEbentListener
- 要素が特定の位置に達したらclassを付与する
- 特定の要素を数秒後に非表示にしたり表示したりする方法
- ループ処理について
- 関数について
- var / let / constの違いや使い分け方
- 文字列の中に変数や定数を埋め込むテンプレートリテラル
- オブジェクトの作成
- <input type=’submit’>や<button>をクリックしたときにイベント発生させるonsubmit
- 任意の時間処理を停止させるsetTimeout
- オブジェクト指向プログラミングについて
C♯
- データ型一覧
- デバッグ方法
- データ型変換方法
- エラー発生した際の処理を設定する
VB.NET
- 条件式(if文)
- 文字列を数値に変換する方法
- テキストボックスを空にする
- テキストボックスに文字を追加する方法
- 演算子を含んだ文字列を計算して結果を返す
- 変数型一覧
- 変数の中
Arduino IDE
アセンブラ言語
- ルネサスRL78シリーズアセンブラ言語仕様一覧
- CASL IIアセンブラ言語仕様一覧
- 各種アセンブラのルール
共通思考
- 可読性を上げるコードの書き方
- フローチャートの作り方
- デバッグの方法について
- ソースコードをビルドするまで
- 開発手法(ウォーターフォールモデル)について
- 文字コードの種類と特徴
TERATERMマクロ
- 複数行から任意の文字列を抽出(recvln)
- メッセージボックスの使い方(messagebox)
- 正規表現について
- サブルーチン(関数)を使う
- 整数型と文字列型を相互に変換する
- 引数の数値や文字列をフォーマットして、変数 に代入する。
- よく使うコマンド一覧