Terraformを使って学ぶーAWSにインフラを構築するIaCの基本と、SREが実務で役立つ機能とエコシステムを徹底解説 - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/09/22 132 users SRE IAC Terraform ツー AWS

エンジニアHub > 記事一覧 > Terraformを使って学ぶーAWSにインフラを構築するIaCの基本と、SREが実務で役立つ機能とエコシステムを徹底解説 Terraformを使って学ぶーAWSにインフラを構築するIaCの基本と、SREが実務で役立つ機能とエコシステムを徹底解説 Terraformは、パブリッククラウドのインフラ構築と自動化のツー... 続きを読む

HTTP/3｜Webエンジニアが知るべき新常識 ─ QUICやコネクションマイグレーションなどを学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/08/18 254 users quic http 普及 Webエンジニア キャリア

HTTP/3｜Webエンジニアが知るべき新常識 ─ QUICやコネクションマイグレーションなどを学ぶ 新しい通信プロトコルとして普及が進んでいるHTTP/3については、エンジニアHubでも過去に概論的な記事を掲載しています。今回はアプリケーション開発者が自社サービスでHTTP/3を採用することを想定して、仕様上の留意点や、どの... 続きを読む

React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/07/14 127 users Suspense 群雄割拠 フレームワーク React 18

エンジニアHub > 記事一覧 > React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ 群雄割拠のフロントエンドフレームワーク界でも、一歩抜きん... 続きを読む

Spring Boot 3の新機能を使ってみよう！ 2からアップグレードする手順、Observability機能、ネイティブイメージ化 - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/06/29 104 users Spring Boot spring Java 手順 キャリア

エンジニアHub > 記事一覧 > Spring Boot 3の新機能を使ってみよう！ 2からアップグレードする手順、Observability機能、ネイティブイメージ化 Spring Boot 3の新機能を使ってみよう！ 2からアップグレードする手順、Observability機能、ネイティブイメージ化 Javaの開発フレームワークであるSpringの最新バージョンとし... 続きを読む

AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/04/27 126 users AWS CDK IAC DynamoDB ハンズオン アマゾン

エンジニアHub > 記事一覧 > AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ アマゾン ウェブ サービスが提供するIaC（Infrastructure as Code）の開発キットがAWS CDK（AWS Cloud De... 続きを読む

新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/04/18 193 users App Directory ハンズオン 入門 キャリア

使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプ... 続きを読む

NestJSをゼロから学ぶ - TypeORMの活用などをREST APIの実装から身に付けよう【Node.jsフレームワークの基本】 - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/02/17 133 users NestJS TypeORM REST API デコレータ

このようにさまざまなデコレータが用意されていますが、今回はサンプルで利用するデコレータに絞って説明します。他のデコレータについては、NestJSの公式ドキュメントなどを参照してください。 依存性注入（DI） 依存性注入（DI、Dependency Injection）とは、クラスの依存関係を解決する仕組みです。NestJSでは、依存... 続きを読む

FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/01/30 175 users Pythonフレームワーク チュートリアル 特性 キャリア

FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ PythonのWebフレームワークとしていま注目を集めるFastAPIは、シンプルにコードが書けるだけでなく、パフォーマンスが高いWebアプリケーションのバックエンドサーバーが構築可能です。同フレームワークの勘所をPythonスペシャリストの杜... 続きを読む

BigQueryを分かりやすく！ ハンズオンで始めるGoogle Cloudのデータ分析サービスと可視化ツールの使い方 - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/12/22 133 users BigQuery ハンズオン Google Cloud 技術

エンジニアHub > 記事一覧 > BigQueryを分かりやすく！ ハンズオンで始めるGoogle Cloudのデータ分析サービスと可視化ツールの使い方 BigQueryを分かりやすく！ ハンズオンで始めるGoogle Cloudのデータ分析サービスと可視化ツールの使い方 Googleの高度な技術を利用できるGoogle Cloudにおいて、BigQueryは大規模データ... 続きを読む

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/10/21 122 users React+Redux 負債 jQuery redux ページ

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 遷移なく表示コンテンツを変更できるシングルページアプリケーションでは、ページの状態管理が重要になります。現在はReactによるUI構築とReduxによる状態管理を選択しているChatworkは、jQueryなどの技術的負債... 続きを読む

RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！ - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/09/12 191 users rust プログラミング言語Rust 堅牢性 C言語 キャリア

エンジニアHub > 記事一覧 > RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！ RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！ 安全性に大きな特徴があるプログラミング言語Rustは、C言語やC++に代... 続きを読む

モジュラモノリスに移行する理由 ─ マイクロサービスの自律性とモノリスの一貫性を両立させるアソビューの取り組み - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/07/25 152 users アソビュー モジュラモノリス アーキテクチャ リズ キャリア

モジュラモノリスに移行する理由 ─ マイクロサービスの自律性とモノリスの一貫性を両立させるアソビューの取り組み 大規模なソフトウェア開発においてモノリシックかマイクロサービスかというアーキテクチャの議論がありますが、近年は第3の選択肢としてモジュラモノリスが話題になっています。いったんマイクロサービス... 続きを読む

WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/07/04 165 users プログラミン ユースケース WebAssembly wasm

