cheatsheetの人気記事 212件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 40 件 / 212件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

cheatsheetの検索結果1 - 40 件 / 212件

cheatsheetに関するエントリは212件あります。チートシート、プログラミング、 css などが関連タグです。人気エントリには﹃ChatGPTの使い方のコツをまとめる - BioErrorLog Tech Blog﹄などがあります。

ChatGPTの使い方のコツをまとめる - BioErrorLog Tech Blog

● 2106 users ● www.bioerrorlog.work ● テクノロジー ●2023/03/26 面白いなと思った使い方、大事だなと思ったコツの個人的な備忘録です。はじめに前提 ChatGPTのTipsまとめ基本編鵜呑みにしない途中で文章が途切れた時は "続けて" 汎用Tips 文脈を伝える条件/制約や質問を明示する相手の立場を指定する回答の特性を指定する英語で入力する無茶振りするレビュアーや反論者を用意するおわりにはじめに ChatGPT、面白いですね。難しく考えず素朴にChatGPTと会話するのも十分面白いですが、コミュニケーションを工夫することでより良い体験が得られたりします。 (対人コミュニケーションと同じですね) 今回は、個人的にChatGPTを使ってる中での好みのコツをまとめます。 ChatGPTのコツを書いているはずが、いつの間にか対人コミュニケーションの話みたいになってしまった ChatGPTの使い方のコツをまとめる - BioErrorLo ●ChatGPT ●AI ●あとで読む ●コミュニケーション ●tips ●人工知能 ●英語 ●文章 ●お役立ち ●機械学習

全国民に配るべき！総務省が示した﹁データ入力の統一ルール﹂｜Excel医ブログ

● 1931 users ● excel-design-dr.com ● 政治と経済 ●2021/06/14 2020年12月、総務省より︻機械判読可能なデータの表記方法の統一ルール︼が策定されました。統計表における機械判読可能なデータの表記方法の統一ルールの策定 https://www.soumu.go.jp/menu_news/s-news/01toukatsu01_02000186.html 2020年11月に河野太郎行政改革担当大臣のツイートが話題となりました。その後正式に統一ルールが公開された形です。各省庁がネット上で公開する統計を機械判読可能にするために、データの表記方法を統一させます。﹁政府統計の総合窓口︵e-Stat︶﹂で本日から12月1日までの間、表記方法案に関する意見照会を行います。研究者をはじめ、皆様のご意見をお待ちしています。https://t.co/h07tCTDazc — 河野太郎 (@konotarogomame) November 25, 2020 ●excel ●あとで読む ●データ ●統計 ●仕事 ●IT ●ルール ●PC ●Office ●ブログ

︻保存版︼﹁もうデザイナー用の最強チートシート作っちゃおうよ﹂と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi

● 1899 users ● note.com/minelva2754r ● テクノロジー ●2020/08/19 ︻保存版︼﹁もうデザイナー用の最強チートシート作っちゃおうよ﹂と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から﹁どこから画像を引っ張ってくればいいかわからない😭﹂﹁日々の情報収集どうすればいいの？🤔﹂という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、﹁このツールも便利だよ！﹂というのがあればぜひコメントで教えてください！日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し ●デザイン ●あとで読む ●webデザイン ●チートシート ●design ●学習 ●まとめ ●note ●便利 ●web制作

無料で読める、東大／京大の﹁Python教科書﹂電子書籍

● 1365 users ● atmarkit.itmedia.co.jp ● テクノロジー ●2021/05/26 本稿は、2021年5月26日に公開した記事を、2023年11月13日の最新情報に合わせて改訂したものです。東大と京大のどちらも2023年版が公開されています。プログラミング言語Pythonを習得したい場合、まずは教科書型のコンテンツなどで一通りの基礎知識を学ぶ必要があるだろう。そういった目的に合うコンテンツは、書籍を含めてさまざまなものがある。本稿ではその中でも、東京大学もしくは京都大学の授業で使われており信頼性が高い電子書籍、しかも無料で入手可能なものを紹介する。東大／京大の﹁Python教科書﹂電子書籍東京大学﹃Pythonプログラミング入門﹄ ●python ●あとで読む ●学習 ●プログラミング ●書籍 ●AI ●無料 ●programming ●大学 ●勉強

