以前の WordPress + Nuxt.js（Netlify） から Newt + Next.js（Vercel）の構成に変更しました。 GitHub: https://github.com/yuheijotaki/works-next Vercel: https://works.yuheijotaki.com/ 絞り込み機能のところで、 useState() を使って状態管理してみま…

ページ遷移時にローカルフォントのチラつきが気になったので対策。 結果改善されたようなのでメモ。 コード @next/font モジュールをインストール $ npm install @next/font ローカルフォントを定義。 フォントのデータは pages/fonts/** に配置する。 displ…

GAS → API Gatewayのリクエストのみ（レスポンスなし）でJSONファイルをS3へアップロードする。 主な手順 S3バケットを作成 権限作成 該当バケットへの s3:PutObject ポリシー作成 ロールにポリシーをつけて作成 Lambda 実行ロールに先程作成したロールを付…

Block Kit を使ってGAS → Slackにメッセージを送り、Slackで押下したボタンの値を受け取る。 ※ WebhookではなくSlack APIを使用する場合。 attachments でもリッチなメッセージは送れるが、SlackはBlock Kit Builderなどを利用した blocks 押しらしい。 メッ…

フロントをNext.js（TypeScript）、ヘッドレスCMSをNewtでサイトを作ってみて、勘所とまでいくか分からないですがつまづいたところ中心のメモです。 型 型の作成 型の作成はNewtのJSONプレビューから quicktype 使ったら早かった。 ここで生成したコードを t…

Newtをもう少し触る機会があったので、管理画面のフィールド作成や編集画面をWordPressと比べてみました。 フィールド作成 WordPress（ACF） Newt 編集画面 WordPress（ACF） Newt 所感 WordPressは元々ブログCMSのため、日付やカテゴリーが標準で用意されて…

Google Cloud（GC）の資格を昨年末に取得したので振り返りたいと思います。 取得日 資格名 2022/11/24 Cloud Digital Leader（CDL） 2022/12/13 Associate Cloud Engineer（ACE） 2022/12/26 Professional Cloud Architect（PCA） 受験理由・モチベーション …

前回の記事 にて、Next.jsのHello WorldからVercelへのデプロイまでを行いました。 今回はヘッドレスCMSを用いて登録したコンテンツの表示までを行ってみます。 構成 フロントエンド：Next.js ヘッドレスCMS：Newt ホスティング：Vercel Newt は昨年にローン…

ザ・ダークパターン ユーザーの心や行動をあざむくデザイン作者:仲野 佑希翔泳社Amazon 目次・概要 Chapter1 ダークパターンとは何か 1.1 消費者を惑わせるWeb サイト設計 1.2 ダークパターンとは何か、その定義 1.3 ダークパターンの世界的調査 1.4 ダーク…