Project_OKI’s diary

エンジニアの勉強ブログ

2024-01-01から1年間の記事一覧

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を装飾する方法、…