こんにちは。Eight事業部の古本です。Eightで"企業向けプレミアム"という企業内で名刺を共有できるサービスのサーバーサイドの開発・運用を主に行っています。 その企業向けプレミアムですが、去る2020年5月にバージョンアップが行われました。 そこでEightの中では初めてGraphQLを取り入れてAPI開発を行いました。 EightではRailsを採用しているためAPIといえばREST形式で書かれています。 そんな中で方式が異なるGraphQLを採用するということは、当初思い描いていた以上に様々な課題がありました。 この記事では、そこで起きた様々な課題とそれに対するアプローチや解決策などサーバーサイドの目線から述べたいと思います。 なぜGraphQLを導入することにしたのか 細かな理由はいくつかありますが、主に解決したかった課題は以下の2つです。 これ以上エンドポイントを増やしたくなか

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation Free and open source All packages have MIT license, you can use Mantine in any project

CI providers like webapp.io, GitLab, TravisCI, and Shippable are all worsening or shutting down their free tiers due to cryptocurrency mining attacks. On September 1st, 2020, GitLab announced that their free CI offering was being restricted in response to "usage." Two months later, TravisCI announced that a similar restriction in response to "significant abuse." Concurrently with these pricing cha

Node.jsの新LTS版となる「Node.js 16」正式リリース。Apple M1チップ対応、JavaScriptエンジン「V8 9.0」搭載など新機能 Node.js 16は6カ月後から「アクティブ」なLTSになる Node.jsは半年ごとにメジャーバージョンアップが行われますが、そのうち偶数のバージョンがLTS（Long Term Support）版と呼ばれる長期サポート版となります。LTS版は、30カ月のあいだ重要なバグが修正されることが保証されています。 今回のNode.js 16は偶数バージョンであるため、LTS版となります。 ただしリリースから6カ月間は、まだ1つ前のLTS版であるNode.js 14が「アクティブ」なLTS版です。6カ月後の2021年10月になると、今回リリースされたNode.js 16が、Node.js 14に代わって「アクティブ」なLTSへと移行。そこ

2021/04/20にリリースされたNode.js v16の主な変更点を紹介します。 nodejs.org M1 MacでもNode.jsが使えるようになります V8 v9.0 Atomics.waitAsync RegExp match indices Timers Promises APIが安定版になりました fs.rmdirのrecursiveオプションがDeprecatedになりました Node.js v15の機能がLTSとして使えるようになる 最後に 参考記事 変更履歴 M1 MacでもNode.jsが使えるようになります Node.js v16.0.0は、Apple Silicon、いわゆるM1チップと呼ばれるAppleの新しいチップに対応したNode.jsの実行ファイルが公式で配布される最初のバージョンになります。 v15.xでもソースコードからのビルドでM1 MacでもNo

橋田遼平さん（仮名・45歳・AV監督）の腕には、白い天然石の数珠が巻かれていた。聞けば、ミルキーリビアングラスというパワーストーンで、とても希少な石らしい。 「これは3万円前後で購入しました。ヒーリング効果が期待できるらしいです」（橋田さん） 「ファッション性よりも、石の効果を期待して選んでいます。実際、経営者のパーティーに行くとほぼ全員が何かしらの数珠をつけてますね。パワーストーンの意味を知ると、石の種類によって“その人が今欲してるもの”がわかるので、結構おもしろいですよ。たとえば、金運アップにつながる『タイガーアイ』という石が連なった極太の数珠を巻いてる場合は、よっぽどお金が欲しいんだろうなとか考えちゃいますね」 顔ではすましていても、石を見れば相手の欲望がわかる、と橋田さん。中年男性のなかでも、富裕層が数珠にハマる理由をこう考察する。 「やっぱり、石に何かしら効果を感じてるから買い続

こんなツイートが回ってきました。 パクってる人がめちゃくちゃちゃんとした人でおもしろかった pic.twitter.com/0oW4siPxzJ — レンタルなんもしない人 (@morimotoshoji) April 17, 2021 真似する人が多すぎるのでライセンス料をとることにしました pic.twitter.com/8XnWcsPGnj — レンタルなんもしない人 (@morimotoshoji) September 2, 2019 ご自分で始められたサービスですし、現在もご自分で営まれているようですから商標ブローカーとまでは言いませんが、 ドラマホリック見てたので、まぁなんというか非常に残念です。 ２つめの３０万円要求してるのは商標登録前のことみたいですが。 で、まずは対象の商標登録を見てみます。 登録6269072(商願2019-120042) https://www.j-p

