スクリーンショットやライブデモ・動画撮影で大事な情報を隠せる、CSS3を使った動的マスキング - SORACOM公式ブログ
こんにちは、ソラコムのテクノロジー・エバンジェリスト 松下(ニックネーム: Max)です。 エバンジェリストはセミナーや執筆を通じて、IoTの活用方法や最新事例を多くの人に知っていただく役割を担っており、資料作りでスクリーンショットを利用したり、セミナーでライブデモを行うことが多くあります。 ここでは、Webブラウザの「CSS3のフィルタ関数」を利用して、Webページ上の情報を動的に隠す(マスキング)する方法を解説します。IoTやSORACOMの話からは少し外れていますが、私(Max)がエバンジェリストとしての活動の際に得たことを「MaxのTips」として紹介し、皆さんにも役立てていただければと思います。 この方法を使うと、Webページを表示した時点で情報がマスキングされるため、スクリーンショット取得後の編集が不要になるだけでなく、ライブデモや動画撮影も安心して行うことができます。 例えば
ゆずたそ流スライドデザインTips集 - 下町柚子黄昏記 by @yuzutas0
この記事の趣旨 筆者（@yuzutas0）がプレゼンテーション資料作成をアシスタントに代行してもらうにあたって「こういう点に注意してほしい」という項目を列挙した。 自分のために書いた記事ではあるが、筆者と関わりがない方も、ぜひスライド作成の参考にしていただけると幸いだ。 もくじ この記事の趣旨 もくじ 背景 免責・参考資料 必読書 Tips 01: キーメッセージ Tips 02: コンセプト Tips 03: アウトライン Tips 04: PREP法 Tips 05: 免責事項 Tips 06: 自己紹介 Tips 07: 1スライド・1メッセージ Tips 08: 余白とグルーピング Tips 09: 余計な要素を削ぎ落とす Tips 09: 箇条書きではなく図や表にする Tips 10: x軸とy軸の慣習に従う Tips 10: カラーの慣習に従う Tips 11: カラーは6色ま
Vagrantfile のホスト OS 側で実行するシェル・コマンドにヒアドキュメントを使う - Qiita
Vagranfile でローカル実行 vagrant up 時、つまり Vagrantfile1 の実行時にホスト OS 側のセットアップをしたい場合、Ruby の system モジュール関数を使ってシェル・コマンドを実行できます。 しかし、コマンドごとに system 関数を使うのが冗長だったので簡素にしたいのです。 # Script to run on Host OS （冗長な書き方。可読性がいささか悪い） system('rm -rf hello-world > /dev/null 2>&1') system('echo "Hello world!" > hello-world') # Script to run on Guest OS （可能なら、上記を下のように描きたい） $script_guest = <<-'SCRIPT' cat /vagrant/hello-world
【Windows 10対応】コマンドラインからクリップボードへデータを受け渡しする
対象OS：Windows 7／Windows 8.1／Windows 10／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2／Windows Server 2016 コマンドラインでもクリップボードとデータをやりとりしたい コマンドプロンプトを開いてCUIで作業している場合でも、クリップボードを利用したいことがある。例えば、コマンドの実行結果をアプリに渡したい場合は、クリップボードにコピーしておけば、アプリ側では単に［Ctrl］＋［V］キーを押すだけで、結果をすぐに貼り付けることができる。いちいちファイルに保存してから、それをアプリ側で開いて挿入するといった操作は不要だ。 これとは逆に、アプリ側でテキストデータなどを選択してクリップボードにコピーしておき、それをコマンドプロンプト側で読み込んで、ソートや選択、
Tips for Designing Grafana Dashboards
As Grafana powers our star product – Percona Monitoring and Management (PMM) – we have developed a lot of experience creating Grafana Dashboards over the last few years. In this article, I will share some of the considerations for designing Grafana Dashboards. As usual, when it comes to questions of design they are quite subjective, and I do not expect you to chose to apply all of them to your d
gitのdiff, status, logを極限までコンパクト化＋便利化する - Qiita
git diffを見やすくする git diff --color-words で差分を小さく表示する 通常のgit diffは行単位なので、例えば変数名を一括変更した場合見づらいです。 --color-wordsを指定すると記号やスペースで区切られた単語単位でのdiffを表示できます。gitの設定は不要です。 より細かな表示のカスタマイズも可能です。man git-diffで--word-diffを検索してみてください。 ※ただし、変更が複雑な場合は、通常のgit diffのほうが見やすいこともあります。 .gitattributesを設置してもっと小さく表示する .gitattributesファイルを設置することで、言語文法に基づいて変数名、関数名といった単位でdiffを表示できます ファイル設置後にgit diff --color-wordsとすると、下記のようにさらに小さく表示できま
IMPORTRANGE - ドキュメント エディタ ヘルプ
使用例 IMPORTRANGE("https://docs.google.com/spreadsheets/d/abcd123abcd123", "シート1!A1:C10") IMPORTRANGE(A2,"B2") 構文 IMPORTRANGE(スプレッドシートの URL, 範囲の文字列) スプレッドシートの URL - データの読み込み元となるスプレッドシートの URL を指定します。 スプレッドシートの URL の値は二重引用符で囲むか、スプレッドシートの URL を含むセルへの参照にする必要があります。 範囲の文字列 - 読み込む範囲を指定する文字列で、"[シート名!]範囲" の形式で指定します（例: "シート1!A2:B6"、"A2:B6"）。 範囲の文字列のシート名の要素は省略可能です。デフォルトでは、IMPORTRANGE 関数は最初のシートの指定範囲から読み込みます。 範囲
ARRAYFORMULA - Google Docs Editors Help
Enables the display of values returned from an array formula into multiple rows and/or columns and the use of non-array functions with arrays. Sample Usage ARRAYFORMULA(SUM(IF(A1:A10>5, A1:A10, 0))) ARRAYFORMULA(A1:C1+A2:C2) Syntax ARRAYFORMULA(array_formula) array_formula - A range, mathematical expression using one cell range or multiple ranges of the same size, or a function that returns a resu
GoogleスプレッドシートとExcelの関数の違い全まとめ一覧 - 快 ブログ
GoogleスプレッドシートとExcel。超有効な使える関数が盛りだくさんですね。 たぶんすべての関数を使いこなしている人はこの世に存在しないと思いますが、本当は使うべきなんだけど、まだ知らないだけの便利な関数がきっと誰にでも存在すると思います。 主に今までExcelを使っていたけど、Googleスプレッドシートも使ってみようかなと考えてる人にとって参考になれば幸いです。 GoogleスプレッドシートとExcelのすべての関数を比較した違い詳細に比較して調べてみると結構な違いが見受けられました。Googleスプレッドシートの全４１２関数とExcelの全４８４関数の比較です。 GoogleスプレッドシートにあってExcelにない関数、逆に、ExcelにあってGoogleスプレッドシートにない関数、など。 また、引数に若干の違いがある点も注目です。該当する関数をよく使う場合は要注意ですね。 G
Macで文字入力の効率アップ！Controlキーを使用するキーボードショートカット11選 | ゴリミー
Macで文字入力の効率アップ！Controlキーを使用するキーボードショートカット11選 活用することでキーボードのホームポジションから指を大きく動かすことなく、カーソルの移動が可能 Macで意外と知られていないのは、controlキーの活用。controlキーを使いこなすことで、キーボードのホームポジションから指を大きく動かすことなく、カーソルの移動が可能だ。 物書きは当然のこと、文字を入力する人なら覚えておいて損はしない。キーボードショートカットは覚えるまで訓練が必要だが、身体に染み付くと作業スピードの向上を実感できるだろう。本記事ではMacで文字入力の効率がアップするControlキーを駆使したキーボードショートカットをまとめた。参考にしてもらいたい。
あなたの知らない less の世界 - Qiita
最近 prezto 入れたんですよ。prezto。そしたらいつものシェル世界が見違えるほど使いやすくなって身長も 3 メートルくらい伸びたんですが、それは余談でして、prezto 入れた後に less 使ってみたら余りの変わりっぷりに驚いたんです。 これを機に man page を読み直してみたら更に驚き。less ってこんなスゴイ物だったのか！みたいな。今回はそんな less の底力を紹介します。 環境変数 $LESS less には様々なオプションがあるのですが、これを予め環境変数 $LESS に設定しておくと、毎度 less ファイル名 と打つだけでそれが有効になります。更に、後述しますが、この設定は less 起動中にオン・オフして切り替えることが可能です。 # 最低限でもこれくらいは設定しておこう export LESS='-i -M -R' # 僕は後述の物を全部付けてます（-
Linuxサーバにログインしたらいつもやっているオペレーション - ゆううきブログ
主にアプリケーション開発者向けに、Linuxサーバ上の問題を調査するために、ウェブオペレーションエンジニアとして日常的にやっていることを紹介します。 とりあえず調べたことを羅列しているのではなく、本当に自分が現場で使っているものだけに情報を絞っています。 普段使っているけれども、アプリケーション開発者向きではないものはあえて省いています。 MySQLやNginxなど、個別のミドルウェアに限定したノウハウについては書いていません。 ログインしたらまず確認すること 他にログインしている人がいるか確認（w） サーバの稼働時間の確認 (uptime) プロセスツリーをみる (ps) NICやIPアドレスの確認 (ip) ファイルシステムの確認（df） 負荷状況確認 top iostat netstat / ss ログ調査 /var/log/messages or /var/log/syslog /
優れた dotfiles を設計する | TELLME.TOKYO
OS のクリーンインストールは面倒くさい． アプリケーションをいちいちダウンロードしてきて，普段の勝手と同じになるように設定する必要がある．CLI においても同じで，設定ファイルをいちいち書いたり，普段どんなプラグインを使っていたかを思い出してダウンロードするのは面倒だ． よくあるのは .vimrc などの設定ファイルを Dropbox や GitHub に置いておいて，環境を作り直したときにコピーする手法だ． dotfiles はその手法の延長線上にあって，より便利に高速化・自動化した方法だ． dotfiles とは UNIX 系の OS でいう設定ファイルのことで，ファイル名がドット . から始まることからそう呼ばれている． TL;DR HTTP 経由でインストールできる dotfiles をつくって 1 分で環境構築を終わらせる． Getting Started dotfiles を
iPhoneでLINEの既読を付けずにトークを覗き見する方法 : IT速報
iOS向けのLINEアプリでは、バージョン5.8.0よりiPhone 6s / 6s Plusの3D Touchへの対応が強化され、既読にせずにトークの一部を読めるようになった。 iPhone 6s /6s Plusでアプリを開き、トークルームの一覧からプレビュー表示したい相手をPeek（軽く画面をプレス）すれば、トークルームの一部をプレビュー表示できる。 この時点では相手に既読と表示されず、トークを読んだことがわからない。 プレビュー表示中に、Pop（さらに強く押しこむ）とトークルームを開く。この時点ではじめて送信相手には既読と表示される。Peekしながら上にスライドすれば、「通知ON/OFFの選択・既読にする・トークを非表示にする・トークを削除する」の4つ操作も可能だ。 すぐに返信できないトークはこの方法をうまく活用して内容を確認すると良さそうだ。 http://www.sankeib
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
明日から使える(?)逆引きKubernetes
GitHub - phinze/vagrant-host-shell: simple vagrant provisioner that executes commands on the host
How To Setup Vagrant and Virtual Box for Ubuntu 20.04!!
Tips for speakers from me listening to 300 talks - Mind's Eye Creative Consulting
cut Command in Linux with Useful Examples
Google Chromeでフルページのスクリーンショットを撮る方法 | ライフハッカー・ジャパン
