プログラミング技術

目次

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)
  • 正規表現について
  • サブルーチン(関数)を使う
  • 整数型と文字列型を相互に変換する
  • 引数の数値や文字列をフォーマットして、変数 に代入する。
  • よく使うコマンド一覧

squirrel

目次