Prisma ORM support for Edge functions is now in Preview
March 12, 2024 Prisma ORM Support for Edge Functions is now in Preview We’re thrilled to share that support for edge functions is in Preview! You can now access your database with Prisma ORM from Vercel Edge Functions, Vercel Edge Middleware, Cloudflare Workers, and Cloudflare Pages. Try it out! What are edge functions? Edge functions are a form of lightweight serverless compute that's distributed
input type=“date” の沼から、ライブラリを導入する意義を考える - Mirrativ Tech Blog
はじめまして！2023年7月からミラティブでフロントエンドインターンをしております、かずえもんと申します😺 今回は、インターンでの作業中にハマってしまった Safari のバグについて調査していたら、なんと10年モノの issue だったことが判明し、ライブラリを導入する意義について考える機会となった話を書いてみたいと思います。 Safari の日付入力欄に無効な日付を入れると起こるバグ onChange が正しく呼ばれないのは Safari が原因？ Safari 17 以降で再現しないので原因は Safari で間違いなさそう Safari 17 以前での解決方法として DatePicker を使ってみる まとめ: ネイティブを補う存在としてのライブラリ We're Hiring!! Safari の日付入力欄に無効な日付を入れると起こるバグ 2023年8月、私はミラティブの管理シス
Edgeに「Chromeのダウンロードを中止するように必死で促す新機能」が追加、実際の画面はこんな感じ
Windows 11ではMicrosoft Edge以外のブラウザを既定のブラウザに設定する操作が非常に面倒になっています。新たに、Microsoft Edgeに「Google Chromeのインストールを中止するように促すポップアップ」を表示する機能が追加されたと報じられました。Microsoft EdgeがGoogle Chromeのダウンロードを阻止するようなポップアップを表示するのかを実際に確かめてみました。 Microsoft says its own Edge browser is more trustworthy than "so 2008" Google Chrome - Neowin https://www.neowin.net/news/microsoft-says-its-own-edge-browser-is-more-trustworthy-than-so-200
失業したらiDeCoの落とし穴にハマった件 - 35歳からの中二病エンジニア
僕は金策の一環でiDeCoを活用している。この制度が年金と関連しているのは契約時にざっくり把握していたつもりだけれども、失業状態を挟んだ転職でえらい面倒なことになってしまったので、備忘録がてら内容を書き記しておく。ちなみに、僕が加入しているのはSBI証券のiDeCoだが、制度的な部分は共通なので他社でも概ね同様と思われる。 TL;DR 国民年金の納付免除期間は、iDeCoの加入者資格を失う 失業期間を経た転職時は、iDeCoの変更申請を2回、書面で手続きする必要がある 何もしないと、資格喪失中の掛金が手数料を差し引かれた上で還付される 手続きにはタイムラグがあるので、還付を避けたければ銀行側で口座振替を解除すべし 会社都合での退職 今年の9月30日をもって、前職の会社を退職することになった。これは会社都合の退職だったのと、転職先がすぐには決まりそうもないということで、一旦失業状態になること
RRULEに関するメモ書き - 前人未踏の領域へ WEB・インフラ・プログラミング全般編
カレンダーの予定のような繰り返しのデータ定義を実装するにあたり、RFC5545（旧RFC2445）のRRULEというのがあるのを知ったので それについて調べたメモ。中でも 3.3.10. Recurrence Rule についてのみ取り扱っている。 RFC 5545 - Internet Calendaring and Scheduling Core Object Specification (iCalendar) RFC 2445 - Internet Calendaring and Scheduling Core Object Specification (iCalendar) 比べると、記述方法が若干変わっていた。RFC5545の方が説明が増えて読みやすくなっている。 今回は繰り返しのデータ定義方法の参考にしたいだけなのでどちらでも特に問題はない。 書式 / は ORの意味 recu
メルカリ Shops での NestJS を使った GraphQL Server の実装 | メルカリエンジニアリング
ソウゾウの Software Engineer をやっています、@mookjp です。 8/10 の記事「メルカリShopsの技術スタックと、その選定理由」では、メルカリ Shops のアーキテクチャについて、その全体像を紹介しました。 この記事では、そのうちの BFF（Backend for Frontend） レイヤとして用意した GraphQL サーバについて、NestJS を使った実装例を交えて紹介します。 GraphQL とは GraphQL サーバ周辺の構成 NestJS とは GraphQL Module NestJS で Code First なスキーマ定義をする Object types の定義 Query と Mutation の定義 GraphQL スキーマの生成 スキーマの Breaking Change （破壊的変更）を防ぐ DataLoader を使って Bat
【2023年最新】Google Analytics 4（GA4）とは？基本的な導入設定と使い方
2020年10月にGoogleアナリティクス4が正式公開されました。 既存のユニバーサルアナリティクスは使っているけど、GA4はわからないため放置という方も多いのではないでしょうか。 とはいえ、今後のアナリティクスのスタンダードになる可能性もありますので、まずはコードを設定してトラッキングを開始しておくことをおすすめします。 【2022.11.18追記】 Googleから発表があり、従来のユニバーサルアナリティクスのデータ取得とサポートが2023年7月1日をもって終了することが明らかになりました。 ▲参考：アナリティクスヘルプ「ユニバーサル アナリティクスのサポートは終了します」 予めGA4の設定をしておかないと、過去のデータとの比較が困難になるため、まずはGA4でのデータ取得を行っておくことが重要です。 サポート終了まで、あとわずかなっており、まだ未設定のサイトは、早めの準備を推奨致しま
セールスフォース・ドットコムからのお知らせ
セールスフォース・ドットコムは、お客様のデータのセキュリティがお客様のビジネスに不可欠であることを理解しており、データの保護には細心の注意を払っています。 当社では、アクセス制御の権限設定について、認証されていないユーザ（以下「ゲストユーザ」）に対して意図した以上の情報にアクセスを許可してしまう可能性があることに懸念を持たれているお客様がいらっしゃることを認識しております。この潜在的な問題は、コミュニティ、Salesforce サイト(旧 Force.com サイト)、および Site.comのサイト上に構築する公開サイト機能をご利用のお客様にのみ発生する事象です。 これは、Salesforce プラットフォーム固有の脆弱性に起因するものではなく、お客様のアクセス制御の権限設定が適切に行われていない場合に発生する可能性があります。 すでにコミュニティならびにサイトをご利用のすべてのお客様に
YouTubeにあるライブコーディング動画を見て Rust を学ぼう
この記事は Rust Advent Calendar 2020 2日目の記事です。 1日目は Rust で競技プログラミングの作問支援ツールを作った話 （@kobae964 さん） 3日目は Rustの日本語書籍紹介 （@dalance さん） ライブコーディング動画の良さ こんにちは、@magurotuna です。 みなさん、ライブコーディング動画はご覧になりますか？僕は結構頻繁に見ていて、たとえば寝る前、例えば作業用BGM代わりに垂れ流す、といった感じで視聴しています。 熟練のエンジニアによるライブコーディングを見ることで、彼ら/彼女らが 何を考えながらコーディングをしているのか どのような順番で順番でコーディングするのか エディタ、ターミナルをどのように操っているのか ドキュメントをどのように読んでいるのか など、数多くのことを学ぶことができます。 もちろん上記に加えて、取り上げられ
Spannerを解説したら講義になった話 | iret.media
はじめに Qiitaにこんな記事が上がりました 2020年現在のNewSQLについて – Qiita NewSQLについてアーキテクチャから詳しくまとまっていて 理解しやすい素晴らしい記事だと思います。 社内のSlackでも共有したのですが、 この辺の話は 古くからあるモノリシックなRDBMSが生まれて スケールアップの限界との戦い データベースをどうスケールアウトするかの時代が訪れて、 分散コンピューティングの問題にぶち当たる という、 『歴史を理解してはじめてCloud Spannerの凄さを理解できる』 と思ったので もっと補足説明がいるんじゃないかと思い、社内でLTしました。 また、自分はDataBase周りの知識が弱いと思っているので、 補強のためにもまとめてLTを…とおもったら、 前後編で２回に分けて３０分語るという発表だったので、 もう講義じゃんって言われたし思いました。 W
My terminal became more Rusty 🦀 – Mahmoud Ashraf
My terminal became more Rusty 🦀 As a Software-Engineer I spent most of the time inside my terminal, So I need for that a fast terminal with fast tools to speed up my productivity. The tools written in rust help me to achieve that. let’s see in this article those tools. tl;dr alacritty A cross-platform, GPU-accelerated terminal emulator starship 🌌 The minimal, blazing-fast, and infinitely customi
Nx: Angular+Nest.jsアプリをDockerビルドする | Marginalia
本稿では Nx を使ったAngular+Nest.jsのmonorepoアプリケーションを単一のDockerイメージとしてデプロイ可能にする手順を記す。 サンプルコードの最終的な状態は以下のリポジトリに公開している。 https://github.com/lacolaco/nx-angular-nest-docker-example 0. 背景一般的にはSingle Page Applicationのクライアントとサーバーは別のコンテナとしてデプロイされNginxなどで静的ファイルへのリクエストとAPIリクエストを振り分けることが多いが、今回はあえて単一のDockerコンテナでHTTPサーバーを立ち上げ、そのサーバーから静的ファイルとしてクライアントをサーブする。 なぜかというと、今回はGoogle Cloud Runにアプリケーションをデプロイすることが目的だからだ。Cloud Runに
useEffect完全ガイド
あなたは Hooks を使って複数のコンポーネントを書きました。ちょっとしたアプリも作ったことがあるでしょう。満足もしている。API にも慣れて、その過程でコツも掴んできました。しかも重複したロジックを転用できるよう Custom Hooks を作り、同僚に自慢して見たり。 でも useEffect を使う度、いまいちピンときません。class のライフサイクルとは似ているけど、何かが違う。そしていろんな疑問を抱き始めます。 🤔 componentDidMount を useEffect で再現する方法は？ 🤔 useEffect 内で正確に非同期処理を行う方法とは？ []ってなに？ 🤔 関数をエフェクトの依存関係として記すべき？ 🤔 非同期処理の無限ループがたまに起こるのはなぜ？ 🤔 古い state か props がエフェクト内にたまに入るのはなぜ？ 私も Hooks を使
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
Node.jsの非同期I/Oについて調べてみた
こんにちは、本記事は リクルートライフスタイル Advent Calendar 2019 13 日目の記事です。今日は sadnessOjisan がやっていきます。この記事では Node.js の非同期 I/O について調べたことを紹介します。 調べようと思ったきっかけは、先日の JSConfJP で Wrap-up: Runtime-friendly JavaScriptというランタイムレベルでの最適化を解説したセッションを見て Node.js の理解を深めたいと思ったからです。私は Node.js でのコーディングは多少経験がある程度なので、まずは Node.js の大きな特徴である非同期 I/O からキャッチアップすることにしました。 Node.js の大きな特徴 Node.js は公式の説明を借りると、スケーラブルなネットワークアプリケーションを構築するために設計された非同期型の
webpackで開発用/本番用の設定を分ける - Qiita
root/ ├ dist/ │ └ ビルド後のファイル ├ src/ │ ├ css │ └ js 等 ├ webpack.config.js └ package.json // pathとかpluginとか const path = require('path') module.exports = { entry: { // エントリポイント app: ... }, output: { // filenameとかpathとか path: ... , filename: ... }, module: { rules: [ // loaderの設定 { test: ... , loaders: [ ... ], } ] }, devServer: { // webpack-dev-server用の設定 }, plugins: [ // プラグイン設定 ] } "scripts": { "bu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebook London に入社することになりました
Google Cloud Whitepapers | Google Cloud
system-design-primer/README-ja.md at master · donnemartin/system-design-primer
「『はたらく』へのトビラ～ワークルール20のモデル授業案～」｜確かめよう労働条件：労働条件に関する総合情報サイト｜厚生労働省