HBLABブログ一覧

JavaScriptはわかるものの、JavaScriptのライブラリは詳しく知らないという方は多いのではないでしょうか。本記事ではJavaScriptライブラリであるReactのメリット・デメリットや、特徴について解説します。 Reactとは？ ReactはFacebookが開発したJavaScriptのライブラリです。 主にWebサイトのUIパーツを構築するために使われています。多くのWebサービスがReactによって開発されており、JavaScriptライブラリの中でも知名度が高いです。 そもそもJavaScriptとは？ JavaScriptはWebアプリ開発で使われるプログラミング言語です。 Webアプリは、Webページを作成する処理を行うバックエンドと、表示後のWebベージを動かす処理を行うフロントエンドの2種類のプログラムによって構成されています。JavaScriptはフロントエンドで活躍することが多いです。 JavaScriptを使うことでWebページにアニメーションやスライドショーを設置したり、ユーザーがフォームに書き込んだ内容のチェックを行ったりすることができます。SNSやECサイトなどのWebアプリにはJavaScriptは必要不可欠と言えるでしょう。 JavaScriptは長年活躍し続けている言語です。そのため、有志の方が作成したライブラリ・フレームワークが数多くあります。 ライブラリとは？ ライブラリとは、開発に必要な機能があらかじめパッケージ化されたもののことです。ライブラリをインストールして自分のプログラムから読み込ませることができます。 ライブラリを利用すれば自分でコードを書かなくて良いため、開発コストを下げることが可能です。また、スキルレベルが低くてもライブラリを活用すれば、ある程度は本格的なアプリが作れてしまいます。 Reactはライブラリの1種類です。Reactはフレームワークであると解説しているサイトもありますが、公式サイトにはライブラリであると記載されています。 フレームワークとは開発時に枠組みとして使うものです。ライブラリ同様必要な機能をパッケージ化していますが、ライブラリは1部の機能のみ提供するのに対し、フレームワークは開発に必要な機能を一通り提供します。

Webアプリの開発に興味があるが、どのプログラミング言語を選択すべきかわからないという方もいるのではないでしょうか。本記事ではRubyという言語のメリット・デメリットやRuby開発の費用について解説します。 Rubyとは？ Rubyは1995年に公開されたプログラミング言語です。主にWebアプリ開発に使われていて、PHPやPythonと並んで人気があります。 Rubyは、日本人のまつもとゆきひろさんが開発した言語ということでも有名です。 Ruby on Railsとは？ Ruby on RailsはRubyのフレームワークのことです。フレームワークとは、開発時に使う枠組みのことで、Webアプリ開発で使用する機能があらかじめパッケージ化されています。 フレームワークを使うことで、自分でソースコードを書く量が減るため、開発にかける工数を抑えることが可能です。また、テストにかかる工数も減らすことができるでしょう。 フレームワークの中でもRuby on Railsは優秀さが認められています。Rubyフレームワークは他にもあるのですが、Ruby

アプリ開発に興味があるものの、どのプログラミング言語を使うべきかわからないという方は多いのではないでしょうか。本記事では、Swiftという言語のメリット・デメリットやSwiftを使ったアプリ開発の流れについて解説します。 Swiftとは？ SwiftはApple社が開発したプログラミング言語であり、Apple社製品向けアプリを開発するために使われます。 Apple社製品の中でもiPhoneは私達の生活にとって身近であり、iPhoneで使える便利ツールやゲームの開発の需要は高いです。 また、Swiftはプログラミング言語全体の中でも注目度が高いことで知られています。 プログラミング言語の注目度をまとめた「TIOBE Index for June 2022」でも、Swiftは10位となっており注目度の高さがうかがえるでしょう。 参考：TIOBE Index for June

