みなさんお久しぶりです！ 株式会社ナレッジワークのソフトウェアエンジニアのはぎはらです！ 本記事では2024年3月28日に開催した勉強会 Encraft #12 Frontend Quiz Night...

今回で3回目の開催となった「Encraft #3」の開催レポートをお届けします！ Encraftとは？ Encraft（エンクラフト）は株式会社ナレッジワークが提供する、 "Enablement...

urqlで無限ローディングなUIを実装する方法がググってもそのまま真似できそうなパターンがあまり出てこなかったので記録しておこうと思います。 基本方針としてはドキュメントに書いてあるとおりに従います。...

無限スクロール/ローディングなUIを作る機会が多いので、共通化できる部分をhooksにして再利用できるようにしました。 IntersectionObserverを使ってリストの最後の要素の位置を判定し...

転職して1年が経ちました。転職するにあたってそれなりに期待や目標をもっていたので、1年経ったこのタイミングで振り返りをしてみようと思います。転職する時に書いた記事は以下です。https://www.e...

モチベーション SvelteでWeb Componentsを作りたい 作ったWeb ComponentsをCDNで配布して、ブラウザから読み込んで使えるようにしたい サードパーティーのスクリプ...

以前、以下の記事で個人開発に適した最強のアーキテクチャについて考えました。 https://zenn.dev/eringiv3/articles/c44d5400e5603e 上記で考察したアーキテク...

Amplify ConsoleでNext.jsのISRするコードをデプロイしたときに、revalidateに指定した秒数が経過した後の再生成が行われず、ISRするページが503エラーになる事象に困らさ...

ブログを作り直しました。1年ほど前にGatsby.jsで作ったブログがあったのですが、それを今回Next.jsで作り直しました。理由は、見た目とコードがショボくていじる気が失せてたためです。一年前はま...

この本では、TypeScriptで型安全にGraphQLサーバーを構築する方法をハンズオン形式で学習することができます。 Todoアプリの開発を通して、GraphQLスキーマの扱いやCLIツールの設定...

一番下までスクロールされたら次ページ分のコンテンツを読み込んで追加で表示する、といった無限ローディングの実装を行うときにハマったので記録しておきます。 最小限の動作する例 import React...

フロントエンドアプリケーションの開発を行う上で避けては通れないデータフェッチの実装。 REST APIを使うか、GraphQLを使うか、クライアントでキャッシュするか、APIレスポンスにどのようにして...

前置き この記事で紹介するアーキテクチャはあくまで机上論であり、筆者が実際にこれらのアーキテクチャでサービスを運用したことがあるわけではありません。 そのため、考慮漏れ等あるかもしれません。その際...

以下の記事でGoogle App EngineにTwitter Botをデプロイしましたが、GAEの制約（HTTPリクエストが10分間来なかったらインスタンスがシャットダウンされる）を知らなかったため...

TypeScriptで書いたアプリケーションをコンテナにしてデプロイしたくなったのでやり方を記録します。今回作ったアプリケーションはTwitterのBotなので、HTTPリクエストを起点に起動するアプ...

「スッキリわかるSQL入門」という本を読んでSQLを勉強しました。業務でSQLを書いたことがなく、ORMを介したDBの操作も行なったこともない、フロントエンドの開発経験しかないので、バックエンドの入門...

最近GitHub Actionsを触り始めました。リポジトリで発生したイベントをトリガーに処理したり、JavaScriptでActionを作ってパッケージにして公開できたり、かなり遊べそうな感じなので...

Node.jsのバージョン管理には、今までnodebrewを使っていました。しかし、コマンドの使い方が全然覚えられなかったため、よりシンプルに使えそうなnに乗り換えました。nhttps://githu...

ShopifyでStoreFront APIを使用してカスタムECフロントを構築するときに必要なアクセストークンの取得方法に迷ったので記録しておきます。プライベートアプリの作成パートナーアカウントの管...

技術書展10で「いまからはじめるSvelte3」という本を購入して読みました。いまからはじめるSvelte3この本の中では、Svelteを使ってライフゲームを実装していくのですが、似たようなやり方でリ...

はじめての転職活動が無事に終わったので、転職活動の流れや考えたことをまとめておこうと思います。転職活動を始めたきっかけ新卒で入社した今の会社で1年以上継続してアサインされていた受託案件がまだ続きそうで...

タイトルのとおり、ShopifyのStorefront APIを使用してNext.js製のECフロントを構築しました。仕事でECサイトのフロントエンドを構築しているので、そこで培った技術とかノウハウを...

Reactでスライダーを実装したので、実装方法を記録しておきます。UIに関する実装は自分なりの得意な実装方法を持っておきたいなという気持ちがあります。なので、今後もUIに関する実装方法は積極的にブログ...

Next.jsをTypeScriptで使用するときのテンプレートを作りました。nextjs-with-typescript-templateReactを使った素振りでなにか作るときにNext.jsで始...

概要ブログに動的OGP生成機能を追加しました。そのために、初めて自分でnpmパッケージを開発して公開しました。node-ogp-creatorリポジトリnode-ogp-creatorを使用すると以下...

Typescript + Node.jsの素振りとして、「BacklogとJiraのdiffをとってJSONに吐き出す」スクリプトを作りました。backlog-jira-diff作ろうと思った背景とし...

microCMSには、ステータスが「下書き中」になっている記事を取得できる機能が用意されています。今回は、その機能を利用してブログのプレビューページを作りました。モチベーション執筆中の記事の見栄えを公...

エンジニア歴2年目に突入し、もう半年ほど経ちそうです。最近になって、本業では使わない（使えない）技術スタックを身につけるためにプライベートの時間を使って勉強する習慣がついてきました。が、やはり仕事で使...