TypeScriot

前置き「最近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…

TypeScriptのsymbol型 基本的な使い方 Symbolのプロパティとしての使用 Well-known Symbols 例: Symbol.iterator Symbolの利点 注意点 symbolを使用する具体的な場面 1. ユニークなプロパティキーの作成 2. クラスのプライベートプロパティ 3. Well-known Symbolsを使用したカスタム動作 4. メタデータの追加 5. プロトコルやインターフェースの実装 TypeScriptのsymbol型 TypeScriptのsymbol型は、ES6 (ECMAScript 2015)で導入されたプリミティブデータ型で、ユニ…

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

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