TypeScriptではtype alias syntax（型エイリアス構文）とinterface declaration（インターフェース宣言）を使って型を定義できます。 おおよそ両者同じことができるので、どちらを使うか迷います。 両者の使い分けに関する記事は沢山あります。 これらの記事を読んで基本的にはtypeを使えば良いと思っていました。 ですが最近以下のことがあり、typeとinterfaceの使い分けがわからなくなってしまいました。 typeよりもinterfaceの方がコンパイルのパフォーマンスが良いという話を耳にした。 interfaceしか使えない特定の機能を知った。 そこでtypeとinterfaceの違いを学んで、どう使い分ければよいかを整理しました。 type, interfaceそれぞれのメリット typeのメリット interfaceで表現できないことが表現できる

「Duolingo Max」が日本上陸！GPT-4／GPT-4oを活用した「リリーとビデオ通話」機能が新たに登場！キャラクターの性格に合わせてAIモデルをトレーニング　”本格的でリアルな” 没入型の英語学習を実現 世界で最も人気のある語学学習アプリDuolingo（本社所在地：Pittsburgh, USA、以下「Duolingo」）は、生成AIを搭載した新プラン「Duolingo Max」を、日本語話者ユーザー向けに提供開始いたしました。「スマート解説」と「ロールプレイ」に加え、キャラクターであるリリーと自由な会話を楽しめる「リリーとビデオ通話」が新しく登場しました。AIモデルに訓練されたキャラクターパーソナリティ、発話に合わせた口の動きや表情、会話の記憶により、自然で没入感のある英会話が楽しめる、新しい学習体験です。 Duolingo Maxは、OpenAI社のGPT-4を活用し、20

これはなに ども、レバテック開発部のもりたです。 今回はMySQLでのスロークエリログについて調査してまとめました。 スロークエリログといえば古くからパフォーマンスチューニングの力強い味方といったふうに語られることも多いですが、最近はクラウドで使える便利なツールも生まれています。この記事ではスロークエリログの一般的な使い方を紹介するとともに、他のツールとの比較や、どんな場面でスロークエリログが役に立つのか、また役に立たない場合はどんなツールを利用することができるのかについてまとめました。 足りないところなどあればおおいにマサカリ投げていただけると幸いです。 記事の流れ 記事の流れ この記事はそこそこ長いので、初めに記事の流れを解説します。適宜読み飛ばしてください。 なぜスロークエリログなのか ここではそもそもスロークエリログをなぜ確認したいのかみたいなところを説明します スロークエリログの

今回はReactが初回マウントされるまでの実装を私自身が学習した流れに沿って解説したいと思います。「React Internals Deep Dive」というブログ記事がReactの内部実装を知るのに大変参考になります。 また、「React Internals Explorer」を使うとReactが実行するプロセスを視覚的に理解することができるため、大変おすすめです。 はじめに 本記事では以下の構成に従って解説をしていきます。 前提として理解するべき要素 FiberNodeの種類 4つの実行フェーズ currentとworkInProgress Trigger フェーズの実装 Render フェーズの実装 Commit フェーズの実装 初回マウントに関する内容は主にこちらのブログを参照しています。 なぜ初回マウントに限定するのか 今回はReactの実行の中でも初回マウントに限定して解説をし

メディア統括本部 サービスリライアビリティグループ（SRG）の鬼海雄太（@fat47）です。 #SRG（Service Reliability Group）は、主に弊社メディアサービスのインフラ周りを横断的にサポートしており、既存サービスの改善や新規立ち上げ、OSS貢献などを行っているグループです。 本記事は、MySQ

