2024年06月の職案人新着記事

Ajaxを使った非同期通信の実践編2

Ajaxを使った非同期通信の実践編2【開発環境】OS：Win11（64ビット）クロムBrackets【Bracketsを使用する】1，Bracketsを起動する2，作業用フォルダを作る---「work」3，新規ファイルを作る--getText1.html4,コードを書く＜!DOCTYPEhtml＞＜htmllang="ja"＞＜head＞＜metacharset="UTF-8"＞＜title＞Ajaxサンプル＜/title＞＜/head＞＜body＞＜p＞ボタンをクリックするとデータを取得します。＜/p＞＜form＞＜inputtype="button"value="ロード"onClick="getData()"＞＜/form＞テキストデータが入る部分を下記のように書く＜divid="result"＞＜/...Ajaxを使った非同期通信の実践編2

2024/06/29 15:30

Ajaxを使った非同期通信の実践編

非同期通信の実践編【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムここでは、VisualStudioCodeの拡張機能であるLiveServerをインストールした状態で説明をする。出来ない人はBracketsを使ってください！【フォルダの作成】VScoodを開き、フォルダを開く【ファイルを2つ作る】1.Webページを表示する「sample1.html」ファイル作る2,データ用のファイル「data.txt」を作る【Webベージを立ち上げる】【サーバを立ち上げる】「データの取得」ボタンを立ち上げると、下図のようになったら成功Ajaxを使った非同期通信の実践編

2024/06/27 14:11

Ajax を使った非同期通信方法

Ajaxを使った非同期通信方法【開発環境】OS：Win11（64ビット）Brackets-2.2.1クロム【非同期通信手段の概要】ここではAjaxによる非同期通信を行うためにXMLHttpRequestオブジェクトの作成し、サーバへリクエストを送信したあと、サーバからレスポンスを受信するまでの方法について解説する。【XMLHttpRequestオブジェクトを作成する】最初にXMLHttpRequestオブジェクトを使って、XMLHttpRequestオブジェクトのインスタンスを作成する。コンストラクタはnewXMLHttpRequest(値1，値2)のように引数がある。・書式letrequest=newXMLHttpRequest();//変数をインスタンス化する（オブジェクトを作成する）【HTTPリクエ...Ajaxを使った非同期通信方法

2024/06/27 10:06

Ajaxを使った非同期通信

非同期通信を行う方法【開発環境】OS：Win11（64ビット）Brackets-2.2.1クロム【Ajaxとは】Ajax（エイジャックス）とは、Asynchronous+JavaScript+XMLの略称で、JavaScriptの組み込みオブジェクト「XMLHttpRequest」を用いた非同期処理のことです。【非同期通信と同期通信の違いは】同期通信→ブラウザ側からサーバにリクエストを投げてからレスポンス（応答）があるまで、ほかの処理が出来ない。非同期通信→同時に複数の処理をしたり、前の処理が終わる前に、順番を待たずに次の処理を始める通信を指します。サーバからのレスポンスを待っている間に、ほかの処理をすることが出来る。【XMLHttpRequestオブジェクトのコンストラクタ】Ajaxを使った通信を行う最...Ajaxを使った非同期通信

2024/06/22 15:22

Windows用 Brackets

Windows用BracketsについてBracketsは、Webサイトの設計が簡単にできる、軽量で強力なオープンソースのテキストエディタです。標準で基本機能が備わっていて、使いやすいので、初心者には最適なテキストです。昔はライブプレビューをすると、Chromから拒否されたが、V2.0.1からは改善された。これによって、同期通信が使える様になった。【ダウンロード】Bracketsの公式ホームページ<の下記のところをからダンロードを行ってください成功すると、PCのダンロードにが表示される【インストール】「Brackets-2.2.1.exe」をクリックすると、インストールが開始される。設定任意のフォルダを選択し、同意にチェックすると「次へ」をクリックする標準を選択すると、インストールが開始される。完了すると...Windows用Brackets

2024/06/21 10:22

テキストエディタ：Phoenix Codeについて

