TypeScriot

はじめに ChatGPTに協力してもらい、小さいアプリケーションをいくつか作成しようと思いました。 GitHubで管理しています。 GitHub - masakiYLv1/build-with-react この記事でやること ChatGPTから出題される問題、カウンターアプリをReact + TypeScriptを使用して解くこと。 主にReactとTypeScriptを使用すれば、そのほかは自由（ライブラリやフレームワークなど） 001 カウンター（+ / − / リセット） 概要 React の基本である 状態管理（state） を理解するためのシンプルなカウンターアプリです。 ボタン操作…

前置き「最近QRコードを活用したサービス増えましたね！」 Screen Wake Lock API Screen Wake Lock API の挙動検証パターン Screen Wake Lock API の挙動検証結果 結果に対する所感など まとめ こんにちは、プラットフォームサービス開発部の中村です。 最近はエンジニアリングマネージャー 兼 技術広報室長として、プロダクトを開発するチームを技術・人目線でサポートすることをお仕事としています。ただ今回はテックブログアドベントカレンダーということで、技術に関する記事でいきます！ この記事は OPTiM TECH BLOG Advent Calen…

この記事は クラウドワークス グループ Advent Calendar 2025 シリーズ１の２日目の記事です。 クラウドソーシングサービス「クラウドワークス」（以下crowdworks.jp）のエンジニア bugfire です。 フロントエンド活動の振り返りをしてみよう 今年も振り返っていきます。 過去分は過去の振り返りにあります。 目次 フロントエンド活動の振り返りをしてみよう フロントエンド活動の総括 AI の活用 デザインシステム norman が進化中 リデザイン Vue Fes Japan 2025 への参加 日本でVue.jsを使っている企業一覧に追加 合同スプリント 負債の解消…

概要 対象読者 INVOYのTypeScriptの現状・課題 どうやるか APIの共通化を進める バックエンドのAPIレスポンスの型定義を自動作成する OpenAPIからTypeScriptのtype生成へ 終わりに 参考文献 概要 こんにちは、INVOYでフロントエンドエンジニアを担当している小林です． 今回は、INVOYのフロントエンド開発において、OpenAPIを利用してAPIの型定義を自動生成した取り組みをご紹介したいと思います．この自動化により効率的なAPIの型定義の生成が実現できました． INVOYのフロントエンドはNuxt.jsとVue.js、そしてバックエンドはPythonとD…

この記事を書くに至った経緯 3月上旬にPlanescaleの無料プランが廃止することが発表され、Planescaleで開発していたプロジェクトのDBをSupabaseに以降することにしました。 その際、ORM(Object Relational Mapping)にPrismaを採用していたおかげでDBの以降はスムーズに行えたのですが、せっかくならSupabase公式のsupabase-jsを使おうと思った時、supabase-jsにデータの数を取得するメソッドが無いことに気がついたので拡張メソッドとして実装することにしました。 実装 めちゃくちゃシンプルです。 今のところ、SupabaseCl…

こんにちは。先日弊社Webサイトを WordPress から、WordPress をヘッドレス CMS として使った Cloudflare Pages・Next.js 構成へ移行しました。本記事では移行手順についてご紹介します。

はじめに 静的サイトを制作していて以下のように思ったことはありませんか？ 他にバックエンドを実装する気がないけど、お問い合わせは用意したい でもGoogle Formを埋め込むのはなんかかっこ悪い でも簡単に実装したい 僕もまさにそうでした。 そんな時に見つけたのが EmailJS というサービスです。 www.emailjs.com なんとクライアントサイドだけで Email を送ることができるのです！ しかも JS で書けるし、React のライブラリも用意されている！！ もうこれは使うしかないでしょ！！ということで使ってみました。 開発環境 今回は TS + Next.js + Tail…