フロントエンドとバックエンドの違いとそれぞれのキャリアステップ

WebサイトやWebアプリケーションを開発する際には、フロントエンドとバックエンドという2つの領域があります。フロントエンドとバックエンドの違いを理解することは、Web開発の基礎知識となります。では、フロントエンドエンジニアとバックエンドエンジニアは、それぞれの領域において、どのような仕事を行い、どのようなキャリアステップを踏めばば良いのでしょうか？この記事では、フロントエンドとバックエンドの違いと、それぞれのエンジニアの仕事とキャリアステップについて紹介します。

Vue.jsに触れよう7

Windowsのメモ帳とVue.jsを使用して日記を記録するアプリを作成しました。本記事では、作成したアプリの概要と実際に書いたコードを記したいと思います。

Vue.jsに触れよう8

Vue.jsを使ってカレンダーアプリを作成しました。本記事では、アプリとコードの説明をしようと思います。

【ソフトウェアテスト】ドメイン分析テスト

同値分割法/境界値分析については他の記事で記載しましたが、ドメイン分析テストも境界値を用いてテストします。このテスト方法は、関係性のある複数の変数について、入力データの有効範囲にフォーカスしてテストをする手法です。同値分割法/境界値分析では、一つの機能に関して境界がいくつか設定されていて、各境界の前後でそれぞれ動作が変わるような仕様に対してパーティションを分けてテストしていましたが、そのような数値による境界をもつ機能がいくつか関連して複数結果に分かれるような仕様のケースでは、ドメイン分析テスト技法が使用できます。ゲームのダメージ計算式で、与えた最終ダメージ数値に応じてクリティカル倍率をかけた数値を上乗せするといった場合に、元となるダメージ数値がいくつか、相手の防御数値がいくつか、数値いくつ以上でクリティカル倍率は何倍が適用されるか、各数値には有効・無効となる境界があり、かつ最終の数値ごとに複数のクリティカル倍率が用意されているといった仕様があったときに、ドメイン分析テストによって必要なテストケースを洗い出すことができます。

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

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

【初心者用】IISについて調べてみた

個人でプログラミングを勉強する際にIISを使用することになったのですが、「IISって具体的には何だっけ？」となったのでまとめてみます。 タイトルにある通り、初心者向けに極力噛み砕いて説明していきます。

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

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

ネットワークエンジニアとしてCisco社のルータやスイッチの運用業務を遂行するには、 コマンドの知識やどのように機器が通信させているかよく理解しておく必要があります。 またCCNAといったネットワークのベンダー資格でも実際にコマンドを記述するシミュレーション問題が出題されることもあるので、自身のネットワークスキル向上には日頃からコマンド操作に慣れておく必要があります。 知識を定着や操作の慣れには座学だけでなく実際に機器に触れコマンドを入力し結果を確認することが一番なのですが、ルータやスイッチ等のネットワーク機器はいずれも高額であり、中古でもそれなりの値段となるので初心者が自宅に環境を作成することは簡単ではありません。 そこでCisco社のルータやスイッチに簡単に機器の設定、環境の構築、コマンドの投入練習といったことができるアプリケーションが「Packet Tracer」となります。

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

Node.jsを使用したログイン処理の方法

今回はNode.jsを使用したログイン処理について学習していこうと思います。Webアプリケーションを作成する際に、ログイン処理は多用する事になると思うので学んでおいて損は無いと思います。

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

【入門】ネットワーク基礎知識まとめ！

現代において、スマートフォンやパソコンなどの通信機器は必要不可欠なものとなっています。あなたがスマートフォンやパソコンを使う時、主にどのような機能を使っていますか？…恐らくは、Webサイトの閲覧、SNS、オンラインゲームなどが多いでしょう。これらの機能は、通信機器同士が繋がっているために実現しており、この繋がりをネットワークと呼びます。今回はそんなネットワークについて、ネットワークとは何かから簡単な仕組みまで解説していきます。

開発環境関連(インフラ)

【初心者用】はじめてのC言語1

C言語を勉強して感じたことをまとめていきたいと思います。専門的な用語などは別途わかりやすいように説明致します。

Flutterを使ってみよう その７（レイアウト方法①）

前回までには詳しく触れてませんが、Flutterにおけるレイアウト方法の知識を深めていきましょう。Flutterでは、レイアウトを制御するウィジェットを利用して、並びに、組み合わせて、画面レイアウトを形成していきます。まずは、基本的なサイズ調整や表示位置のレイアウトを制御するウィジェットを理解することを目的とします。環境　・MacOS Ventura 13.6.3　・Xcode 15.1　・VSCode 1.85.1　・Flutter 3.16.5　・Dart 3.2.3

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

【SQL】基本のまとめ | 初心者向け

SQLの基本についてまとめました。データベースが扱えるようになると、エンジニアとして出来ることの幅が増えます。ぜひ最後までお読みください！

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