「システムテストとは…？」 「聞いたことあるけど、詳細は知らない…」 「システムテストは外注化できないのか…？」 などシステムテストについてお悩みの方も多いでしょう。この記事では「システムテスト」について解説します。 システムテストは、ユーザーに渡る前の最後のチェックとなり重要な役割を果たします。 システムテストを疎かにし、バグが大量に発生した場合、発注者側の信頼を失う可能性があります。またリリースした後、システムを実際に利用しているユーザーの離脱につながるなど、大きなビジネス的機会損失につながりかねません。 システムテストとは システムテストとは、システム開発の一環として行われるテストで、開発側が行う最後のテストになります。別名総合テストと言われています。 開発者側のテストの流れとしては、「単体テスト」「結合テスト」「システムテスト（総合テスト）」と分かれています。細かい機能のテストからよりユーザーの操作に近いテストへと進みます。 システムテストでは、発注者側と話し合って完成した要件定義書や設計書通りにシステムが稼働するのか、実際のユーザー環境に近い環境で動かしてテストを行います。 本番に近い環境でテストを行うことで、開発環境では発見できなかったバグを見つけることができたり、より実践的なテストを行うことができたりします。ユーザー目線でテストを行うため、使いにくさだったり、矛盾点なども洗い出すことができたりします。 システムテストの目的 システムテストを実施する主な目的は、発注者側の要求通りにシステムが開発されているかを検証するためです。 具体的には、要件定義書や設計書通りにシステムが動作するのかを確認します。もし、このタイミングでバグや不具合が見つかれば、その場で修正します。修正が完了すれば、再度システムテストを実施し確認するのです。

近年、システム開発においてPoCプロセスを実施するケースが増えてきています。コロナ禍による世界経済の在り方や世の中のニーズは大きく変化し、これに伴い多くの企業では新規ビジネス検討を余儀なくされています。 そのため、多くの企業が新規事業の開拓や新サービスの開発を検討し始めており、これによりPoC開発が重要視されてきているのです。この記事では、PoCとはどのようなものか？ 基礎知識、具体的な手法、そして成功ポイントと業務への関係について詳しく解説します。 PoC開発とは？ PoC開発における「PoC」は「Proof of Concept」の略で、「概念実証」という意味です。 システム開発では、新しいアイデアに実証性があるか、検証する必要があり、この際利用される手法となります。またPoCに基づいて開発を進めることを「PoC開発」と呼びます。プロトタイプ（システムの簡易版）を作成し、実際の導入環境に近い状況で検証するのが特徴です。 令和の現代では、AIやIoTなどの新技術を導入する際にPoCを取り入れることが増えています。検証・評価を繰り返すという特徴を見ると、業務改善などで使われている「PDCA」に似た開発手法です。 DX時代に重要とされるPoC開発 このDX時代にPoCは重要と言えます。DXは単なるデジタル化を表す言葉ではありません。真の目的は、デジタル技術とデータを最大限に活用することにより、新しい価値を創造し、競争上の優位性を獲得することです。 業界の伝統的な慣習や常識にとらわれていると、真のDXを実現することはできません。しかしながら多くの事業主は、何から始め、どこを目指すべきかをまだ知りません。 そこでPoC開発の登場です。DXとは何かを本当に理解できず、あいまいなイメージしかない場合において、具体的に視覚化してシミュレートするのがPoC開発の役割です。 新しいアイデアや技術が企業やクライアントに適しているかどうか、インフラや予算の構築、人材の確保が可能かどうかを実生活で検証するPoCは、の出発点として欠かせないものと言えます。

Webテクノロジーは絶えず進化しており、近年、CSS3、HTML5、クラウドバックエンド、JavaScriptライブラリやフレームワークなどでサポートされる「モダンWeb」と呼ばれる豊かな表現力を持つスタイルに進化しています。 このような最新のWeb技術から生まれたPWA（Progressive Web Apps）は、「Webサイト/Webアプリをネイティブアプリのようにインストールできる技術」です。この記事では、ここ数年で話題になっている新しいWebスタイルと「PWA」について説明します。 PWA開発とは？ PWA開発とは、WebサイトやWebアプリをネイティブアプリのようにインストールできるようにするテクノロジーを活かして開発を行うことです。 ネイティブアプリとは、AndroidやiOSなどの個々の環境に合わせた固有のアプリのことを指します。App Store、Google Play、およびその他のアプリストアからダウンロードしインストールするアプリケーションを指します。 多くの方はPWA開発の「Progressive」は「革新的」で「最先端」であるという印象を持っていますが、もう一つの意味として「Webアプリケーションの表現力を段階的に拡充させる」という意味も含まれています。 そもそもWebサイトは「情報を伝えるだけでなく、常に表現力を高め機能を便利にしていく」役割を担っています。そのため、Webコンテンツを作成する上で、便利な機能を実装しても、エラーが発生するなどして不便になってはならないのです。 また、できるだけ既存の環境に影響を与えず、機能を追加・実装する必要があります。したがって、PWA開発を実装することの意義は、「これまでの機能、表現、表示を損なうことなく、新機能によりユーザは新しい恩恵を受けられるよう実装できる」ことといえます。 PWA開発が注目される理由 そもそも、なぜPWA開発が注目されているのでしょうか？

