urahsamのブックマーク - はてなブックマーク

React 19によって状態管理はどのように変わるのか

React19のRCが発表され数ヶ月が経ちました。Next.jsではReact19のExperimentalな機能を使った実装をいち早くしていたので、少し馴染みのあるアップデートが多かったように思います。 Next.js（特にApp Router）においてReact19のAPIやHooksをどのように使うべきかはNext.jsのドキュメントを見れば大体のベストプラクティスが見えてきます。ですが、実際の開発現場ではApp Routerを採用しているケース以外にもVite+ReactやPages Router, Remixなどと様々な実装があるのが現実です。そこでこの記事では、特にVite+Reactのスタックを前提にReact19の新機能をいかに活用できるか整理したいと考えています。また、React19の新機能を見た時にTanStack QueryやSWRのようなサードパーティの状態管理

urahsam 2024/07/22

あとで読む

リンク

新人のためのインターネット&ネットワーク超入門2024

urahsam 2024/07/08

あとで読む

リンク

初心者がおさえておきたいAWS CDKのベストプラクティス 2024

﹁AWS CDKに興味を持ったけれど、なかなかコードを書き始められない﹂と悩んでいませんか？CDKは簡単に始めることができますが、メンテナンスしやすく、壊れにくいコードを書くためには覚えておきたいプラクティスがあります。しかし、すべてのエンジニアがインフラ構築やプログラミングに精通しているわけではなく、…

urahsam 2024/07/06

あとで読む

リンク

Webサービス公開前のチェックリスト

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。セキュリティ認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていることサブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

urahsam 2024/07/04

web

リンク

東京大学のAWS入門資料がいい感じだったので最新のAWS環境でも実行できるようにしてみた - Qiita

きっかけ東京大学のAWS講義﹁コードで学ぶAWS入門﹂、いわゆる東大 AWSってやつがが良いらしいと聞いたのでやってみました。確かにこれは良いです。クラウドをこれから学びたい方にぜひおすすめ。集中講義的に休日に半日もあれば学べます。かかるAWS費用もわずか。ほとんどのチュートリアルがAWSの無料枠で実行できてしまいます。ディープラーニング用のGPUインスタンスをぶん回すところは有料です。それでも数百円で済みます。これは一通りハンズオンをやってみたAWSの費用です。もはや学ばない理由が見当たりませんね。これを書いた理由けっこう有名な講義資料なのでいまごろ紹介するまでもないネタかと思っていましたが、いざやってみたらハンズオンのコードが最近のAWS環境では動作しない箇所がいくつかあったので。動作するように修正した手順をまとめておきました。本記事がはてブを950件ももらってしま

urahsam 2024/07/03

aws

リンク

Reactベストプラクティス: react-hooks/exhaustive-depsのエラーを0にする - Hello Tech

javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。今回は、筆者が社内で書いている技術ガイドラインについて紹介します。はじめにハローでは、高品質なコードを維持し、開発チームの技術レベル向上を図るため、社内で継続的に技術Tipsやガイドラインの整備・蓄積を行っています。チーム横断的に、有用な技術Tips、ベストプラクティス・コーディングガイドラインなど情報をNotion上に集約し、自由にエンジニアが閲覧・編集できるようになっています。この取り組みの目的は以下の通りです‥ コード品質の向上と統一開発チームメンバーの技術スキル向上﹁どう﹂直すかでではなく﹁なぜ﹂そう修正すべきかまで理解してる人を増やす効率的な開発プロセスの確立新メンバーのオンボーディング支援今回紹介するドキュメント今回は、その中から﹁reac

urahsam 2024/07/03

react

リンク

ノンデザイナーでもできる。直感的で使いやすいUIの設計方法

本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討︵アプリケーションの画面設計等︶を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え…

urahsam 2024/07/02

デザイン

リンク

例外設計について考えて Kotlin（Spring Boot&Arrow）で実践する/thinking exception design and implementation by kotlin

Kotlin Fest 2024 の「例外設計について考えて Kotlin（Spring Boot&Arrow）で実践する」の発表資料です。 https://fortee.jp/kotlin-fest-2024/proposal/c7b68f48-1209-4f63-a111-18d1b185e109

urahsam 2024/06/26

設計

リンク

いまどきの分析設計パターン10選

JJUG CCC 2024 Spring 複雑な業務ロジックに立ち向かうための実践技法【初級編】 ①値の種類 ②範囲型 ③階段型【中級編】 ④状態遷移 ⑤入出金履歴と残高 ⑥未来在庫【上級編】 ⑦セット演算 ⑧割合と端数 ⑨決定表 ⑩経路探索

urahsam 2024/06/17

設計

リンク

TypeScriptの型と値とバリデーション