テキストエディタPhoenixCodeに付いて【Brackets→PhoenixCode】Bracketsは、Webサイトの設計が簡単にできる、軽量で強力なオープンソースのテキストエディタでが、現在では、ライブプレビューが出来ないので、phoenixCoderエディターに移行標準で基本機能が備わっていて、使いやすいので、初心者には最適です。また、AjaxによるWebサーバが簡単に出来る。【ダウンロード】公式サイトから、ダウンロードする下記のファイルがダンロードされる（Win1164bit）【インストール】「Phoenix.Code_3.7.3_x64-setup.exe」をクロックすると、1、表示される「次へ」をクリック2.「同意する」をクリック3任意のフォルダにインストールしたい場合は「参照」クリックす...テキストエディタ：PhoenixCodeについて

2024/06/19 21:01

コンソールをクリアする

コンソールをクリアする【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【コンソールをクリアする】console.traceメソッドは、メソッドが呼び出された経路をコンソールに出力します。・書式はconsole.clear()console.clearメソッドを呼び出すとコンソールがクリアされます。ただし完全にクリアされるわけではなく'Consolewascleared'というメッセージと、console.clearメソッドを呼び出した戻り値としてのundefinedが表示されますサンプルコンソールをクリアする

2024/06/17 11:14

メソッドが呼び出された経路を出力する

メソッドが呼び出された経路を出力する【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【呼び出された経路を出力する】console.traceメソッドは、メソッドが呼び出された経路をコンソールに出力します。・書式console.trace([オブジェクト,...])console.traceメソッドが呼び出された経路についてコンソールに出力します。引数にオブジェクトを指定すると、経路といっしょにコンソールに出力することができます。デバッグを行う場合などに、どの関数を経由してこのメソッドが呼び出された場所に辿り着いたのかを確認したい場合に利用します。サンプル関数funcAの中にconsole.traceメソッドが記述されています。関数funcAを直接呼び出した場合は、console....メソッドが呼び出された経路を出力する

2024/06/16 16:21

JS--呼び出された回数をカウント

呼び出された回数をカウント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【呼び出された回数をカウントする】console.countメソッドは、呼び出されるたびに回数をカウントしていきコンソールに出力します。・書式はconsole.count([ラベル])console.countが呼び出された回数をカウントして出力します。プログラムの中の複数の個所でconsole.countメソッドが記述されている場合、引数として同じラベルが指定されたメソッドは同じカウンターとしてカウントされます。逆に同じ場所に記述されたconsole.countメソッドであっても、引数に文字列で指定したラベルの値が異なる場合は、ラベルの値毎に別のカウンターとして独立してカウントします。サンプルこのサンプル...JS--呼び出された回数をカウント

2024/06/16 11:19

js-- console.time メソッド

console.timeメソッド【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【タイマーを使って処理時間を計測】Consoleオブジェクトで用意されているconsole.timeメソッドをおよびconsole.timeEndメソッドを使って、処理を行った時間をミリ秒単位で計測することができます。・書式はconsole.time(ラベル)console.timeEnd(ラベル)console.timeメソッドを呼び出すと時間の計測が開始されます。そしてconsole.timeEndメソッドが呼び出されると、計測が終了し開始から終了までの経過時間をコンソールに出力します。ラベルを指定することで、複数のタイマーを同時に動かして計測することができます。計測が完了すると'ラベル:xxxx...js--console.timeメソッド

2024/06/15 15:52

条件式がfalseの場合だけエラーログを出力する

条件式がfalseの場合だけエラーログを出力する【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【条件式に応じてログを出力する】console.assertメソッドを使用すると、引数に指定した条件式がfalseの場合だけコンソールにログを出力することができます。・書式はconsole.assert(条件式,オブジェクト[,オブジェクト,...])console.assert(条件式,プレースメントを含む文字列[,置換するオブジェクト,...])1番目の引数に条件式を記述します。この条件式を評価しfalseとなった場合だけコンソールにログを出力します。2番目以降の引数の指定方法についてはconsole.errorメソッドと同じです。・サンプルMath.random()関数は、0以上...条件式がfalseの場合だけエラーログを出力する

2024/06/15 14:08

JS--コンソールへの出力をグループ化

