新着記事
ITの専門用語を図解で解説。仕事で役立つITの基礎知識を身につけよう。
生成AIとChatGPT
進化が止まらないIT技術は、さまざまな業種で導入されています。2022年11月のChatGPT公開を機に勢いがついた生成AIの市場規模は、日本では2030年までに年平均47.2%増で成長し、需要額で約1.8兆円まで拡大すると見られています。
情報処理技術者試験対策
ITパスポート
ITパスポートは、基礎的なIT教養を幅広く身につけられることで人気の国家試験です。これからITの知識を身につけていきたい方におすすめです。
統計(平均値/中央値/最頻値)| ITパスポート講座
本記事で学べること 平均値の求め方を学ぶ 中央値(メジアン)の求め方を学ぶ 最頻値(モード)の求め方を学ぶ 範囲(レンジ)の求め方を学ぶ ITパスポート過去問の解き方を学ぶ 統計 データを集めて全体の傾向を割り出すものが統計です。統計では次のような指数が使われています。 平均値 平均値は、データの合計値をデータの個数で割った値です。 例えば、次のデータの平均値は「38.75」です。 平均値 = (10 + 20 + 20 + 30 + 40 + 50 + 60 + 80) ÷ 8 = 38.75 中央値( ...
プログラム言語(プログラミング言語)とは | ITパスポート講座
本記事で学べること プログラム言語について学ぶ コンパイラとインタプリタについて学ぶ ノーコードとローコードについて学ぶ ITパスポート過去問の解き方を学ぶ プログラム言語 プログラム言語(プログラミング言語)とは、コンピュータに対して一連の処理手順を与えるために作られた言語です。 コンピュータが理解できるのは「0」と「1」で構成された機械語です。そのため、人間が理解できる「日本語」や「英語」でコンピュータに指示を伝えてもコンピュータは理解できません。 そこで「コンピュータが理解できる機械語に変換しやすい ...
擬似言語の解き方を分かりやすく解説 | ITパスポート講座
本記事で学べること 擬似言語について学ぶ 擬似言語の構造について学ぶ ITパスポート過去問の解き方を学ぶ(疑似言語の解き方を学ぶ) 擬似言語 擬似言語とは、プログラムの記述や解読を容易にするために作られた記述方式のことです。 ITパスポート試験では、次のような形式で擬似言語が出題されます。 記述形式説明◯手続名 または 関数名手続または関数を宣言する。型名 : 変数名変数を宣言する。/* 注釈 */ または // 注釈注釈を記述する。変数名 ← 式変数に式の値を代入する。手続名 または 関数名 (引数, ...
データの単位(バイト・ビット)| ITパスポート講座
本記事で学べること データの単位を理解する 文字コードを学ぶ ITパスポート過去問の解き方を学ぶ データの単位(情報量の単位) コンピュータやスマートフォンには容量があります。例えば、スマートフォンの容量には「64GB」「128GB」「256GB」「512GB」「1TB」などがあり、容量が大きいほど値段は高く、写真やアプリなどをたくさん保存できます。 この「MB(メガバイト)」や「GB(ギガバイト)」「TB(テラバイト)」というのが単位であり、「バイト」とは、コンピュータの世界でデータ量をあらわす際に使用 ...
確率・順列・組み合わせを分かりやすく解説 | ITパスポート講座
本記事で学べること 確率の求め方を学ぶ 順列の求め方を学ぶ 組み合わせの求め方を学ぶ ITパスポート過去問の解き方を学ぶ 確率 確率とは、ある事象が発生する可能性の度合いを数値で表現したものです。 確率は次の式で求められます。 場合の数とは、ある事柄に対して、全部で何通りの場合があるかを示します。 例えば、サイコロを1回振るときの「場合の数」は、出目が1~6なので、6通りです。 なので、サイコロを振って「5」がでる確率は1/6です。(求める場合の数は1、すべての場合の数は6) 確率の積の法則 複数の事象が ...
人間中心のAI社会原則とAI活用ガイドライン | ITパスポート講座
本記事で学べること ディープフェイクについて学ぶ 人間中心のAI社会原則について学ぶ AI活用ガイドラインについて学ぶ 説明可能なAIについて学ぶ ITパスポート過去問の解き方を学ぶ AI(人工知能)とは AI(人工知能)とは、Artificial Intelligence(アーティフィシャル・インテリジェンス)の略で、人が実現するさまざまな知的な活動を行うプログラムやシステムのことです。 コンピュータの性能が大きく向上したことにより、機械であるコンピュータが「学ぶ」ことができるようになりました。 身近な ...
基本情報技術者試験
基本情報技術者試験はITパスポートの上位資格です。本格的にエンジニアやIT業界で仕事をする方におすすめです。
システムの信頼性設計とは?図解でわかる【基本情報技術者試験対策】
問題 フェールセーフの考え方として,適切なものはどれか。 ア:システムに障害が発生したときでも,常に安全側にシステムを制御する。 イ:システムの機能に異常が発生したときに,すぐにシステムを停止しないで機能を縮退させて運用を継続する。 ウ:システムを構成する要素のうち,信頼性に大きく影響するものを複数備えることによって,システムの信頼性を高める。 エ:不特定多数の人が操作しても,誤動作が起こりにくいように設計する。 基本情報技術者令和3年免除 問15 問題 フォールトトレラントシステムを実現する上で不可欠な ...
スタックとキューがわかる【基本情報技術者試験対策】
データ構造の1つであるスタックとキュー、その仕組みはシンプルで簡単です。ただし 基本情報技術者試験では、スタックとキューを応用した問題で出題されることが多く難しく感じます。 本記事では、スタックとキューについて図解で分かりやすく解説していきます。 スタック(Stack) スタック(英:stack)とは、データ構造(※配列のように複数のデータを格納できる入れ物)の1つで、入ってきたデータを順番に格納し、取り出す時は最後に格納したデータから取り出す後入れ先出し(LIFO:Last-In First-Out)方 ...
LANとWANが図解でわかる【基本情報技術者試験対策】
問題 イーサネットで使用されるメディアアクセス制御方式であるCSMA/CDに関する記述として,適切なものはどれか。 ア:それぞれのステーションがキャリア検知を行うとともに,送信データの衝突が起きた場合は再送する。 イ:タイムスロットと呼ばれる単位で分割して,同一周波数において複数の通信を可能にする。 ウ:データ送受信の開始時にデータ送受信のネゴシエーションとしてRTS/CTS方式を用い,受信の確認はACKを使用する。 エ:伝送路上にトークンを巡回させ,トークンを受け取った端末だけがデータを送信できる。 基 ...
システムの稼働率とは?図解で解説【基本情報技術者試験対策】
問題 2台の処理装置から成るシステムがある。少なくともいずれか一方が正常に動作すればよいときの稼働率と,2台とも正常に動作しなければならないときの稼働率の差は幾らか。ここで,処理装置の稼働率はいずれも0.9とし,処理装置以外の要因は考慮しないものとする。 ア:0.09 イ:0.10 ウ:0.18 エ:0.19 基本情報技術者令和元年秋期 午前問16 問題 MTBFとMTTRに関する記述として,適切なものはどれか。 ア:エラーログや命令トレースの機能によって, MTTRは長くなる。 イ:遠隔保守によって,シ ...
仮想記憶のページング方式とは?図解でわかる【基本情報技術者試験対策】
基本情報技術者試験や応用情報技術者試験で出題される「仮想記憶」と「ページング方式」についての問題。ページング方式の動きを理解していないと難しく感じる問題ですが、動きを理解していればそこまで難しい問題ではありません。 本記事では、仮想記憶の実現方法のひとつである「ページング方式」について図解で分かりやすく解説しています。 仮想記憶(仮想メモリ) 仮想記憶とは 仮想記憶とは、仮想的な記憶領域のことであり、仮想メモリやバーチャルメモリとも呼ばれています。 仮想記憶を使用することで主記憶装置(メインメモリ)の容量 ...
データベースの正規化とは?図解でわかる【基本情報技術者試験対策】
問題 次の表はどこまで正規化されたものか。 従業員番号氏名入社年職位職位手当12345情報 太郎1991部長90,00012346処理 次郎2005課長50,00012347技術 三郎2007課長50,000 ア:第2正規形 イ:第3正規形 ウ:第4正規形 エ:非正規形 基本情報技術者令和2年免除 問27 ※表は過去問を参考に作成したものです。 基本情報技術者試験や応用情報技術者試験で出題される「関係データベースの正規化」についての問題。聞きなれない言葉のため、難しく感じますが、正規化の動きを理解していれ ...
YouTubeでも解説中
YouTubeの動画でも解説しています。YouTubeチャンネルはこちら
プログラミング講座
例外(try-catch)の書き方 | 初心者でもわかるJava入門
はじめに 前回の記事では、Javaの列挙型について紹介しました。 本記事では、Javaの例外について紹介します。 例外とは 例外とは、プログラムを実行したときに起こるエラーのことです。 プログラムを作る時、正常系(想定している正しい動作)の動作を作るのは当たり前のことです。ただ、正常系の動作しか考慮していないと、想定外の使われ方をしたときやプログラムにバグ(プログラムに潜む誤り)があるとき、通信異常が発生したときなどに問題が発生します。 そのため、プログラムを作るときは異常系(想定していない操作)の動作を ...
クラスとは?初心者でもわかるJava入門
はじめに 前回の記事では、switch文を使った条件分岐について紹介しました。 今回の記事では、Javaのクラスについて紹介します。 クラスの概念 クラスとは、データと処理をまとめたものです。Javaのプログラムは複数のクラスが組み合わさって作られています。 Javaはオブジェクト指向のプログラミング言語です。 オブジェクト指向ではない従来のプログラミング言語は、処理を一から十まで記述していかなければならず、複雑なプログラムになるほど作り上げるのに大変手間がかかりました。 Javaでは、関連するデータや処 ...
if文(条件分岐)の使い方 | 初心者でもわかるJava入門
はじめに 前回の記事では、Javaの演算子(比較演算子、条件演算子、論理演算子)について紹介しました。 本記事では、Javaの条件分岐(if文)について紹介します。 if文を使った条件分岐 if文は条件によって処理を分けるときに使う制御文です。 if文の使用例 それでは、実際にプログラムでif文を使用した条件文の例を紹介します。if文の書き方は次のとおりです。 次の例では、もし「変数age」が20だったら"20歳です"という文字列を表示しています。 [if文の例] public class IfSampl ...
static変数とは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaのインタフェースについて紹介しました。 本記事では、Javaのstatic変数とstaticメソッドについて紹介します。 staticとは staticは変数(フィールド)やメソッドにつける修飾子です。 staticがついた変数やメソッドは、クラスのオブジェクト(インスタンス)を生成しなくても呼び出せます。 static変数は「クラス名.変数名」、staticメソッドは「クラス名.メソッド名」のように「クラス名.」の後に記述することで呼び出すことができるため、static ...
メソッドとは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaのクラスについて紹介しました。 本記事では、Javaのメソッドについて紹介します。 メソッドとは メソッドとは、クラス内に書かれた処理(いくつかの処理をまとめたもの)のことです。 メソッドには、処理を実行するための条件である「引数」(パラメータ)を渡すことができます。そして、処理の実行結果を「戻り値」として返却します。 ※複数の引数を指定する場合は「total(int a, int b)」のようにカンマ区切りで指定します。また引数を指定しない場合は「total()」のよう ...
【Java入門】配列の使い方 | 初心者向けプログラミング講座
はじめに 前回の記事では、Javaの変数について紹介しました。 本記事では、Javaの配列について紹介します。 配列とは 配列とは、複数の同じ型の変数を1つにまとめたものです。 変数は、数値や文字などを格納しておく箱のようなものです。変数には1つの値しか格納することができません。それに比べて配列は、数値や文字などを格納しておく箱のようなものが複数あるため、複数の値を格納することができます。 以下は、変数と配列のイメージ図です。 配列要素の参照と代入 それでは、実際にプログラムで配列を宣言し、配列に値を代入 ...
エラーと例外処理 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPのコールバック関数について紹介しました。 本記事では、PHPのエラーと例外について紹介します。 PHPのエラー エラーが発生したときの挙動 PHPでは実行中にエラーが発生しても、基本的には処理を続けようとします。ただし、続行できないFatal error(致命的なエラー)が発生した場合は処理を停止します。 例えば、次の例では「Warning(警告)」と「Fatal error(致命的なエラー)」を発生させています。 [エラーの例] <?php // 警告のエラーを発生 ...
配列の使い方 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの変数について紹介しました。 本記事では、PHPの配列について紹介します。 配列とは 配列とは、複数の値を入れることができる変数です。 変数は、数値や文字などを格納しておく箱のようなものであり、変数には1つの値しか格納することができません。それに比べて配列は、数値や文字などを格納しておく箱のようなものが複数あるため、複数の値を格納することができます。 以下は、変数と配列のイメージ図です。 PHPの配列は、実際には順番付けられたマップであり「array」関数を使って次のように ...
PHPとは | 初心者でもわかるPHP入門
PHP(ピー・エイチ・ピー)とは コンピュータで動くプログラムを作成するための言語のことを「プログラミング言語」といいます。 PHPは代表的なプログラミング言語の1つです。 PHPは、1995年にラスマス・ラードフ氏により「Personal Home Page Tools」という名前で開発されたものであり、もともとは、ラスマス自身のWebサイトで簡単な動的Webページを作成するために用いられていたが、その後改良(オープンソースライセンスの下で公開されたことにより同ツールの利用者が増加し、機能の追加を行う開 ...
関数(function)の使い方 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPのswitch文を使った条件分岐について紹介しました。 本記事では、PHPの関数について紹介します。 関数とは 関数とは、いくつかの処理をひとまとまりにしたものです。機能を部品化するイメージで、その部品(関数)を使いまわすことができます。 関数には、処理を実行するための条件である「引数」(パラメータ)を渡すことができます。そして、処理の実行結果を「戻り値」として返却します。※戻り値は返さなくてもよい 複数の引数を指定する場合は「total($a, $b)」のようにカンマ区切 ...
論理演算子 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの比較演算子、配列演算子、条件演算子について紹介しました。 本記事では、論理演算子について紹介します。 論理演算子 論理演算子とは、複数の条件式を組み合わせて、より複雑な条件をあらわすときに使う演算子です。 論理演算子の種類 論理演算子には次のようなものがあります。 論理演算子読み方使用例使用例の説明&&かつ(and)A && BAとBが共にtrueの場合、true||または(or)A || BAかBの少なくても1つがtrueの場合、true ...
比較演算子、配列演算子、条件演算子 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの算術演算子、代入演算子、複合演算子、インクリメント演算子、デクリメント演算子について紹介しました。 本記事では、PHPの比較演算子、配列演算子、条件演算子について紹介します。 比較演算子 比較演算子とは、2つの値を比較するときに使う演算子のことです。 比較演算子で比較した結果、条件が成立した場合は true(読み:トゥルー)、成立しない場合は false(読み:フォールス)を返します。 比較演算子の種類 PHPの比較演算子には次のようなものがあります。 比較演算子意味使用 ...
Ruby on Railsの開発環境構築 | 分かりやすく図解で説明
Ruby on Railsの開発環境構築手順 Ruby on Railsとは、人気開発言語Rubyを使用したWebアプリケーションを手軽に作成することができるフレームワークです。 本記事では、Ruby on Railsを使用したWebアプリケーションの開発環境構築手順を紹介します。 ◆構築する開発環境 構築する内容 名称 説明 開発言語 Ruby 人気の開発言語 開発ツール Visual Studio Code ほとんど言語に対応し、任意の OS で動作する強力なコード エディター フレームワーク Rub ...
【入門】Rails + AdminLTEで登録画面を作成する
はじめに 前回の記事では、Ruby on Rails(Rails6) と AdminLTE を利用して一覧画面を作成しました。 本記事では、登録画面を作成する手順を紹介します。※データベースの作成やAdminLTEの設定等は 前回の記事 で紹介しているので、本記事では省略しています。 [画面イメージ] View(ビュー) 共通レイアウト(application.html.erb) 各viewの共通レイアウトである「application.html.erb」は下記の通り。 [app/view/layouts ...
Rails + AdminLTEで詳細画面を作成する
はじめに 前回の記事では、Ruby on Rails(Rails6) と AdminLTE を利用して編集画面を作成しました。 本記事では、詳細画面を表示させる方法について紹介しています。※データベースの作成やAdminLTEの設定等は こちらの記事 で紹介しているので、本記事では省略しています。 [詳細画面イメージ] View(ビュー) 共通レイアウト(application.html.erb) 共通レイアウトである「application.html.erb」は下記の通り。 <!DOCTYPE h ...
Rails6でBootstrapを導入する方法
【Rails6】Bootstrap導入手順 Bootstrapとは、Twitter社が開発したCSSの「フレームワーク」です。Bootstrapを利用することで簡単にWebサイトのデザインを作ることができます。 本記事では、Rails6標準の「yarn + webpacker」でBootstrapを導入する手順を紹介しています。 Bootstrapのパッケージをインストールする まず、YarnでBootstrapに必要なパッケージをインストールします。 必要なパッケージは次の通りです。 bootstrap ...
【CSV.generate】RailsでCSVファイルを出力する方法
Railsで簡単にCSVファイルを出力する方法 Ruby on RailsのCSV出力のライブラリである「CSV.generate」を使用し、CSVファイルを出力する方法を紹介します。 本記事では、次のような一覧画面に「CSV出力」ボタンを配置して、「CSV出力」ボタンを押下するとCSVファイルをダウンロードする処理を実装しています。 [例:一覧画面イメージ] [例:CSVファイル] Controller (コントローラー) [app/controllers/users_con ...
Rails6でAdminLTEを導入する方法
【Rails6】AdminLTE3の導入手順 AdminLTEとは、Bootstrapをベースとして作られた管理画面の制作でよく利用されるCSSのフレームワークです。 本記事では、Ruby on Rails(Rails6)で AdminLTE3を導入する手順を紹介しています。 AdminLTEのインストール まずは、yarnでAdminLTEをインストールします。 PS C:\ruby\adminlte_sample> yarn add admin-lte yarn add v1.22.4 [1/4 ...
【JavaScript】Cognitoでパスワードを変更する方法
はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使い、パスワードを変更する方法を紹介します。 JavaScriptでユーザープールを使うには「amazon-cognito-identity-js」が必要です。「amazon-cognito-identity-js」はnpmコマンドでインストールすることができます。 <script src="node_modules/amazon-cognito-identity-js/dist/amazon-cognito-i ...
【JavaScriptの判定】null、undefined、==、===の違い
JavaScriptの判定方法 JavaScriptには、様々な判定方法があります。例えば「if (値)」と「if (値 != null)」、「==」と「===」など。この違いを理解せず使用していると、思わぬバグを作りこんでしまう危険性があります。 本記事では、JavaScritpの判定方法について紹介しています。 「if (値)」と「if (値 != null)」の違い if (値)による判定 if (値)の判定では、以下の例の通り「null」「undefined」「空文字」「0」が偽(false)です ...
【Cognito】getSessionでトークン情報を再取得する方法
はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使いログイン処理を実装し、ログインに成功すると「アクセストークン」や「IDトークン」などが取得できます。 ただ、この「アクセストークン」や「IDトークン」には有効期限(デフォルトの設定は1時間と短い)があり、有効期限が切れるとトークン情報は無効になってしまいます。 そこで、更新トークン(refreshToken)を使い、トークン情報を再取得することができます。※JavaScript用のSDKでは「getSession」 ...
OpenStreetMapとLeafletで表示位置を変更する方法
はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い地図の表示位置を変更する方法を紹介します。 地図の表示イメージは以下の通りです。ボタンを押下することで、地図の表示位置が変わります。 JavaScriptの実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで表示位置を変更する</title> < ...
OpenStreetMapとLeafletで地図にピン(マーカー)を立てる
はじめに OpenStreetMapとLeafletで地図にピン(マーカー)を立てる方法を紹介します。 地図の表示イメージは以下の通りです。 OpenStreetMapとLeafletで地図にピン(マーカー)を立てる 実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで地図にピンを立てる</title> <meta charset="utf-8"> <li ...
【OpenStreetMap】Leafletでマーカーの色を変更する方法
はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い、マーカー(ピン)の色を変更する方法を紹介します。 地図の表示イメージは以下の通りです。 Leafletでマーカーの色を変更する方法 「leaflet.sprite.js」の読み込み マーカーの色を変更するには「leaflet.sprite.js」が必要です。「leaflet.sprite.js」はGitHubからダウンロードすることができます。 GitHub:https://gi ...







































