HTML系
・目次 1.目的 2.シーケンス図とは 3.PlantUMLでシーケンス図作成 関連記事 1.目的 ・PLANT UMLでシーケンス図を作成する基本的な方法について記載する。 2.シーケンス図とは ・システムの流れを、図面化し視覚的に分かりやすく表したもの。 詳細：シーケン…
・目次 1.目的 2.コメントの付け方 3.Doxygenでドキュメント作成確認(コメント) 4.Doxygenでドキュメント作成確認(実際に使用して作成した場合) 関連記事 1.目的 ・Javadocで使用されるコメントの書き方について記載する。 ・コメントを記載した場合、Doxyge…
・目次 1.目的 2.PlantUMLの概要とインストール 3.プログラムの作成と実行(シーケンス図の作成) 関連記事 1.目的 ・PlantULMの概要及び導入方法について記載する。 ・簡単なサンプルを用意し、実際に使用して図を作成する。 参考： ・シンプルなテキ…
Javadocのコメントについて ・目次 Javadocのコメントについて 1.目的 2.コメントの付け方 3.Doxygenでドキュメント作成確認(コメント) 関連記事 1.目的 ・Javadocで使用されるコメントの書き方について記載する。 ・コメントを記載した場合、Doxygen…
・目次 1.目的 2.Doxygenのダウンロード 3.Doxygenでドキュメント作成 4.Doxygenの書き方 5.Doxygenでドキュメント作成ファイル確認 関連記事 1.目的 ・DoxygenはソースファイルからJavadocに則ったコメントを使用することにより、ドキュメントの作…
・目次 1.目的 2.Claude3.5 Sonnetの導入 3.ゲーム作成依頼 関連記事 1.目的 ・Claude3.5 Sonnetの導入 ・Claude3.5 sonnetに簡単ゲーム作成を依頼する。 →作成ゲーム： 勉強目的で今作ってる簡易ゲームのざっくりとした仕様を、Claude3.5 Sonnetに突っ込ん…
HTML,CSS,Javascript16(乱数の作成) ・目次 HTML,CSS,Javascript16(乱数の作成) 1.目的 2.乱数の作成方法 2.1 0～1未満(1は含まない)の乱数の作成 2.2 0～15未満(15は含まない) の乱数の作成(乱数は少数) 2.3 0～15 の乱数の作成(整数) 3.作成例(乱数…
クリックしたときにカード内の文字を表示/非表示する ・目次 クリックしたときにカード内の文字を表示/非表示する 1.目的 2.プログラム 関連記事 1.目的 ・日・英神経衰弱の表示する文字列を複数用意して表示する。 ・クリックした時に、クリックしたカード…
HTML,CSS,Javascript15(オブジェクトのコピー) ・目次 HTML,CSS,Javascript15(オブジェクトのコピー) 1.目的 2.オブジェクトのコピー(複製)方法 3.作成例 4.オブジェクトのコピー(オブジェクトAからオブジェクトBにプロパティをコピー)方法 4.プログラ…
HTML,CSS,Javascript14(オブジェクトの作成と使用) ・目次 HTML,CSS,Javascript14(オブジェクトの作成と使用) 1.目的 2.オブジェクトとは 3.オブジェクトの作成 3.プログラム作成(オブジェクト作成確認) 4.オブジェクト内で関数の作成 5.プログラム作…
クリックしたときにカード内の文字を変更する。 ・目次 クリックしたときにカード内の文字を変更する。 1.目的 2.プログラム 3.作成したカード 関連記事 1.目的 ・日・英神経衰弱のクリックした時の処理の一部を作成する。 2.プログラム <html lang="ja"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> </meta></meta></head></html>
HTML,CSS,Javascript13(idを配列として取得) ・目次 HTML,CSS,Javascript13(idを配列として取得) 1.目的 2.配列としてidの取得 3.プログラム作成(配列としてidを取得) 3.jQueryのセレクタでを使う際の注意点 4.jQueryのセレクタで数値を扱う 5.プログ…
HTML,CSS,Javascript12(javascriptの配列) ・目次 HTML,CSS,Javascript12(javascriptの配列) 1.目的 2.配列の宣言 3.プログラムの作成(配列の確認) 4.配列リテラルとコンストラクタの違い 5.プログラム作成(配列リテラルとコンストラクタの違い確認) 6…
カードっぽい何かを用意する ・目次 カードっぽい何かを用意する 1.目的 2.プログラム 3.作成したカード 関連記事 1.目的 ・日・英神経衰弱に使用するカードとなる部分を作成する。 ・特に、カードのクオリティは求めないで、2×8個のカードを用意する…
日・英神経衰弱ゲームを作ってみる ・目次 日・英神経衰弱ゲームを作ってみる 1.目的 2.ゲームの内容 3.作成手順の検討 関連記事 1.目的 ・html,css,javascriptの学習の1つとして、自分で考えて簡単なゲームを作ってみる。 ・この記事では、そのゲーム…
window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } レイアウトを横並びにする この記事では、CSSを用いて、ホームページのレイアウトを横にする方…
タイマ割り込みを設定する為の、プリスケーラ値の自動計算 この記事では、STM32F401のタイマ割り込みを設定する為の、プリスケーラ値を自動計算する。 APBの値、設定したい割り込み間隔(時間)、Counter Periodの値から、 設定したい割り込み間隔に設定するの…
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と関数) 1.目的 2.htmlの値の取得と値の出力方法 3.プログラムの作成(数値の取得と、計算結果の出力) 関連記事 1.目的 ・jQuaryのchangeについて記載する…
jQuary,javascript学習3(数値の取得と出力) ・目次 jQuary,javascript学習3(数値の取得と出力) 1.目的 2.htmlの値の取得と値の出力方法 3.プログラムの作成(数値の取得と、計算結果の出力) 関連記事 1.目的 ・jQuaryを使用し、htmlの数値を取得し、計…
jQuary,javascript学習2(id取得) ・目次 jQuary,javascript学習2(id取得) 1.目的 2.id及びclassの取得 3.プログラムの作成(idとclassのクリック) 4.プログラム説明 関連記事 1.目的 ・jQuaryを使用し、htmlのid及びclassを取得する方法について記載す…
window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptの√(平方根)、π、2乗の計算 この記事では、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 = "タイトル" }) } オペアンプ反転増幅回路、非反転増幅回路の自動計算 この記事では、反転増幅回路と非反転増幅回…
window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptでHTMLの数値取得 この記事では、HTMLで数値を設定し、その設定した値をjavascript側…
window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptでidの取得とaddEventListenerについて この記事では、javascriptでidを取得し、それ…
javascriptの導入、記載方法ついて この記事では、javascriptの導入、何が出来るかなどについて記載する。 1. 目的 ・javascriptの導入について理解する。(どこに書くかなど) 目次 javascriptの導入、記載方法ついて 1. 目的 2. javascriptとは 3.javascript…
HTMLのidとclassについて この記事では、HTMLのidとclassについて記載する。 1. 目的 ・HTMLで装飾する場合や、javascriptを使用する場合などに、idやclassがよく使われる。 このidとclassの意味、使い方について理解する。 目次 HTMLのidとclassについて 1.…
HTMLを装飾する方法、CSSの追加について この記事では、HTMLを装飾するCSSの追加する方法について記載する。 1. 目的 ・HTMLの装飾(文字の色の変更や、バックグランドの変更など)するための、CSSを使用する方法について記載する。 目次 HTMLを装飾する方法、…
HTMLのタグについて この記事では、HTMLの属性について記載する。 1. 目的 ・HTMLの属性について理解する。 目次 HTMLのタグについて 1. 目的 2. 属性とは 3.属性の使い方 3.プログラムの作成(属性付与で文字列を真ん中にする。) 関連記事 2. 属性とは ・HTM…
