投稿日:

【Mac】カラーピッカーいろいろ

【Mac】カラーピッカーいろいろ

こんにちは！tutinokoです！

先週はサプライドの忘年会でした！
誰かの結婚式かな？と思えるほど綺麗すぎる会場に超普段着で行くという不思議体験をしてきました（笑）
お料理もお酒もデザートも美味しかったです！

さてさて、今日はカラーピッカーのお話です。

画面上のこの色を取得したい…！ってことよくありますよね！

Webやデザインの業務でWinを使っている人は、いろんなカラーピッカーのツールを入れて試してたりしているのでしょうか。
私はMacで仕事をしているので、Mac用のカラーピッカーをいろいろ試・・・すのがめんどくさいものぐさなので、現在の環境で使えるカラーピッカーを駆使して作業しています。

そんなカラーピッカー3種をご紹介します。

Digital Color Meter
これ、実はMacにデフォルトで入ってるツールです！
いちいちネットで探さなくてもこれで事足りるんですよ！
場所はアプリケーションフォルダの中のユーティリティの中にあります！

ツールを立ち上げると、こんな小さなウインドウが出てきます。

使い方はまず、色の表示の設定を16進数にします。

あとは、カラーコードを取得したい場所にカーソルを持っていって
shift + ⌘ + Cを押すだけ！カンタン！

 

Photoshop
はい。デザインやってれば必ずといっていいほど使うフォトショさんです。
元々スポイトツールがついてるので、使用する機会も多いでしょう。

このフォトショのスポイトツールでフォトショの画面外の色が取得できてしまうのですよ！

やり方は、まず、スポイトツールを選択し、フォトショの画面内でクリックします。
そのままぐいーっと画面外まで移動して、取得したい色のところでカーソルを離します。

カンタンですね！

 

Illustrator
はい。こちらもデザインでは欠かせないイラレさんです。
フォトショ同様、こちらも元々スポイトツールがついてるので、使用する機会も多いでしょう。

こちらはshiftを押したままイラレの画面内でクリックし、そのままぐいーっと画面外まで移動して、取得したい色のところでカーソルを離します。

カンタンですね！

これさえ覚えとけば、とりあえず私は今は困ってません！

もっと使いやすいカラーピッカーもあるとは思うけど、時間があるときにゆっくり探そうかなと思います。
もしくはオススメのツールを私に教えてください！

それでは！

投稿日:

「ウイルスが検出されました」ページが表示された時の対処方法

こんにちは！鳩豆です！

最近 Safariでの検索時に、突然「トロイの木馬ウイルスが検出されました」というページに出くわすことが何回かあったので対処法などメモしておきます。

状況としては以下です。

ブラウザで調べ物検索→
検索結果のURLをクリック→
全然関係のないページにリダイレクト（トロイの木馬ウイルスが検出されましたのもの、またはポップなど）

 

結構、パターンがあるらしく

・ポップアップで「検出したぞ！」と知らせてくるもの（なぜかカウントダウンしてインスト画面への遷移を急かす）
・音も鳴るもの（迷惑だー）
・Appleのサイトぶってるもの、　　などなどです

 

どれも基本は「ウィルス、またはトロイの木馬があるぞ！」と言ってオンラインセキュリティチェック、または、最終的にはセキュリティソフトをインストさせようとします。

鳩豆の出くわしたものは下の画像のようなAppleサイトぶったものでした。こちらもやはりカウントダウンします（…カウントダウンが流行ってるらしい。….「日本人にはカウントダウン効くぜー」みたいになってるのだろうか？)。

 

対処法は簡単です！いずれも「無視」してください！！

そっと心の中で呪ってからブラウザを閉じましょう！

気になる方はブラウザの履歴を削除、またはブラウザのリセット（リセットが問題なければ）してください。
また、ブラウザに拡張プラグインを入れた際に出るようになった、との報告もあるようなのでブラウザの機能拡張プラグインを見直してみましょう！

ではでは。

投稿日:

ツールなしでwebページをPDF保存する方法！

ツールなしでwebページをPDF保存する方法！

こんにちは！tutinokoです！

もう暦の上では冬！そして迫る師走！
師ではないけど、毎年この時期はものすごく忙しい感覚があります！
そして一年があっという間だったと絶望するのです・・・

さてさて、この前業務でwebページをhtml保存でなく、PDFで保存をしてほしいと頼まれて調べてみました。
ブラウザにプラグインを追加するとか、アプリを探してくるかしないといけないかと思ったのですが、なんと、新しいツールは使わずに今のPCの状態でPDFに保存できちゃう方法があったのですね〜

ということで今回は、ツールなしでwebページをPDF保存する方法！をお教えします！

今回はMacのChromeでご説明します！

まずは、PDF保存をしたいページを開いて、ブラウザのアドレスバーの右端の設定メニューから「印刷」
またはPCメニューのファイル＞印刷　で印刷設定を開きます。

左側の設定の「変更」ボタンを押します。

「PDFに保存」を選択します。

そうすると、印刷ボタンが保存ボタンに変わっています。

あとは、保存先を変更して保存するだけ！