AWS システム構築非機能要件ヒアリングシートを公開してみた | DevelopersIO

● 1152 users ● dev.classmethod.jp ● テクノロジー ●2020/07/27 こんにちは。ご機嫌いかがでしょうか。 "No human labor is no human error" が大好きなネクストモード株式会社の吉井亮です。日本国内においても多くのシステムがクラウド上で稼働していることと思います。俊敏性、拡張性、従量課金、IaS、セキュリティなどクラウドのメリットを享受しやすい所謂 SoE で多くの実績があるように感じます。ここ1~2年は、社内基幹システム・情報システム、SoR 系のシステムのクラウド移行が本格化してきたというのが肌感覚であります。クラウドでのシステムインフラ構築は従来のようにゼロから非機能要件定義を行っていくものではなく、ベストプラクティスをまず実装して少しずつ微調整を行っていくものと考えています。とはいえ、システムごとの要件は予め明らかにしておくことがインフラ構築においても重要になります。クラウド上では出来ること出来ないこと ●aws ●インフラ ●あとで読む ●設計 ●運用 ●非機能要件 ●システム ●要件定義 ●セキュリティ ●cloud

新型コロナ後遺症チートシート︵対策一覧︶

● 1104 users ● longcovid.jp ● 世の中 ●2022/08/02 多くの場合、増悪因子が慢性上咽頭炎不適切に対処すると筋痛性脳脊髄炎／慢性疲労症候群︵ME/CFS︶に該当する状態まで増悪する。(*1) 適切な対処で十分治療可能。ペーシングで酸欠にならないことが何より大事。呼吸リハビリ(*3)　PS別呼吸リハビリ鼻うがい・ミサトールリノローション上咽頭擦過療法︵EAT、Bスポット療法︶(*2) 追加の倦怠感が出ることをしないゆるめる瞑想セルフケア｜頭痛の治し方︵鎖骨から上のケア︶セルフケア｜腰から脚のケア高圧酸素療法︵酸素カプセルで効く場合あり。治るわけではなく一時しのぎ。︶(*4) できれば血液検査で亜鉛の量をチェックして、80より少なければ補充できれば血液検査でフェリチンをチェックして、50より少なければ鉄をサプリや薬で補充市販のBCAA︵アミノバイタル・アミノバリューなど︶市販のプロテイン陽証の場合は、﹁柴胡剤＋駆瘀血剤﹂o ●COVID-19 ●医療 ●あとで読む ●コロナ ●健康 ●後遺症 ●コロナウイルス ●お役立ち ●生活 ●まとめ

お悩みハンドブック

● 1098 users ● compass.graffer.jp ● 世の中 ●2022/02/11 一人ひとりの悩みごとに合わせて適切な支援を案内するサービスです。あてはまる悩みにチェックをつけていくだけで200種類を超える公的支援を中心とした解決手段から利用できる可能性のある支援を提案します。 ●webサービス ●生活 ●福祉 ●お役立ち ●社会 ●便利 ●あとで読む ●webservice ●貧困 ●支援

自由研究で作った﹁食材保存方法早見表﹂が超有用！全国のご家庭の冷蔵庫に貼られてほしい便利さ

● 1020 users ● togetter.com ● 暮らし ●2021/07/18 方原🌸刺繍屋かたはら @Katahara_BloomS 自由研究で﹁冷蔵庫に貼るやつ﹂を作りました。こういうの欲しいなと思って探したけどコレ！っていうのがなかったので。PDFにしたのでよかったら冷蔵庫に貼ってください。食材保存方法早見表︻スマホ︼katahara-blooms.wixsite.com/unfading/foods… ︻ＰＣ︼katahara-blooms.wixsite.com/unfading/foods… ⇩ツリーにネットプリント pic.twitter.com/kmqeJPAIb3 2021-07-17 15:23:09 ●料理 ●あとで読む ●食 ●便利 ●生活 ●togetter ●レシピ ●pdf ●お役立ち ●研究

︻日本人エンジニア必携︼英語命名規則の決定版 - Qiita

