53ningen.com

WordPress から Next.js への移行

• たしか 2012 年ごろから 53ningen.com の裏側として WordPress が動いていました
  • 当初はさくら VPS 上に MySQL, Nginx, WordPress などのほかいろんなものを相乗りにさせていた（学生時代なのでやんちゃは許される）
  • その後 AWS 上の EC2 に MySQL, WordPress を相乗りにする形を経て、ALB + EC2 + RDS (+ S3 + CloudFront) の構成に落ち着きました
  • コンテナ移行しようと思ってましたが WordPress で頑張ることにモチベーションをあまり見いだせなくなっていました
• そんなこんなの経緯があり、このたび WordPress を停止し Next.js の静的サイト生成（SSG）を用いる形に変更しました
• この記事では移行の流れについて簡単にメモしておきます（半分自分向け）

😢 そもそもなぜ WordPress を使いつづけていたのか

• 手元で長期間にわたり運用しつづける LAMP スタック的なアプリケーション（実際には nginx, Maria...

メモ: React JS Crash Course 2021 が良い件について

React 入門教材として React JS Crash Course 2021 - YouTube がかなりよさそうなのでメモしておく

だいたいざっくりと以下のような内容が 2 時間くらいの尺にまとまっている

• React の概要
• React を利用した Todo アプリの制作
  • State, Effect の Hooks の利用
  • 外部 API の利用

これ見れば React の入門書はいらなそうなぐらい情報がきちんと圧縮されていてわかりやすいものだった ...

TypeScript + CDK で理解する AppSync: はじめの一歩

この記事は TypeScript の CDK で単純な Hello, World! を返却する AppSync の GraphQL API を作成することを通して AppSync や GraphQL API に関する基本的な内容を段階を踏んで理解できるように構成されたものです。

あわせて作成した GraphQL を curl、Node.js アプリケーション、React アプリケーションから呼び出す方法についても確認していきます。

これらのステップを踏むことにより、さらに複雑で実践的な GraphQL や AppSync に関する内容を掴むための足掛かりとなるかと思います。

なお、本記事中の各種コードは GitHub にて公開しています。

$ git clone git@github.com:53ningen/CDK-AppSync.git

1. Hello, World!

まずは GraphQL クエリを投げると、Hello, World! が帰ってくる画期的なシス...

Ajv の JTDSchemaType で複雑な JSON オブジェクトをバリデーションする

Ajv の JTDSchemaType で複雑な JSON オブジェクトをバリデーションする際の記述方法がわからなくて 30 分くらい溶けたのでメモっておきます。

配列

export interface AppParameters {
    items: string[]
}

const AppParametersSchema: JTDSchemaType<AppParameters> = {
    properties: {
        items: { elements: { type: 'string' } },
    },
    optionalProperties: {
    },
    additionalProperties: false
}

マップ

export interface AppParameters {
    map: { id: string }
}

const AppParametersSchema: JTDSchemaType<AppParameters> = {
    properti...

Lambda 関数上で io-ts を利用すると例外発生時にタイムアウトする

※　自分用メモです

• 概要: Node.js 14 ランタイムの Lambda 関数でデプロイパッケージに io-ts が含まれていると、例外発生時に即時関数実行が停止せず、タイムアウトまで待ち時間が発生する

通常、以下のようなコードで簡単に例外を発生させ、関数実行を停止させられる

import 'source-map-support/register'

export async function handler(event: object, _: object): Promise<object> {
 throw Error()
}

ところが、以下のように io-ts を import しただけで例外発生時にタイムアウトまで待ち時間が発生してしまう

import * as t from 'io-ts'
import 'source-map-support/register'

export async function handler(event: object, _: object): Promise<object> {
 throw Erro...

SAM CLI + CDK を試す

• 基本的に このドキュメント に書いてあることを試しただけの記録
• ドキュメントは Python だが、手元では Lambda Runtime: Node.js14.X, CDK: TypeScript で試した

aws-sam-cli-beta-cdk の導入

brew install aws-sam-cli-beta-cdk

Project の作成

以下のようにプロジェクトの作成が可能

sam-beta-cdk init --project-type CDK --package-type Zip --runtime nodejs14.x --dependency-manager npm --app-template hello-world --cdk-language typescript --nam...

GitLab での CI/CD 入門

GitLab の CI/CD を学んだ記録

• see: Get started with GitLab CI/CD | GitLab
• see: Keyword reference for the .gitlab-ci.yml file | GitLab

Hello, World!

1. Repository のルートに .gitlab-ci.yml を作成
2. ジョブの定義を行うと Hello, World! できる

stages:
  - dev

hello-job1:
  stage: dev
  script:
    - echo "Hello, $GITLAB_USER_LOGIN!"
    - echo "This is $CI_COMMIT_BRANCH branch."
    - sleep 5

hello-job2:
  stage...

Go To Travel キャンペーンで納めた税金を国から取り戻そう

コロナウィルスの影響で甚大な打撃を受けた観光業と、すっかり在宅一般市民と化した遠征オタクに対する救済策として、政府は Go To Travel キャンペーンなる企画を打ち出してきました。

しかしながら国会でモメたおかげで、夏休みが迫る 6 月最終日の今日の時点においても、いつからどういう枠組みではじまるのか、明確になっていません。

国会議員は JR パスのおかげで遠征イベントに参加し放題なので感覚がマヒしているかもしれないが、与野党ともにマジで猛烈に反省して欲しい。全員落選しろ！！！！！！！

とはいいつつも、この Go To Travel キャンペーン、なかなかに強力な施策らしい。色々な情報を見てみると概ね次のような枠組みのようです。

Go To Travel キャンペーン（仮称） 旅⾏業者等経由で、期間中の旅⾏商品を購⼊した消費者に対し、代⾦の 1/2 相当分のクーポン等を付与（最⼤⼀⼈あたり 2 万円分/泊）。 情報ソース: [経済産業省関係令和２年度補正予算概要 (PDF)](https://www.mlit.go.jp/common/001339606.pd...

Rust の基本的な文法メモ

Introduction - Rust By Example 日本語版 を見ながら Rust の基本文法をおさらいする

変数

• 変数はデフォルトでイミュータブル
• ミュータブルにしたい場合は mut キーワードを用いる
• 宣言と定義を別々に行うことも可能

let x = 1;
// x = 2;  => Error

let mut y = 1;
let y = 2;

let z;
z = 123;

• 例えば標準入力からデータを受け取る io::stdin.read_line は引数に mut &String をとる

let mut input = String::new();
io::stdin().read_line(&mut input).expect("Error");
println!("Input value: {}", input);

関数とテスト

• 関数は fn キーワードで...

Rust で単方向 LinkedList を実装する

個人的に新しい言語を触るときは Hello, World! を終えたら、だいたい単方向 LinkedList などの簡単なデータ構造を実装して、感触をつかんでいくことが多いです（みなさんはいかがですか）。

最近 WEB+DB PRESS Vol.122 にミニ RDBMS を実装する記事がでていて、GW はそれをすすめていたのですが、案の定脇道にそれて使用言語である Rust に興味が湧いてしまったので LinkedList を実装してみました。

Rust は公式のドキュメントに LinkedList の実装例が載っていたり、LinkedList を通して言語機能を学べる記事なんかもでていました。

この記事は基本的に Introduction - Learning Rust With Entirely Too Many Linked Lists を参考に概要をメモったり、ちょっと見通しが悪いなと感じた部...