【意外と重要!?】検索されない方法【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以下のセルの空白ではない場合という意味ですね。

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

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

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

2Dアニメーション!

最近ちょっとLive2DやらSpineやら、2Dアニメーション制作ツールに興味があるtaeminです!
一枚一枚手書きでパラパラ漫画のようにキャラクターを動かしていた時代から、一枚のイラストアニメーションを作ることが出来る時代に!!
時代も進化しましたね〜〜

てな訳で今回は簡単に、
2Dアニメーション制作ツールのご紹介です!

1. Live2Dhttp://www.live2d.com/ja/

また今年もLive2D Creative Awards 2018が始まりましたねー!
このブログを読んでくださっている方の中にも参加の方がいらっしゃるかも…?
国内で一番使われているツールだそうです!一番の有名どころ!
導入コストもリーズナブルで、初心者の方も手が出しやすい感じです!

2. Spinehttp://ja.esotericsoftware.com/

Live2Dよりコストはかかりますが、非常に汎用性が高く、使い勝手のよいツールであるとの評判です!
2Dキャラクターを3Dのように動かしたり、2D画面から3Dアニメーションも作ることが可能なほか、ファイルが軽量(!)という利点もあります。
日本語対応していない事が難点かも・・・?

3. SpriteStudiohttp://www.webtech.co.jp/spritestudio/

アニメーションの補間性能が良く、ぱっと見でとっつきやすい、日本語のチュートリアルサイトが豊富など、全体的に使いやすいとの評判です!
導入コストもまずまず・・・!

4. E-motehttps://emote.mtwo.co.jp/emofuri/

ビジュアル的になんだか特化した感のある見た目ですが、その通りです!(笑)
楽しく、ぬるぬる動くキャラクターを作りたい、そんなあなた!「楽をしたい」あなたにもピッタリ!
なんと!!!!!!無料!!!!!!!無!!!!!!!!!!料!!!!!!!!!!!!!!!
とりあえずダウンロードして探ってみてくれ!!!!!!!!!!!!

何種類かツールがあるので自分に合うのを探してみてくださいね~~!
では!

Macでのスクリーンショットの撮り方

 

こんにちは!

うどんブームもすっかり落ち着いた今日この頃、
はなまるうどんの温玉ぶっかけ + オリジナル醤油をかけながら食す!! にすっかりハマって「オリジナル醤油をぜひ販売して欲しい!!」と各店舗の店員さんに駄々をこねている、うどんブームがいま到来した鳩豆です!

先週のWindows10のスクリーンショットに続き、今週は Macでのスクリーンショットの撮り方をおさらいします!!

WindowsからMacに乗り換えてまだ間もない方は、Macでのスクリーンショットの撮り方に マゴマゴ してしまうのではないでしょうか?

今回はいわゆる画面キャプチャ—-
見ているPCモニターの画面を ショット!! する方法を見ていきます。(全体キャプチャ)
そのあと、「範囲を決めてキャプチャしたいよ。」の時の方法を見ていきます。(範囲キャプチャ)

 

 

まずは全体キャプチャ。

command + shift + 3

そうすると

(デフォルトでは)デスクトップに「スクリーンショット 2018-10-03 16.21.17」などのファイル名でpngファイルでスクリーンキャプチャが作られていると思います。

 

 

次に範囲キャプチャ。
例えば以下の範囲だけをどうしても画像保存したい時でしゅ。

command + shift + 4

画面上のマウスアイコンが選択十字に変わります。
ドラッグすると矩形が描かれ、その範囲がキャプチャされます。同じようにデスクトップにpngファイルができていると思います。

 

 

 

 

それでは素敵なうどんLifeを!!!
ではでは、また!

【ライフハック】超使える範囲指定のスクリーンショット!【win10】

こんにちは!bibiです。

前回の記事に引き続き、またまたライフハックということで
超絶便利機能をひとつ!

 

 

windows10にて、超絶便利な機能が追加されていることを
皆さんご存知でしょーか?

 

なんと!!範囲指定でスクリーンショットができるんです!!!

 

 

やり方は1手順のみ!
※3手順とか忘れちゃいますからね、当然ですよね!(ニワトリ)

 

windowsボタン + shift + s

 

ちょっと左手が攣りそうな押し方ですが、こちらを押すと、

 

 

 

~~~~~~~~~~~~!!!

 

 

 

な、なんと!!!!!!

 

 

 

 

画面が白くなったのがわかりますよね!!??

 

 

 

 

十字カーソルが出てきますので、これで範囲を選んだ瞬間にコピーされます!

 

 

※画像のスクショがとりずらいので、想像してください・・・
さあ、まずは手を動かしてやってみて!動かせオルァアァ!!

 

 

 

あとはエクセルに貼り付けるもよし、画像系のソフトに貼り付けるもよし。。

 

 

たくさんの画面をコピペして貼り付ける手順書の作成や、サンプル例など作るときはマストですよっ!

それでは、あなたも素敵な社畜ライフを★~