Chromeの開発者ツールを使って特定のDOM要素だけスクリーンショットする方法 - Qiita
特定のDOM要素のみスクショする機能がChromeにあるってことをさっき知りました。 大変便利だったので書き留めます。 元ネタ: Chrome DevTools: Capture the screenshot of a specific element /dev tips 特定DOM要素をスクショする方法 例えばQiitaのあるコードブロックだけ撮影したいとします。 Command + Shift + i で開発者ツールを起動して自力で選択 または 右クリック → 検証 として開発者ツールのElementsタグを開き、DOMが選択されている状態にします。 この状態で Command + Shift + p を押すと文字入力欄が開くので、 node screenshotと打ち込むと、打ってる途中で Mobile Capture node screenshot という選択肢が絞りこめます。 ク
【mermaid.js】設計図をGitHub管理下に置く - Qiita
設計図を伴う中規模以上の開発でまれによくあるのが次のような状況です。 担当者が何かしらのツールを使って設計図を書き、画像をアップロードする N回繰り返す: 口頭で設計に関するレビューを受ける 議事録を参照しながら設計図を更新し、画像を再アップロードする どの画像が最新だったのか、変更履歴がどうなのか分からなくなってくる 画像を作ってた担当者がいなくなり、画像のソースが失われる これに対し、こうだったらいいな〜と前々から思ってたのは次のような状況です。 設計図の画像ではなくソースがGitHubに上がっている 変更履歴も残っているし、変更箇所もすぐ分かる 設計のレビューは設計図のソースに対する行コメントを通じて行われる それでいて画像はブラウザ上で簡単に閲覧できる というわけで作ってみました → mermaid-for-github-chrome-extention mermaid.jsのコー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
