切り替える理由 自社の主力製品で利用している技術(WebRTC / WebTransport)がブラウザベースのため TypeScript を利用する Go を採用したのは sqlc が使いたかったという理由 sqlc-gen-typescript が出てきたのでもう Go を使う理由がなくなった 自社サービスチーム全員が Go にまったく興味が無い sqlc 自体は便利 そもそも自社に Go への興味がある人がいない 自社サービスの規模ではボトルネックになるのはデータベースであって言語ではない もしアプリでスケールが必要なときは Rust や Erlang/OTP に切り替えれば良い コネクションプールは PgBouncer を利用すればいい TypeScript からは 1 コネクション 1 接続で問題無い どうせフロントエンドでは TypeScript を書く 自社では React

Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して

元フルスタックエンジニア(死語)をやらせていただいていたものです。 JavaScript(TS)周りの進歩が凄く、あまりにもついていけていなかったので、気になったワードを片っ端から整理してみました。 それぞれに対する説明の正しくないものが含まれてしまっている可能性があります。 そんなところを見つけたときは優しく教えてくださると助かります。 各ツールの詳細というよりは、それぞれがどんな役割のものなのかを記載しています。 この記事が誰かの助けになれば幸いです。 調査・分類した言葉(技術)たち Hono Bun Deno Biome Vite Webpack Turbopack esbuild Babel SWC Prisma まず上記に上げたものが、どういった機能を持つものなのかもわかりませんでした。 それを整理すると以下になるようです。 JavaScript Runtime Deno Bun

かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の本質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、本当にプラットフォームに足りていなかったものと、それを補っていった経緯、本当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp

「自分の手取り収入っていくらなんだろう」 「年収が上がっても、自由に使えるお金がどれだけ増えるか分からない」 自分の年収や手取り収入が気になる瞬間ってありますよね。 年収と手取り収入の関係が分かれば、将来の出費や人生計画が立てやすくなると思います。 私も、例えば来月から給料が増えると分かったとき、それはもちろん嬉しいのですが「これでどれくらい手取りが増えるのか」がぱっと分からない事が不便だなと思っていました。これだと、どれくらい喜べばいいのかが分からないです。 実際に給料が増えたとき以外にも、「もし〇〇万円年収が増えたら～」のようなことを想像するときに、手取り収入がすぐにわかるような早見表や、税金をどれくらい払うかが分かるシミュレーションがあれば便利なのに、と思う方が多いと思うので、今回皆様に見ていただけるように実際に作成しました。 この記事では、サラリーマンの方を対象に、年収と手取りに関

ぼくはガールズバーやキャバクラの類に行ったことがいちどもない。なんならふつうのバーや居酒屋すらほとんどない。 そもそもお酒が飲めないし、人と話すのも苦手だからだ。ひとりでゲームで遊んでいたほうがよほどいい。 よく「いやなことがあったからキャバクラに行って気持ちを晴らす」みたいな話があるが、意味がわからない。いやなことにいやなことを重ねて、いったいなにが楽しいのか。 この『バニーガーデン』の主人公である乾田杯人（かんだはいと）は、会社をクビになってしまったらしい。 現実の日本であれば、退職勧奨はともかく、社員の解雇はよほどのことがないと難しい。推測だが、単なるミスのレベルではなく、信用した誰かにだまされて悪事の片棒をかついでしまった、くらいのことはありそうだ。 杯人の「クビを伝えられたときだって、上司さん泣いてくれてたもんな。君の力になれなくて申し訳ない、って。」というセリフからも、その可能

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

１日外出録ハンチョウ 福本伸行/萩原天晴/上原求/新井和也 地の獄・・！ 底の底・・！ 帝愛地下労働施設・・！ 劣悪な環境である地下にいながら「１日外出券」を使い、地上で贅の限りを尽くす男がいた・・！ その名は大槻・・！ E班･班長にして、１日を楽しみ尽くす匠・・！ 飲んで食って大満喫・・！ のたり楽しむ大槻を描く、飯テロ･スピンオフ・・！

巻頭言：SRE Magazineを始めました 書いた人：しょっさん（ @syossan27 ） SRE Magazineの発刊についての想いなどを書いてます。 ばばさんがお勧めする「SRE入門」と「SRE入門の入門」に効く書籍や文章 書いた人：ばば/netmarkjp さん（ @netmarkjp ） SRE入門に効く書籍や文章を紹介しています。 非常時の可用性をフィーチャーフラグで保つアイディア 書いた人：iwamot さん（ @iwamot ） アクセス急増などの非常時でも可用性を保つ手法に「緊急レバー」があります。この記事では、緊急レバーの実装にフィーチャーフラグを用いるアイディアを提示します。 SIEMってサイトの信頼性向上に寄与するの？ 書いた人：Yuta Kawasaki（ゆーた）さん（ @yuta_k0911 ） SIEM on Amazon OpenSearch Servi

