エンジニア向けチートシート集 - Qiita
はじめに 今回はエンジニア向けのチートシート集のまとめを紹介していきます。 チートシートを利用することで 作業効率が上がる 概要が掴みやすい 学習にもなる といった恩恵が得られます。 ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者~中級者 作業効率を上げたい人 コードを書くテクニックを知りたい人 VsCodeチートシート はじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット
スタバでMacを開くエンジニア on Twitter: "これは凄い✨ VsCodeのショートカットがまとまってる『チートシート』。ショートカットを使えば、生産性が大幅に上がる。最初はカンニングしつつ、徐々に体で覚えていくことが大切。 こちらにまとめています👇… https://t.co/RetMJ9xaA4"
これは凄い✨ VsCodeのショートカットがまとまってる『チートシート』。ショートカットを使えば、生産性が大幅に上がる。最初はカンニングしつつ、徐々に体で覚えていくことが大切。 こちらにまとめています👇… https://t.co/RetMJ9xaA4
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
JISキーボードなのにUS配列の環境で文字を打つ - Qiita
JIS配列とUS配列で違っているところ JIS配列とUS配列で違っているところ（キーの押した時に刻印は違う文字が表示されるところ）を赤色で塗ってみました。灰色のところはUS配列では使わない（使えない）キーです。 通常の状態 全部で6箇所です。ところどころ違っているかなというレベルです。 シフトキーを押した状態 全部で14箇所です。かなりの部分が刻印されている文字と異なることが分かります。 へぇそうだったんだー 日頃から毎日のように使っているキーボードをまじまじと見たことがなかったのですが、「0」の上には何も刻印されていない（つまりシフトキーを押した際に打たれる文字がない）ことや「￥（エン）」と「＼（バックスラッシュ）」の両方があった事は今回始めて知ることとなりました。「￥」と「＼」は同じ意味で使う事が多いのでちょっと不思議な感じです。 あと「全角/半角」だと思っていたキーの刻印をよく見たら
Adobe公式の最新版！Adobe XDで使用できるすべてのショートカットが一枚にまとめられたチートシート | コリス
Adobe XD: ツールメニューのショートカット V 選択 R 四角形 E 楕円形 L 線 P ペン T テキスト A アートボード Z ズーム command+3 選択範囲に合わせてズーム XDでは、選択範囲に合わせてのズームもできます。 Adobe XD: パスまたはペンに関するショートカット P ペンツールに切り替える ダブルクリック ポイントを切り替える option 非対称のコントロールポイント shift コントロールポイントの角度をスナップ shift アンカーポイントの角度をスナップ command+option+U 合体 command+option+S 前面オブジェクトで型抜き command+option+I 交差 command+option+X 重なる部分を中マド command+8 パスに変換
CSS Cheat Sheet
Stay Inspired ✨ Expand Skills 🧠 Discover Trends 🧭 The newsletter for Unicorns 🦄 You're a design-savvy developer or code-loving designer. 100% Free.
web制作者（フロントエンド・マークアップエンジニア向け）がブックマークしておきたい、便利なチートシートやリソースのまとめ - NxWorld
普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。 主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。 普段から多用している言語はもちろん、頻繁に調べてるとかまだまだ勉強しつつ使っているというものがあれば、それに関するチートシートをブックマークしておくことで不明点が出る度に検索する手間も省けて制作時間の短縮にも繋がると思います。 また、基本的にはweb上で確認するものになっていますが、中にはわかりやすく1枚のイメージでまとめられていたりPDF形式で用意されているものもあるので、それらを印刷して手元
日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
バグなどの謎の現象に立ち向かうも闇が濃く、どうしても沼から脱出できない時に見るフローチャート - Thanks Driven Life
ご査収ください (2022年12月8日 追記) フローチャートを書き直しました。内容自体は当時のものと同じです。 補足 パフォーマンスの出し方は人それぞれなので「私はこんな感じです」というものです。 とりあえず「なんかやばいな?」と思ったら休む 体調的にはもちろん、「これ結構やばそうだな?」という勘所は大事 15分以上(長くても30分)悩んだら周りに聞いてみる こういう時はだいたい 視野が狭くなっている(簡単なスペルミスだったり) 暗黙知に触れている(業務だとよくある) とてつもない難問にぶちあたっている といったケースなので、仲間にSOSを出した方がチーム全体の進捗も結果的に良くなる、という経験談です。 ちなみに15分の根拠はなんとなくです。 ちなみに、問題に取り組み始めるその瞬間から「15分やってわからなかったら誰かに聞こう」としている場合は、 フローチャートの「30分動いてなかったら
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
Web制作の作業効率を格段にアップさせる便利なチートシートまとめ
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
忘れっぽい人のための正規表現チートシート - Qiita
正規表現はテキスト処理に大変便利なわけですが、数字のメタキャラクタなんだったっけ？とかあの量指定子なんだったっけ？とか慣れないうちはよく忘れてしまいます。 そこで自分のための備忘録として、チートシートにまとめてみました。 1.基本のメタキャラクタ メタキャラクタにより任意の1文字や任意の半角数字などを指定することができます。 メタキャラクタ 意味
NDP Software :: Git Cheatsheet
stash workspace index local repository upstream repository status Displays paths that have differences between the index file and the current HEAD commit, paths that have differences between the workspace and the index file, and paths in the workspace that are not tracked by git. diff Displays the differences not added to the index. diff commit or branch View the changes you have in your workspace
これからのWeb制作に役立つ、69個の有益で大切なポイントのまとめ -69 Website Design Tips
Web制作のデザイン、ユーザエクスペリエンス、コンテンツ、制作・開発、そしてこれから必要もの、避けておきたいものをまとめた「69 Website Design Tips」を紹介します。 ターゲットとなるビジターを調査するのが重要 カラーは2, 3色をベースに、多色が必要なら明度に変化をつける ロゴは、デザインされた高品質なものを使う コンテンツが魅力的でも読めないテキストでは意味が無い 要素が減った時増えた時のことも考えてデザインする 既製のデザインを使うのではなく、ターゲットに適したデザインをする 構造化されたデザインにはグリッドが便利、汎用性の高い12カラムがお勧め 重要な要素を目立たせる時は、必要のない要素を取り除いてシンプルにする トレンドの使いすぎはよくないですが、10年前のデザインを使用するのはもっとよくないです デザインはオリジナル性を大切にします、既製をそのまま使うと他のサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者が備えておきたい最新版チートシートのまとめ | コリス
CSS GridとFlexboxで役立つチートシート、各プロパティの役割がぱっと見てすぐ分かる簡単便利
HTML Reference
Web制作者が備えておきたい最新版チートシートのまとめ、CSS3 Flexbox, CSSアニメーション, jQuery3, ES6, Bootstrap4など
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