● 796 users ● qiita.com/hironori_narita ● テクノロジー ●2023/12/24 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。はじめに英語での適切な命名は、コードの可読性や保守性を向上させるために重要です。適切な命名規則を守ることがコードの理解や共有において不可欠です。英語での命名規則を学び、適切な命名を行うことで、コードの読みやすさや保守性を向上させ、チーム全体でのコードの理解を促進する手助けとなります。この記事では、日本人エンジニアが英語での命名規則を理解し、適切な命名を行うための指針を提供します。命名フローチャート変数関数クラス 1. 変数 1-1. boolean 1-1-1. 存在するかどうかのフラグ名詞 + exists ●英語 ●あとで読む ●プログラミング ●命名規則 ●エンジニア ●qiita ●設計 ●programming ●コード ●命名

Web制作の時短に！2020年の便利オンラインツール・ベスト100選

● 796 users ● photoshopvip.net ● テクノロジー ●2020/12/21 この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、﹁無料で利用できるツール﹂を揃えています。これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. CSSツール︵14個︶ 2. パターンツール︵7個︶ 3. イラスト系ツール︵3個︶ 4. デザインツール︵10個︶ 5. 配色カラーツール︵6個︶ 6. グラデーションツール︵3個︶ 7. SVGツール︵8個︶ 8. スクリーンショ ●ツール ●あとで読む ●css ●デザイン ●web制作 ●web ●便利 ●配色 ●webデザイン ●まとめ

よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ

● 779 users ● coliss.com ● テクノロジー ●2021/02/18 Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無しフレームワークは必要無しピュアCSSで実装、CSS ●css ●html ●あとで読む ●ui ●レイアウト ●デザイン ●テンプレート ●web制作 ●flexbox ●コード

ChatGPTを最強の学習ツールにする方法 - Qiita

● 745 users ● qiita.com/tak001 ● テクノロジー ●2023/02/20 こちらの記事は随時追加更新していきます記事の内容何かと話題のChatGPTですが、今回はこのChatGPTをプログラミング学習として活用し、﹁最強の学習ツール﹂にしてしまおうという記事になります。内容を書き換えれば、英語学習などにも置き換えることができます。筆者の関連記事 ChatGPTはそのチャット内で質問した内容を記憶しそれによって回答が異なるケースがあります。もし、意図した回答が得られない場合などは﹁New chat﹂から新たに質問するなどの工夫が必要です。そして、ChatGPTからの回答内容はあくまでも一つの例であるという認識で向き合いましょう。アジェンダ登録方法質問のコツについてロードマップ(カリキュラム)を提案してもらうふんわりとした内容を具体的にしていく更に深掘りして手順を教えてもらう﹁何がわからないかわからない﹂状態をなくしていく次のレベルアッ ●ChatGPT ●あとで読む ●学習 ●AI ●ツール ●開発 ●プログラミング ●勉強 ●Qiita ●機械学習

エンジニア向けチートシート集 - Qiita

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

﹃仕事するときに見るやつ﹄がとても便利で助かると話題に﹁助かる﹂﹁高画質にして壁紙にしたい﹂

● 708 users ● togetter.com ● 世の中 ●2022/01/24 リンク SUZURI 仕事するときに見るやつ / 倉戸みと ( mitragyna )のマグカップ通販 ∞ SUZURI︵スズリ︶倉戸みと ( mitragyna )がつくった仕事するときに見るやつのマグカップが購入できるアイテムページ。色やサイズも選択可能。お得なクーポンも配布中！オリジナルアイテム・グッズを手軽に作成・販売できるサイト、SUZURI︵スズリ︶。自分だけのTシャツやスマホケースなどを簡単につくることができます。 ●togetter ●あとで読む ●仕事 ●便利 ●work ●デザイン ●ライフハック ●グッズ ●アイテム ●ブコメ

知っておくと仕事が捗る便利ツール17選 - Qiita

● 672 users ● qiita.com/twrcd1227 ● テクノロジー ●2024/06/29 はじめに知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザーガイドまで、コードベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s ●ツール ●あとで読む ●仕事 ●webサービス ●tool ●便利 ●css ●webservice ●qiita ●javascript

ゲーム感覚でプログラミング学べるサービス集 - Qiita

