Cloud Firestore(Firebase) 特徴: Cloud Firestore は、Firebase と Google Cloud からのモバイル、ウェブ、サーバー開発に対応した柔軟でスケーラブルなデータベースである。 データベースに直接接続する迅速かつ柔軟でスケーラブルなウェブとモバイルの開発に最適 データベースの変更に応じた簡単なリアルタイムデータ同期をサポート オフラインモードを堅牢にサポート。インターネットが利用できない場合や不安定な場合でも、ユーザーはアプリを操作し続けることが可能 自由にカスタマイズ可能なセキュリティとデータの検証ルールで、データを確実に保護可能 強整合性、柔軟なスケーリング、高パフォーマンスに加え、最高水準の 99.999% の可用性が組み込まれている Firebase は、Cloud Functions や BigQuery（サーバーレス データ
Apple WatchでEvernoteが使えないので買い物メモAppを探した[Cheatsheetノート] - T’s blog
Evernoteの大幅なアップデートが9月にありました。UIもガラッと変わって使いにくくなったと言う声が大きいですがそれ程ヘビーユーザーでも無いので気にはならずに使い続けています。しかしとんでもない事にApple WatchのコンプリケーションからEvernoteが消えているのです。アップデート当初はEvernoteのApple Watchへのインストールの方法が書いてありましたが（注: この機能はまだ新しい Evernote for iOS ではご利用いただけません）と注意書きが添えられていました。承知しているのならすぐにもアップデートで修正されるだろうと思っていました。しかし一月たっても改善されずそろそろ代替えアプリを探さなければと思っていました。 先日このブログでMacのアプリCheatsheetを紹介しました。その時にAppStoreにもCheatsheetがあるかどうか検索しまし
![ Apple WatchでEvernoteが使えないので買い物メモAppを探した[Cheatsheetノート] - T’s blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b47b1b66e5b4b1698115c7544b9de0c30233cf93/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F6dec02f8e2dd6d1ea1705d84dd53bf8293f6cdc6%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ft%252Ftomi_kun%252F20201031%252F20201031175357.jpg)
Windows & Active Directory Exploitation Cheat Sheet and Command Reference
Last update: November 3rd, 2021 Updated November 3rd, 2021: Included several fixes and actualized some techniques. Changes made to the Defender evasion, RBCD, Domain Enumeration, Rubeus, and Mimikatz sections. Fixed some whoopsies as well 🙃. Updated June 5th, 2021: I have made some more changes to this post based on (among others) techniques discussed in ZeroPointSecurity’s ‘Red Team Ops’ course
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts and components can make the process more manageable. In this blog post, we’ll explore essential system design components such as DNS, load balancing, API Gateway, and more, along with a concise cheat sheet that can help developers design systems of varying complexity. System Design Blueprin
#Tools #Vim #MouselessVim Commands: A Beginner Guide with ExamplesWelcome to the first part of this series of articles to learn Vim! “Vim is not for me!” shout out Dave, my colleague developer. It wasn’t the first time I’ve heard this sentence. The result? Me, explaining to Dave and others gathering around my desk, that learning the basics of Vim can be beneficial to anybody: Many CLIs use Vim-lik
はじめに プログラミングにおける命名規則の大切さについてはリーダブルコード等でも触れられており、改めて説明する必要はないでしょう。 私は今 React / TypeScript を使ったアプリケーション開発に関わっていますが、設計前に改めて各社の命名規則を読み返しました。当たり前な内容もあるかと思いますが、自分の目に止まった箇所をまとめておきます。 人によって気になる箇所は違うと思うので、原文の一読をおすすめします。React / TypeScript を使わない場合でも有用な内容も含まれると思います。 情報ソース Microsoft TypeScript Coding Guidelines Google TypeScript Style Guide TypeScript Deep Dive StyleGuide 日本語版 Airbnb React/JSX Style Guide 日本語版
GSAP Cheat SheetWe get it. Syntax can be tricky to remember. Here's a quick reference to some of the most commonly used parts of GSAP. Most code is linked to the appropriate page in the Docs Request an addition to the sheet // "to" tween - animate to provided values gsap.to(".selector", { // selector text, Array, or object x: 100, // any properties (not limited to CSS) backgroundColor: "red", // c
Bootstrap 5 CheatSheet 🚀 By ThemeSelection | Classes
Bootstrap 5 CheatSheet 🚀 An interactive list of Bootstrap 5 classes, variables, and mixins. 🎁 The only Bootstrap 5 CheatSheet you will ever need. 🎊
Bootstrap 5 Beta 1
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. With our first beta release of Bootstrap 5, we’re calling it on new features and breaking changes. From here on out, we’re only fine-tuning features, bugs, and documentation on our way to a stable v5 release. Woohoo! Just like with the v4 development process, our docs
GitHub - Hiflylabs/awesome-dbt: A curated list of awesome dbt resources
Courses from where you can get started with Analytics Engineering. The Ultimate Guide to dbt - A comprehensive canvas guide to dbt, from the basics to advanced topics. dbt in a real world scenario, A Beginner dbt tutorial - A beginner tutorial to understand dbt with a real world example. Mastering dbt: Beginner to Pro - Paid Udemy course that covers theory, building a dbt project from scratch, and
ブラウザはMacもWindowsもChromeを使っています。Chromeを操作するのにはできるだけマウスやトラックパッドを使わずにキーボードだけで操作するようにしています。Chromeには拡張機能にVimiumがあってChromeの操作をキーボードショートカットでできます。Vimiumのインストールや使い方はこちら↓ tomi-kun.hatenablog.com マウスを使うのが不得意なのでMacではトラックパッドやトラックボールを使っています。ただWindowsのマウスはスクロールの方向がMacと逆になるのでキーボードでChromeが操作できれば環境が統一されて使いやすくなります。そこで能率化のためにキーボードショートカットを導入するのですがショートカットキーの数が多過ぎてなかなか覚えられません。 Chromeの拡張機能Vimiumのショートカットキーの１つに「？」キーがあります。こ
こんにちは。ニコニコ生放送生放送フロントエンドシステムセクションのmisuken(GitHub/Twitter)です。 今回は最近公開したurl-fromというライブラリに関して、作成した動機、安全性、利便性、おすすめの使い方を紹介していこうと思います。 url-fromが一般的なURL生成ライブラリと比較して強みを持っているのは以下の点になります。 パス部分も含め、全体的にエンコードを意識せず使用できる URLの定義と生成を分離できる 細部まで型や警告で保護してくれる 実際の利用シーンに馴染む設計を心がけたため、安全性と利便性と書き味を兼ね備えたライブラリに仕上がっています。 使用してもらったメンバーから「型がサクサク当たるので書いてて楽しい」といった声もあがるくらい、使っていて楽しくなるライブラリでもあります。 url-fromを作った動機 発端 以前からチーム内でURLの生成方法が時
おお、ついに新しいApple Watchを入手されましたか！ え？ プレゼントされたって？ いいな～。 【全画像をみる】今すぐインストールしたいApple Watchアプリ11点 とにかく、これからどうしようかな～と思っているところでは？ Apple Watchには素晴らしい機能がたくさん搭載されているんですが、App Storeにも、デバイスをもっと便利にしてくれる、サードパーティー製のアプリがたくさん出ていますよ。 米Gizmodo編集部は今回、あなたのApple Watchを最大限に生かしてくれる、ベストなアプリを選びました。キャラが立った（？）天気予報アプリや、ウォッチから音声メモを作ってくれるものもあります。 1. Spark - メールApple Watchの存在理由とは──数ある中でも重要なもの、それは5分ごとにスマホを取り出さずとも、タスクを完了させてくれることではないでし
Soundly Tools | Download Place it, Cheatsheet, Soundly Monitor and more…
In our standalone tools section, you will find a variety of tools that have been created by the Soundly team to assist with your sound design projects. Shape it Shape It, the new equalizer in Soundly has quickly become so popular that users have asked for a standalone plugin for all editing software. And now, it's finally available! Shape it's cuts and boosts are lightning-fast, making it a perfec
A Complete Guide To HTML Email — Smashing Magazine
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into templates and tools for building and designing HTML emails. Don’t miss the next one. Table of ContentsBelow you’ll find quick jumps to particular components that you might
2024 Social Media Image Sizes for All Networks [CHEATSHEET]
Quick social media image sizes We go into more detail for every single network below, but this image includes the social media image sizes you probably look up most often. Basic Instagram image sizes Profile photo: 320 x 320 px Landscape: 1080 x 566 px Portrait: 1080 x 1350 px Square: 1080 x 1080 Stories and Reels: 1080 x 1920 Basic Facebook image sizes Profile photo: 170 x 170 px Landscape: 1200
![2024 Social Media Image Sizes for All Networks [CHEATSHEET]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec9f0a6b99fc8f1dd81b1b7e3d5dab4746a51f98/height=288;version=1;width=512/https%3A%2F%2Fblog.hootsuite.com%2Fwp-content%2Fuploads%2F2023%2F01%2FSocial-Media-Image-Sizes-2023.png)
［1］ http://www.europeana.eu/portal/, accessed July 19, 2020. ［2］ http://discovery.dho.ie/, accessed July 19, 2020. ［3］ http://www.omnia.ie/, accessed July 19, 2020. ［4］ http://nialloleary.eu/, accessed July 19, 2020. ［5］ http://www.digitalnz.org/, accessed July 19, 2020. 1-8 ［1］ 例えば、岡崎敦「西欧中世における「書簡」資料をめぐる諸問題」新井由 紀夫（編）『「中・近世西欧における書簡とコミュニケーション」キックオフ・ シンポジウム報告書』(2018), 5-22 など。 ［2］ 基本的に本節の内容は、Peter S
How to Get a Cheatsheet for Any Command in the Linux Terminal
Ever wanted a cheat code for writing Linux commands without consulting the manpages every time and understanding their usage? Well, there's a tool for that called cheat. Whether you need a quick refresher or want to get familiar with a new command, cheat is the tool to guide you. There's a cheat Command in Linux Cheat is a Linux tool created using Go. It uses community-sourced Linux command cheats
3/28に受けたOSWEに合格したので受験記書きます！ 若干冗長に書いてますがそこは許してください。 OSWE 自身のスキル AWAEコース 必要な知識 コースの感想 自分のスケジュール 勉強方法 試験 試験の予定 試験の現実 試験の感想とアドバイス？ 脆弱性発見手法(我流) Blackbox Whitebox grepキーワード 参考資料 whiteboxについての資料 grepベースの脆弱性発見 SQL Injection Directry Traversal SSTI XSS Deserialize XXE Command Injection TypeJuggling File Upload HackTheBox 最後に OSWE OSWEはOffensive Security Web Expertの略で、AWAEというコースを受講して試験に合格するとOSWEの認定がもらえます。名前
スタバでMacを開くエンジニア on Twitter: "これは凄い✨ VsCodeのショートカットがまとまってる『チートシート』。ショートカットを使えば、生産性が大幅に上がる。最初はカンニングしつつ、徐々に体で覚えていくことが大切。 こちらにまとめています👇… https://t.co/RetMJ9xaA4"
これは凄い✨ VsCodeのショートカットがまとまってる『チートシート』。ショートカットを使えば、生産性が大幅に上がる。最初はカンニングしつつ、徐々に体で覚えていくことが大切。 こちらにまとめています👇… https://t.co/RetMJ9xaA4
Dashboard Design Patterns This page lists design patterns for dashboard design collected to support the design and creative exploration of dashboard design. We run a dedicated workshop in March 2022 to help you applying and discussing design patterns in your work. The patterns are coming out of our research, described in our publication: Bach, Euan Freeman, Alfie Abdul-Rahman, Cagatay Turkay, Saif
Visual Studio のさまざまなコマンドやウィンドウには、該当するキーボード ショートカットを選択することでアクセスできます。 このページでは、Visual Studio のインストール時に選択できる全般プロファイルの既定のコマンド ショートカットの一覧を示します。 選択したプロファイルにかかわらず、 [オプション] ダイアログ ボックスを開き、 [環境] ノードを展開して、 [キーボード] を選択することで、コマンドのショートカットを確認することができます。 任意のコマンドに別のショートカットを割り当てることでショートカットをカスタマイズすることもできます。 一般的なキーボード ショートカットの一覧、およびその他の生産性向上情報については、以下をご覧ください。 キーボードのヒント 生産性に関するヒント Visual Studio でのアクセシビリティについて詳しくは、「アクセシビ
ショートカットキーのリストを表示するMacアプリ「CheatSheet」を紹介します。 Macアプリ「CheatSheet」を使えば、フォーカスしているアプリの ショートカットキーのリストをこんな感じで表示することができます。 普段の作業にショートカットキーを使えば、効率化がアップする!? かもしれないので、暇な時にでもこのリストをぼーっと眺める！ なんて使い方もいいかもしれませんね。 Mac アプリ「CheatSheet」ショートカットキーのリストを表示する方法は？ Mac アプリ「CheatSheet」で、ショートカットキーのリストを表示する方法は次の手順です。 [CheatSheet] にアクセスする まずは「CheatSheet」にアクセスし、アプリをダウンロード・インストールしていきます。 [CheatSheet] をダウンロードする アプリ [CheatSheet] のページで
これから始めるReact Testing - ①React Componentのテスト - Goodpatch Tech Blog
最近、韓国ドラマと個人開発に勤しんでいる大角です。 Webサービスを提供する上でテストを自動化するケースも多いと思いますが、今回はReact Testing Libraryを使った基本的なテストの書き方についてご紹介したいと思います。これからReactでユニットテストを始めたい方などのご参考になれば、幸いです。 テストの内容については３回の記事に分け、今回の記事では最初のReactコンポーネントのテストを取り上げます。 React Componentのテスト（今回の記事） カスタムフックのテスト Recoilのテスト なお、執筆時点での関連するパッケージのバージョンは以下になっています。 create-react-app: 5.0.1 react: 18.1.0 @testing-library/jest-dom: 5.16.4 @testing-library/react: 13.2.0
GitHub - jldodds/coq-lean-cheatsheet: A quick reference for mapping Coq tactics to Lean tactics
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
Interactive Learning Tools For Front-End Developers — Smashing Magazine
We learn better by playing games. So we’ve collected interactive coding tools and games to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions, Jamstack and pretty much everything in-between. Because this industry moves so quickly, learning new skills is a regular thing for most of us. Over the last little while, I’ve been able to collect links to several interactive coding tools
How to write a React Component in TypeScriptMarch 4th, 2021 — 8 min read Here's our component without types: const operations = { '+': (left, right) => left + right, '-': (left, right) => left - right, '*': (left, right) => left * right, '/': (left, right) => left / right, } function Calculator({ left, operator, right }) { const result = operations[operator](left, right) return ( <div> <code> {lef
The Keywords Mapping Cheatsheet For Different Types of Sites [with a Google Sheets Included]
Join +35,000 other SEOs & subscribe to receive an email with the latest SEO news, updates, resources, tips & tools recommendations that I’ve found particularly useful in my SEOFOMO newsletter. Keyword mapping is one of those key (and unfortunately sometimes overlooked) activities when developing an SEO process, as by establishing what pages should rank for which keywords, it forces us to: Connect
![The Keywords Mapping Cheatsheet For Different Types of Sites [with a Google Sheets Included]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f267965bee32e37441d5293ba03d91ab0c926b6/height=288;version=1;width=512/https%3A%2F%2Fwww.aleydasolis.com%2Fwp-content%2Fuploads%2F2021%2F09%2Fcheatsheet-keyword-mapping.jpeg)
この記事は、Christiaan Verwijs さんの「10 powerful strategies for breaking down Product Backlog Items in Scrum (with cheatsheet)」の翻訳です。翻訳・公開については、Christiaan さんの快諾をいただいております。 誤字脱字、誤訳がありましたら、お手数ですがご指摘ください。 スクラムを熟知したチームは、プロダクトバックログ上の作業を、必要なときに（just-in-time）、より洗練されたものに分解することが、成功の鍵だと知っています。チームは、スプリントバックログが、いくつかの大きなアイテムを並べるのではなく、たくさんの小さく（機能的な）アイテムで構成されていることを好みます。小さなアイテムはフローを改善し、スプリントが失敗するリスクを減らします。この記事では、なぜ作業の分解が
OpenAI just released initial support for plugins to ChatGPT, allowing the language model to act as agents and interact with the outside world using APIs. Here we show a proof of concept using OpenAI’s chatgpt-retrieval-plugin with Meta’s LLaMA language model. This is more than just a guide. It is a call-to-action to build an open protocol for foundation model plugins allowing us to share plugins a
Accessible Target Sizes Cheatsheet — Smashing Magazine
Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons — on desktop and on mobile. With useful techniques and guidelines. Rage taps are annoying and frustrating. These wonderful occurrences in our interface when we need to tap twice or sometimes three times to continue our journeys. Of course, sometimes they happen because the website is
Hi everyone 👋 Today I wanted to share with you the Ultimate Cheatsheet Compilation. I hope aspiring/new developers will find this compilation helpful for quick reference whenever needed. 1. Git CheatSheet Credit: Trilochan Parida 2. Git CheatSheet with more details Credit: Trilochan Parida 3. Javascript Operator Cheatsheet Credit: Proful Sadangi 4. Javascript String Cheatsheet Credit: Proful Sada
Integration Test、いいぞ
今日の話Testing Trophy の Integration Test、いいぞ！という話そんなこと言わなくてもみんなそう思っている場合は、休憩時間としてお使いください Integration Test とは？広義では「結合テスト」狭義（というか今日の発表のスコープ）では、Testing Trophy の Integration TestTesting JavaScript with Kent C. Dodds https://testingjavascript.com/2018 年頃に Kent C. Dodds が提唱した概念。割と浸透している？テストピラミッドとは違って、 Unit test より Static test・Integration test のボリュームを増やそうという図E2E と違って、API などはモックしてテストする自分は Jest + jsdom + @tes
#統計検定 統計検定２級PBTの2017年以降の出題内容をもとに 必要な全ての知識をこの動画にまとめました。 【中学の数学からはじめる統計検定２級講座】の 第１〜18回の動画で扱えなかった次のような内容も この動画で説明しています。 ・箱ひげ図 ・ローレンツ曲線 ・移動平均 ・コレログラム ・標準化得点 ・歪度・尖度 ・ラスパイレス指数・パーシェ指数 ・集落抽出法・多段抽出法・系統抽出法・層化抽出法 ・フィッシャー の３原則 ・ポアソン分布・幾何分布 ・独立性の検定 ※訂正事項① ローレンツ曲線のグラフの縦軸は， ２級の2018年6月の過去問に合わせて 「所得の累積相対度数」という表現を用いましたが， 横軸で階級を分けて，その階級内の所得合計を全所得合計でわったものが 縦軸なので，厳密には累積相対度数ではなく，累積所得比率などと呼ぶべきでした。 ※訂正事項② 7:43あたりで紹介
Cheatsheet · Bootstrap v5.3
This is a lead paragraph. It stands out from regular paragraphs. You can use the mark tag to highlight text. This line of text is meant to be treated as deleted text. This line of text is meant to be treated as no longer accurate. This line of text is meant to be treated as an addition to the document. This line of text will render as underlined. This line of text is meant to be treated as fine pr
M1 Pro搭載MacBook Proの初期設定cheatsheet(Vim, Git, VSCode, React, Python, Node.JS) - Qiita
Apple Silicon搭載のMacBook Proを使いこなせ 手順通りの設定を行うことで1日でM1 Pro MacBook Proの生産性をフルパワーの8割まで引き出すcheatsheetです。 ★マークをつけた箇所は個人的主観が入ってる箇所です。適宜飛ばしたりコマンドを変更したりしてください。簡単な質問は受け付けてます。 前提条件 OS: Monterey MacBook Pro(16-inch, 2021) CPU: Apple M1 Pro ★US配置 コマンドラインの基本を習得してる コンセプト iMac(Intel late2017)とMacBook Air(2020 M1)の役割を一元化したかった ファイル構造をシンプルに保ち、ターミナルからの操作の簡潔さを保つ 後述する理由よりOSを英語に設定する 書類⇒Document, デスクトップ⇒Desktop等ファインダーでの
Creating beautiful, but also practical UIs takes time, with a lengthy amount of design revisions along the way. I know. I’ve been there before. But what I’ve discovered over the years is that by making just a few simple, and quick adjustments to your designs you can improve the end-result massively. In this article I’ve put together a collection of my popular UI & UX tips from the past 12 months t
はじめてのゲームプログラミング（Ebiten）
はじめに こんにちは、@hokita222 です。この記事はGo Advent Calendar 2021の13日目の記事です。 2021年の今年は某プログラミングゲームが発売されエンジニア界隈でも大流行しました。今回はせっかくなので go でゲームを作ってみたいと思い Ebiten に挑戦してみました。 筆者のスペック 業務では Ruby on Rails で web アプリを開発 go は現状趣味（仕事で書きたい！） ゲームプログラミング経験ゼロ Ebiten Ebiten とは go 言語で作成できる OSS のゲームライブラリです。特徴のひとつでとてもシンプルということでゲームプログラミング初心者の自分でもできるかなと思いチャレンジしてみました。 学習 ドキュメントもありますが、サンプルコードがいくつか用意されており、pull してくれば手元の環境でもgo run main.goで
Google Analytics 4 . Measurement Protocol Definition
11 best Tailwind CSS component and template collections - LogRocket Blog
Linda Ikechukwu Frontend developer. Writer. Community Strategist. Building web interfaces that connect products to their target users. Editor’s note: This post was updated on 22 December 2023 to introduce component collections such as Tailwind Elements and TailGrids. Tailwind CSS is a utility-first framework for rapidly building custom UI components. This means that, unlike other CSS frameworks or
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料から使えるデータベース比較 - Qiita
System Design Blueprint: The Ultimate Guide
Vim Commands: A Beginner Guide with Examples
React / TypeScript の設計前に、改めて命名規則について把握する - Qiita
GSAP | Docs & Learning
VimiumとChromeのカンペ - T’s blog
型安全なURL生成ライブラリ url-from を公開しました - dwango on GitHub
今すぐインストールしたいApple Watchアプリ11点（ギズモード・ジャパン） - Yahoo!ニュース
『欧米圏デジタル・ヒューマニティーズの基礎知識』特設サイト
OSWE Review(受験記) - 高林の雑記ブログ
dashboarddesignpatterns
キーボード ショートカット - Visual Studio (Windows)
Mac アプリ「CheatSheet」 - ショートカットキーのリストを表示する方法
How to write a React Component in TypeScript
スクラムでプロダクトバックログアイテムを分解するための１０の強力な戦略（早見表付き）
Using ChatGPT Plugins with LLaMA
🔥 Ultimate Cheatsheet Compilation
統計検定２級の全知識【中学の数学からはじめる統計検定２級講座】
The UI & UX Tips Collection: Volume One. | Marc Andrew
Google Analytics 4 . Measurement Protocol Definition