コンソールへの出力をグループ化【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【ログの出力をグループ化する】console.groupメソッドとconsole.groupEndメソッドを使用することでログへの出力をグループ化することができます・書式console.group([ラベル])console.groupEnd()console.groupメソッドが呼び出されてからconsole.groupEndメソッドが呼び出されるまでの間にconsole.logメソッドなどを使って出力されたログがグループ化されます。省略可能な引数のラベルを文字列で指定すると、グループの先頭でラベルを表示することができます。サンプルconsole.log('MyList');console.group...JS--コンソールへの出力をグループ化

2024/06/14 11:18

JS--Console オブジェクト

Consoleオブジェクト【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【コンソールにログを出力する】Consoleオブジェクトで用意されているコンソールにログとして文字列を出力するメソッドには次の4つがあります。・書式はconsole.log(オブジェクト[,オブジェクト,...])console.info(オブジェクト[,オブジェクト,...])console.warn(オブジェクト[,オブジェクト,...])console.error(オブジェクト[,オブジェクト,...])それぞれのメソッドの引数にはコンソールに出力するオブジェクトを指定してください。オブジェクトの値がコンソールに出力されます。複数のオブジェクトを同時に出力する場合はカンマ(,)で区切り続けて記述します...JS--Consoleオブジェクト

2024/06/14 10:46

息子介護物語-エピソードの終了

息子介護物語-エピソードの終了のお知らせ【被介護者】母：91才要介護4（4/2より）有効7年3月31日身長/体重；153/38認知度：中位であるが、見当障害の為、被害妄想がひどくなって来た。また、運動不足に依る筋力低下や、食事量（80g）低下が見られる。また、傾眠傾向でもある。特に、子供がいる妄想を起こす。【利用施設】敬愛会のふれ愛の里の特養ホームに入所【かかりつけ医】本町在宅クリニック（久喜市）【介護】全介助【食事】全粥でスプーンを使って自分で食べてる【排泄】おむつ【歩行】車椅子で、立つのがやっとで歩行は出来ない【生活態度】最近は、慣れてきたため、勝手に起き上がり、ベットから落ちるのが、減った。しかし、人が居ないと不安になり、落ち着きがなくなるそうだ。【住所移動】6/11日、特養ホームに入所にあたり、契...息子介護物語-エピソードの終了

2024/06/12 09:35

息子介護物語-エピソード68（令和6年6月）

息子介護物語-エピソード68（令和6年6月）【被介護者】母：91才要介護4（4/2より）有効7年3月31日身長/体重；153/38認知度：中位であるが、見当障害の為、被害妄想がひどくなって来た。また、運動不足に依る筋力低下や、食事量（80g）低下が見られる。また、傾眠傾向でもある。特に、子供がいる妄想を起こす。【利用施設】1.ショートステイ敬愛会のふれ愛の里：ロングショート（4/11～）※デイケアのサービス目的は、身体機能の回復・意地、日常生活の回復、認知機能の改善で、リハビリなどの医療的ケアに力を入れています【介護関連企業】ケアマネ：すずみな（6/6あたりで終了）【かかりつけ医】・徳洲会古河総合病院（整形外科・泌尿器）・加須東病院（内科・整形外科）から、本町在宅クリニックに移行【病歴】平成29年以前；大...息子介護物語-エピソード68（令和6年6月）

2024/06/12 09:06

JS--三角関数

三角関数【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【三角関数の種類と使い方】Mathオブジェクトでは三角関数に関係するメソッドとして次の13種類が用意されています。Math.sin(x)xのサインを返すMath.cos(x)xのコサインを返すMath.tan(x)xのタンジェントを返すMath.asin(x)xのアークサインを返すMath.acos(x)xのアークコサインを返すMath.atan(x)xのアークタンジェントを返すMath.sinh(x)xのハイパーボリックサインを返すMath.cosh(x)xのハイパーボリックコサインを返すMath.tanh(x)xのハイパーボリックタンジェントを返すMath.asinh(x)xのハイパーボリックアークサインを返すMath....JS--三角関数

2024/06/09 15:45

JS--対数関数

対数関数【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【対数関数の種類と使い方】Mathオブジェクトでは対数に関係するメソッドとして次の4つが用意されています。Math.log(x)xの自然対数を返すMath.log1p(x)xの1+xの自然対数を返すMath.log10(x)xの10を底とした対数を返すMath.log2(x)xの2を底とした対数を返す対数に関する詳しい説明はここでは省略しますが、簡単に書くとx=apが成り立つ時、pをxのaを底とする対数と呼びます。pはaを何乗したらxになるのかを表す数値です。・ネイピア数のeはMathオブジェクトの静的プロパティ（値）も用意されている。Math.E自然対数の底//=>2.718281828459045Math.LN22の自然...JS--対数関数

