モダン JavaScript チートシート
Skip to the content. モダン JavaScript チートシート 画像クレジット: Ahmad Awais ⚡️ イントロダクション 動機 このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。 このガイドは読者に JavaScript をゼロから教えるものではありません。 基礎知識は持っていて、モダンなコードベースに慣れる（例えば React を学ぶ）のに苦労している開発者を助けるためのものです。 説明の中で JavaScript の諸概念が使われています。 また、議論の余地のあるポイントについてときどき個人的な tips を載せますが、その際はあくまでも個人的なおすすめであることを述べるように気をつけます。 メモ: ここで紹介されている概念のほとんどは JavaScript 言語のアップデート（ ES2
ES6(ES2015)チートシート - Qiita
素のままのJavaScript(ES5)に直接触れる機会もだんだんと減ってきたので、うろ覚えだったES6の機能をまとめてみました。 なお文中のコードはBabel環境で書きながら確認したため、現行ブラウザでの直接の対応状況に関しては未調査です。 概要 ECMAScriptS6 = ES2015 = JavaScriptの新しいバージョン ES5(現行のjs)の次のバージョンとして策定された さらに新しいES7も作られている 現状は多くのブラウザが(部分的にしか)対応していないので、ES6で書いたコードを動かすためにはES5への変換(トランスパイル)が必要になる。 トランスパイル用のツールとしてはBabelが代表的な実装になる。 具体的な利用方法としては: ES6をサポートしているブラウザを使う 現状、サポートは部分的かつ挙動に差異がある babelのCLIを使って直接トランスパイルする we
CSSセレクタのチートシート｜37パターンを一覧で解説
CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】| TechAcademyマガジン
Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】 HTML/CSSといったWebデザインの知識がない人でもわかる【Bootstrap】の使い方。Bootstrapのダウンロード方法、サンプルコードがあってすぐに実践可能。グリッドシステムやテーブルなどの使い方あり。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 独学でHTML/CSSを勉強してもデザインがいまいち…という経験はないでしょうか。そんなときに便利なB
AWS 月額料金チートシート - Qiita
EC2インスタンス、月でいくらぐらいだったっけ？ってのをいままで何十回と繰り返してきたので、 月額のザックリをまとめてみた。 東京リージョン 1 month = 720 h 換算 もっと細かい金額を弾きたい場合は、AWSに見積もりツールってのがあるので、それを使ってみてください。 http://aws.amazon.com/calculator もっと便利なサイトをコメントで教えてもらったので追記。 もう、このページ自体が必要ないかも。 http://ec2pricing.net/ http://www.ec2instances.info/ 変更履歴 2018-02-21: EC2価格表を更新 EC2 AWSの該当ページ - http://aws.amazon.com/jp/ec2/pricing/ インスタンスの単純な価格のみで、EBSとかは省いてます。 t2.nanoが登場してから、n
Git超絶まとめ - Qiita
ファイル保存領域 ワーク（ワーキング）ツリー インデックス（ステージング） リポジトリ ワーク（ワーキング）ツリー ユーザーが作業しているディレクトリ領域 インデックス（ステージング） ワークツリーとリポジトリの中間領域（一時領域） コミット対象のファイルを登録する領域 リポジトリ ファイルやディレクトリの状態を管理する領域 ブランチ 履歴の流れを分岐して保存していくための機能 - masterブランチ - 追跡ブランチ - HEAD masterブランチ gitリポジトリに最初にコミットすると作成されるブランチ 追跡ブランチ リモートブランチの状態を監視するためのブランチでローカルブランチの一種 git branch -a * master //作業ブランチ remotes/origin/HEAD -> origin/master //HEADの位置 remotes/origin/mas
Markdown記法 チートシート
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート（`） か チルダ（~） を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
Markdown記法まとめ(見出し、段落、改行、水平線、強調、引用、コード)[1/3] - はしくれエンジニアもどきのメモ
Markdown記法まとめ[1/3] 特徴 軽量マークアップ言語である。 簡単な記法でHTMLのように書ける。 ドキュメントによく使われ、GitHubでよく見かける。 拡張子は[.md] 公式サイト： Daring Fireball: Markdown 見出し<h> #(シャープ) 1つで<h1>, ## 2つで <h2>, ..., ###### 6つで <h6>なる。 またh1,h2のみ別の書き方ができる。 見出し1の改行後に [ = ] (イコール)を2つ以上で<h1>、同様に、見出し2の改行後に [ - ] (ハイフン)で<h2>にもなる。 サンプルコード # 見出し1[h1] 見出し1 ## 見出し2[h2] 見出し2 ------ ### 見出し3[h3] #### 見出し4[h4] ##### 見出し5[h5] ###### 見出し6[h6] プレビュー 段落 <p> [
![Markdown記法まとめ(見出し、段落、改行、水平線、強調、引用、コード)[1/3] - はしくれエンジニアもどきのメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e12b31be6fd082b6275b2b40ea4a680dee75251b/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fc%2Fcartman0%2F20150331%2F20150331021657.jpg)
Exim Cheatsheet
Deprecated: Using ${var} in strings is deprecated, use {$var} instead in /home/bbaileyo/lib/php/btm_config.php on line 54 Deprecated: Using ${var} in strings is deprecated, use {$var} instead in /home/bbaileyo/lib/php/btm_config.php on line 116 THE ORIGINAL EXIM CHEATSHEET SINCE 2005 bradthemad.org is the official location of this Exim Cheatsheet, since I first compiled a text file of useful Exim
git-flow cheatsheet
About git-flow are a set of git extensions to provide high-level repository operations for Vincent Driessen's branching model. more ★ ★ ★ This cheatsheet shows the basic usage and effect of git-flow operations ★ ★ ★ Basic tips Git flow provides excellent command line help and output. Read it carefully to see what's happening... The macOS/Windows Client Sourcetree is an excellent git gui and provid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FLEX: A simple visual cheatsheet for flexbox
CSS セレクタの使い方がまとめられたチートシート -CSS selectors cheatsheet
Web制作者が備えておきたい最新版チートシートのまとめ | コリス
CSS GridとFlexboxで役立つチートシート、各プロパティの役割がぱっと見てすぐ分かる簡単便利
最新版のチートシート！Vue.jsのよく使用するイベントや構文がまとめられたフロントエンド制作者用チートシート
Dockerコマンドメモ - Qiita
docker コマンド チートシート - Qiita
Exim CheatSheet — Knowledge Base 1 documentation