『ストロングゼロは飲む社会福祉』まことに上手いことを言った人がいるものです。 その言葉を初めてネットで目にした時、私はストロングゼロは卒業し、ペットボトルの焼酎を飲むようになっていましたから、その言葉の意味を理解するどころか、誰よりも体験していたと言えるでしょう。 つまり、毎日毎日飲んだくれていたわけです。一日の半分近くは酔っ払っていたでしょうか。それでも朝から飲むわけじゃありませんから、アル中とまではいかないでしょう。 でね、飲んでいる時に何度か考えたことがあるんです。 お酒が飲めなかったら、自分は一体どうなっていたんだろうって。 飲まない方にどういうことか説明申し上げますと、ストロングゼロやペットボトルの焼酎を飲むような人間はお酒に救われている、酔っ払うことで救われていると考えているのであります。 ですからそのような人間にとって、ストロングゼロは飲める社会福祉というわけです。 その福祉

ムーザルちゃんねるのムーです。今回は zaru さんと、Next.js のセキュリティについて話しました。 セキュリティについては様々あると思いますが、今回は以下の3点をピックアップして話しました。 Client Components の Props から露出する Server Actions の引数に注意 認証チェックをやってはいけない場所、やって良い場所 これらは、Next.js 入門者がうっかりとやってしまうリスクがあるものです。 このような罠は、アプリケーション自体は正常に動くので、知らないうちにはまってしまいますし、自力で気づくのも難しいものです。もしも知らないものがあれば、ぜひご確認ください。 楽しくて、安全な Next.js 生活をお送りください！ Client Components の Props から露出する これは、シンプルで当たり前といえば当たり前ですが、Client

はじめに こんにちは。都内でソフトウェアエンジニアをしているtomoriです。 突然ですが、Go言語でHTTPサーバーを実装する際、サーバーの終了処理を適切に実装できている自信はありますか？ 自分が開発に携わっているプロダクトでは、ほんの最近まで下記のような不適切な終了処理を行なっていました（話を簡単にするためにここでは panic を使っています）。 err := http.ListenAndServe(":8080", handler) if err != nil { panic(err) } HTTPサーバー実装のサンプルとかでよく見るやつですね。 これだとアプリケーション側で、いわゆる Graceful Shutdown ができておらず、実行環境にて不具合を引き起こす恐れがあります。 というわけで、最近それを修正したのでアウトプットとして記事にします。 Go言語でHTTPサーバーを

「英語講師の話す英語はわかるのに、ネイティブ同士の会話が聞き取れない」 「映画を英語字幕付きで見ていても、同じことを役者が話しているように聞こえない」 ある程度の英語力があるにも関わらず、ネイティブの話す英語が聞き取りにくく感じてしまう原因のひとつにリエゾン（リンキング）があります。 リエゾンとは言葉の音声変化のことで、ネイティブスピーカーの英語では自然に発生しています。 このリエゾンを意識できると、相手の英語がぐっと聞き取りやすくなるばかりか、自分でもスピーキングのときにより自然な発音ができるようになりますよ。 しっかりリエゾンを身につけて、リスニングもスピーキングも、自信を持ってできるようになりましょう！ 執筆者：Lin 小4までアメリカの現地校に通い、帰国後は「英語はネイティブ並みでしょう？」という周囲の誤解とプレッシャーゆえに、英語の勉強から遠ざかった過去あり。中途半端な英語力にコ

敵に回しちゃダメなやつだ。人型ロボ、カンフーを披露2024.05.25 18:00250,974 岡本玄介 敵に回しちゃダメなロボだ。 パルクールや忍者アクロバットが得意だった、Boston Dynamics（ボストン・ダイナミクス）社の二足歩行ロボット｢Atlas（アトラス）｣。引退直後に電動になった2代目が発表されましたよね。 あまりのモデルチェンジっぷりでまったくの別ロボになっていましたが…中国のUnitreeが、既視感のある人型ロボ｢G1｣をお披露目しました。 アトラス君のライバル出現か？ 寝ている状態からの雑技団的な起立は、｢アトラス｣への挑戦でしょうか？ Video: Unitree Robotics/YouTube腰から上が回転する感じも｢アトラス｣っぽいですし、人間が蹴ったり押したりして歩行の邪魔をするテストも、見覚えのある光景です。 まるで少林マスターしかし｢G1｣は棒術