● 643 users ● qiita.com/SMAC ● テクノロジー ●2022/06/30 はじめに今回はゲーム感覚でプログラミングを学べるサービスを紹介します。ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を﹁使える技術﹂として自分のものにしていただければと思います。この記事の主な対象者プログラミング初心者~中級者基礎文法は学んだけどアウトプットができていない人フロントエンジニアを目指してる人楽しみながらプログラミングを学びたい人ぷよぷよプログラミングまずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる﹁ぷよぷよプログラミング﹂です。ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時 ●プログラミング ●あとで読む ●ゲーム ●css ●学習 ●サービス ●javascript ●勉強 ●game ●qiita

︻動画付き︼ draw.io 使い方まとめ〜エンジニアでなくても使えるTips集〜 - Qiita

● 551 users ● qiita.com/G-awa ● テクノロジー ●2020/02/10 draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ERモデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。﹁こんな使い方あるよ！オススメだよ！！﹂という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。ツイッター公式アカウント公式ブログショートカットショートカット集です。机の上に置いて覚えましょう。 Line / 線まずは最も頻繁に使う Line(線)の使い方からご紹介します。矢印をまっすぐに揃えるちまちまと矢印の線をドラッグして微調整し ●draw.io ●あとで読む ●フローチャート ●PlantUML ●drawio ●draw ●エンジニア ●Qiita ●ツール ●UML

Flexbox Cheat Site

● 537 users ● kuroppe1819.github.io ● テクノロジー ●2020/05/25 Webエンジニアとデザイナーのための CSS Flexbox チートシート ●flexbox ●css ●チートシート ●あとで読む ●cheatsheet ●web ●webデザイン ●エンジニア ●ちゃんとしたブクマ ●*CSS

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

● 537 users ● qiita.com/saboriman ● テクノロジー ●2022/09/04 はじめにこんな人が役に立つ記事コーディング業務の効率を上げたい。コーディングに関するチートシートを知りたい。打つのもめんどいからコピペでなんとかしたい︵笑︶今回は、コーディングに役立つチートシートをまとめました。 VSCODEチートシートエンジニアなら必ず使うであろうVsCodeのショートカットチートシート。これはよく使ってます！ HTML系のチートシート集 HTMLに関するチートシートをまとめてみました。 HTML5 タグチートシート HTML5 のタグチートシート。サイトには5から廃止になった避けるべきタグなどもまとめてられており、 PDFでダウンロードできます。 HTML5 入れ子チートシート HTML の入れ子の可否を視覚的に分かりやすく、色づけしてくれます。対象要素の親、子を選ぶだけで、簡単に調べることが出来ますので便利なチートシート特殊文字一覧‥HTMLで使え ●チートシート ●あとで読む ●コーディング ●プログラミング ●javascript ●html ●css ●jquery ●エンジニア ●web制作

One-liners | Basic | Cheat sheet | Linux Command Library

● 526 users ● linuxcommandlibrary.com ● テクノロジー ●2020/11/12 $ wget --random-wait -r -p -e robots=off -U mozilla http://www.example.com ●linux ●あとで読む ●コマンド ●command ●bash ●CLI ●cheatsheet ●shell ●oneliner ●シェルスクリプト

ふりかえりを拡張する﹁ふりかえりチートシート﹂ - Qiita

● 520 users ● qiita.com/viva_tweet_x ● テクノロジー ●2019/12/04 はじめにあなたのふりかえりを拡張するふりかえりチートシートを公開いたします！この記事では、技術書典7以降配布している﹁ふりかえりチートシート﹂の説明を行います。ふりかえりチートシートは、ふりかえりの手法84個とその特徴を網羅した一覧表です。下記画像はイメージです。 pdfはBoothで無料DLできます。DLはコチラ => ︵DL版︶ふりかえりチートシートふりかえりチートシートとはふりかえりの様々なシチュエーション︵ひとり、チーム、プロジェクト、組織︶で利用可能なふりかえりの手法をまとめたチートシートです。ふりかえりの各手法を﹁ふりかえりの5つの流れ﹂と﹁ふりかえりの8つの型﹂に沿って分類しています。 B5の2ページ分のpdfファイルで、両面印刷したものをイベント等で配っています。DLしていただいたものは、ご自由に印刷＆ご利用ください。ふりかえりチートシートの想定利用対象者 ●振り返り ●あとで読む ●チートシート ●チーム ●scrum ●ふりかえり ●retrospective ●qiita ●アジャイル ●マネジメント