みなさんはAWSのLambdaというサービスをご存じですか？ 恥ずかしながら、私は以前まで「Lambdaってバッチ処理するだけのサービスでしょ？」としか思っていませんでした。 あるとき何となくLambdaに関して調べていたところ、Lambdaをシステム開発で利用するうえで知っておくべき概念・知識・テクニックが想像以上に多いことに気づきました。 そのため、本書に私が得た知識・感じたこと・学んだことのすべてを詰め込みました。 中には「知らなかったら危なかったかも..」・「知らなかったらエラーを起こしていたかも..」というような部分も多くありました。 Lambdaに対する知識を表面的な理解にとどめず、その裏側にある技術・設計思想・利用方法を体系的に学びたい方のために、本書は無料で公開させていただきます。 努力されている方の一助になれば幸いです。

ibiharu2024 @ibiharu1950 お子さんの英語が心配なご家庭へ。でも塾に行かせる経済的余裕がなければ、NHKのラヂオ講座をおすすめします。講師陣は日本でトップクラス、いつでも聞けます。経済的。是非、是非おすすめします。 2024-03-19 13:21:24 ibiharu2024 @ibiharu1950 少し前述の訂正。経済的余裕がなければ、の部分を、経済的余裕があってもなくても、とします。とにかく内容もいいので、コスパ云々ではなく、英語を鍛えたい、楽しみたい人には最適、最高です。 2024-03-24 16:17:16 ibiharu2024 @ibiharu1950 N大学文学部英語学英文学科卒業1974.同年県立高校教諭 2003N大学院英語教育専攻修了、2011定年退職。 現在　県立高校で非常勤講師。英語教師５1年目。英語と英語教育について考えていきます。時に

Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。

前に「働きながら大学に行く意味」ってエントリを書いた増田です。久しぶり。 無事働きながら大学を4年で卒業できたので報告しにきた。とても有意義な時間を過ごせたと思う。 教員の方々は真剣にやり取りをしてくれる方々が多くて、いろいろ訂正されたりするのすらなんか楽しかった。入学当時と比べると3倍くらい賢くなれたんじゃないかな。 自分一人では学ぼうと思えないような科目を取る機会も多くて、多くの知見を得られた4年間だった。 働きながらでも受けることができる教育機会を提供してくれた大学には本当に頭が上がらない。 おかげで今からでも勉強して、なりたい人になろうとしていいんだみたいな気持ちを持てた。 前に書いた記事にコメントくれた人たちもありがとう。なんかたまに見返して嬉しくなってた。 振り返ると楽しいことも多かったけど、4年は長くて、生活とか仕事とか体調とか、いろいろうまくいかなくなることも多かった。 け

Amazon Web Services ブログ サーバーレスマイクロサービスを構築するための設計アプローチの比較 AWS Lambda でワークロードを設計すると、コードレベルでもインフラレベルでも表現できるモジュール性のために、開発者に疑問が生じます。また、コードを実行するためにサーバーレスを使用するには、基盤となる機能コンポーネントからビジネスロジックを抽出するためのさらなる検討が必要です。この意図的な関心の分離により、堅牢なモジュール性が保証され、進化的なアーキテクチャへの道が開かれます。 この投稿は同期ワークロードに焦点を当てていますが、他のワークロードのタイプでも同様の考慮が当てはまります。API の境界を特定し、コンシューマと API について擦り合わせた後、その境界と関連するアーキテクチャを構成します。 Lambda 関数を使用して API を構成する最も一般的な 2 つの方

SPF レコードで許可されている IPアドレスの実態がクラウドやプロキシ等の共用サービスのものであるケースは多く、それらの IPアドレスが第三者によって利用できる可能性があることを悪用し、SPF 認証を pass、結果的に DMARC 認証まで pass して詐称メールを送信できてしまうことを指摘した論文が公開されています。 この論文では、上記のような SPF の脆弱な展開に対する攻撃手法を BreakSPF と呼び、関連するプロトコルや基盤の実装に対する分析と共に、その内容が体系的にまとめられています。 本記事では、その論文を参照しながら、簡単に概要をまとめておきます。 補足事項 (2024/3/5) 本記事につきまして、(当サイトとしては) 多くのアクセスいただいているようで (ちょっとビビってま) す。まことに大変ありがたいことに色々とシェアいただいたりしたようです。 そこで、記事の

import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div className="App"> <h2>About</h2> <Nav /> </div> ); } function App() { return ( <> <Switch> <Route path="/" compo

※ 画像は Hololive 公式サイトからお借りしました。 Gawr Gura ちゃんかわいいですよね。 Gawr Gura ちゃんは Hololive の VTuber の一人です。英語圏向けのVTuberグループ Hololive EN に所属していて、英語でゲームを実況したりしています。 デビュー当初からずっと追っています。しかし残念なことは、英語を喋るので、何を言ってるのか聞き取れないことです。 英語の勉強に取り組み始めたきっかけは「Gawr Gura ちゃんの言うことを理解したいから」でした。 学習開始時の英語力 英検2級 TOEIC 545 これまで英語は学生時代の受験のタイミングでしか、取り組んだことはありませんでした。また決して得意だったというわけではありませんでした。 確か就職活動時にTOEICを受けたことがあります。ちょこっと過去問対策をした上で受験して、たしかスコア

SaaS をアーキテクトをするにあたって、どのような事を考えればよいのか？をまとめました。