【基礎】useEffect.useStateについて

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

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

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

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

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

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

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

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

【初心者用】手軽なPython開発環境の構築方法

これからプログラミングを学ぼうと考えている初学者の方の第一の壁は、環境構築ではないでしょうか。 プログラムを実行するためには、プログラムに適した環境（空間）をパソコン内に構築する必要があり、学ぶ言語によって環境構築の方法は異なります。 今回は、昨今人気のPythonのプログラムを実行するための環境構築で、筆者が一番楽だと感じた方法について紹介していきます！

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

AI、機械学習を学ぶならPythonがおすすめな理由

「AI、機械学習を学びたいけど、どの言語がいいのだろう？」そんな方におすすめなのがPythonです。本記事では、AIが私たちの日常でどのように活用されているのか。そのようなAIに携わるAIエンジニアとはどのような仕事なのか。そしてAI、機械学習を学ぶならPythonがおすすめな理由を紹介したいと思います。

初心者が始めるVue.jsハンズオン

近年JSフレームワークとして人気の高いVue.jsの学習を兼ね、Vue.jsの導入から実装までを実施してみます。・環境DockerWSLnginxVue.js

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

データ分析に活用されるR言語について解説

皆さんはR言語というプログラミング言語をご存じでしょうか。R言語は主にデータ分析などの分野で活用される事の多い言語です。今回はそのR言語に関して書いていこうと思います。

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

APIとは? API連携の仕組みやメリット、利用時の注意点をわかりやすく紹介

世の中にある多くのシステムやアプリケーションはAPIを通じて連携し、さまざまな業界や分野において利便性の高いサービスを実現しています。しかし、APIという言葉は聞いたことがあっても、具体的にAPIがどのような仕組みで、どのようなメリットをもたらすのか、利用者の立場では知る機会は少ないのではないでしょうか。この記事では、APIの基本的な仕組みから、API連携のメリット、そして利用時の注意点について詳しく解説しますので、APIを最大限に活用して、ビジネスにどのような効果があるのか知ってもらえれば幸いです。

【初心者向け】Packet Tracerでネットワークを学ぶ（スイッチング②）

Packet Tracerでネットワークを学びます

詳細設計(内部設計)(インフラ)

自宅のWindowsでRuby on Rails ～ ActiveRecordを利用したクエリの実行 ～

クエリとは、データベースに対して情報を取得したり、データを操作するために使用する命令文のことです。クエリは、SQL（Structured Query Language）と呼ばれる特定の言語を使用して記述されます。データベースに対するクエリには、大きく分けて2つの種類があります。1.検索クエリ検索クエリは、データベースから情報を取得するために使用されます。たとえば、あるテーブル内のデータを取得する、条件に一致するデータを取得する、複数のテーブルを結合して情報を取得するなどが挙げられます。2.更新クエリ更新クエリは、データベース内のデータを更新するために使用されます。たとえば、あるテーブル内のデータを更新する、テーブルに新しいデータを挿入する、あるテーブルからデータを削除するなどが挙げられます。Railsにおいては、ActiveRecordがSQLクエリを生成してデータベースに送信するための様々なメソッドを提供しています。これらのメソッドを使用することで、SQLを直接記述することなく、簡単にデータベースを操作することができます。また、ActiveRecordにはSQLインジェクション攻撃から保護するための機能が組み込まれているため、安全なデータベース操作が可能です。

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

【C# WPF】WPFを理解したいC#初心者の話【プロジェクト作成編】

C# WPFについて学んでいく過程を備忘録として残して置きたいと思います。

製造・コーディング(PG/フロントエンド)

データ操作文（DML）を使ったデータ操作の基本

業務では、テーブルに対して何らかのデータを追加したり、変更、削除を行うことがあります。ここでは、その操作で使用するINSERT文やUPDATE文などについて記載しています。

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