インディー系のゲームを遊んでいてしみじみと良いなと思うのは、内容が必要以上に重厚長大にならず、「サクッと終わる」ゲームがいくつも存在するということだ。 数十時間、ときには数百時間、ヘタをすれば数千時間という時間を一つのゲームに注ぎこむこともそれはそれで悪くはない。インディー系と雑にくくってしまったが、湯水のごとく時間を吸い取るインディータイトルだって数多く存在する。その時間を使ってちょっとした資格の一つも取れたのでは……と思うことだってなくはないが、それでも人生の一部を投じて得たゲーム体験とその記憶は何物にも代えがたい宝物だ。 とはいえ、そんな人生の一部をささげるゲームを何本も遊んでいてはいよいよ人生そのものをささげかねないし、世界中を旅して回るかのような膨大な時間と労力を費やすゲームばかりではなく、気分転換にサッとその辺をブラつくお散歩のようなゲームだってしたくなる。それが人の心というも

Today we’re excited to announce our Beta of TypeScript 4.3! To get started using the beta, you can get it through NuGet, or use npm with the following command: You can also get editor support by Downloading for Visual Studio 2019/2017 Following directions for Visual Studio Code and Sublime Text. Let’s dive in to what TypeScript 4.3 brings! Separate Write Types on Properties In JavaScript, it’s pre

こんにちは。しなもんです。 今回は自分用のメモを兼ねて、無料で入手できるセキュリティ分野の定期発行物をまとめます。 注意点 日本の公的機関 海外の公的機関 日本の企業 海外の企業 週次まとめ 注意点 ・私が認知しているものに限るので、網羅性はあまりありません。 ・年次レポートだけを出している会社は挙げだすときりがないのでほとんど割愛しています。 ・海外の CERT 系は探せばもっといろいろあると思いますが、これもきりがないのでほぼ挙げていません。 ・リンクはなるべく記事の一覧ページにしていますが、ない場合は本記事執筆時点での最新版のページにしています。ご覧になった時点ではより新しい版が出ていることがあります。 日本の公的機関 情報セキュリティ白書 (IPA) www.ipa.go.jp 発行頻度：年次 各省庁などが発行している「なんとか白書」の情報セキュリティ版です。 インシデントの状況や

OAuth2OAuth2 Implicit Grant and SPAEverything you always wanted to know (but were afraid to ask) The OAuth2 working group published a new general security best current practices document which recommends a new approach for using OAuth2 to invoke API from JavaScript in Single Page Applications (SPAs). Namely, it suggests to use the authorization code grant with Proof Key for Code Exchange (PKCE) to

オフェンシブセキュリティ部の山崎です。サーバサイドレンダリング（SSR）の導入によってSSRFが発生する問題を見つける機会があったため、本記事では実例を交えながら紹介したいと思います。 サーバサイドレンダリング（SSR）とは？ 本記事で扱うSSRとは「サーバ上でHTMLを出力すること」を指しています。ただしerbやjspのようなテンプレートからHTMLを出力するのとは異なり、一般的には以下のようにクライアントサイドレンダリング（CSR）の文脈で使われることが主です。 近年のVue.jsやReactを代表するようなWebフロントエンドフレームワークはブラウザ上で動的にDOMツリーを構築して画面を描画（CSR）するのが主流となっています。これによってページ遷移を挟まずユーザ体験のよいシングルページアプリケーション（SPA）が作ることができるというメリットがあります。 ただ、単純なSPAにはデメ

404このページはすでに削除されているか、URLが間違っている可能性があります。

みなさん、React のConcurrent Mode使っていますか？　まだという方もまだまだ遅くはありませんのでご安心ください。 この記事では、Concurrent Mode API の一つであるSuspenseListを使って、Core Web Vitalsの一つである Cumulative Layout Shift (CLS) の発生を抑制する方法を紹介します。 SuspenseList とは SuspenseList は React に組み込みのコンポーネントで、複数のSuspenseコンポーネントを子として持ち、それらが表示される順番を制御する機能を持ちます。Suspense についても一応復習しておくと、これは「内部でサスペンドしたコンポーネントがあった（＝中身がまだ読み込み中である）場合は中身の代わりに指定されたフォールバックコンテンツを表示する」というコンポーネントであり、

TypeORMのmigration利用方法について取り上げます。まず、Entityからmigrationを生成して、migrationを実行する一連の流れ確認をします。その後、「型指定の方法」「リレーション定義の方法」を確認します。 migration作成 & 実行の流れ Entityを作成 ( typeorm entity:create ) $ npx typeorm entity:create --name Test Entity /typeorm_sample/src/entity/Test.ts has been created successfully. 以下Entityが作成されました。 $ cat src/entity/Test.ts import {Entity} from "typeorm"; @Entity() export class Test { } Entityを

Implicit TransactionsMikroORM allows handling transactions automatically. When you call em.flush(), all computed changes are wrapped inside a database transaction. DRY EntitiesUses source code analysis so you do not have to repeat yourself when defining entities. Simply define correct TypeScript types and you are good to go!