「Webサイトを運営したいけれど、何から取り組めば良いの？」 「Webコーディングに必要なスキルが分からない…」 「コーディングは外注すべきなのか、それとも自社で実施したほうがよいのか…」 そんな悩みをお持ちではありませんか。Webサイトの運営方法が分からなかったり、Webサイトの売上が目標額に届かず、何を改善すべきかはっきりしないという方もいるでしょう。 魅力的なWebサイトのコーディングには、サイトの骨組みの設計を行う要件定義がかかせません。本記事では、新しくWebコーディングをしたい人向けに、定義や必要なスキルについて解説します。 Webコーディングとは？ WebコーディングとはHTML・CSSなどを使ってWebサイトを作成することです。 Webサイトを作る方法にはCMSを使うなどさまざまものがありますが、その中でもHTML・CSSで直接レイアウトや画像配置を行うことをコーディングと呼びます。HTML・CSSを使うことで、Webページに表や画像を挿入したり、文字の大きさや色を調整したりすることが可能です。 また、WebページによってはJavaScriptなどのプログラミング言語を使うこともあります。JavaScriptを使うことで、アニメーションやスライドショーを挿入するなど、「動的なWebサイト」を作成することが可能です。 Webコーディングを仕事として行う人は「コーダー」や「マークアップエンジニア」と呼ばれており、Web開発企業に所属していたりフリーランスとして活動していたりします。 Webコーディングに関する詳しい説明は以下の記事にまとめてありますので、併せてお読みいただけるとより理解が深まるでしょう。 プログラミングとの違い Webコーディングとプログラミングは似た言葉ですが少し意味が異なります。 プログラミングとはプログラムを組むことを指します。プログラミング言語を使ってコンピューターに命令を出すプログラムを書き、スマホアプリやWebアプリなどを開発することです。

Webシステムとは何かわからない方もいるのではないでしょうか。本記事ではWebシステム開発との定義や具体例、メリット・デメリット、依頼方法について解説します。 Webシステム開発とは？ Webシステムとは、インターネット経由でWebブラウザを通じて利用できるアプリやゲームなどのシステムのことです。 たとえばSNSやECサイトなどは基本的にWebシステムに該当するでしょう。 IT業界には、自社サービスとしてWebシステムを作りユーザーに提供する企業や、他企業からWebシステム開発を依頼を受けて要望通りに開発する企業が多くあります。 Webサイトとの違い WebサイトとはWebブラウザから見れられるページの全般を指します。つまりWebサイトもWebシステムの一部ということです。 ただしWebサイトは、サーバー内で特に処理は行わず単にページを表示しているサイトも含みます。たとえば、企業サイトの会社概要ページは、情報をそのまま表示するだけで、内部でデータベースの更新処理やログの出力などはしていません。 Webサイトには「動的なページ」と「静的なページ」があり、Webシステムは動的なページを指します。ECサイトやSNSなどは動的なページです。 Webアプリとの違い WebシステムとWebアプリは同じ意味で使われることが多いです。ECサイトやSNSなどはむしろWebアプリと呼ばれることの方が、一般的には多いかもしれません。 Webシステムという呼び方は、IT業界内で使われることが多いです。また、一般ユーザー向けではなく社内向けのネットで使えるシステムをWebシステムと呼ぶ場合もあります。 Webシステムの基本的な仕組み Webシステムの仕組みを解説します。