エンジニアHub > 記事一覧 > WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly入門 ─ Webフロントエンドの現実的なユースケースを知り、Wasm製アプリケーションを体験してみよう！ WebAssembly（Wasm）は、ブラウザー上で直接動くプログラミン... 続きを読む

Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/06/17 192 users データベース接続 Webエンジニア キャリア 基本

例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラー... 続きを読む

GitHub Actions入門 ── ワークフローの基本的な構造からOIDCによる外部サービス認証まで - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/05/20 324 users ワークフロー ワークフローエンジン gfx GitHub 構造

GitHub Actions入門 ── ワークフローの基本的な構造からOIDCによる外部サービス認証まで GitHubが公式に提供するGitHub Actionsは、後発ながらよく使われるワークフローエンジンとなっています。本記事では、藤吾郎（gfx）さんが、典型的なCI/CDのユースケースに即したワークフローの設定と管理について解説するとともに... 続きを読む

あらためて学ぶOSの役割 - 「OSの気持ち」を知り、コンピュータをよりよく理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/02/18 145 users 実像 オペレーティングシステム コンピュータ キャリア 役割

あらためて学ぶOSの役割 - 「OSの気持ち」を知り、コンピュータをよりよく理解しよう パソコンを操作するうえで、欠かすことができないOS（オペレーティングシステム）ですが、あまりにも「あたりまえ」の存在ゆえ、その実像をイメージすることは多くはないでしょう。OSは「なにを」「どのように」処理しているのかを学... 続きを読む

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/01/13 271 users hooks React Server Components

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林 徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。 こんにちは、小... 続きを読む

HTTP/3とQUICはなぜ必要になり、どのように標準化されてきたのか？ 現代のプロトコル設計とインターネットの課題 - エンジニアHub｜Webエンジニアのキャリアを考える！

2021/11/29 120 users quic http プロトコル設計 Webエンジニア キャリア

エンジニアHub > 記事一覧 > HTTP/3とQUICはなぜ必要になり、どのように標準化されてきたのか？ 現代のプロトコル設計とインターネットの課題 HTTP/3とQUICはなぜ必要になり、どのように標準化されてきたのか？ 現代のプロトコル設計とインターネットの課題 IETFで標準化が進められているWebの新しい通信プロトコルQUIC... 続きを読む

「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！ - エンジニアHub｜Webエンジニアのキャリアを考える！

2021/08/26 326 users TypeScript Types Webエンジニア キャリア

エンジニアHub > 記事一覧 > 「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！ 「がんばらないTypeScript」のための現実的な設定を考える ─ 4レベルの厳しさを使い分けてTypeScript疲れを克服しよう！ エンジニアHubでは2019年に「がんばらないTypeS... 続きを読む

API開発の基本 - 銀行APIの開発事例に学ぶ「使いやすい」のデザインプロセス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/10/06 304 users ＣＴＯ 概論 銀行API API開発 若手Webエンジニア

みなさん、こんにちは。GMOあおぞらネット銀行 CTOの矢上聡洋（やがみ・あきひろ／ @akihiro_yg ）です。本稿では、いま世の中のWebシステムにおいて欠かせない技術の1つであるAPIについて、概論と基本をご紹介します。 さらに、その中でもこれまで閉じた世界のイメージが強かった銀行業界において、ユニークだと言われ... 続きを読む

東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/05/19 274 users ベストプラクティス Netlify シビックテック SSR

東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR（Server Side Rendering）で静的ホスティングにNetlifyを採用したサーバレスなSPA（Single Page Application）というモダンな技術選定がWebエンジニアの間で注目を集め... 続きを読む

文字コード再入門 ─ Unicodeでのサロゲートペア、結合文字、正規化、書記素クラスタを理解しよう！ - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/04/28 358 users サロゲートペア unicode 結合文字 キャリア 正規化

ソフトウェア開発に携わる方の多くは、何らかの形で文字コードに触れることがあるでしょう。文字や記号をコンピュータ上でデータとして扱うには、文字コードの知識が必要不可欠です。 本稿では、書籍『プログラマのための文字コード技術入門』の著者である矢野啓介さんが、知っておきたい基礎知識を分かりやすく解説しま... 続きを読む

仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/02/18 316 users フレームワーク 仮想DOM DOM操作 React キャリア

はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている... 続きを読む

TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/02/13 759 users TCP ARPANet 図解 通信プロトコル センサー

今からおよそ50年前、パケット交換方式による世界初のコンピュータネットワークであるARPANETが構築されました。それ以来、TCP/IP（Transmission Control Protocol / Internet Protocol）は通信を実現する基盤技術として使われ続けています。今ではパソコンに限らず、スマートフォンやゲーム機、センサー、最近では自動... 続きを読む

IntelliJ IDEAをもっと便利で使いやすく！ つまずきがちな設定や、便利な機能を細かに解説します。 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/01/09 151 users IntelliJ IDEA JetBrains IDE 設定

IntelliJ IDEA（インテリジェイ・アイデア）は、JetBrainsが開発・販売しているJavaの統合開発環境（IDE）です。最初に登場したのは2001年と古く、しばらくマイナーIDEとしてひっそり存在していましたが、ここ数年で知名度も上がってきました。 近年の人気も相まって、IntelliJ IDEAの紹介記事や“最初のとっかかり”的な... 続きを読む