チームリーダーになったら読む5冊。SEの仕事の全体像から、人を壊さないマネジメントまで
リーダーやマネジメントの立場に進むエンジニアに向けて、『SEの基本』『「具体⇔抽象」トレーニング』『システム開発と「具体と抽象」』『よくわかる最新PMBOK第7版の活用』『人が壊れるマネジメント』の5冊を、読む順番と一緒に紹介します。
いいと思ったもの、ことを残していく
エンジニアが、自分でいいと思ったもの・ことを書き残しているサイトです。 読んでよかった本、試してうまくいったやり方、作りながら確かめた開発のこと。実際に試した範囲で、残していきます。 サイト名の deps は dependencies（依存関係）の略で、自分が頼ってきたものを package.json のように並べていく、という意味です。
はじめる
このサイトでできること
- 実際に試した人の感想と手順が読める
- 本は、買う前に新しい版が出ていないか分かる
- 何から読めばいいか、どの順番で進めればいいか分かる
- 載っているコードは、実際に動かして確かめたもの
技術書
現場で開発してきたエンジニアが実際に読んだ技術書を、職種や段階ごとの読む順番とあわせて紹介します。
リーダブルコード、良いコード／悪いコード、コードレビューの教科書を読む順番
読みやすいコードを書きたいエンジニアに向けて、『リーダブルコード』『良いコード／悪いコードで学ぶ設計入門』『コードレビューの教科書』の3冊を、数行のコードから設計、レビューへと範囲が広がる順番で紹介します。
NMAT対策本4冊をこの順番で使った。言語・非言語とも8.5割だった3か月の勉強法
2024年に紙のNMATを受けたエンジニアが、講談社・成美堂出版・ナツメ社・TACの対策本4冊をどの順番で使ったか、平日と休日の勉強の分け方、模試の使い方と一緒に書いています。
開発
このサイトの作り方や、開発で実際に使っている技術・ツールについて、手を動かして確かめたことを書きます。
技術書を紹介するサイトをNext.jsの静的書き出しで作った。エディタ風の画面と本のデータの持ち方
このサイト（My-deps）の作り方。Next.jsの静的書き出しとCloudflare Pagesの構成、本の書誌を自前で持つ理由、ISBN-13から紙の本のASINを計算する方法、本当に開閉できるタブとファイルツリー、つまずいたところを書いています。
国立国会図書館サーチのAPIで本の書誌を確かめる。広告収入のあるサイトで使うときの条件も
国立国会図書館サーチのOpenSearch APIで、本の書名・著者・出版社・版・発売年月・ISBNを確かめる方法。リクエストの例、返ってくるXMLの読み方、アフィリエイトなど営利目的で使うときの利用条件とクレジット表示をまとめています。
next/font/googleでビルドが止まったので、JetBrains Monoを同梱してnext/font/localで読み込んだ
Next.jsのnext/font/googleでフォントの取得が止まり、ビルドが終わらなくなったときの対処。Google FontsのCSSからlatinサブセットの可変フォントを取り出して同梱し、OFLのライセンス文書と一緒にnext/font/localで読み込む手順です。
ISBN-13とISBN-10を相互に変換する。Amazonの紙の本のASINはISBN-10
本のISBN-13とISBN-10の関係と、チェックディジットの計算方法、相互に変換するJavaScriptのコードを紹介します。末尾がXになるISBN-10の扱いや、979で始まるISBNの注意点、Amazonのリンクに使うときのポイントも書いています。
静的サイトにエディタのようなタブを作る。sessionStorageとハイドレーションの扱い
Next.jsで静的に書き出したサイトに、開く・切り替える・閉じるが本当に使えるエディタ風のタブを作った方法。開いているタブをsessionStorageに保存し、ハイドレーションのずれを起こさずに復元する工夫を書いています。
details要素でファイルツリーを作る。開閉の状態をページ移動後も保つ方法
HTML標準のdetailsとsummaryでフォルダを開閉できるファイルツリーを作り、開閉の状態をsessionStorageに保存して、ページを移動しても保つ方法。今のページを含むフォルダを開いて見せる工夫と、残っている弱点も書いています。