Excel、PowerPoint、Chrome、Windowsの仕事で使えるショートカットキー一覧の画像に﹁永久保存版出た﹂

● 517 users ● togetter.com ● テクノロジー ●2022/11/04 オクシン @OKU_MAYA マジでオススメはPC画面のスクリーンショット。 Win→Windowsロゴキー＋Shift＋S Mac→Shift＋command＋4あと仕事が速いビジネスマンが集まる営業の祭典S1グランプリが11月19日(土曜、13時開始)に無料オンライン生配信されます。私は挑戦者で出ます。申込URLこれ sales-no1gp.com/2022/ 2022-11-04 11:10:29 ●ショートカット ●あとで読む ●Excel ●Windows ●仕事 ●togetter ●PC ●チートシート ●Chrome ●shortcut

HTML Living Standard ｜ HTML要素チートシート

● 431 users ● htmlls.docs-share.com ● テクノロジー ●2021/11/15 No.HTML要素ネスト調査主要コンテンツカテゴリ他のカテゴリフォーム関連カテゴリ特徴属性概要公式文書情報連番要素名親子コンテンツモデル・概要︵特性／子︶使用できるコンテキスト・概要︵親︶メタデータフローセクショニングヘディングフレージングエンベディッドインタラクティブスクリプトサポートセクショニングルートパルパブルフォーム関連付要素送信可能要素リセット可能要素ラベル付け可能要素自動大文字化継承要素API記載要素カテゴリなし透過的置換要素グローバル固有属性読み意味︵要約︶関連する要素章タイトル︵分類︶文書No.使用できるコンテキストコンテンツモデル ●html ●チートシート ●あとで読む ●cheatsheet ●web制作 ●css ●資料 ●コンテンツ ●*webデザイン ●教育

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

● 420 users ● coliss.com ● テクノロジー ●2019/10/21 GitSheet Gitでよく使用するコマンドをまとめたチートシートは、こちら。サイトでは﹁Copy﹂ボタンをクリックすると、コマンドがコピーできます。 GitSheet チートシートの作成者に許諾を頂いたので、各説明を意訳しました。 Gitのブランチ操作 git branch すべてのローカルブランチを一覧表示します。 git branch -a リモートおよびローカルブランチを一覧表示します。 git checkout -b branch_name ローカルブランチを作成し、切り替えます。 git checkout branch_name 既存のブランチに切り替えます。 git push origin branch_name ブランチをリモートにプッシュします。 git branch -m new_name 現在のブランチの名前を変更します。 git branch -d branch ●git ●あとで読む ●cheatsheet ●チートシート ●コマンド ●ツール ●*github ●techfeed

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