2024/06/08 11:23

JS--正か負か数値の符号の取得

正か負か数値の符号の取得【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【数値の符号を取得する(sign)】MathオブジェクトのMath.signメソッドは対象の数値の符号を取得します。・書式はMath.sign(数値)引数に指定した数値の符号を取得します。正の値だった場合は1、負の値だった場合は-1、ゼロだった場合は0または-0を取得します。引数が数値ではなかった場合は数値に変換してから符号を取得します。・サンプルMath.sign(4.72);>>1Math.sign(-71);>>-1Math.sign(0);>>0Math.sign(-0);>>-0引数に指定した数値の符号を調べ、1、-1、0、-0のいずれかの値を返します。引数に数値ではない値を指定した場合は、数値に変...JS--正か負か数値の符号の取得

2024/06/05 14:40

js-累乗

累乗【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【累乗を計算する(pow)】MathオブジェクトのMath.powメソッドは底と指数を指定して累乗を計算します。書式はMath.pow(底,指数)引数に指定した底と指数から累乗を計算し結果を返します。引数が数値ではなかった場合は数値に変換してから平方根を計算しますサンプルMath.pow(2,3);>8Math.pow(3,2);>2Math.pow(-4,3);>-64指数が負の値の場合Math.pow(2,-1);//2-1=1/2=0.5>>0.5Math.pow(2,-2);//1/22=1/4=0.25>>0.25Math.pow(2,-3);//1/23=1/8=0.125>>0.125指数が0の場合Math.pow...js-累乗

2024/06/04 15:40

JS--平方根/立方根を計算する

平方根/立方根【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【平方根(sqrt)】MathオブジェクトのMath.sqrtメソッドは指定した値の平方根を計算する。・書式はMath.sqrt(数値)引数に指定した数値の平方根を計算し結果を返します。引数が数値ではなかった場合は数値に変換してから平方根を計算します。対象の数値が負の値の場合はNaNを返します。サンプルMath.sqrt(9);>>3Math.sqrt(4);>>2Math.sqrt(2);>>1.4142135623730951対象の値が数値でない場合Math.sqrt('25');>5Math.sqrt(-16);>NaNMath.sqrt(NaN);>NaNMath.sqrt(undefined);>NaN【立方...JS--平方根/立方根を計算する

2024/06/02 13:33

JS--乱数

乱数を取得す方法【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【乱数を生成する(random)】Math.randomメソッドは乱数を生成して返します。・書式はMath.random()0以上1未満のランダムな浮動小数点数を作成して返します。乱数におけるシード(乱数を生成する設定値のようなものでう)を指定することはできません。・サンプルコードfor(leti=0;i<5;i++){console.log(Math.random());}<spanclass="bold">>>0.46734844249381324>>0.8023117892739917>>0.33077513353347476>>0.6943056771845824>>0.097841380222198020以...JS--乱数

2024/06/01 15:32

息子介護物語-エピソード67（令和6年5月）

息子介護物語-エピソード67（令和6年5月）【被介護者】母：91才要介護4（4/2より）有効7年3月31日身長/体重；153/38認知度：中位であるが、見当障害の為、被害妄想がひどくなって来た。また、運動不足に依る筋力低下や、食事量（80g）低下が見られる。また、傾眠傾向でもある。特に、子供がいる妄想を起こす。【利用施設】1.ショートステイ敬愛会のふれ愛の里：ロングショート（4/11～）※デイケアのサービス目的は、身体機能の回復・意地、日常生活の回復、認知機能の改善で、リハビリなどの医療的ケアに力を入れています【介護関連企業】ケアマネ：すずみな【かかりつけ医】加須東病院（内科・整形外科）・徳洲会古河総合病院（整形外科・泌尿器）【病歴】平成29年以前；大久保病院で内科（胃腸）・整形外科（腰痛）に通院している...息子介護物語-エピソード67（令和6年5月）

2024/06/01 10:09