Web系の便利なチートシート集

新しく家電製品を買った時に、マニュアルを読むのはしんどいと思ったことはありませんか？（自分はいつも思う） スマートフォンはiPhoneが火付け役なため、マニュアルが無い事が当たり前になってしまった。 結果的に、iPhoneのマニュアルっていう書籍やWebサイトに人気が集中する事になっている（いまだに）。 マニュアルよりも、見やすくて、分かりやすくて、理解しやすい、チートシートというのが世の中に溢れているけど、それを知らない人も多いみたい。 自分のパソコンにブックマークしてたチートシートが大量にあったので、それらをブログで公開して、自分としてもブログをブックマークがわりに使ってみたいと思います。

チートシートとは？

早見表とかカンニングペーパーの意味ですが、個人的には、わかりやすいチュートリアル集とも考えています。 参考 : IT用語辞典「チートシート」 チートシート　CSS こんな感じで検索すると、非常にわかりやすく説明されているチートシートが大量に検索にひっかかります。 プログラミング学習や、ITのお勉強に使うもヨシ、 PDFなどで配布されているのであれば、印刷してパウチングして、デスクの横に置いておくのもヨシ。 とにかく便利なチートシートを活用すると、作業効率がアップすることは間違いないでしょう。

チートシートリンク集

cssセレクタ

https://webliker.info/css-selector-cheat-sheet/ CSSのセレクタで書き方をド忘れした時に、このチートシートを見ると即座に思い出せるし、 知らなかったセレクタに出会えるかも。

display : flex

https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet https://css-tricks.com/the-thought-process-behind-a-flexbox-layout/ CSSで壁に感じる人も多い、FlexBoxのチートシートです。 有用な２つをリンクしておきました。 縦横自由自在に使えるようになると、ホームページ制作でかなり活用できるので、Webページの制作時には印刷して手元に置いておきたいですよね。

OS X Keyboard Cheat Sheet

https://qiita.com/ogomr/items/71e4d2024794ea08d978 Macのショートカット集です。 マカーの人は一読しておきましょう。

Windows 10 shortcut keys cheat sheet

https://qiita.com/whim0321/items/369233a114af63aa7577 こちらは、Windows10のショートカット集です。

Windows 11 Keyboard Shortcuts: Download PDF Cheat Sheet

https://www.xelplus.com/windows-11-keyboard-shortcuts-pdf-download/ もちろん、Windows11もあります。 英語ですが、わかりやすいページ構成になっています。

python関連一覧

https://qiita.com/SaitoTsutomu/items/6d1efbc86d6e0468905e Pythonのチート集がたくさん掲載されているページです。 いろいろなメジャーライブラリを知ることもできますよ。

Dart

https://dart.dev/codelabs/dart-cheatsheet Webサイトやモバイルアプリの開発で、人気のあるDartのチートシートです。 チートシートというよりは、リファレンスページですね・・・

Markdown

https://www.markdownguide.org/cheat-sheet/ もはや、標準と言っても良いMarkdown言語のチートシートです。 かなり短めに書かれているので、慣れていない人はこのページで学習をするのも悪く無いでしょう。

Data Science Cheat Sheets

https://www.datacamp.com/community/data-science-cheatsheets データサイエンスのチートシートのキュレーションサイトです。 英語ですが、AzureからExcelというようなジャンルの範囲も広く、非常にたくさんのチートシートが掲載されているので、ブックマークしておくといいかもです。

Android Espresso

https://developer.android.com/training/testing/espresso/cheat-sheet Android(Espresso)のクイックリファレンスサイトです。

Posit Cheatsheets

https://rstudio.com/resources/cheatsheets/ こちらも、IT開発系のチートシート集です。（英語）

50 Cheatsheets & Guides for JavaScript

https://speckyboy.com/javascript-cheatsheets/ Plane(vanilla)系のJavascriptのチートシートWebページ集です。

html(web系全般)

https://htmlcheatsheet.com/ HTML以外のCSSやJavascriptなどもあります。 ザ・チートシートなページで、良い感じです。

あとがき

いろいろなチートシートページを見ていて、どれが見やすくて、どれが分かりやすいか、なんとなくの感覚でわかると思います。 個人的にブログを書く時や、何かしらのマニュアルを作る時の参考になった気がします。 そうか、人にわかりやすく説明するには、チートシートを作れば良いのか！