sagara.inkITエンジニアのまとめノート

Web・アプリ開発の記事

一覧
  • 2022-08-14

    Laravel SanctumのSPA認証を使ってReactにユーザー認証を導入する

    LaravelにはReactなどのSPA向けに認証機能を提供するSanctum(サンクタム)というパッケージが用意されています。 Laravel Sanctum...

    サーバーサイド, Laravel, React
  • 2022-06-20

    Docker+Laravel+React+TypeScript構成のフルスタックパッケージを順を追って構築する【後編:フロントエンド】

    Webアプリ開発に慣れない人にとって環境構築は大きなハードルです。 この記事ではサーバーサイドはDockerとLaravel、フロントエンドではReactと...

    フロントエンド, React, TypeScript
  • 2022-06-18

    Docker+Laravel+React+TypeScript構成のフルスタックパッケージを順を追って構築する【前編:サーバーサイド】

    Webアプリ開発に慣れない人にとって環境構築は大きなハードルです。 この記事ではサーバーサイドはDockerとLaravel、フロントエンドではReactと...

    サーバーサイド, Docker, Laravel
  • 2022-05-20

    そこそこの規模なWebシステムを設計するための知識セット

    何年も使われるWebシステムを使うなら、保守性は大事です。代表的な設計手法は押さえておく必要があります。 オブジェクト指向設計、ドメイン駆動設計、マイクロサービ...

    サーバーサイド, 設計
  • 2022-04-30

    AWS ECSでWordPress+Docker環境を構築する

    ブログやコーポレートサイトのCMSとして依然として人気のあるWordPress(ワードプレス)。Dockerイメージを利用しAWSのECS(Elastic Co...

    ネットワーク, WordPress, Docker
  • 2022-02-15

    Laravel9がリリースされたので、あらためてLaravelというフレームワークを読み解いてみる

    2022年2月8日にLaravel9がリリースされました。 composer.jsonやIlluminateの中身を読み解き、 さらに全体の処理を追いLarav...

    サーバーサイド, Laravel
  • 2022-01-12

    デザインに自信のないエンジニアが、UIデザインするときに気をつけていること

    Webの(特にサーバーサイドの)エンジニアは、デザインが絡む作業が苦手な傾向があります。 私はデザイン的なことをやるのは好きですが、今ひとつパッとしないデザ...

    デザイン
  • 2021-12-19

    Dockerによる開発とうまく動かないときの対処法

    Dockerは、近年のWebアプリ開発環境におけるデファクトスタンダードになりつつあります。 この記事では、Dockerの簡単な使い方と、よくあるエラーにつ...

    サーバーサイド, Docker
  • 2021-10-31

    Next.jsのSSGで個人ブログを作成する

    シングルページアプリケーション(SPA)の弱点として、クローラによっては描画内容に到達できなかったり、 JavaScriptで描画するために、静的なページと...

    フロントエンド, React, Next.js
  • 2021-07-10

    Reduxでフロントで扱うデータを一元管理する

    Reduxは状態管理のためのReact向けライブラリです。 シングルページアプリケーションでは複数の画面(コンポーネント)にわたってデータを共有する場面が出...

    フロントエンド, React, Redux
  • 2021-06-06

    AWS EC2でNode.js(Express)+Nginxアプリケーションのホスティング環境をVPC上に構築する

    AWSのEC2上でNode.jsフレームワークであるExpressで作成したアプリケーション(API)をホスティングする方法を書いていきます。 AWSの仮想...

    ネットワーク, Node.js, Express
  • 2021-05-22

    Reactフロントエンド開発ことはじめ

    近年のクライアントサイドJavaScriptはもはや単なるスクリプトではなく、より構造化されたプログラミングが求められるようになっています。 フロントエンド...

    フロントエンド, React
  • 2021-04-24

    Gulpでフロントエンド開発を自動化してラクをする

    効率的にコーディングをするためのnpmパッケージはたくさんありますが、 何かを変更するたびに毎回コマンドを実行しないといけないのは面倒です。 こ...

    フロントエンド, Gulp
  • 2021-04-17

    EJS+Sassで効率的にHTML+CSSコーディングする

    HTMLやCSSをコーディングするときに、何度も繰り返し同じタグ名を書いたりするのは、手間がかかります。 そこで、効率的にコーディングをするためのツールを導入し...

    フロントエンド, EJS
  • 2021-04-10

    AWS S3+CloudFrontに静的Webサイトを設置し、GitHub+CircleCIでデプロイ環境を構築する

    静的サイトをホスティングする場合、AWSのS3とCloudFrontを利用することができます。 さらに、GitHubからCircleCiで変更があったら自動...

    ネットワーク, CircleCI, AWS S3