新着記事
ITの専門用語を図解で解説。仕事で役立つITの基礎知識を身につけよう。
生成AIとChatGPT
進化が止まらないIT技術は、さまざまな業種で導入されています。2022年11月のChatGPT公開を機に勢いがついた生成AIの市場規模は、日本では2030年までに年平均47.2%増で成長し、需要額で約1.8兆円まで拡大すると見られています。
情報処理技術者試験対策
ITパスポート
ITパスポートは、基礎的なIT教養を幅広く身につけられることで人気の国家試験です。これからITの知識を身につけていきたい方におすすめです。
確率・順列・組み合わせを分かりやすく解説 | ITパスポート講座
本記事で学べること 確率の求め方を学ぶ 順列の求め方を学ぶ 組み合わせの求め方を学ぶ ITパスポート過去問の解き方を学ぶ 確率 確率とは、ある事象が発生する可能性の度合いを数値で表現したものです。 確率は次の式で求められます。 場合の数とは、ある事柄に対して、全部で何通りの場合があるかを示します。 例えば、サイコロを1回振るときの「場合の数」は、出目が1~6なので、6通りです。 なので、サイコロを振って「5」がでる確率は1/6です。(求める場合の数は1、すべての場合の数は6) 確率の積の法則 複数の事象が ...
統計(平均値/中央値/最頻値)| ITパスポート講座
本記事で学べること 平均値の求め方を学ぶ 中央値(メジアン)の求め方を学ぶ 最頻値(モード)の求め方を学ぶ 範囲(レンジ)の求め方を学ぶ ITパスポート過去問の解き方を学ぶ 統計 データを集めて全体の傾向を割り出すものが統計です。統計では次のような指数が使われています。 平均値 平均値は、データの合計値をデータの個数で割った値です。 例えば、次のデータの平均値は「38.75」です。 平均値 = (10 + 20 + 20 + 30 + 40 + 50 + 60 + 80) ÷ 8 = 38.75 中央値( ...
基数変換(2進数・10進数・16進数)| ITパスポート講座
本記事で学べること 基数について学ぶ 基数変換のやり方を理解する ITパスポート過去問の解き方を学ぶ 基数とは? 私たちが普段使っている0~9で表現される10種類の数値は「10進数」と呼ばれています。それに対し、コンピュータが扱う「0」と「1」で表現された数値を「2進数」と呼びます。 ここがポイント コンピュータが扱えるのは2進数だけ。文字や音声、映像などのすべての情報は、コンピュータの世界では「0」と「1」の組み合わせで表現されている。 基数とは、数値を表現する際に位取りの基準となる数のことであり、2進 ...
擬似言語の解き方を分かりやすく解説 | ITパスポート講座
本記事で学べること 擬似言語について学ぶ 擬似言語の構造について学ぶ ITパスポート過去問の解き方を学ぶ(疑似言語の解き方を学ぶ) 擬似言語 擬似言語とは、プログラムの記述や解読を容易にするために作られた記述方式のことです。 ITパスポート試験では、次のような形式で擬似言語が出題されます。 記述形式説明◯手続名 または 関数名手続または関数を宣言する。型名 : 変数名変数を宣言する。/* 注釈 */ または // 注釈注釈を記述する。変数名 ← 式変数に式の値を代入する。手続名 または 関数名 (引数, ...
フローチャート(流れ図)問題の解き方 | ITパスポート講座
本記事で学べること アルゴリズムについて学ぶ フローチャート(流れ図)について学ぶ ITパスポート過去問の解き方を学ぶ アルゴリズムとは アルゴリズム(英:algorithm)とは、直訳で「算法」や「問題を解く手段」という意味の言葉で、特定の問題や課題を解決する手順や計算方法、処理手順のことです。 コンピュータに問題や課題を処理させるには、処理手順を与える必要があります。このコンピュータに与える問題や課題を解決するための処理手順をアルゴリズムといいます。 フローチャート(流れ図) フローチャートとは、アル ...
ディープラーニングと生成AI | ITパスポート講座
本記事で学べること ディープラーニング(バックプロパゲーション、過学習、ハルシネーション)について学ぶ 生成AIについて学ぶ ITパスポート過去問の解き方を学ぶ AIとは AI(人工知能)とは、Artificial Intelligence(アーティフィシャル・インテリジェンス)の略で、人が実現するさまざまな知的な活動を行うプログラムやシステムのことです。 コンピュータの性能が大きく向上したことにより、機械であるコンピュータが「学ぶ」ことができるようになりました。 身近な例では、SiriやGoogle A ...
基本情報技術者試験
基本情報技術者試験はITパスポートの上位資格です。本格的にエンジニアやIT業界で仕事をする方におすすめです。
スタックとキューがわかる【基本情報技術者試験対策】
データ構造の1つであるスタックとキュー、その仕組みはシンプルで簡単です。ただし 基本情報技術者試験では、スタックとキューを応用した問題で出題されることが多く難しく感じます。 本記事では、スタックとキューについて図解で分かりやすく解説していきます。 スタック(Stack) スタック(英:stack)とは、データ構造(※配列のように複数のデータを格納できる入れ物)の1つで、入ってきたデータを順番に格納し、取り出す時は最後に格納したデータから取り出す後入れ先出し(LIFO:Last-In First-Out)方 ...
通信プロトコルとは?図解でわかる【基本情報技術者試験対策】
問題 TCP/IPネットワークにおけるRARPの機能として,適切なものはどれか。 ア:IPパケットが通信先のIPアドレスに到達するかどうかを調べる。 イ:MACアドレスからIPアドレスを求める。 ウ:ドメイン名とホスト名からIPアドレスを求める。 エ:プライベートIPアドレスとグローバルIPアドレスを相互に変換する。 基本情報技術者令和3年免除 問34 問題 トランスポート層のプロトコルであり,信頼性よりもリアルタイム性が重視される場合に用いられるものはどれか。 ア:HTTP イ:IP ウ:TCP ...
レジスタとは?図解でわかる【基本情報技術者試験対策】
基本情報技術者試験や応用情報技術者試験で出題されるプロセッサとレジスタの問題。レジスタの種類と役割を理解していればそこまで難しい問題ではありませんが、理解していないと難しく感じる問題です。 本記事では、プロセッサとレジスタについて図解で分かりやすく解説していきます。 レジスタとは レジスタ(英:register)とは、CPU(プロセッサ)内部にある記憶装置のことです。容量は小さいが高速に読み書きできるのが特徴です。 レジスタの役割 CPU(プロセッサ)は、次のような流れで命令を処理します。命令を取り出して ...
アドレス指定方式とは?図解でわかる【基本情報技術者試験対策】
聞きなれない言葉であるアドレス指定方式。基本情報技術者試験や応用情報技術者試験では、アドレス指定方式の動きについて問われる問題が出題されています。 本記事では、アドレス指定方式について図解で分かりやすく解説していきます。 アドレス指定方式 アドレス指定方式とは、CPUが命令を実行する際、対象となるデータの在りかを指定する方法のことです。CPUが実行する命令は次のように「命令部」と「オペランド部(アドレス部)」に分かれています。 アドレス指定方式の種類 アドレス指摘方式には次のような種類があります。 アドレ ...
シフト演算とは?図解でわかる【基本情報技術者試験対策】
基本情報技術者試験の過去問だけを見ると難しく感じるシフト演算の問題。ただ、シフト演算の動きを理解してしまえば簡単に解くことができます。 本記事では「シフト演算」について図解で分かりやすく解説していきます。 シフト演算とは シフト演算とは、2進数をあらわすビット列を左または右にずらす操作のことです。 例えば、10進数で考えると「770」という数字を10倍すると「7700」、1/10倍すると「77」となり、10倍は1桁増やす操作(左にシフトする)であり、1/10倍は1桁減らす操作(右にシフトする)です。 この ...
オートマトンとは?図解でわかる【基本情報技術者試験対策】
聞きなれない言葉である「オートマトン」、基本情報技術者試験の過去問を見ると難しく感じる問題ですが、「オートマトン」の動きを理解してしまえば、簡単に解くことができます。 本記事では「オートマトン」について図解で分かりやすく解説しています。 オートマトン オートマトン(英:automaton)とは、自動人形という意味を持つ言葉であり、コンピュータの状態、遷移をモデル化したものです。 オートマトンの説明でよく使われるのが自動販売機です。自動販売機は次のように何かしらの操作(入力)をすると状態が遷移します。 「お ...
YouTubeでも解説中
YouTubeの動画でも解説しています。YouTubeチャンネルはこちら
プログラミング講座
static変数とは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaのインタフェースについて紹介しました。 本記事では、Javaのstatic変数とstaticメソッドについて紹介します。 staticとは staticは変数(フィールド)やメソッドにつける修飾子です。 staticがついた変数やメソッドは、クラスのオブジェクト(インスタンス)を生成しなくても呼び出せます。 static変数は「クラス名.変数名」、staticメソッドは「クラス名.メソッド名」のように「クラス名.」の後に記述することで呼び出すことができるため、static ...
インタフェースとは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaの抽象クラス(abstract)について紹介しました。 本記事では、Javaのインタフェースについて紹介します。 インタフェースとは インタフェースとは、抽象メソッドと定数だけを定義できるものです。 抽象メソッドとは、定義だけで処理を書かないメソッド、定数とは値が決まっていて変化しないもの(final修飾子をつけると値を変更できなくなる)のことです。 次はインタフェースの例です。インタフェースはクラスではないので「class」ではなく「interface」と書きます。 イ ...
抽象クラス(abstract)とは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaのオーバーライドについて紹介しました。 本記事では、Javaの抽象クラス(abstract)について紹介します。 抽象クラス(abstract) 抽象クラスとは、抽象メソッドを1つ以上持つクラスのことです。抽象メソッドとは、定義だけで処理を書かないメソッドです。 そして、抽象クラスを継承したサブクラス(子クラス)で抽象メソッドをオーバーライドし処理を記述します。 以下は抽象クラスの例です。 抽象クラスは「abstract修飾子」を使って定義します。そして、抽象メソッドにも ...
列挙型(enum)とは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaのstatic変数とstaticメソッドについて紹介しました。 本記事では、Javaの列挙型について紹介します。 列挙型(enum)とは 列挙型とは、関連する定数をひとまとめにしておくことができる型です。 定数とは 定数とは、値が変化しないものであり、次のようにfinal修飾子を用いて定義します。 public static final String ORANGE = "Orange"; public static final String GRAPE ...
オーバーライドとは?初心者でもわかるJava入門
はじめに 前回の記事では、Javaの継承について紹介しました。 本記事では、Javaのオーバーライドについて紹介します。 オーバーライドとは オーバーライドとは、継承元であるスーパークラス(親クラス)で定義されているメソッドを、サブクラス(子クラス)で書き換えることです。 スーパークラスにあるメソッドと、同じ名前、同じ引数のメソッドをサブクラスに記述することでオーバーライドすることができます。 以下の図は、オーバーライドの例です。 スーパークラスにある「cry」というメソッドを、サブクラスに定義することで ...
【Java入門】Javaとは | 初心者向けプログラミング講座
Javaとは コンピュータで動くプログラムを作成するための言語のことを「プログラミング言語」といいます。 Javaは代表的なプログラミング言語の1つです。 Javaは、1995年の5月にアメリカのサン・マイクロシステムズ(英: Sun Microsystems)という会社が発表したプログラミング言語です。2010年1月にサン・マイクロシステムズはオラクルに買収されているので、現在はオラクル社がJavaを提供しています。 プログラミング言語の役割 コンピュータが理解できる言語は機械語です。そのため人間が理解 ...
算術演算子、複合演算子、インクリメント演算子 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの定数について紹介しました。 本記事では、PHPの演算子(算術演算子、代入演算子、複合演算子、インクリメント演算子、デクリメント演算子)について紹介します。 算術演算子 算術演算子とは、足し算や掛け算などの計算で使われる記号のことです。 算術演算子の種類 算術演算子には次のものがあります。 演算子意味使用例使用例の説明+加算(足す)$a = $b + $c$bと$cを足した値を$aに代入-減算(引く)$a = $b - $c$bから$cを引いた値を$aに代入*乗算(かける) ...
比較演算子、配列演算子、条件演算子 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの算術演算子、代入演算子、複合演算子、インクリメント演算子、デクリメント演算子について紹介しました。 本記事では、PHPの比較演算子、配列演算子、条件演算子について紹介します。 比較演算子 比較演算子とは、2つの値を比較するときに使う演算子のことです。 比較演算子で比較した結果、条件が成立した場合は true(読み:トゥルー)、成立しない場合は false(読み:フォールス)を返します。 比較演算子の種類 PHPの比較演算子には次のようなものがあります。 比較演算子意味使用 ...
PHPとは | 初心者でもわかるPHP入門
PHP(ピー・エイチ・ピー)とは コンピュータで動くプログラムを作成するための言語のことを「プログラミング言語」といいます。 PHPは代表的なプログラミング言語の1つです。 PHPは、1995年にラスマス・ラードフ氏により「Personal Home Page Tools」という名前で開発されたものであり、もともとは、ラスマス自身のWebサイトで簡単な動的Webページを作成するために用いられていたが、その後改良(オープンソースライセンスの下で公開されたことにより同ツールの利用者が増加し、機能の追加を行う開 ...
関数(function)の使い方 | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPのswitch文を使った条件分岐について紹介しました。 本記事では、PHPの関数について紹介します。 関数とは 関数とは、いくつかの処理をひとまとまりにしたものです。機能を部品化するイメージで、その部品(関数)を使いまわすことができます。 関数には、処理を実行するための条件である「引数」(パラメータ)を渡すことができます。そして、処理の実行結果を「戻り値」として返却します。※戻り値は返さなくてもよい 複数の引数を指定する場合は「total($a, $b)」のようにカンマ区切 ...
クラスの使い方 | 初心者でもわかるPHP入門
はじめに 前回の記事では、変数のスコープ(ローカル変数、グローバル変数、静的変数)について紹介しました。 本記事では、PHPのクラスについて紹介します。 クラスとは クラスとは、メソッド(関数)やプロパティ(変数)をまとめたもの(関数と変数を持ったプログラムの固まり)です。 次の例では、Cat(猫)の情報を管理するクラスを作成しています。クラスには、メソッドとプロパティを記述できます。 オブジェクトの生成(インスタンスの生成) クラスを使用するには「new」キーワードを使用します。「new クラス名」でク ...
条件分岐(if文) | 初心者でもわかるPHP入門
はじめに 前回の記事では、PHPの論理演算子について紹介しました。 本記事では、PHPの条件分岐(if文)について紹介します。 if文を使った条件分岐 if文は条件によって処理を分けるときに使う制御文です。 if文の使用例 それでは、実際にPHPのプログラムでif文を使用した条件文の例を紹介します。 if文の書き方は次のとおりです。 次の例では、if文を使い変数「$age」が20だったら"20歳です"という文字列をprint関数で出力しています。 [if文の例] <?php $age = 20; i ...
【CSV.generate】RailsでCSVファイルを出力する方法
Railsで簡単にCSVファイルを出力する方法 Ruby on RailsのCSV出力のライブラリである「CSV.generate」を使用し、CSVファイルを出力する方法を紹介します。 本記事では、次のような一覧画面に「CSV出力」ボタンを配置して、「CSV出力」ボタンを押下するとCSVファイルをダウンロードする処理を実装しています。 [例:一覧画面イメージ] [例:CSVファイル] Controller (コントローラー) [app/controllers/users_con ...
【Rails入門】超便利ScaffoldでCRUDを作成する方法
Scaffold(スキャフォールド) Scaffoldとは、Railsに備わっている機能の一つで、Ruby on Railsでアプリケーションの雛形を作るための機能です。 Scaffoldとは、英語で「足場」という意味で、まさにRailsアプリの「足場」となる機能(一覧 / 登録 / 更新 / 削除するための一連の画面)を提供してくれます。 本記事では、超便利機能であるScaffoldを使い、CRUDを作成する方法を紹介しています。 ※CRUDは次の頭文字を連結させた言葉です。 C:Create(登録) ...
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 ...
Ruby on Railsのインストール手順
Ruby on Railsのインストール手順(Windows版) Rubyの人気フレームワークである「Ruby on Rails」のインストール手順を紹介します。 すでにRubyがインストールされていることを前提としているため、もし、Rubyをインストールしていない場合は、下記の記事をご覧ください。 Bundlerのインストール手順 Bundlerとは 「Ruby on Rails」をインストールする前に、「Bundler」をインストールします。bundlerとは、gem(rubyのライブラリ)の依存関係 ...
Rails + AdminLTEで一覧画面を作成する
はじめに Rubyの人気フレームワーク「Ruby on Rails」と、管理画面の制作でよく利用されるCSSの人気フレームワーク「AdminLTE」を利用して一覧画面、詳細画面、編集画面、登録画面を作成する手順を紹介します。 本記事では、一覧画面を作成しています。 [画面イメージ] 事前準備 AdminLTEの導入 AdminLTEの構築手順は下記の通り。 Scaffoldで雛形を生成する まずは便利な機能である「Scaffold」で、一覧、詳細、登録、更新画面の雛形を生成します。 「Sca ...
Rails + AdminLTEで編集画面を作成する
はじめに 前回の記事では、Ruby on Rails(Rails6) と AdminLTE を利用して登録画面を作成しました。 本記事では、一覧画面から「編集」ボタンを押下して、編集画面に遷移、そして 編集画面から更新処理を行う方法を紹介します。 [一覧画面イメージ] [編集画面イメージ] 事前準備 事前準備として、AdminLTEの設定と一覧画面を作成します。AdminLTEの設定と一覧画面の作成手順は下記の記事をご覧ください。 View(ビュー) ...
Leafletで地図やマーカーを削除(remove、removeLayer)する方法
はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い、地図やマーカーを削除する方法を紹介します。 地図の表示イメージは次の通りです。ボタンを押下することで、地図の削除・再表示、マーカーの表示・削除をすることができます。 OpenStreetMapとLeafletで地図やマーカーを削除する方法 HTMLとJavaScriptの実装例は以下です。 <!DOCTYPE html> <html> <head&g ...
【JavaScriptの判定】null、undefined、==、===の違い
JavaScriptの判定方法 JavaScriptには、様々な判定方法があります。例えば「if (値)」と「if (値 != null)」、「==」と「===」など。この違いを理解せず使用していると、思わぬバグを作りこんでしまう危険性があります。 本記事では、JavaScritpの判定方法について紹介しています。 「if (値)」と「if (値 != null)」の違い if (値)による判定 if (値)の判定では、以下の例の通り「null」「undefined」「空文字」「0」が偽(false)です ...
【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 ...
【Cognito】getSessionでトークン情報を再取得する方法
はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使いログイン処理を実装し、ログインに成功すると「アクセストークン」や「IDトークン」などが取得できます。 ただ、この「アクセストークン」や「IDトークン」には有効期限(デフォルトの設定は1時間と短い)があり、有効期限が切れるとトークン情報は無効になってしまいます。 そこで、更新トークン(refreshToken)を使い、トークン情報を再取得することができます。※JavaScript用のSDKでは「getSession」 ...
【OpenStreetMap】Leafletで複数のマーカを表示する方法
はじめに OpenStreetMapとLeafletで地図にマーカーを複数を表示する方法を紹介します。 地図の表示イメージは以下の通りです。(東京タワー、東京スカイツリー、六本木ヒルズ にマーカーを表示しています) Leafletで地図にマーカを複数表示する方法 JavaScriptの実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで地図にマーカーを複数表示する</title& ...
OpenStreetMapとLeafletで表示位置を変更する方法
はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い地図の表示位置を変更する方法を紹介します。 地図の表示イメージは以下の通りです。ボタンを押下することで、地図の表示位置が変わります。 JavaScriptの実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで表示位置を変更する</title> < ...








































