【基礎】useEffect.useStateについて

Reactを使用した開発の勉強をしているので、頻繁に使用するuseEffectやuseStateなどのHooksにして基本的な用途と作業した例をまとめます。

その他(PG/フロントエンド)

０から始める初心者向けDocker構築

Windows環境でDockerイメージとコンテナーを取り扱うための環境のセットアップ手順と、その構成の学習を目的とします。最終目標としてDocker環境をサーバにデプロイし、本運用を見越したDocker環境でのリリースを実施します。環境・Windows 10・VSC version 1.83.1・Docker Desktop

その他(PG/バックエンド)

Flutterを使ってみよう その１（環境構築）

Flutterとは、Googleが開発してマルチプラットフォームの開発フレームワークで複数のアプリを同じソースで開発できる仕組みです。とりあえず、使ってみようということで今回の目的は、環境構築から進めます。環境・MacOS Ventura 13.6.3・Xcode 15.1※今回はiOS環境開発への環境構築のみ実行

開発環境関連(PG/フロントエンド)

LPICとは？エンジニアとしてのスキルアップに役立つLinux資格のメリットと難易度

Linuxは、世界中で広く使われているオープンソースのオペレーティングシステムです。Linuxを扱えるエンジニアは、インフラやサーバー、クラウドなどの分野で高い需要があります。しかし、Linuxは多様で複雑なシステムであり、自分で学習するには限界があります。そんなときに役立つのが、LPICというLinuxの資格です。LPICは、Linux技術者としての技術力を認定する、世界的に認められた資格です。LPICを取得することで、Linuxの基礎から応用までを網羅した知識とスキルを身につけることができます。この記事では、LPICとは何か、LPICを取得するメリット、LPICの難易度と試験の概要、LPICの試験範囲について解説します。エンジニアとしてのキャリアを積みたい方は、ぜひ参考にしてください。

【ソフトウェアテスト】同値分割法/境界値分析

入力されるデータによって判定を変えるという機能は、ソフトウェアの機能として広く一般的に使われます。自己責任で金銭を扱うサービスを利用する際には、18歳以上か未満かで利用の可不可を判定するという年齢確認機能が適用されていることがあります。ユーザーが任意にパスワードを設定できる機能の場合は、文字数が想定より少ない場合はセキュリティレベルが低いため無効として、文字数が想定より多い場合も仕様想定外として無効とするシステムもあります。こういった機能を対象に検証を実施する際、入力可能な数値を全て検証対象としてテストを実施しようとすると、非常に多くの工数を割かねばならないため、入力想定範囲の中で同じ処理を返す想定の数値は1つのグループとして扱い、処理の変わる境目に狙いを付けてテストするというのが、「同値分割法」と「境界値分析」です。

テスト(運用・保守・サポート)

【ソフトウェアテスト】クラシフィケーションツリー技法

クラシフィケーションツリー技法は主に、複数のテスト対象と各対象の値が複数関連する状況で、各対象を木構造で図示することで、テスト対象の機能や状態を階層的に分類し、その組み合わせや変数いくつ分を対象とするか等の組み合わせの強度について、整理検討するときに用いる技法です。ドメイン分析テスト技法の際には、複数の境界値による動作変化の関連性と、その組み合わせで想定される複数パターンの網羅を表形式で表現する方法を取りましたが、クラシフィケーションツリー技法では、1つの機能に関わる複数の要素、各要素に想定される複数パターン、各パターンで想定される変数のパターンと、想定される内容を木構造の図で上から下へ記載して整理する方法を取ります。ブラウザベースでWebサイトを作成して、ウィンドウの表示サイズをPCサイズのレイアウトとスマホサイズのレイアウトで2パターン適用するとして、PCサイズレイアウトが正常に適用されているかを確認するときのテストスコープについて、ブラウザは[GoogleChrome][MicrosoftEdge][Firefox][Safari]をテスト対象と仮定し、各ブラウザのサイズや文字サイズ設定を変更しても問題ないか、さらに設定するウィンドウサイズは想定の最小値・最大値・全画面のパターンで、文字サイズは通常から何％拡大を対象とするかなどを考慮し、どの組み合わせでのテストを必要とするかを検討するといったような場合には、当該技法を用いることで視覚的に情報を整理しやすくなります。

テスト(運用・保守・サポート)

【ソフトウェアテスト】CFD法

