Project_OKI’s diary

エンジニアの勉強ブログ

HTML,CSS,Javascript11(レイアウトを横並びにする)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } レイアウトを横並びにする この記事では、CSSを用いて、ホームページのレイアウトを横にする方…

STM32タイマ割り込みの設定値計算

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventL…

STM32マイコン38(CubeIDE SPI通信設定について)

STM32マイコン38(CubeIDE SPI通信設定) 1.本日の内容 (1) STM32のSPI通信設定について記載する。 (2) STM32CubeIDEのSPI通信の設定について記載する。 使用マイコン: (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){argument…

RCローパスフィルタとCRハイパスフィルタのカットオフ周波数などの自動計算

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventL…

​​​jQuary,javascript学習4(jQueryのchangeと関数)

​​​jQuary,javascript学習4(jQueryのchangeと関数) ・目次 ​​​jQuary,javascript学習4(jQueryのchangeと関数) 1.目的 2.htmlの値の取得と値の出力方法 3.プログラムの作成(数値の取得と、計算結果の出力) 関連記事 1.目的 ・jQuaryのchangeについて記載する…

​​​jQuary,javascript学習3(数値の取得と出力)

​​​jQuary,javascript学習3(数値の取得と出力) ・目次 ​​​jQuary,javascript学習3(数値の取得と出力) 1.目的 2.htmlの値の取得と値の出力方法 3.プログラムの作成(数値の取得と、計算結果の出力) 関連記事 1.目的 ・jQuaryを使用し、htmlの数値を取得し、計…

jQuary、javascript学習2(id取得)

​​​jQuary,javascript学習2(id取得) ・目次 ​​​jQuary,javascript学習2(id取得) 1.目的 2.id及びclassの取得 3.プログラムの作成(idとclassのクリック) 4.プログラム説明 関連記事 1.目的 ・jQuaryを使用し、htmlのid及びclassを取得する方法について記載す…

抵抗付きLEDの動作確認

抵抗付きLEDの動作確認 この記事では、抵抗付きLEDの動作確認について記載する。 使用LED: ・抵抗内蔵5mmLED 5V 赤色 640nm OSR6LU5B64A-5V ・抵抗内蔵5mmLED 5V 黄色 590nm OSY5LU5B64A-5V ・抵抗内蔵5mmLED 5V 黄緑色 570nm OSG8NU5B64A-5V 1. 抵抗付きLE…

5Vトレラントとは

マイコンのGPIOに書いてある5Vトレラントとは この記事では、5Vトレラントについて説明する。 1. 5Vトレラントとは ・基本的にマイコンの入力は電源電圧が入力の最大値になっていることが多い。 ・それに対し、電源電圧に関係なく5Vまで、GPIOの入力として使…

javascript11(√(平方根)、π、べき乗の計算)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptの√(平方根)、π、2乗の計算 この記事では、javascriptの√計算、π計算、べき乗計算の…

HTML,CSS,Javascript10(javascriptの関数と関数式)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptの関数と関数式 この記事では、javascriptの関数と関数式について記載する。 1. 目的…

反転増幅回路と非反転増幅回路の自動計算(増幅度、ゲイン、出力電圧)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } オペアンプ反転増幅回路、非反転増幅回路の自動計算 この記事では、反転増幅回路と非反転増幅回…

HTML,CSS,Javascript9(javascriptでHTMLの数値取得)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptでHTMLの数値取得 この記事では、HTMLで数値を設定し、その設定した値をjavascript側…

HTML,CSS,Javascript8(javascriptでidの取得とaddEventListenerについて)

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptでidの取得とaddEventListenerについて この記事では、javascriptでidを取得し、それ…

HTML,CSS,Javascript7(javascriptの導入)

javascriptの導入、記載方法ついて この記事では、javascriptの導入、何が出来るかなどについて記載する。 1. 目的 ・javascriptの導入について理解する。(どこに書くかなど) 目次 javascriptの導入、記載方法ついて 1. 目的 2. javascriptとは 3.javascript…

HTML,CSS,Javascript6(idやclassについて)

HTMLのidとclassについて この記事では、HTMLのidとclassについて記載する。 1. 目的 ・HTMLで装飾する場合や、javascriptを使用する場合などに、idやclassがよく使われる。 このidとclassの意味、使い方について理解する。 目次 HTMLのidとclassについて 1.…

HTML,CSS,Javascript5(装飾:CSSの追加)

HTMLを装飾する方法、CSSの追加について この記事では、HTMLを装飾するCSSの追加する方法について記載する。 1. 目的 ・HTMLの装飾(文字の色の変更や、バックグランドの変更など)するための、CSSを使用する方法について記載する。 目次 HTMLを装飾する方法、…