私が産んだのは，かぐや姫か何かなんだろうか。 「７歳の七五三，こんなのはどう？」 娘の目の前に広げたのは，何日か前にネットオークションで一目ぼれして深夜に競り落とした反物で，白地に大きな鶴が飛び立っている意匠のクラシカルなもの。モダンな感じが，はっきりした顔立ちの娘にとてもよく似合うと思った。 ところが娘は一瞥するなり「とりは，ちょっと」と難色を示した。いろも，しぶいし，と付け加える。 「え？ダメ？素敵だと思うけど？」そういいながらも全く提案になびく気配のない娘の様子に私はすっかり驚いてしまった。というのも，娘が私の提案を断ったのがこのときが初めてに等しかったからだ。 「じゃあ，どんなお着物がいいと思う？」 七五三は，長男の５歳も，娘の３歳も私が衣裳を縫い上げた。本やネットを駆使しながら和装を縫うのは簡単なことではなかったが，仕上がったときの満足感にすっかり魅了されてしまった。子どもは２人

生成AIのビジネスへの利活用の一環として、AIプログラミング補助ツール「GitHub Copilot」の導入に踏み切る企業が増えている。ファッションECサイト「ZOZOTOWN」を運営するZOZOもその一つで、2023年5月に法人向けサービスである「GitHub Copilot Business」を全社導入した。 ZOZOには約500人のエンジニアが所属しており、その全員がGitHub Copilot Businessを利用できるようにした。一方で、AIツールの全社導入に当たっては、セキュリティや費用対効果など、検討すべき点も多い。ZOZOではどのような検討の結果導入に至ったか、同社のテックリードを務める堀江亮介さん（技術本部技術戦略部CTOブロック）が公開している外部向け資料からひもとく。 全社導入を進める際、ZOZOでは「セキュリティ上の懸念」「ライセンス侵害のリスク」「導入による費用

はじめに WAI-ARIA の読み方を答えられなかったので、 WAI-ARIA を学びなおす。 WAI-ARIA の読み方を答えられなかったそこのあなたも、この記事を読めばバッチリだろう。 ARIA とは ARIA とは、スクリーンリーダーのような支援技術に対して、各要素がどのような役割を持つものかを教え、支援技術が Web ページの内容をより正しく、より詳細に知れるようにするものだ。 ARIA を使うと、支援技術を使っているユーザに Web ページの適切な情報を伝えることができる。 ARIA を使う上で必要なのは、ロール、ステート、プロパティの3つだ。 これらについても説明しておく。 ロールとは ロールとは、role属性を使い、その要素に役割を与えるものだ。 ロールは不変でなければならない。どうしても動的にロールを変更したい場合は、ロールを変更したい要素とその子孫要素を削除し、それらを新

Atomic Design でいう Atoms に相当する、汎用コンポーネントについての小話です。次の様に Props 型定義を用意し、解説している記事をよく見かけます。<input />タグを使わずコンポーネント化している理由は style を施すためかと思いますが、このコンポーネントが受け取れる Props は限定的で、メンテナンスコストが高いためお勧めできません。 type Props = { value: string; onChange?: React.ChangeEventHandler<HTMLInputElement> onBlur?: React.FocusEventHandler<HTMLInputElement> } export const Input = ({ value, onChange, onBlur }: Props) => ( <input value=

カナダのフランソワ＝フィリップ・シャンパーニュ革新科学産業大臣が2024年2月8日に、多機能デバイス「Flipper Zero」の輸入、販売および使用を禁止する予定だと発表しました。 Canada to ban the Flipper Zero to stop surge in car thefts https://www.bleepingcomputer.com/news/security/canada-to-ban-the-flipper-zero-to-stop-surge-in-car-thefts/ Flipper Zeroは、電子ペット育成ゲームにRFID・無線リモコン・NFC・赤外線・Bluetoothなどさまざまな無線通信機能を合体させたオープンソースのマルチツールです。 Flipper Zeroにはほとんどの国や地域で合法的に使用できる機能しか搭載されていませんが、多機能

はじめに AWS KMS(Key Management Service)は暗号化/復号に利用する「鍵」を管理するサービスです。AWSの多くのサービスは暗号化機能を有していますが、暗号化に必要な「鍵」は、このKMS上で管理されています。 「管理」とは「鍵を安全に保管し、必要なときに、必要な相手に提供する」ことです。データは暗号化を行うことで保護されますが、暗号化に必要な「鍵」は自分で保護しなければなりません。ファイルとして自分のPCに保存しても良いですが、他のユーザやアプリケーションに鍵を利用させたい場合はどうでしょうか。ファイルとして鍵を渡してしまうと、相手は制限なく利用したり、複製する事が可能となってしまいます。 KMSでは、IAMポリシーによるアクセス許可や、Cloud Trailによる利用履歴のトレースなど、AWSの仕組みを利用した鍵の管理が実現出来ます。また、AWSのサービスだけで

この文章みてください。 オレはもう20年以上システム業界にいるけどな、その長い経験から言うと、オブジェクト指向なんてものは、理論としては面白いけど、およそ実用的とは言い難いものだな。まぁ、例えばGUIのコンポーネントとかはオブジェクト指向に基づいて作られているようだから、そういうツールとかを作る人には必要なものなのかもしれない。しかし君たちがいずれ作ることになる業務アルゴリズムにはまったく無縁のものだと思ってもらって間違いない。どうもこの業界、オブジェクト指向でなければダメ、というような風潮がまかりとおっているけどな、オブジェクト指向なんか本当に使っている人はほとんどいないよ。オレも少し勉強してみたけど、カプセル化とかポリ何とかとか、どうにも利点が理解できなかったね。実際、実業務で使ったことなどないしな…… 「またお前、オブジェクト指向の話をしてるのか」と思ったかもしれませんが、2010年

『饿殍：明末千里行』のデモ版2.0が公開されたのを記念して、日本語に対応している中国語のインディーゲームを取りあげてみました。ノベル/ADVを中心に後半には他ジャンルも加えています。 表紙イラスト：qiaominxu_橋茗旭（Pixabay, 生成AI） フォント：タイムマシンわ号　MODI工場 源泉圓體　ButTaiwan 近日登場（NVL/ADV） 电器街的咖啡店（電気街の喫茶店） 日本橋のメイドカフェをこだわりのドット絵で描くアドベンチャー/シミュレーションゲーム。４人のヒロインとともにメイド喫茶を経営し、時間が空いたら実在の企業看板がならぶ街中を散策しよう。小ネタがたくさん詰め込まれた画面は見ているだけでも楽しく、ガチャガチャのコレクションなどもできるようだ。上海でゲームバーを経営しつつ本作の開発を進めているという冒険者酒館については以下の記事が詳しい。

これまでもコンテナ関連の記事はそれなりに書いてきましたが、改めて最新事情に合わせて練り直したり見渡してみると、大きなところから小さなところまで選択肢が多すぎると感じました。 コンテナ系アーキテクチャを丸っと他所の構成で真似することって、おそらくほとんどなくて、参考にしつつ自分流に築き上げていくでしょうから、今回は築くにあたってどういう選択肢があるのかにフォーカスした変化系で攻めてみようと思った次第です:-) 目次 今年一発目の長いやつです。半分は学習教材用、半分は道楽なテイストです。 はじめに 基盤 インスタンス or コンテナ ECS or EKS on EC2 or FARGATE X86 or ARM64 ロードバランサー メンテナンス：ALB or ECS Service 共有 or １環境毎 アクセスログ：ALB or WEBサーバー ECS / EKS デプロイ：Blue/Gr