Record and share your terminal sessions, the simple way - asciinema.org
Record and share your terminal sessions, the simple way. Forget screen recording apps and blurry video. Experience a lightweight, text-based approach to terminal recording. asciinema [as-kee-nuh-muh] is a free and open source solution for recording terminal sessions and sharing them on the web. Read about how it works. Easy recording Record right where you work - in a terminal. To start, run ascii
[コンテナイメージ脆弱性スキャナ]Trivyをやっと試してみた！
[コンテナイメージ脆弱性スキャナ]Trivyをやっと試してみた！投稿者: adachin 投稿日: 2019/09/112019/09/11 完全に言い訳なのですが、Trivyの検証ブログをなかなか書けず。。。 そして！ 書いた? [DigitalOcean]KubernetesでWordPressを動かしてwikiブログを始めました！ https://t.co/kum6pU11vA — adachin?SRE (@adachin0817) August 13, 2019 k8sを先月から運用し始めたので、コンテナの脆弱性をスキャンしようと、ようやくTrivyの検証をしてみたのでブログします！ ■Trivyとは https://github.com/aquasecurity/trivy Vulsはsshで対象のサーバ(Linux)の脆弱性をスキャンできるツール(v0.9.0からAlpine
![[コンテナイメージ脆弱性スキャナ]Trivyをやっと試してみた！](https://cdn-ak-scissors.b.st-hatena.com/image/square/c641d13b7b21e36e6c3f1e2a051b15e065d962d0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fblog.adachin.me%2Fwp-content%2Fuploads%2Ftrivy.png%3Ffit%3D750%252C394%26ssl%3D1)
Announcing WAPM: The WebAssembly Package Manager
Today, we are releasing a new tool that will help you use WebAssembly anywhere: WAPM (aka WebAssembly Package Manager). This release includes: A command line application: wapm, included when you install WasmerA website and package registry: wapm.io wapm.ioWhy: while working on Wasmer, we discovered that the developer ergonomics needed to improve significantly for WebAssembly to be accessible by th
CSS Grid Layout Generator でレイアウト用CSSを生成する - Qiita
最近作ってたものの紹介です。だいたいできたんで公開します。 これは何 ワークフローによりますが、CSS書く際に最初に決めるのは大まかなレイアウト構成だと思います。 で、最近はコンポーネント志向でReactComponentとか書いていくと、各領域が何を占めるかみたいな設計に便利なのが、CSS Grid Layout ですね。たぶんそう。 これからのグリッドレイアウト 第1回 Grid Layout Moduleの概要 CSS Grid だと何がいいかというと、やたらプラガブルなんで、機械的に吐き出しても汚くならない点です。というわけで作りました。 レイアウト設計、毎度結構だるくて、僕みたいなあんまCSS書きたがらないエンジニアだと、GUIでポチポチやって、それっぽいCSSを吐き出してくれるといいな、なんて思ったりしていました。 ただ、自分はこれを作る過程で Grid Layout に対して
package.jsonのnpmのバージョンを一括で書き変えてくれるncuが便利だった - tacamy--blog
npm-check-updatesというNode.jsのモジュールを使ってみたら便利でしたという話です。 2013年のブックマークとかもあったので、別に新しいものではないと思うけど、私は知らなくて感動したのでした。 なにこれ？ package.jsonに書かれているnpmのバージョンを、一括で最新に書き変えてくれるNode.jsのモジュール。 ncuコマンドひとつで一度に書き変えできて便利。 実際に書き変える前に確認だけすることもできる。 「メジャーバージョンは固定で、それ以下を最新にしたい」などの細かい設定もオプションで可能。 どんなときに便利なの？ 既存のpackage.jsonを流用して、同じnpmをそのまま使いたいけど、バージョンだけは新しくしたいとき。 昔つくったサイトのメンテナンスで、npmのバージョンだけを新しくしたいとき。 使い方 初回のみ、npm-check-update
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
Build optimized websites quickly, focus on your content | Docusaurus
Build optimized websites quickly, focus on your content Powered by MDXSave time and focus on text documents. Simply write docs and blog posts with MDX, and Docusaurus builds them into static HTML files ready to be served. You can even embed React components in your Markdown thanks to MDX. Built Using ReactExtend and customize your project's layout by writing React components. Leverage the pluggabl
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - centminmod/google-insights-api-tools: gitool.sh shell script to query Google PageSpeed Insights v4 & v5 API for site & origin metrics for FCP & DCL with additional support for GTMetrix & WebpageTest.org API tests
GitHub - psf/black: The uncompromising Python code formatter
GitHub - PyCQA/pycodestyle: Simple Python style checker in one Python file
landscapeio/prospector: Inspects Python source files and provides information about type and location of classes, methods etc
GitHub - vectordotdev/gitdocs: Easy to use, SEO-friendly, beautiful documentation that lives in your git repo.
GitHub - graphql-quiver/gbench: GraphQL benchmarking tool
Analyse your HTTP response headers
Atomize Home Painting
GitHub - orefalo/StarUML-GraphQL: GraphQL IDL schema generation for StarUML
moneybit-app/src/i18n at master · kt3k/moneybit-app
GitHub - kamilkisiela/graphql-config: One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)
GitHub - Lona/Lona: A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.