HTML,CSS,Javascript4(属性による機能追加について)

HTMLのタグについて この記事では、HTMLの属性について記載する。 1. 目的 ・HTMLの属性について理解する。 目次 HTMLのタグについて 1. 目的 2. 属性とは 3.属性の使い方 3.プログラムの作成(属性付与で文字列を真ん中にする。) 関連記事 2. 属性とは ・HTM…

C言語基礎知識40(配列の要素数算出)

配列の要素数算出方法 この記事では、配列の要素数を算出する方法について記載する。 配列に関しては下記記事を参照 →・C言語基礎知識3(配列) - Project_OKI’s diary 1. 目的 ・配列の要素数を算出する方法について理解する。 ・配列の要素数を算出する簡易…

C言語基礎知識39(構造体、typedefを使う際の注意点)

構造体、typedefを使う際の注意点 この記事では、構造体、typedefを使う際の注意点ついて記載する。 typedefで置き換えたものを引数として使用する場合の注意点がある。 その注意点について記載する。 1. 目的 ・typedefで置き換えたものや構造体を引数とし…

HTML,CSS,Javascript3(タグについて)

HTMLのタグについて この記事では、HTMLのタグについて記載する。 1. 目的 ・HTMLのタグについて理解する。 目次 HTMLのタグについて 1. 目的 2. タグとは 3.タグの種類 関連記事 2. タグとは ・タグは角括弧(< >)で囲まれ、開始タグと終了タグのペアで構…

エラーの対処2(expected ';' after top level declarator)

エラーの対処(;がない) 1. 目的 この記事では、エラーが発生した時に、どう対処したのか、またその理由について記載する。 出たエラー文 ・expected ';' after top level declarator 目次 エラーの対処(;がない) 1. 目的 2. エラー理由 3. 対処 3. プログラ…

HTML,CSS,Javascript2(HTMLでホームページのタイトル設定と段落作成)

HTMLでホームページのタブの名前設定 この記事では、下記2点の確認を行う。 ・HTMLでホームページを作成し、タイトル(タブの名前)を設定 ・pタグを使用して、段落を作成する。 1. 目的 ・HTMLでホームページの下記部分の設定を行う。 目次 HTMLでホームペー…

C言語基礎知識38(union(共用体)について)

union (共用体)について この記事では、C言語におけるunionの内容と使用方法について記載する。 1. 目的 ・unionの意味ついて知る。 ・union使い方を知る。 目次 union (共用体)について 1. 目的 2. union(共用体)とは 3. unionの使い方 (1) union(共用体)の…

HTML,CSS,Javascript1(環境設定:VSCodeの導入)

HTML,CSS,Javascript 環境設定 この記事では、HTML,CSS,Javascriptでホームページなどを作成する際の環境を用意する。 1. 目的 ・HTML,CSS,Javascriptでホームページなどを作成する為の、テキストエディタの導入をする。 また、その環境設定を行う。 これに…

C言語基礎知識37(constについて)

const (修飾子) この記事では、C言語におけるconstの内容と使用方法について記載する。 1. 目的 ・constの意味ついて知る。 ・const使い方を知る。 目次 const (修飾子) 1. 目的 2. constとは 3. constの使い方 (1) const で変数を定数化(書き換え出来ない変…

警告の対処1:warning: comparison between pointer and integer ('int' and 'void *')

警告の対処(ポインタとNULLの比較) 1. 目的 この記事では、下記警告が発生した時に、どう対処したのか、またその理由について記載する。 出た警告文書 ・warning: comparison between pointer and integer ('int' and 'void *') 目次 警告の対処(ポインタとN…

エラーの対処1(multiple definition of `xxxx'; first defined here)

エラーの対処(定義の重複) 1. 目的 この記事では、エラーが発生した時に、どう対処したのか、またその理由について記載する。 出たエラー文 ・multiple definition of `xxxx'; ・xxx.c:23: first defined here 目次 エラーの対処(定義の重複) 1. 目的 2. エ…

C言語基礎知識36(型修飾子、記憶クラス指定子)

型修飾子、記憶クラス指定子 この記事では、変数型の前につく、型修飾子、記憶クラス指定子についてのまとめを記載する。 1. 目的 ・型修飾子、記憶クラス指定子について知る。 ・型修飾子、記憶クラス指定子の種類についてまとめる。 目次 型修飾子、記憶ク…

STM32マイコン37(CubeIDE:USBの設定内容)

STM32マイコン37(CubeIDE:USBの設定内容) 1.本日の内容 (1) CubeIDEのUSBの設定内容について記載する。 使用マイコン: (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts…