【2024年版】JavaScript(React)におけるリーダブルコードのチートシート1~3章 - Qiita

2024/02/14 5 users Qiita React TypeScript 例題 Java

概要 リーダブルコードを読んでいて、JavaやC++、Pythonの事例も混じっているのと割とレガシーな例題が多いなーと感じました。 React.js、Next.js、TypeScriptをメインにフロントエンドエンジニアとして仕事をしている自分用に、後で見返せるよう2024年JavaScript版リーダブルコードのチートシート的なものを改めて読み... 続きを読む

もう迷わない！効果検証のための因果推論手法のチートシート - Qiita

2023/12/05 17 users 因果推論 Qiita ハードル ABテスト 手法

効果検証においてABテストによる単純比較以上のことをやろうすると、因果推論の各種手法を用いることになります。しかし、因果推論は主義や用語などが統一されておらず、いつ何を使えばいいかが分からないというハードルがあります。 そんな因果推論の手法を整理し、初～中級者にとって学習・活用の見通しが立てやすいよ... 続きを読む

PostgreSQLとMySQLのメジャーバージョンアップのためのチートシート作った - そーだいなるらくがき帳

2023/10/07 361 users have PostgreSQL MySQL そーだい 岡山

中国地方DB勉強会 in 岡山の登壇資料です。 そのうちここで登壇動画が公開されることでしょう。 肝心なチートシートは以下のとおり。 PostgreSQL gist.github.com MySQL gist.github.com チートシートだけじゃわからない！困ってる！ Have Fun Techがバージョンアップのサポートしますのでお気軽にご相談ください。 have... 続きを読む

[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った

2022/12/15 366 users azu encodeURIComponent 文字列結合

URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケー... 続きを読む

Web制作者は要チェック！ VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

2022/10/18 352 users vscode MacOS 魔法 ショートカット 操作

VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。 ショートカットはmacOS, W...記事の続きを読む 続きを読む

Rustエラーハンドリング・チートシート - Qiita

2022/10/03 10 users エラーハンドリング Qiita rust 一目 ドキュメント

Rustのエラーハンドリング関連の主要メソッドが一目でわかる、チートシートを作成しました。 Rustは型システムが複雑なので、やりたいことに適切なメソッドがあるかどうか、ドキュメントを探しまくることが多いです。エラーハンドリングもその類の1つであり、ドキュメント探索の手間を削減するために、チートシートを作... 続きを読む

【サボりたいエンジニア向け】コーディングに役立つチートシートまとめ - Qiita

2022/09/04 471 users Qiita vscode コーディング めんどい コピペ

はじめに こんな人が役に立つ記事 コーディング業務の効率を上げたい。 コーディングに関するチートシートを知りたい。 打つのもめんどいからコピペでなんとかしたい（笑） 今回は、コーディングに役立つチートシートをまとめました。 VSCODEチートシート エンジニアなら必ず使うであろうVsCodeのショートカットチートシ... 続きを読む

これなら簡単で便利！ Tailwind CSSのチートシートをすばやく表示できるChromeの機能拡張

2022/08/01 9 users Chrome Tailwind CSS 機能拡張 プロパティ

簡単にすばやく表示できる、Tailwind CSSのチートシートを紹介します。Chromeの機能拡張で、ツールバーから1クリックでチートシートを表示できます。 チートシートは、Tailwind CSS v.3対応。Tailwind CSSの各クラスセレクタとそのプロパティと値が一覧でき、コピペで簡単に利用できます。 Tailwind Cheat Sheet inside ... 続きを読む

ChromeDriver でよく使うオプションのチートシート - Qiita

2022/04/28 20 users Qiita オプション

Help us understand the problem. What are the problem? 続きを読む

Tailwind CSS 社内勉強会【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ

2022/02/17 116 users コンポーネント指向 ラクス CSS 背景 コード

背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現し... 続きを読む

TypeScript: <T>の書く位置チートシート - Qiita

2022/01/12 17 users Qiita TypeScript ジェネリクス アロー関数

この投稿はTypeScriptのジェネリクスの型変数(type parameter)をどこに書くのかのチートシートです。 <T>の書く位置まとめ 関数宣言 関数式 アロー関数 メソッド宣言 関数型 コンストラクタ型 関数シグネチャ コンストラクタシグネチャ: 引数リスト()の直前 クラス宣言 インターフェース宣言 型エイリアス: 識別子の直後... 続きを読む

これは便利！ Tailwind CSSのチートシート、すべてのクラスとそのプロパティ・値を参照および検索もできる優れもの

2021/12/21 12 users Tailwind CSS 優れもの 参照 クラス 未対応

先日、v3.0がリリースされ、ますます注目されているTailwind CSSのチートシートを紹介します。 Tailwind CSSに使用されているすべてのクラスとそのプロパティ・値を参照および検索もでき、非常に便利です。残念ながら、v3.0にはまだ未対応。 Tailwind CSS Cheat Sheet Tailwind CSSとは Tailwind CSSのチートシート Tail... 続きを読む

Github Actions チートシート

2021/11/13 339 users GitHub Actions

概要 何度も調べて何度もテストしたりしたので、多用するものをまとめていきたい。 項目 push時に実行 // feature/aaaで動く。 feature/aaa/bbbでは動かない on: push: branch: - feature/* // feature/aaa, feature/aaa/bbbで動く on: push: branch: - feature/** // なにかしらのtagがpushされたときに実行、branchのp... 続きを読む

CSS Gridで実装する時に役立つチートシート、各プロパティと値でレイアウトがどのようになるか一目で分かる | コリス

2021/07/28 28 users 壁紙 モニター 高解像度版 コリス 一目

CSS Gridを学ぶ人のために作成されたチートシートを紹介します。 CSS Gridの各プロパティと値でレイアウトがどのようになるか一目で確認できます。チートシートは高解像度版も無料でダウンロードでき、モニターの壁紙や...記事の続きを読む 続きを読む

CSS Flexboxで実装する時に役立つチートシート、高解像度で印刷して机の脇に貼っておくと便利です | コリス

2021/06/16 22 users コリス Flex Row Flexbox display

Flexboxのチートシートの一部 displayプロパティ Flexboxを使用するには親要素にdisplay: flex;（または、display: inline-flex;）を適用すると、その子要素がFlexアイテムになります。 flex-directionプロパティ FlexアイテムがFlexコンテナでどのように配置されるか明示します。方向は2種類で、横列（row）の水平、縦... 続きを読む

2021年版、CSS Gridでどのように配置されるかをまとめたチートシート | コリス

2021/03/18 17 users コリス Flexbox プロパティ CSS Grid 作者

CSS Gridでよく使用するプロパティと値をまとめたチートシートを紹介します。 コンテナ内にアイテムがどのように配置されるかを図やイラストで掲載しており、楽しく直感的にCSS Gridの使い方を学べます。 CSS Grid Cheat Sheet Illustrated in 2021?️ by Joy Shaheb 同じ作者のFlexboxのチートシートも先日、翻訳しました... 続きを読む

CSS メディアクエリのチートシート、デスクトップ・タブレット・スマホ、主要デバイスごとのメディアクエリ | コリス

2021/02/08 17 users CSS タブレット コリス ベース デスクトップ

WebページでCSSのメディアクエリを使用する際にベースとなるメディアクエリ、デスクトップ、タブレット、スマホの各デバイスごとのメディアクエリ、主要デバイス用のメディアクエリのチートシートをまとめたので紹介します。 /*------------------------------------------ Responsive Grid Media Queries - 1280, 1024,... 続きを読む

2021年版、Flexboxでどのように配置されるかをまとめたチートシート | コリス

2021/01/19 22 users Flexbox コリス プロパティ 元ザ コンテナ内

Flexboxでよく使用するプロパティと値をまとめたチートシートを紹介します。 コンテナ内にアイテムがどのように配置されるかを図やイラストで掲載しており、楽しく直感的にFlexboxの使い方を学べます。 FlexBox Cheat Sheets in 2021 by Joy Shaheb 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む

これは便利で簡単！CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張 | コリス

2020/09/18 23 users Flexbox コリス プロパティ CSS VS Code

CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？ CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能...記事の続きを読む 続きを読む

これでもうCSSのクラス名は迷わない！BEMの命名規則をまとめたチートシート -BEM Naming Cheat Sheet | コリス

2020/04/17 32 users BEM コリス UIコンポーネント CSS 命名規則

Webページやスマホアプリでよく使用されるUIコンポーネントを実装する時に、CSSのクラス名をBEMでつける時の命名規則をまとめたチートシートを紹介します。 BEM Naming Cheat Sheet チートシートは3...記事の続きを読む 続きを読む

強調スニペット獲得に関してあなたが知っておきたい14のQ&Aとチートシート（後編） | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum

2020/02/10 5 users moz Eコマースサイト SEO 強調スニペット 後編

強調スニペットに関するQ&Aを取りあげているこの記事は、前後編の2回に分けてお届けしている。 前回に引き続き今回も、「Eコマースサイトでも強調スニペットを獲得できるの？」「文字コンテンツを作る際に強調スニペットをどう考えるべき？」「便利なツールやサービスは？」といった質問に、Mozのブリトニー・ミュラー氏... 続きを読む

Pythonのネットワークプログラミングに必要なデータまとめ | マイナビニュース

2019/11/15 84 users ネットワークプログラミング Python モジュール PDF

Comparitechは11月13日(米国時間)、「Python Network Programming Cheat Sheet - Downloadable JPG & PDF」において、Pythonを使ったネットワークプログラミングに必要となるモジュールやライブラリ、コードサンプルなどをまとめたチートシートおよびテーブルの公開を伝えた。 公開されたチートシートには次のデータがま... 続きを読む

バージョン管理ツールのGitでよく使用するコマンドを1ページにまとめた便利なチートシート -GitSheet | コリス

2019/10/21 427 users Git コリス Copy git branch コマンド

GitSheet Gitでよく使用するコマンドをまとめたチートシートは、こちら。 サイトでは「Copy」ボタンをクリックすると、コマンドがコピーできます。 GitSheet チートシートの作成者に許諾を頂いたので、各説明を意訳しました。 Gitのブランチ操作 git branch すべてのローカルブランチを一覧表示します。 git branch -a ... 続きを読む

付録: JavaScriptチートシート · JavaScript Primer #jsprimer

2019/09/21 135 users 付録 JavaScript Primer リテラル 挙動 関数

付録: JavaScriptチートシート JavaScriptの言語機能に関するチートシートです。 言語機能 コメント データ リテラル 文字列 データアクセス 演算子 関数と挙動 コントロールフロー モジュール その他 ガイド プロジェクト構造 言語機能 コメント コメントの書き方について。 コード例 説明 関連 続きを読む

かなり便利！VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet | コリス

2019/09/12 190 users Flexbox コリス CSS 一目 CSS flexbox

Visual Studio CodeでCSSを書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 justify-contentやalign-itemsはどう使うんだっけ？ justify-contentの値は？ など、Flexboxの各プロパティや値がどのように配置されるか、一目で分かります。 CSSを書きながらFlexboxのチートシートをVS Codeに表示... 続きを読む