CFD法はCause Flow Diagram(原因流れ図)を略したもので、原因の集合と結果をそれぞれの関係のつながりにフォーカスして図式化し、そこからデシジョンテーブルを想定してテストケースを作成する技法です。システム設計において、正常な動作の仕様を基本として異常系の仕様もエラー動作実装のため明確に定義されているべきですが、テスト実施の際には、仕様想定上の正常系・異常系動作確認はもとより、考え得る限りの準正常系テストケース網羅も必要です。そうしたケースの考慮が足りていないと、リリース後にユーザーが想定外の操作を実行して重篤な不具合につながったり、あるいは仕様の穴を付いた不正処理などを実行されたりして、プロジェクトやサービスに損失が発生したりします。原因・結果・各関係を図示して明確に関係を洗い出すことで、実装段階では考慮が漏れているような挙動についても抜けや漏れをカバーするようにテストすることができます。また、エラーに関するもののみではなく、同値分割が可能な原因が複数関連して複数の結果が想定されるというシステムで、その関係性を図にして流れを見ることで、テストケース作成がグラフィカルに把握しやすくなります。インターネットでクレジットカードを利用して決済処理を実行する際に、完了までには以下の様な結果パターンが想定されます。・カード情報入力エラー(入力したカード利用情報に問題がある)・決済処理不能エラー(登録しているカード情報の照会時にエラーが発生)・通信不良による接続タイムアウトエラー(決済実行から完了までの通信時間が規定の時間内に処理されないことによるエラー)・決済完了上記4パターンの結果を返すまでの原因は、細部まで書き出すと煩雑になります。・複数の入力フォームに入力した情報のどこがエラーになったか・カード情報照会時にどのような理由でエラーになったか・どのページからどのページに遷移するときにエラーになったか・何秒以上の通信待機時間を過ぎたら通信エラーで処理するか等これらを一つの枠に収めてそれぞれを線でつなぐことで関係性を整理できるのが、このCFD法の利点だと思います。

テスト(運用・保守・サポート)

C言語は将来性がある？C言語の特徴も解説！

現在ではプログラミングを身につけることによって、収入面やキャリア面が向上すると言われています。キャリアアップや転職を考えている上で、どのプログラミングを選択したら良いか悩んでいる方もいらっしゃるのではないでしょうか。その中でも、C言語は汎用性が高く需要も高いプログラミング言語です。しかし、C言語の特性やメリットを理解していないと、自身が思うようなキャリアアップへ繋がらないことも事実です。今回は、C言語をキャリアアップへ最大限に活かすために、C言語の基本や特徴をご紹介します。

【なぜ注目？】Kotlinの特徴と将来性を徹底解説

プログラミング言語の学習は、自身のキャリアに大きな影響を及ぼす重要な選択です。特にKotlinという言語は、その魅力や将来性から多くの注目を浴びています。こちらの記事では、Kotlinの特徴や魅力、将来性に焦点を当てて解説していきます。

【エンジニア向け】Rubyの特徴と将来性を徹底解剖

プログラミング言語の学習を進めるにあたって、各言語の特徴や需要、将来性を知ることは非常に重要です。その中でも、Rubyは独自の特徴と将来性を持つ言語として注目されています。本記事では、Rubyの特徴、将来性、メリット、デメリット、そしてRubyエンジニアの年収について詳しく解説します。

【エンジニア向け】TypeScriptの特徴と将来性を徹底解剖

プログラミングの世界は日々進化し、新たな言語やツールが登場します。その中でも、TypeScriptは近年急速に注目を浴びている言語の一つです。エンジニアとしてのスキルアップや、将来性を考える上で、TypeScriptの特徴や魅力について知っておくことは非常に重要です。この記事では、TypeScriptがどのような言語で、なぜ多くの開発者に支持されているのか、そして将来性やメリット、デメリットについて詳しく解説します。自分のキャリアにおける次の一手を考える際に、TypeScriptがどれだけ有望かを理解し、活用の可能性を探ってみましょう。

【初心者用】Pythonでスクレイピングをしてみよう

前回の記事で、Pythonのプログラムを実行するための環境構築について解説しました。 今回の記事では、Pythonで出来る作業の代表格でもあるスクレイピングを実際に行い、プログラミングのイメージを可視化していければと思います。 前回の記事で構築した、Jupyter Notebookを使っていきます。

製造・コーディング(PG/バックエンド)