Zenn
📜

個人的にためになった技術記事まとめ

に公開
技術記事
tech

概要

個人的にためになった様々な技術記事を下記にまとめました。

CSS

CSSセレクタのチートシート｜37パターンを一覧で解説｜webliker（ウェブライカー）

https://webliker.info/css-selector-cheat-sheet/

nicolas-cusan/destyle.css: Opinionated reset stylesheet that provides a clean slate for styling your html.

https://github.com/nicolas-cusan/destyle.css

JavaScript

JavaScript error reference - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors

JavaScriptで即時関数を使う理由 #JavaScript - Qiita

https://qiita.com/katsukii/items/cfe9fd968ba0db603b1e

スケルトンスクリーン（ローディング）をJavaScriptとCSSのみで実装 | GMOインターネット アドエンジニア TECH BLOG byGMO

https://techblog.gmo-ap.jp/2022/12/18/skelton_loading/

TypeScript

結局useMemoはいつ使えばいいの？　僕の決定版 #React - Qiita

https://qiita.com/uhyo/items/5258e04aba380531455a

React

Reactパフォーマンス最適化まとめ #JavaScript - Qiita

https://qiita.com/KNR109/items/9f7ec8dd03d0bea8dc35

GitHub - streamich/react-use: React Hooks — 👍

https://github.com/streamich/react-use

API

API設計まとめ #JavaScript - Qiita

https://qiita.com/KNR109/items/d3b6aa8803c62238d990#ステータスライン

Git

Git チュートリアルとトレーニング | Atlassian Git Tutorial

https://www.atlassian.com/ja/git/tutorials

上記記事より抜粋

Web技術全般

最速で理解したい人のためのIT用語集 | エクスチュア株式会社ブログ

https://ex-ture.com/blog/2018/08/28/mach-it-words/

『イラスト図解式 この一冊で全部わかるWeb技術の基本』をまとめる：前編・後編

https://zenn.dev/tomokumo/articles/70d0fbca9a0d06
https://zenn.dev/tomokumo/articles/6d6e1ddf367857

コードの書き方/読み方

リーダブルコードの要点整理と活用法をまとめた #初心者 - Qiita

https://qiita.com/KNR109/items/3b14e2e8f89a33c0f959

  • TODO: あとで手をつける。
  • FIXME: 既知の不具合があるコード。
  • HACK: あまり綺麗じゃない解決策。
  • XXX: 危険!大きな問題がある。

→ if文の書き方を工夫することで、ネストを浅くし、ネストが深くなる際に生じる、理解しづらいコードを避ける。※7章より:ネストを浅くする

SPAアプリ開発では複雑なビジネスロジックはフロントエンドで行うべきですか？バックエンドで行うべきですか？に対するOhkubo Koheiさんの回答 - Quora

https://qr.ae/pA2MyW

プログラミング修羅道。新しい技術や知識を学習するのに疲れ果てたプログラマー達へ。 #Python - Qiita

https://qiita.com/monsoonTropicalBird/items/375a686f9d10f0b05e55

  • 個人的学び
    → コードを書く時の3原則
  • KISS(Keep It Simple Stupid) : コードはstupidな位シンプルにしろ
  • DRY(Don’t Repeat Yourself) : 繰り返しは極力避けろ(１つの使い回せるファンクションにまとめる)
  • YAGNI(You Aren’t Gonna Need It) : 今実際に必要なコード以外は書くな

コードリーディングのコツは極力コードを読まないこと｜牛尾　剛

https://note.com/simplearchitect/n/n8cd219056536

  • 個人的学び
    → 余計なコードは極力読まず、読むポイントだけに絞って、使っているメソッドのインターフェイスだけを理解するようにする。

関連記事

エンジニアの考え方についての記事は、以下にまとめてます。
https://zenn.dev/kimascript/articles/27d43e310d36aa

Discussion