TypeScript は本質的に自分に型が付与されていると思っているだけの JavaScript です。いくら型を付与しようが、それが実行時に影響を与えることはありません。コードレビューをしているとここを誤解している人が本当に多いです。何度も解説しているのですが、なかなか浸透しないので、TypeScript におけるバリデーションという視点で記事を書くことにしました。あとTSでバリデータ使って色々作ろうとしている友人と、プログラミング始めたてで zod と openapi を使っいる友人がいたので、彼らが想定読者です。型と値の名前空間 TypeScript 上での名前空間(スコープ)は2つに分類できます。値: 実行時にランタイム上のメモリに存在するもの型: 静的解析時にのみ参照可能なもの。コンパイル時に完全に消滅する。 TypeScript は基本的に JavaScript

urahsam 2024/06/12

typescript

リンク

ソニーにおけるプロダクトマネジメントスマホアプリ事例紹介

「吉羽龍太郎さんとソニーが語るプロダクトマネジメント」イベントの資料です。イベント概要 https://sony.connpass.com/event/319013/ 動画 https://www.youtube.com/live/Y7gFsorBO6c

urahsam 2024/06/04

SONY

リンク

SmartHR Design System

だれでも・効率よく・迷わずに。SmartHR Design Systemは、すべての人によりよい体験を届けるためのデザインシステムです。SmartHRに関わる人はどなたでも利用・参加できます。デザインシステムとは？

urahsam 2024/05/29

デザインシステム

リンク

Gitの仕組みと用語 / GitHub Term

物理情報工学ソフトウェア開発演習

urahsam 2024/05/17

リンク

Electronを使ったPC向け将棋アプリ開発 - Qiita

はじめに 2022 年1月から、趣味で PC向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。作ったもの Electron将棋 (electron-shogi) GitHub: sunfish-shogi/electron-shogi GitHub Pages: Electron将棋背景最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AIを動す上で PCの処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AIが増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて使う必要があります。AI と GUI がやりとりするための USI という共通仕様があり、 USI

urahsam 2024/05/13

electron

リンク

高木浩光さんに訊く、個人データ保護の真髄 ——いま解き明かされる半世紀の経緯と混乱

︵語り手︶JILIS副理事長高木浩光︵聞き手︶JILIS出版部編集長小泉真由子︵撮影︶宇壽山貴久子この1年、過去の海外文献を調査していたという高木浩光さん。これまでの研究の一部は情報法制レポート創刊号の特集として掲載されましたが、高木さんに言わせると﹁あれはまだ序の口﹂とのこと。本日お伺いする内容は近々高木さん自身が論文にされる予定とのことですが、まだ時間がかかりそうということで、急ぎ、インタビューとしてお話しいただくことになりました。なお、このインタビューは大変長くなっております。ぜひ、最後までお付き合いいただければと思いますが、時間のない方は、目次を参照していただき、気になるトピックからお読みください。 —— 今日は、高木さんがどうしても今すぐみなさんに伝えたいことがあるとのことで、インタビューでお話を聞くことになりました。高木‥ はい、よろしくお願いします。話はと

urahsam 2024/05/13

リンク

エンジニア3年目までに読んで良かった書籍 - Yuki Watanabe's Blog

未経験からエンジニアになり3年が経ちました。この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。前提‥エンジニアとして経験した技術書籍について全エンジニア向け Web / インターネットイラスト図解式この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI

urahsam 2024/05/13

あとで読む

リンク

TypeScript 関数型スタイルでバックエンド開発のリアル

TSKaigi 2024 のスライドです

urahsam 2024/05/11

typescript

リンク

SOLID原則完全に理解した！になるための本

SOLID原則を学び、完全に理解した！になるための本

urahsam 2024/05/01

あとで読む

リンク

滅びてほしい認証系の実装の話

こんにちは、富士榮です。ちょっと前に某所でダメダメな認証系の技術実装ってなんだろうねぇ、、という話をしていたことをXで呟いたところ、色々とご意見を頂けましたのでまとめて書いておきます。

urahsam 2024/04/25

認証

リンク

好きなポッドキャストについてまとめる

そもそもポッドキャストって何？映像のない YouTube のような存在がポッドキャストです。つまり、ラジオのようなものです。 YouTube のように、素人も投稿できる音声メディアです。どうやって聞けるの？iOSからであれば、Apple Podcast Androidからであれば、Googleポッドキャスト ※Googleポッドキャストは、YouTube musicに統合の話が出ている他にSpotify、Amazon music、radikoからも聞けるらしい。おすすめのポッドキャストヤング日経経済系の番組はおじさんがしゃべっていることが多いが、この番組は若い大学生～大学院生の女の子が最近の経済について話しており、非常に聞きやすく、軽い気持ちで聞けるのが良い。ポッドキャスト的な流し聞きに向いてる。日経トレンディ＆日経クロストレンド日経トレンディ及び日経クロストレンドとい

urahsam 2024/04/18

あとで読む

リンク

はてなブックマーク

タグ

urahsamのブックマーク (509)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス