Next.js って App Router が出てきて平和じゃなくなったよね
背景 Next.js に App Router が導入されてから1年近くが経ちました。しかし、未だに App Router を前提として設計のベストプラクティスが定まっておらず、身近なフロントエンドエンジニアはみな「まだプロダクトに取り入れるには考えることが多いよね」という共通認識のまま止まっているような気がしています。 また、App Router が導入されるまでは、技術選定の無難な選択肢として Next.js が最有力でした。しかし、現在は App Router の設計のプラクティスが未発達なことや、オーバースペックであるという見方が出てきており、検討しなければならないことが多くなったように感じます。 そうした中で、ではその懸念というのはどのようなものがあり、導入しずらい要因に何があるのか、というところが、今回執筆を行う上での背景になります。 App Router導入で考えないといけな
【音声付き】英語の発音記号一覧｜英語の「音」に挑戦してみよう！
上の例の場合、「l」のあとのスペルが「aw」か「ow」かによって発音が変わります。それを示しているのが、発音記号の「ɔ́ː」と「óu」です。 発音記号を知らず、また「ɔ́ː」と「óu」それぞれの正しい発音を身につけていないと、「law」と「low」を聞き分けることも、話し分けることもできません。「法律」と「低い」は意味がまったく異なる単語なので、正しい発音を知らなければコミュニケーションがスムーズに取れない可能性もあります。 逆にいえば、英語の音のルールを知ったうえで、しっかり身体に覚えさせることができれば、年齢や学習経験に関係なく、発音は飛躍的によくなります。そして発音をマスターすれば、相手の話す内容を正しく聞き取ったり、自分の言いたいことを明確に伝えたりしやすくなるはずです。 次章以降では、発音をマスターするための第一歩として、「英語にはどのような発音記号があるのか？」「それぞれの発音
神宮外苑再開発問題の（右翼でも左翼でもない人向け）決定版まとめ｜倉本圭造
都知事選の争点になって再度人々の注目を集めている外苑再開発問題ですが、「強引な反対派」の無理のある主張が否定される言論が共有されるようになったはいいものの、なんだか今度は「神宮の私有地なんだよ！これだからアホの左翼どもは！」みたいなちょっと問題のある押し切り方もたくさん聞こえるようになってきて、実際どういうことなのかがわかりづらくなってると思います。 というわけで、過去に何度かコレに関する記事がバズって、TBSの討論番組にも呼ばれた私がこの問題の現在地や、これに限らず日本の再開発をどうしていったらいいのか？という話について掘り下げます。 今月末は都知事選候補3人についての記事をアップしており、先ほどアップした以下の石丸さんについての記事 とあわせてお読みください。 小池さん、石丸さんにつづく、蓮舫さんに関する記事の代わりでもあると思っていただければと思います。 （いつものように体裁として有
知らないとあぶない、Next.js セキュリティばなし
ムーザルちゃんねるのムーです。今回は zaru さんと、Next.js のセキュリティについて話しました。 セキュリティについては様々あると思いますが、今回は以下の3点をピックアップして話しました。 Client Components の Props から露出する Server Actions の引数に注意 認証チェックをやってはいけない場所、やって良い場所 これらは、Next.js 入門者がうっかりとやってしまうリスクがあるものです。 このような罠は、アプリケーション自体は正常に動くので、知らないうちにはまってしまいますし、自力で気づくのも難しいものです。もしも知らないものがあれば、ぜひご確認ください。 楽しくて、安全な Next.js 生活をお送りください！ Client Components の Props から露出する これは、シンプルで当たり前といえば当たり前ですが、Client
きのこ香るビーフカレー
作り方 玉ねぎは薄切りにする。まいたけとぶなしめじは小房に分けて、それぞれ半量ずつに分けておく。エリンギは長さを半分に切ってから、食べやすい大きさに手でさき、しいたけもさいておく。 フライパンにオリーブ油（大さじ２・１／２）、軽くつぶしたにんにくを入れて弱火で熱し、にんにくが色づいて香りが出たら、（１）の玉ねぎ、まいたけとぶなしめじの半量、エリンギ、しいたけを加えて、弱火のまま、きのこがしんなりするまで焦がさないようによく炒め、厚手の鍋に移す。 フライパンにオリーブ油（大さじ１／２）をたし、牛肉を加えて表面が色づく程度焼く。 （２）の鍋に水と（３）の牛肉を加え、沸騰したらあくを取り、弱火～中火で約１５分煮込む。 いったん火を止め、ルウを割り入れて溶かし、再び弱火で時々かき混ぜながらとろみがつくまで約１０分煮込む。 （１）の残りのまいたけとぶなしめじをボウルに入れ、薄力粉と塩を加えて全体にま
【超特報】東京プロジェクションマッピング実行委員会へ開示請求をした！｜taka1984
今回は、こちらの記事に関わることの続報です。 【特報】東京都プロジェクションマッピング関係を開示請求｜taka1984 (note.com) この時、東京都産業労働局観光部から、契約関係は東京プロジェクションマッピング実行委員会なので、開示対象から外されて開示等決定されました。 その後、私はプロジェクションマッピングの入札関係の行政文書が何かあるのか探していたら次のような文書をネットで見つけました。 令和５年度委託仕様書 令和５年度企画提案募集要領 令和６年度委託仕様書 令和６年度企画提案募集要領 これらの決裁文書を指定して東京都知事あてに再度開示請求しました。 そしたら、電話が来てこれらの決裁文書は東京プロジェクションマッピング実行委員会が決裁しています。つきましては、一度東京都知事あての請求を取り下げていただき、「東京プロジェクションマッピング実行委員会」にあて先変更していただきたいと
【特報】東京都プロジェクションマッピング関係を開示請求｜taka1984
今回は、都政の中でも注目のこちらを開示請求しました。 もはや、都政の愚策中の愚策ともいえる、プロジェクションマッピング関係の開示請求を行いました。 決定に先立ち、実施担当課から次のような予告されていました。 １、今回お出しする資料は、７億円の部分の使途が分かるものであること。 ２、実施事業者との契約は、「東京都プロジェクションマッピング実行委員会」がおこなっているので、今回の請求から対象が外れる。 との2点が予告されていました。 ２に関しては、不満はあったのですが、この結果を受けて都民がどう思って夏の都知事選挙でどのように投票を判断するか、判断材料にしていただければと思います。 決定通知一覧 ざっと見る限り、該当した資料はほとんど出てきたような感じがします。この時点で分かるのは、「ゴジラ」が主力コンテンツだったようです。 開示資料はこちらからご覧ください 開示資料の一部を紹介（今回は多めで
【疑惑の県警】報道機関を強制捜査し、内部告発した取材源を特定！鹿児島県警「前代未聞の暴挙」は憲法違反だ｜SlowNews | スローニュース
【疑惑の県警】報道機関を強制捜査し、内部告発した取材源を特定！鹿児島県警「前代未聞の暴挙」は憲法違反だ 報道機関に警察が捜索に入って取材資料を差し押さえ、それを端緒に、報道機関の取材源を特定して逮捕する、などということは、言論の自由を保障する民主主義国では通常ありえません。社会における公共情報の流通を大きく萎縮させて、民主主義を機能しづらくすることになるのが明らかだと考えられてきたからです。実際、現憲法下で独立して以降の日本の捜査当局は、そうした手法を用いるのにこれまできわめて抑制的でした。ところが、鹿児島県警がいま、おそらく戦後日本で初めて禁を破り、それをやってのけつつあります。 今回、公益通報（内部告発）制度に関する研究に取り組み、多数の著作もあるジャーナリストで上智大学教授の奥山俊宏さんが、緊急に寄稿しました。 報道機関に強制捜索の異常事態…最初は別の警察官の事件だった福岡市を拠点に
既存のアプリケーションからAkkaを切り離して大幅なコスト増を回避する - Chatwork Creator's Note
みなさん、こんにちは！Chatworkの原田 (@shinharad) です。 今回は、私が最近取り組んでいる、既存のScalaアプリケーションからAkkaの依存を切り離す準備を進めている話を書こうと思います。Akkaの切り離し方は色々あると思いますが、一つの方法として参考にしていただければと思います。 なお、現時点ではAkkaを切り離すことでコスト面での効果が最も大きいアプリケーションを対象として進めています。今後他のアプリケーションも同様にAkkaを切り離すかどうかは、状況を見ながら判断していくことになりそうです。 Akkaを切り離すに至った背景 Akkaは、並行・分散システムの構築をサポートするツールキットで、弊社ではこれまで多くのScalaアプリケーションで採用してきました。Akkaのエコシステムは包括的かつ強力で、Web APIやストリーム処理、分散処理など、アプリケーションの特
全文「本部長が隠ぺいしようとした」“不祥事告発”後に逮捕 鹿児島県警元幹部の証言
今回、職務上知り得た情報が書かれた書面を、とある記者の方にお送りしたことは間違いありません。私がこのような行動をしたのは、鹿児島県警職員が行った犯罪行為を、野川明輝本部長が隠蔽しようとしたことがあり、そのことが、いち警察官としてどうしても許せなかったからです。 野川本部長は、令和4年に赴任されました。野川本部長は、独断ですべてを決められる方で、我々の考えを本部長に提案しても、本部長の一存で否定されることが多く、多くの職員が疲弊し、考えても無駄だという雰囲気が広がっていきました。 そんな中、令和5年12月中旬、枕崎のトイレでの盗撮事件が発生しました。この事件で、容疑者は、枕崎署の捜査車両を使っており、枕崎署の署員が容疑者であると聞きました。 この事件は、現職の警察官の犯行ということで、野川本部長指揮の事件となりました。 生活安全部長として、この事件の報告を受けた私は、現職の警察官がこのような
戸籍の写しの取り寄せで214年前まで感慨深く辿っていく - Really Saying Something
三行まとめ 青森県にいる先祖の戸籍謄本（除籍謄本）の写しを集められるだけ集めた 一番古い先祖の生年が1810年だということがわかった 戸籍を通じて、「自分は人類のデータの一部だ」と思うようになった この記事は長いです だいぶ長くなってしまいました。新聞記事方式を取り、途中で脱落してもいい仕組みにしています。 三行まとめ この記事は長いです 取り寄せることができた戸籍の写しについて なぜ突然先祖の戸籍の写しを集めようと思ったか（行動の背景と目的） 背景その1と目的：戸籍の広域交付制度が始まった 背景その2：私が子孫の終点だ！（直系で） 戸籍をさかのぼってみた 父親の父母より上 五世の祖父より上 母親の父母より上 五世の祖父より上 たどれる中で一番上の世代 たどれる中で一番古い生まれ 戸籍謄本（除籍謄本）を取り寄せる一例 まずは祖父母の戸籍から 祖父母の戸籍から一気にさかのぼれることが多かった
『ドメイン駆動設計をはじめよう ―ソフトウェアの実装と事業戦略を結びつける実践技法』が出版されます - Magnolia Tech
ドメイン駆動設計をはじめよう ―ソフトウェアの実装と事業戦略を結びつける実践技法 作者:Vlad KhononovオライリージャパンAmazon 2021年にO'Reilly Media, Inc.から出版された「Learning Domain-Driven Design」の待望の日本語訳『ドメイン駆動設計をはじめよう ―ソフトウェアの実装と事業戦略を結びつける実践技法』がついに出版されます。 www.oreilly.com 訳者は、増田 亨さん！！ 2020年代に、ドメイン駆動設計を学ぶための最初の入り口としてどの本を読めば良いかは、かなり悩ましい...というのはよく言われるのですが（元祖のエバンス本はさすがにだいぶ古くなってきたし、回りくどい表現も多いし...）、そんな時におすすめできる1冊です。 2021年に原著が出版された時に買ってざっと読んでいたのですが、パート1で戦略的DDD（
『（ある程度は読めるが）喋れない、聞けない』から、『TOEIC 815点（
『（ある程度は読めるが）喋れない、聞けない』から、『TOEIC 815点（リスニング420点）まで、5時間ｘ10か月＝1500時間』 大学受験で英語が得意科目だったのははるか昔。喋れない、聞けないから脱却の必要があり、10ヶ月の猛勉強で、さほど苦労なく英語で世間話ができて、ニュースやTEDなら比較的楽に聞けるようになった。日常的に字幕なしの海外のYOUTUBEを見ているし、世界一人気があるというポッドキャスト『The Joe Rogan Experience』も、まだら状の理解ながら、テキストなしで楽しめるようになった。 僕の勉強量と成果のバランスが良いのかどうか、自信はない。勉強時間も、平均したら、一日5時間を大きくは超えないとは思うが、サボり気味だった期間もあり不正確である。 それだけの時間をかけたら、そりゃ、それぐらいにはなるわな、と思う方もいるだろう。 が、『TOEIC 815点』
【Azure AD】AWS Client VPN の SSO環境構築 - サーバーワークスエンジニアブログ
こんにちは、クラウドインテグレーション部 技術1課 宮形 です。 先日、別BLOGの検証目的で Microsoft Azure Active Directory (以下 AzureAD と記) の評価ライセンスを取得しました。 無料評価期間が終わる前に、せっかくなので AWS でSSOとかIDフェデレーションとか、クラウドエンジニアリングっぽい事に使ってみたいと思いました。 ということで、AWS で利用することが多い AWS Client VPN の認証を AzureAD でおこなう検証を行いました。その検証手順・結果を本BLOGで ご紹介します。 対象 検証内容 参考資料 前提条件 AzureAD アプリケーションの登録 AzureAD VPN許可ユーザーの登録 AWS IDプロバイダ の登録 AWS ACM SSLサーバー証明書の発行 AWS セキュリティグループの設定 AWS クライ
What is a collision?
2D Rigid Body Collision Resolution Part 1: Defining the problemFrom Mario bouncing off a Goomba to two cars bumping into each other in a racing game, dealing with collisions is such an integral part of most video games that we often take it for granted. In this series of blog posts, I want to show you what actually goes on behind the scenes in a physics simulation like the one above. While we're g
Microsoft Windows 11のバージョン履歴 - Wikipedia
英語版記事を日本語へ機械翻訳したバージョン（Google翻訳）。 万が一翻訳の手がかりとして機械翻訳を用いた場合、翻訳者は必ず翻訳元原文を参照して機械翻訳の誤りを訂正し、正確な翻訳にしなければなりません。これが成されていない場合、記事は削除の方針G-3に基づき、削除される可能性があります。 信頼性が低いまたは低品質な文章を翻訳しないでください。もし可能ならば、文章を他言語版記事に示された文献で正しいかどうかを確認してください。 履歴継承を行うため、要約欄に翻訳元となった記事のページ名・版について記述する必要があります。記述方法については、Wikipedia:翻訳のガイドライン#要約欄への記入を参照ください。 翻訳後、{{翻訳告知|en|Windows 11 version history|…}}をノートに追加することもできます。 Wikipedia:翻訳のガイドラインに、より詳細な翻訳の手
脳に収まるコードの書き方
Mark Seemann 著、吉羽 龍太郎、原田 騎郎 訳、Robert C. Martin まえがき TOPICS 発行年月日 2024年06月 PRINT LENGTH 312 ISBN 978-4-8144-0079-9 原書 Code That Fits in Your Head FORMAT Print PDF EPUB ソフトウェアは複雑さを増すばかりですが、人間の脳は限られた複雑さしか扱えません。ソフトウェアが思い通りに動くようするには、脳に収まり、人間が理解できるコードを書く必要があります。 本書は、拡張を続けても行き詰ることなくコードを書き、複雑さを回避するための実践的な方法を解説します。最初のコードを書き始めるところから機能を追加していくところまでを解説し、効率的で持続可能なペースを保ちながら、横断的な問題への対処やトラブルシューティング、最適化を行なう方法を説明します
エンジニア in ハイパーカジュアル - KAYAC engineers' blog
こんにちは。技術部平山です。 今回は、ハイパーカジュアルというジャンルにおけるエンジニア、 というテーマで書きます。 勉強会でしゃべった動画がありますので、そちらを見て頂いても良いかと思います。 外に出すということで、普段よりも多少丁寧にしゃべっております。 前置き 平山が作った製品群 これらは2022年あたりから現在にかけて、平山が自分で企画、実装した製品です。 これらのうち、利益を出せた製品は2つあります。 黒字製品 Draw Saber(Android iOS) Mannequin Downhill(Android iOS) の2つで、順に2800万、2100万ダウンロードです。加えて、いい線まで行ったものの、利益を出すに至らなかった製品が一つあります。 赤字だったTitanShoot Titan Shoot(Android iOS) こちらは210万ダウンロードと、うまく行ったもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ほろほろで美味い！簡単にできるスペアリブの赤ワイン煮込み - macaroni
お家で本格中華♪コク旨！麻婆豆腐