● 417 users ● efcl.info ● テクノロジー ●2022/12/15 [JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が ●javascript ●url ●あとで読む ●cheatsheet ●security ●プログラミング ●技術 ●チートシート ●programming ●https

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

● 414 users ● soudai.hatenablog.com ● テクノロジー ●2023/10/08 中国地方DB勉強会in岡山の登壇資料です。そのうちここで登壇動画が公開されることでしょう。肝心なチートシートは以下のとおり。 PostgreSQL gist.github.com MySQL gist.github.com チートシートだけじゃわからない！困ってる！ Have Fun Techがバージョンアップのサポートしますのでお気軽にご相談ください。 have-fun.tech まとめやっぱ中国地方DB勉強会は最高だぜ！ ●postgresql ●mysql ●db ●あとで読む ●チートシート ●database ●データベース ●開発 ●資料 ●バージョンアップ

Github Actions チートシート

● 413 users ● zenn.dev/masaaania ● テクノロジー ●2021/11/13 概要何度も調べて何度もテストしたりしたので、多用するものをまとめていきたい。項目 push時に実行 // feature/aaaで動く。 feature/aaa/bbbでは動かない on: push: branches: - feature/* // feature/aaa, feature/aaa/bbbで動く on: push: branches: - feature/** // なにかしらのtagがpushされたときに実行、branchのpushは無視 on: push: tags: [ '**' ] branches-ignore: [ '**' ] // 指定したpathの変更だけでは実行しない on: push: branches: - main paths-ignore: - '*.md' - 'docs/**' on: workflow_dispatch: inputs ●github ●GitHub Actions ●ci ●あとで読む ●チートシート ●actions ●cheatsheet ●開発 ●Git ●DevOps

VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

● 405 users ● coliss.com ● テクノロジー ●2022/10/18 VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。 ●VSCode ●あとで読む ●チートシート ●ショートカット ●cheatsheet ●お役立ち ●ツール ●VisualStudioCode ●shortcut ●便利

Windowsにある、普通は変えないし知らなくても困らないWi-Fiアダプターの詳細設定︻イニシャルB︼

● 380 users ● internet.watch.impress.co.jp ● テクノロジー ●2022/12/05 ●Wi-Fi ●あとで読む ●windows ●ネットワーク ●無線LAN ●network ●PC ●設定 ●tips ●wifi

GitHub - kettanaito/naming-cheatsheet: Comprehensive language-agnostic guidelines on variables naming. Home of the A/HC/LC pattern.

● 365 users ● github.com/kettanaito ● テクノロジー ●2021/01/16 You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert ●naming ●programming ●プログラミング ●あとで読む ●チートシート ●cheatsheet ●github ●javascript ●命名規則 ●コーディング標準

モダンCSSによる絶対配置︵position: absolute;︶の削減

● 339 users ● coliss.com ● テクノロジー ●2021/09/28 テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置︵position: absolute;︶を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめにケース1: カードのオーバーレイケース2: カードのタグケース3: ヒーローセクションケース4: display: contents; ケース5: カードアイテムの並べ替えケース6: 中央寄せケース7: 画像のアス ●css ●あとで読む ●webデザイン ●flexbox ●CSS Grid ●コンテンツ ●テキスト ●レイアウト ●tips ●画像

弱者男性論マップ

● 339 users ● anond.hatelabo.jp ● 世の中 ●2021/05/03 追記: blogでやれ派がいらっしゃるようなので https://yatimasan.hatenablog.com/entry/2021/05/06/133616 X 党派問わず論拠や目的変数としてよく引用されるものを便宜上ここに配置 X-1 男女の自殺率の比較 X-2 男女の生涯未婚率の比較 X-3 結婚相談所やマッチングサービスにおけるマッチング成立の影響変数 X-4 国家間比較や年代比較における、男女平等指数と生涯未婚率男女差・自殺率差の相関性 X-5 男女・雌雄の生物学的差異や進化論的考察 X-6 社会的な﹁男らしさ﹂規範の存在 X-7 養育権の取りやすさにおける男女の偏り、シングルマザーとシングルファザーの数の差 X-8 男女の自殺未遂率の比較 X-9 出生率、出生率への影響変数としての男女平等指数、出生率の国家間比較 X-10 男女平等指数自体の統計的問題点の指摘 X-11 幸 ●ジェンダー ●あとで読む ●増田 ●社会 ●差別 ●男女 ●恋愛 ●考え方 ●結婚

これは便利！ありそうでなかった最新Web、オンラインツール36選

● 335 users ● photoshopvip.net ● テクノロジー ●2022/07/06 この記事では、﹁それ、何使ってるの？﹂と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ ●ツール ●あとで読む ●便利 ●webサービス ●アニメーション ●デザイン ●web ●web制作 ●お役立ち ●まとめ

A Visual Guide to SSH Tunnels: Local and Remote Port Forwarding

● 323 users ● iximiuz.com ● テクノロジー ●2022/11/05 Bridge vs. Switch: What I Learned From a Data Center TourNetworking Lab: Ethernet Broadcast DomainsNetworking Lab: L3 to L2 Segments MappingNetworking Lab: Simple VLANDon't miss new posts in the series! Subscribe to the blog updates and get deep technical write-ups on Cloud Native topics direct into your inbox. TL;DR SSH Port Forwarding as a printable cheat sheet. SSH is yet another example of an ●ssh ●あとで読む ●network ●server ●IT ●visualization ●インフラ ●docker ●ネットワーク

どう書くんだっけ？を一発解決！コピペ用コードスニペットを集めたオススメWebサイトまとめ

● 287 users ● photoshopvip.net ● テクノロジー ●2021/01/27 この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題！コピペ可なHTMLスニペットベスト100発表どう書くんだっけ？を一発解決！コードスニペットを集めたオススメWebサイトまとめ CoddMyUI Javascript、HTML、CSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー ●スニペット ●あとで読む ●css ●web ●開発 ●web制作 ●javascript ●bootstrap ●webサービス ●プログラマ

React with TypeScript Cheatsheet

● 248 users ● blog.bitsrc.io ● テクノロジー ●2021/11/26 Table of Contents:· Table of Contents: · How to type React props ∘ Creating a type alias for the props ∘ Typing optional props ∘ List of types for React component props · How to type React function components · How to type React hooks ∘ Typing useState hook ∘ Typing useEffect and useLayoutEffect hooks ∘ Typing useContext hook ∘ Typing useRef hook ∘ Typing useMemo hook ∘ Typing useCallback hook ∘ T ●react ●TypeScript ●あとで読む ●cheatsheet ●react.js ●プログラミング ●チートシート ●javascript ●programming

データ視覚化/ダッシュボードデザインを成功させるための95のチェックリスト

● 247 users ● data-viz-lab.com ● テクノロジー ●2020/04/10 データ視覚化やダッシュボードデザインは文字通り﹁視覚化﹂﹁デザイン﹂というくらいですので、目に見えているところだけを語られがちです。しかし、実は最も重要なのは徹底したオーディエンス︵ユーザー︶主義の意識、そして質の高い問いの設定です。なぜなら、オーディエンスは、つまらないと感じたり、わからないと感じるとすぐに離脱するからです。これはとても単純で当たり前とも言えるのですが、データ視覚化に夢中になっていると忘れがちなポイントです。下図は、ダッシュボードに表れるものとその根底に潜む要素を模したものです。データ視覚化の深層部分はこのような氷山で説明できるのではと考えています。上側半分はよく語られがちですが、下側は見過ごされがちです。ですので、本記事では、上側から下側まで一気通貫のチェックリストを紹介します。弊社では、プロジェクトの開始時から最後まで考えていることです。これらの要素は相互に影響し ●ダッシュボード ●デザイン ●データ ●あとで読む ●分析 ●dashboard ●visualization ●data ●レイアウト

GoF デザインパターンチートシート - Qiita

● 218 users ● qiita.com/tanakahisateru ● テクノロジー ●2019/12/24 ここまで読んでくださった皆さんに、ちょっとしたクリスマスプレゼント。マンガでわかる GoF デザインパターン23種チートシートです。これでもうデザインパターンは完全にマスターしましたよ。やったね! (注: ここからはあとがきポエムです) ところでみなさん、せっかくデザインパターンを学んだので、これを使ってプログラムを書こう、チートシートがあるからなんでも書けそうだぞ、なんて思っていませんか。ダメですよ。そんなことしたら 2000 年前後に起きた失敗を繰り返してしまいます。実は GoF のデザインパターンは、ビジネス的には成功したけど、教育には失敗しました。最初に出版された本に﹁オブジェクト指向における再利用のための﹂という肩書が付いていましたが、これが本当に良くなかった。あの頃 (ポール・グレアムが LISP と Ruby を褒めるまで) は、﹁オブジェクト指向様こそが良い設計のす ●デザインパターン ●あとで読む ●GoF ●設計 ●チートシート ●qiita ●デザイン ●プログラム ●programming ●DDD

A Visual Guide to React Rendering - Cheat Sheet

● 210 users ● alexsidorenko.com ● テクノロジー ●2021/10/19 When does react component re-render? What can cause the re-render, and how to prevent unnecessary renders? Here is a quick cheat sheet you can refer to whenever you find yourself asking these questions. This article serves as a table of contents for a Visual Guide to React Rendering series. Every section of the cheat sheet links to the correspondent chapter of the guide that explores a topic in de ●react ●あとで読む ●cheatsheet ●react.js ●performance ●frontend ●javascript ●チートシート