タグ

チートシートに関するjytechのブックマーク (11)

  • Web制作者はダウンロードしておきたい! CSS関連の最新版チートシートのまとめ

    CSS GridやFlexboxで配置するプロパティ値は? 先頭の3つだけを指定するセレクタは? という「あれは何だっけ?」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プロ

    Web制作者はダウンロードしておきたい! CSS関連の最新版チートシートのまとめ
  • 【エンジニア向け】生産性を上げるチートシートまとめ - Qiita

    はじめに 今回はエンジニア向けのチートシートをまとめていきます。 チートシートを利用することで、 作業効率が上がる 大枠を掴める 学習になる といった恩恵が得られます。 ただし、毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく、「チートシートを使う中で徐々に体で覚えていく」ことが重要です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者 作業効率を上げたい人 コードを書くテクニックを知り合い人 VsCodeチートシート ChatGPTに関するチートシート プロンプト集がまとめられています。 Markdown記法 チートシート Markdownエンジニアは必ず使うといっても過言ではないものなので、早めに習得することをおすすめします。 Qiita公式が出しているというこ

    【エンジニア向け】生産性を上げるチートシートまとめ - Qiita
  • 【サボりたいエンジニア向け】コーディングに役立つチートシートまとめ - Qiita

    はじめに こんな人が役に立つ記事 コーディング業務の効率を上げたい。 コーディングに関するチートシートを知りたい。 打つのもめんどいからコピペでなんとかしたい(笑) 今回は、コーディングに役立つチートシートをまとめました。 VSCODEチートシート エンジニアなら必ず使うであろうVsCodeのショートカットチートシート。これはよく使ってます! HTML系のチートシート集 HTMLに関するチートシートをまとめてみました。 HTML5 タグチートシート HTML5 のタグチートシート。サイトには 5 から廃止になった避けるべきタグなどもまとめてられており、 PDFでダウンロードできます。 HTML5 入れ子チートシート HTML の入れ子の可否を視覚的に分かりやすく、色づけしてくれます。対象要素の親、子を選ぶだけで、簡単に調べることが出来ますので便利なチートシート 特殊文字一覧:HTMLで使え

    【サボりたいエンジニア向け】コーディングに役立つチートシートまとめ - Qiita
  • 2023年版!エンジニア必見のチートシート集 - Qiita

    2. 機械学習AIチートシート まずは機械学習AI開発に関わるチートシートからです! Machine Learning Cheat Sheet | DataCamp 主要な機械学習アルゴリズム、その利点と欠点、および使用ケースをガイドするものです。初心者からエキスパートまで、誰でも役立つリソースです。 機械学習アルゴリズム チートシート MicrosoftのAzureが提供している機械学習アルゴリズムに関するチートシートです。 TensorFlow Cheat Sheet https://zerotomastery.io/cheatsheets/tensorflow-cheat-sheet/ 機械学習人工知能のためのオープンソースライブラリ、TensorFlowのチートシートです。基的な概念やベストプラクティスがまとめられています。 (メールアドレスでサブスクライブするとPDFがダ

    2023年版!エンジニア必見のチートシート集 - Qiita
  • フルスタックプログラマーの卵どもにおくる、独学チートシート - Qiita

    フルスタックプログラマーの卵どもにおくる、独学チートシート お前ら、まず初めに、ホヤホヤのひよこの身分で卵ども などと上から目線で発言してしまい、大変失礼いたしました。非礼をお許しください。 自分自身独学ウェブプログラマーの身分として体験してきた事ですが、バックからフロントまで全部自分で仕上げられる立派なプログラマーになろうと思って勉強を始めようとすると、まず圧倒される。 勉強すべき事が多すぎるからである。 HTML/CSSからHTTP、サーバーサイド、セキュリティー、Auth、データベース、無数にあるフレームワークやライブラリ、GitDockerなんかのツール類。 一体毎日勉強しても何年かかるのか、さらに技術が陳腐化して新しいものに取って代わられていくペースを眺めていると、勉強してもしても追いつかない様な気分になってくる。 ただ、物事には芯というものがあり、そこをまず抑えておけば、全体

    フルスタックプログラマーの卵どもにおくる、独学チートシート - Qiita
  • HTMLの仕様を徹底解説-チートシートにどうぞ

    HTMLの仕様をしっかりと理解してコーディングしてますか? labelタグの中にdivタグを入れたりしてませんか? 当てはまる場合は、この記事が参考になるはずです。 記事では、HTMLの基的な仕様を解説していきます。 この記事を読む終わる頃には、HTMLの書き方で迷うことが大幅に減るはずです。 ぜひ、参考にしてください。 HTMLの基礎知識 まず、HTMLの基的なことについて説明していきます。 タグ 9割の人は理解してると思いますが、HTMLはタグを使ってテキストをマークアップしていく言語です。 このタグを使うことで、テキスト要素の種類と範囲をブラウザなどに伝えることができるわけです。 例えば以下のコードでは、「タイトル1」というテキストが一番大きなタイトルということを表現できます。 タグの中には、終了タグを省略できるもの、終了タグを持たないもの、タグ自体を省略できるものがあります。

    HTMLの仕様を徹底解説-チートシートにどうぞ
  • VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

    VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。 ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。

    VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet
  • BEM Naming Cheat Sheet by 9elements

    When it comes to finding the right class name, it can quickly drive you to despair. Even the most experienced CSS developers don't always find the right class name right away. This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components. If you still have no idea what BEM means, we have added some helpful links below. For

    BEM Naming Cheat Sheet by 9elements
  • エンジニア向けチートシート集 - Qiita

    はじめに 今回はエンジニア向けのチートシート集のまとめを紹介していきます。 チートシートを利用することで 作業効率が上がる 概要が掴みやすい 学習にもなる といった恩恵が得られます。 ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者~中級者 作業効率を上げたい人 コードを書くテクニックを知りたい人 VsCodeチートシート はじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット

    エンジニア向けチートシート集 - Qiita
  • HTML5 入れ子チートシート | 吉川ウェブ

    HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素&文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he

    HTML5 入れ子チートシート | 吉川ウェブ
  • 【エンジニア必見】チートシートまとめ(2021年最新) 現役エンジニアが使い方も含め徹底解説

    (記事は2022年1月に更新) ・ 実装効率を上げたい ・ プログラミング学習の総復習をしたい ・ 世の中に溢れるチートシートを知りたい この記事はそんな方に向けて書いています。 チート集というのは、プログラミングの実装でよく使われるコードが、わかりやすくまとめられているものです。 チートシートを使うことで、効率的にコードの実装を進めることができます。 今回は世の中に出回っている、有益なチートシートを4選を使い方とともに紹介します。 この記事を読めば、でネット上に散らばっている『主要のプログラミング系チートシート』を網羅することができます。 過去にTwitterで紹介した、チートシートも徹底解説します。 全エンジニア必見✨ vscodeのショートカットがまとまってる『チートシート』。ショートカットを使うことで大幅に生産性上がるので重宝。最初はこれでカンニングしつつ、使っていく中で手で覚える

    【エンジニア必見】チートシートまとめ(2021年最新) 現役エンジニアが使い方も含め徹底解説
  • 1