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

Web・アプリ開発の記事

一覧
  • 2022-10-13

    LaravelのTimestampsを日付時刻形式にする(Y-m-d H:i:s)

    Laravel7以降、デフォルトではCarbonインスタンスになるタイムスタンプを従来の Y-m-d H:i:s(yyyymmddhhiiss)での形式にします...

    開発Tips, Laravel, サーバーサイド
  • 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-21

    DockerでPHPが動くローカル環境をサクッと作る

    最近のMacにはデフォルトでPHPがインストールされていません。PHPをローカルマシンに入れて汚したくないとき、DockerでサクッとPHP環境を試すことができ...

    開発Tips, Docker, PHP
  • 2022-05-20

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

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

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

    AWS ECSでWordPress+Docker環境を構築してみる

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

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

    Laravelが使える環境で任意のUUIDを生成する

    適当なUUIDを生成したい時、LaravelのコンソールアプリケーションであるTinkerが便利です。

    開発Tips, Laravel, サーバーサイド
  • 2022-03-19

    Gitでコミット前に破棄(または退避)したい

    特定のファイルの変更を破棄または退避したい場合のメモ。破棄する場合はcheckoutし、退避する場合はstashを用います。

    開発Tips, Git
  • 2022-03-01

    AWS S3で運用している静的サイトを簡単に301リダイレクト設定する

    S3の静的ウェブサイトホスティングしているWebページを簡単に301リダイレクトすることができます。

    開発Tips, AWS S3, ネットワーク
  • 2022-02-27

    DockerのMySQLコンテナにダンプファイルを流し込む

    Docker上で動いているMySQLのコンテナにDumpfileを流し込みデータをコピーする方法です。

    開発Tips, Docker, MySQL
  • 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