11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

学習にも役立つJavascriptのチートシート10選

Last updated at Posted at 2020-02-28

#はじめに
最近コードを書く時間が少ないためか、「よく使うのにどう書くんだっけなあ…これでいいんだっけ?」と思うことがよくあります。
(「参照できれば記憶する必要はない」と思っていることも影響していそうですが、それにしてもねえ。。。)
そこで、よく使う表現をすぐ参照できるチートシートとして良さそうなものをまとめました。

今回は多くの人が触る機会の多いであろうJS(Javascript)について整理しました。
何かの役に立てば幸いです。

#1. htmlcheatsheet.com/
https://htmlcheatsheet.com/js/

基本機能が一望できるので、端からトレースしていくだけでも、初心者レベルであれば勉強になります。
コーディングの際に、記述方法をど忘れした時などにたまに助かるサイトです。
忘れっぽい自分には特には良い!

#2. websitesetup.org
https://websitesetup.org/javascript-cheat-sheet/

PDFをmarkdown記法ウェブで再現したサイトです。

初心者が勉強する時の内容としては、非常にまとめまっているのでとても便利です。

ただ、それぞれの関数の細かな意味がこれ単独だと分かりにくいのと、網羅性が低く、内容に偏りがあるので、ビギナー向けのチートシートですね。

#3. javascript.pythoncheatsheet.org
https://javascript.pythoncheatsheet.org/

こちらも、初心者学習用のチートシートです。

熟練者でも基本をど忘れした時にチラッと見ると思い出せて便利かもしれませんね。
個人的には、リンクされているGithubでのreadmeが同じ事を書いているんですが、見やすいと思います。

#4. overapi.com
http://overapi.com/javascript

ザ・チートシートという感じのインターフェイスですが、中身はMDNのリンク集です。

カテゴリ分けの分類や、MDNのリンク先にスニペットが掲載されているので、閲覧していると知らないことも結構書いてあって中級者な方でも勉強になりそうです。

#5. ilovecoding.org
https://ilovecoding.org/blog/js-cheatsheet

PDFがダウンロードできるこのサイトですが、内容は初心者向けリファレンス本の感じです。

図解で紹介されていて非常に見やすい内容なので、学習には非常に有効かと思います。

#6. codementor.io
https://www.codementor.io/johnnyb/javascript-cheatsheet-fb54lz08k

そもそもが、学習サイトの中の要素なので、初心者勉強用の教材的な内容になっています。
コーディングに慣れていくための写経サイトと考えてもいいかもですね。

#7. courses.cs.washington.edu
https://courses.cs.washington.edu/courses/cse154/17au/cheat-sheets/javascript-cheat-sheet-v1.pdf

.eduというドメインから推測できるのですが、こちらも学習サイトの教材のようです。
pdfなのですが、内容が少なすぎて次のページもなく、サイトのリンク集に辿り付くことができません・・・印刷して近くの皆の衆に配るか。

#8. debuggex.com
https://www.debuggex.com/cheatsheet/regex/javascript

正規表現に特化したチートシートです。
たまに必要になりますよね、この手の情報。自分もつい最近記事にしたばかりですが。

#9. cheatography.com
https://www.cheatography.com/anas-95/cheat-sheets/javascript-object-methods/

Array,Math,Stiring,Number関数のチートシートです。
あると便利系ですね。素敵です。

#10. one-pic
https://github.com/coodict/javascript-in-one-pic

マインドマップ風の1枚画像のチートシートです。

見づらいのが少々のが難点ですが、よくまとまっていて印刷してデスクにおいとくのも良いかもしれないです!

#おわりに

今回はJSでしたが、CSSやPHPなど、WEBサイト制作で触る可能性の高いファイルにおける記法、作法、よく使う表現などに関してもチートシートを探していきたいと思います。

11
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?