新入社員
新らしくなった基本情報 科目 B アルゴリズムとプログラミング サンプル問題2をJavaにしてみました
2023 年 4 月からIPA （独立行政法人情報処理推進機構）の基本情報技術者試験の制度が変更されました。 ここでは、「基本情報技術者試験 科目 B のサンプル問題」の中から、アルゴリズムとプログラミングの問題を取り上 […]
新らしくなった基本情報 科目 B アルゴリズムとプログラミング サンプル問題1をJavaにしてみました
2023 年 4 月からIPA （独立行政法人情報処理推進機構）の基本情報技術者試験の制度が変更されました。 ここでは、「基本情報技術者試験 科目 B のサンプル問題」の中から、アルゴリズムとプログラミングの問題を取り上 […]
ChatGPTにTOEICの問題を解かせてみた
ChatGPTに「TOEICのリーディングセクション Part5の例題」を解かせてみました。 結果は全問正解。 Directions: A word or phrase is missing in each of the […]
ChatGPTにG検定の問題を解かせてみる。
ChatGPTに「G検定の例題」を解かせてみました。 答えを聞く 結果は3問中2問正解、ただし、再考を促すと全問正解しました。 そういうところが人間ぽくて面白いですね。 まだ、G検定の試験でChatGPTをつかうというチ […]
ChatGPTの活用方法
便利なChrome拡張機能 https://chrome.google.com/webstore/detail/chatgpt-for-search-engine/feeonheemodpkdckaljcjogdncpi […]
学び直しの英語 新人エンジニア研修の参考資料（動画）
品詞 名詞 無生物主語は日本語にはない感覚なので慣れが必要ですね。 冠詞 代名詞 動詞 自動詞と他動詞を見分けるには Look up, look up to, look over, look through, look […]
アルゴリズムとデータ構造 新人エンジニア研修の参考資料（動画）
アルゴリズムとデータ構造 アルゴリズムとデータ構造の基本 アルゴリズムとは 計算量 データ構造とは 基本的なデータ構造 配列 連結リスト 木構造 探索 ハッシュ法 二分探索木 平衡木 整列 バブルソート 選択ソート 挿入 […]
JavaScriptのテンプレートリテラルはJSPファイルの中では使えない
ふと気になったので実験してみました。JavaScriptのテンプレートリテラルとJSPのELはどちらも同じ表記（${}）を使いますね。 正確には、 JavaScriptのテンプレートリテラルでは${変数名} JSPのEL […]
カップラーメンタイマーを作りたい
3分間を計測するカウントダウンタイマーです。 ポイントは、19行目でsetInterval関数の戻り値をset_idという変数に入れて、23行目でclearInterval関数の引数にその値を渡している点です。
モーダルウィンドウを作りたい
ダイアログ要素を使用することでモーダルウィンドウを実装できるようになりました。 以前ご紹介したHTMLとCSSを使った方法よりも簡単だと思います。 モーダルウィンドウを作りたい 最後までお読みいただきありがとうございます […]
「同意する」をチェックしないと押せないボタンを作りたい
disabled属性をJavaScriptで操作することでチェックしないと押せないボタンを作ることができます。 「同意する」をチェックしないと押せないボタンを作りたい 最後までお読みいただきありがとうございます。
マウスではなくショートカットキーで操作したい
accesskey属性を使うことでショートカットキーでWebアプリケーションを操作できるようになります。Altキーとアルファベットを同時に押します。 熟練者にはマウスよりもショートカットキーが喜ばれるでしょう。 この例で […]
テキストエリアに入力された文字数を数えたい
以下の例はテキストエリアの300文字数制限を300文字にして、そのことをメッセージで伝える例です。 300文字を超過した場合はメッセージを赤字にして注意喚起しています。 テキストエリアに入力された文字数を数えたい 最後ま […]
背景画像を1枚の写真で覆いたい
cssのbackground関連のプロパティを設定することで背景一面にマージンなく画像を表示することができます。 background-size: cover;が「覆う」という意味になります。 画像をコンテナーいっぱいに […]
アップロードする画像をプレビュー表示させたい
FileReader.readAsDataURL()を使い、以下のように書くことで画像をプレビュー表示させることができます。 画像をプレビュー表示させたい 最後までお読みいただきありがとうございます。
リンクを新しいウィンドウで開きたい
openメソッドを使い、以下のように書くことでリンクを新しいウィンドウで開くことができます。 例えば、Webアプリケーションを開く際には、同じウィンドウの同じタブや別タブで開くと、ブラウザの中に埋もれてしまいがちになりま […]
自ウィンドウを閉じたい
closeメソッドを使い、以下のように書くことで自分自身のウィンドウを閉じることができます。 自ウィンドウを閉じたい 最後までお読みいただきありがとうございます。
ラジオボタンを選択した際の色を変えたい
cssのプロパティaccent-colorを使って以下のように色を変えることができます。 ラジオボタンのラベルの色を変化させて押しやすくする 最後までお読みいただきありがとうございます。
データが入力できるダイアログを表示したい
ポイントは10行目のprompt()というメソッドです。 このメソッドの戻り値がダイアログで入力した値です。 ダイアログを出すメソッドは全部で以下の3つがあります。 メソッド 説明 事例 alert(文字列) 警告ダイア […]
画像を使ったスライドショーを作りたい
以下は3枚の画像を使ったスライドショーです。 Bootstrap5を使っています。 参考リンク スライドショーはBootstrapでCarousel（回転木馬）と呼ばれます。 なお、写真はLorem Picsumをつかっ […]
一定時間経過後に処理を実行させたい
以下は5秒後に注意書きを消すサンプルです。 setTimeout()を使うことで一定時間経過後に処理を実行させることができます。 この関数の第一引数は実行させたい関数名です。 第二引数は経過時間でミリ秒単位で指定します。 […]
フォーカスされたら1行テキスト入力の枠色を変えたい
:focus擬似クラスを使用することで、1行テキスト入力が操作で要素がフォーカスされた際のスタイルを指定することができます。 以下のサンプルのポイントは、8～10行目のところです。 擬似クラスを使いフォーカスがあたった際 […]
マウスイベントを検知したい
addEventListenerメソッドをDOMに追加することによってマウスイベントを検知することができます。(Sample) 以下の3つの例はいずれもHello Worldという文字列の色を変化させる処理です。 add […]
定期的に処理を実行させたい
setIntervalメソッドを使用することで一定間隔で処理を実行させることができます。(Sample) setIntervalメソッドの第一引数は定期的に実行したい処理、第二引数は実行間隔をミリ秒単位で設定します。 こ […]
棒グラフを表示させたい
Chart.jsというJavaScriptのライブラリを使用することで簡単に棒グラフを作成することができます。(Sample) ポイントは以下の3点です。 ① 8行目のリンクでCDNを読み込んでいる点 ② 22行目でグラ […]
折れ線グラフを表示させたい
Chart.jsというJavaScriptのライブラリを使用することで簡単に折れ線グラフを作成することができます。(Sample) ポイントは以下の3点です。 ① 8行目のリンクでCDNを読み込んでいる点 ② 20行目以 […]