簡単ですね！

ChromeはMacもWinも手順は一緒です！

印刷機能を使用するので、他のブラウザでも多少の手順の違いはあれど、PDF化が可能なのです！

結構使う機会があるかと思うので、ぜひ覚えてみてくださいね！
╰(*´︶`*)╯

投稿日:

【意外と重要！？】検索されない方法【noindex】

こんにちは！bibiです。

今回も小ネタ！でもこれ、意外と重要なんです・・・

 

 

 

皆さんは、テストサーバーに作業途中のサイトを上げて

クライアントなどに確認するとき、どうしてます？（ざっくり）

 

 

 

・・・ふんふん・・・htaccessね。　まあそれは必要ですね。

 

・・・ほうほう・・・見やすくきれいに、まあそれは基本ですね。

 

 

実は一点、気を付けないといけないことがあるのです！！！（小声）

 

 

noindexとは

特定のURLを検索させないようにするためのメタタグです。

こちらを記述されたURLは、クローラーに検索させないようにと

意思を伝えるもので、上記設定をすれば、まあ検索に

拾われにくくなるわけですね。

 

何故重要？

じゃあ逆に聞きますけどね（逆ギレ）、 長い案件の場合、

テストサーバーにずっと置いときますよね、テストサイトを。

それが何かのタイミングでクローラーに見つかり、検索できるように

なってしまったりすると・・・

どうなると思います？普通に検索して、まだリリースされてない

サイトが他者に見られてしまうんですよ・・・？！

こうして、機密が流れていくことに繋がるんですよ・・・（怖い顔）

 

書き方は簡単！

head内のメタタグのところに以下を書き込むだけ！

ほんと簡単ですよ！

これでリンクや下の階層なんかも検索対象から外されます！

 

注意点！

くれぐれも、本番更新するときは外し忘れないように！！

本番環境のサイトが検索できないなんて、

恐怖以外の何物でもないですからね・・・（ニチャァ）

 

追記！

上記はhtmlの場合ですね！

ワードプレスはデフォルトでこの機能がついてます！

もっと細かくやりたい場合はプラグインの

All in One SEO Packなんかを入れて

設定すれば無問題です！！

 

それでは皆様、快適な社畜ライフを☆彡

投稿日:

スプレッドシートでプルダウンや色が変わる表を作る！

こんにちは！家では早くもレッグウォーマーとフリース装備、布団には湯たんぽを仕込んで白湯を飲んで寝る、寒がり変温動物のtutinokoです！

冬場は白湯を飲んでから寝ると、寝つきが良くなるのでオススメですよ！
沸かしたてのお湯は熱すぎて飲めないので、少しずつ水を足して飲みやすい温度に調節してます。

さてさて、最近は業務でGoogleスプレッドシートを使うことが多くて、表を作った後にこうした方が使いやすいかな…とカスタマイズなどをしたこともあります。
Excelでもバリバリ関数を使えるわけではないので、表に手を加えるのに毎度調べたり、前に作った表を見返したりなんかしてるのですよね。

そこで、自分用メモも兼ねて、プルダウンの作成や、特定の値が入力された際に行のセルの色が変化する表の作り方をご紹介します！

今回はスプレッドシートにこんな表を作りました！
どこか内容に間違ってる場所があっても、まぁ見逃してください…

まず、こちらのG列◯△×をプルダウンにしましょう！

G列の2〜14行目をぐいーっとドラッグします。

上部メニューのデータ→データの入力規則をクリックします。

先ほどドラッグした範囲がセル範囲に入力されています。これが今回プルダウンにしたい範囲ですね。
条件を「リストを直接指定」にしてカンマ区切りで◯△×を入力します。
「セルにプルダウンリストを表示」にチェックを入れて、保存ボタンを押します。

はい！これでプルダウンリストが作成されました！

次に、特定の文字列が入力されている行のセルの色を変更するように設定します。
ここでは同じくG列に×が入力された行をグレーにするように設定します。

まず、表のA2〜H14までをぐいーっとドラッグして選択します。
次に、上部メニューの表示形式→条件付き書式をクリックします。

すると、画面右側に条件を設定する欄が表示されますので、「セルの書式設定の条件」をカスタム数式に変更します。
すると、数式の入力欄が表示されますので、以下の数式を入力します。

これはG2以下のセルが×の値と一致する場合いう意味ですね。

セルの色のデフォルトが薄緑になってたので、グレーに変更します。

完了ボタンを押したら書式設定のルールが保存されます！
これをダブルクリックすると再編集も可能です。

そして表はこんな感じになってます。

×の入力されている行がグレーになっていますね！

もう一つ、H列に入力がある行をピンクに変えちゃいます。

再度、表のA2〜H14までをぐいーっとドラッグして選択します。
条件付き書式ルールの「新しい条件を追加」をクリックします。
カスタム数式の入力欄に以下の数式を入力します。

これはH2以下のセルの空白ではない場合という意味ですね。

このルールを保存すると、こんな表が完成します！

これを応用すれば便利な表が色々作れちゃうわけです！

効率よく仕事をするために、ぜひ覚えてみてくださいね！